@charset "shift_jis";

/* Layout
------------------------------------------------------*/
/* all */
*{
letter-spacing:0.1em;
}
a{
color:#0066f4;
text-decoration:none;
cursor:pointer;
}
a:visited{
color:#0066f4;
}
a:hover{
color:#e40036;
text-decoration:underline;
}

/* header */
#header{
width:1000px;
margin:0 auto 10px auto;
padding:10px 0 0 0;
}
#header div.left{
float:left;
}
#header div.right{
width:500px;
margin:0;
padding:0;
float:right;
}
#header div.right p.link{
text-align:right;
}

.shopname{
margin:0 20px 10px 0;
padding:18px 0 0 0;
float:right;
}
.login,
.logout{
margin:0 0 30px 0;
float:right;
}
.login a{
display:block;
width:122px;
height:36px;
background:url("../img/btn_login.jpg") 0 0 no-repeat;
}
.login a:hover{
background:url("../img/btn_login_ov.jpg") 0 0 no-repeat;
}
.logout a{
display:block;
width:122px;
height:36px;
background:url("../img/btn_logout.jpg") 0 0 no-repeat;
}
.logout a:hover{
background:url("../img/btn_logout_ov.jpg") 0 0 no-repeat;
}
.login a span,
.logout a span{
display:none;
}


/* ground navigation */
#gn{
width:100%;
height:44px;
background:url("../img/bg_gn.jpg") 0 9px repeat-x;
clear:both;
overflow:hidden;
}
#gn ul{
width:1000px;
margin:0 auto;
padding:0;
list-style:none;
background:url("../img/bg_gn_vline.gif") 0 16px no-repeat;
}
#gn ul li{
padding-top:9px;
float:left;
}

#gn ul li a{
display:block;
width:180px;
height:35px;
}
#gn ul li a span{
display:none;
}

#gn ul li.home a{
width:60px;
background:url("../img/gn/gn_home.jpg") 0 0 no-repeat;
}
#gn ul li.recommend a{
background:url("../img/gn/gn_recommend.png") 0 0 no-repeat;
}
#gn ul li.special a{
background:url("../img/gn/gn_special.png") 0 0 no-repeat;
}
#gn ul li.kana a{
background:url("../img/gn/gn_kana.png") 0 0 no-repeat;
}
#gn ul li.publisher a{
background:url("../img/gn/gn_publisher.png") 0 0 no-repeat;
}
#gn ul li.mypage a{
background:url("../img/gn/gn_mtop.png") 0 0 no-repeat;
}
#gn ul li.result a{
background:url("../img/gn/gn_result.jpg") 0 0 no-repeat;
}
#gn ul li.mtop a{
background:url("../img/gn/gn_mtop.png") 0 0 no-repeat;
}

#gn ul li a:hover{
}
#gn ul li.home a:hover{
background:url("../img/gn/gn_homw_ov.jpg") 0 0 no-repeat;
}
#gn ul li.recommend a:hover{
background:url("../img/gn/gn_recommend_ov.png") 0 0 no-repeat;
}
#gn ul li.special a:hover{
background:url("../img/gn/gn_special_ov.png") 0 0 no-repeat;
}
#gn ul li.kana a:hover{
background:url("../img/gn/gn_kana_ov.png") 0 0 no-repeat;
}
#gn ul li.publisher a:hover{
background:url("../img/gn/gn_publisher_ov.png") 0 0 no-repeat;
}
#gn ul li.mypage a:hover{
background:url("../img/gn/gn_mtop_ov.png") 0 0 no-repeat;
}
#gn ul li.result a:hover{
background:url("../img/gn/gn_result_ov.jpg") 0 0 no-repeat;
}
#gn ul li.mtop a:hover{
background:url("../img/gn/gn_mtop_ov.png") 0 0 no-repeat;
}
#gn ul li a.now{
height:45px;
margin-top:-9px;
position:relative;
}
#gn ul.blue li.home a.now{
background:url("../img/gn/blue/gn_sdhome_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.recommend a.now{
background:url("../img/gn/blue/gn_recommend_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.special a.now{
background:url("../img/gn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.kana a.now{
background:url("../img/gn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.publisher a.now{
background:url("../img/gn/blue/gn_result_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.mypage a.now{
background:url("../img/gn/blue/gn_mtop.jpg") 0 0 no-repeat;
}
#gn ul.blue li.result a.now{
background:url("../img/gn/blue/gn_result_now.jpg") 0 0 no-repeat;
}
#gn ul.blue li.mtop a.now{
background:url("../img/gn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}

/* admin ground navigation */
#admingn{
width:100%;
height:44px;
background:url("../img/bg_gn.jpg") 0 9px repeat-x;
clear:both;
overflow:hidden;
}
#admingn ul{
width:1000px;
margin:0 auto;
padding:0;
list-style:none;
background:url("../img/bg_gn_vline.gif") 0 16px no-repeat;
}
#admingn ul li{
padding-top:9px;
float:left;
}

#admingn ul li a{
display:block;
width:180px;
height:35px;
}
#admingn ul li a span{
display:none;
}

#admingn ul li.home a{
width:60px;
background:url("../img/admingn/gn_home.jpg") 0 0 no-repeat;
}
#admingn ul li.infomation a{
background:url("../img/admingn/admin_news.png") 0 0 no-repeat;
}
#admingn ul li.mail a{
background:url("../img/admingn/admin_mail.png") 0 0 no-repeat;
}
#admingn ul li.import a{
background:url("../img/admingn/admin_import.png") 0 0 no-repeat;
}
#admingn ul li.publisher a{
background:url("../img/admingn/admin_tax.png") 0 0 no-repeat;
}
#admingn ul li.setting a{
background:url("../img/admingn/admin_tax.png") 0 0 no-repeat;
}
#admingn ul li.image a{
background:url("../img/admingn/admin_image.png") 0 0 no-repeat;
}
#admingn ul li.mtop a{
background:url("../img/admingn/gn_mtop.png") 0 0 no-repeat;
}

#admingn ul li a:hover{
}
#admingn ul li.home a:hover{
background:url("../img/admingn/gn_homw_ov.jpg") 0 0 no-repeat;
}
#admingn ul li.notice a:hover{
background:url("../img/admingn/admin_news_ov.png") 0 0 no-repeat;
}
#admingn ul li.mail a:hover{
background:url("../img/admingn/admin_mail_ov.png") 0 0 no-repeat;
}
#admingn ul li.import a:hover{
background:url("../img/admingn/admin_import_ov.png") 0 0 no-repeat;
}
#admingn ul li.setup a:hover{
background:url("../img/admingn/admin_tax_ov.png") 0 0 no-repeat;
}
#admingn ul li.logout a:hover{
background:url("../img/admingn/admin_logout_ov.png") 0 0 no-repeat;
}
#admingn ul li.mtop a:hover{
background:url("../img/admingn/gn_mtop_ov.png") 0 0 no-repeat;
}
#admingn ul li a.now{
height:45px;
margin-top:-9px;
position:relative;
}
#admingn ul.blue li.home a.now{
background:url("../img/admingn/blue/gjhgn_home_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.recommend a.now{
background:url("../img/admingn/blue/gn_recommend_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.special a.now{
background:url("../img/admingn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.kana a.now{
background:url("../img/admingn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.publisher a.now{
background:url("../img/admingn/blue/gn_result_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.result a.now{
background:url("../img/admingn/blue/gn_result_now.jpg") 0 0 no-repeat;
}
#admingn ul.blue li.mtop a.now{
background:url("../img/admingn/blue/gn_reserve_now.jpg") 0 0 no-repeat;
}
/* search area */
#search_area{
color:#ffffff;
clear:both;
}

#search_area div.wrapper{
width:1000px;
margin:0 auto;
padding:5px 0;
}
#search_area div.wrapper div.left{
width:650px;
float:left;
}
#search_area div.wrapper div.right{
width:350px;
text-align:right;
float:right;
}

#search_area form{
display:inline;
}
#search_area input{
padding:2px 2px 3px 2px;
border-top:1px #fafafa solid;
border-right:1px #666666 solid;
border-bottom:1px #666666 solid;
border-left:1px #fafafa solid;
background-color:#ffffff;
vertical-align:-1px;
}
.point{
cursor:pointer;
}
#search_area select{
vertical-align:-1px;
}

#search_area input.ye{
padding:2px 2px 1px 2px;
border-top:1px #ffff33 solid;
border-right:1px #886b12 solid;
border-bottom:1px #886b12 solid;
border-left:1px #ffff33 solid;
background:url("../img/bg_input_btn_ye.jpg") 0 0 repeat-x;
background-color:#886b12;
vertical-align:-2px;
}
#search_area input.ye:hover{
background-image:none;
background:url("../img/bg_input_btn_ye_ov.jpg") 0 0 repeat-x;
background-color:#886b12;
}




/* Classification */
.classification{
width:1000px;
margin:0 auto 6px auto;
padding:8px 0;
color:#ffffff;
font-weight:bold;
font-size:108%;
text-align:center;
background-color:#333333;
background:url("../img/bg_classification_bl.jpg") 0 0 no-repeat;
}


/* contents */
#contents{
width:1000px;
margin:0 auto;
padding:20px 0;
clear:both;
}
#information{
width:1000px;
margin:0 auto;
padding:0px 0;
clear:both;
}

.item,.item_x2{
margin:0 0 20px 0;
padding:10px;
border:1px #dadada solid;
background-color:#f0f8ff;
}
.item input,.item_x2 input{
cursor:pointer;
}

.topinformation{
margin:0 0 0px 0;
padding:10px;
border:1px #dadada solid;
background-color:#fcfcfc;
}
.topinformation h3{
color: #fc0505;
}
.topitem{
margin:0 0 20px 0;
padding:10px;
border:1px #dadada solid;
background-color:#fcfcfc;
}
.topitem h3{
color: #fc0505;
}

/* block01 */
#contents div.block01{
clear:both;
}
#contents div.block01 div.left{
width:475px;
float:left;
}
#contents div.block01 div.right{
width:475px;
float:right;
}

/* block02 */
#contents div.block02 div.left{
width:490px;
float:left;
}
#contents div.block02 div.right{
width:490px;
float:right;
}
.banner_area{
margin:0 0 30px 0;
}

/* block02 div x2 */
#contents div.block02 div.item_x2 div.left{
width:225px;
float:left;
}
#contents div.block02 div.item_x2 div.right{
width:225px;
float:right;
}

/* information */
.information{
clear:both;
width:450px;
margin:0 0 20px 3px;
padding:10px;
background-color:#f0f8ff;
float:left;
text-align: left;
}

/* footer */
#footer{
padding:20px;
color:#ffffff;
text-align:center;
}
#footer a{
color:#ffffff;
}
#footer a:hover{
}
.copyright{
margin:20px 0 0 0;
}


/* text
------------------------------------------------------*/
h2.h2_information{
width:1000px;
height:30px;
background:url("../img/h2/h2_information.gif") 0 0 no-repeat;
text-align:right;
}
h2.h2_information span{
display:none;
}
#contents div.block01 h2.h2_information a img{
cursor:pointer;
}
h3{
margin:0 0 10px 0;
padding:5px 0 2px 22px;
font-size:108%;
line-height:120%;
letter-spacing:0.15em;
border-bottom:2px #0354c4 solid;
background:url("../img/bg_h3.gif") 2px 8px no-repeat;
clear:both;
}
#contents p{
margin:0 0 10px 0;
padding:0 10px;
line-height:140%;
}
#contents ul{
margin-top:0;
margin-bottom:15px;
}
#contents ul li{
margin-bottom:8px;
}


/* etc
------------------------------------------------------*/
/* border */
ul.border_dotted{
margin:0 0 15px 0;
padding:0 0 15px 30px;
border-bottom:1px #cccccc dotted;
}

/* text-align */
.txt_left{
text-align:left;
}
.txt_center{
text-align:center;
}
.txt_right{
text-align:right;
}
.bottom_button{
margin:0 0 30px 0;
text-align:center;
}
.bottom_button input{
vertical-align:-7px;
}

/* Banner Area */
#banner_area{
margin:0 0 20px 0;
}
#banner_area a{
display:block;
width:490px;
height:80px;
margin:0;
padding:20px 0 0 0;
text-decoration:none;
}
#banner_area a p.title{
margin:0 0 0 0;
color:#ffffff;
font-size:190%;
font-weight:bold;
line-height:1.7em;
letter-spacing:0;
}
#banner_area a p.text{
color:#000000;
font-weight:bold;
}
@-moz-document url-prefix() {#banner_area a p.title{
margin:0 0 2px 0;
}}
#banner_area a.blue{
background:url("../../img/banner_blue.jpg") 0 0 no-repeat;
}
#banner_area a.blue:hover{
background:url("../../img/banner_blue_ov.jpg") 0 0 no-repeat;
}
#banner_area a.green{
background:url("../../img/banner_green.jpg") 0 0 no-repeat;
}
#banner_area a.green:hover{
background:url("../../img/banner_green_ov.jpg") 0 0 no-repeat;
}

.pagetop{
margin:0 0 15px 0;
}
.pagetop a{
display:block;
width:120px;
height:20px;
background:url("../img/btn_pagetop.jpg") 0 0 no-repeat;
float:right;
}
.pagetop a:hover{
background:url("../img/btn_pagetop_ov.jpg") 0 0 no-repeat;
cursor:pointer;
}
.pagetop a span{
display:none;
}