@charset "shift_jis";
@import url(common.css);
@import url(../../../css/clear.css);

/* in-head */

#in_head{
width:1024px;
margin:0 auto;
}
#in_head h1{
margin:0;
padding:0;
background:url(../images/in_head.gif) no-repeat top;
width:1024px;
height:110px;
}
#in_head h1 a{
display:block;
width:477px;
height:0px;
padding-top:110px;
overflow:hidden;
margin-left:87px;
}

/* in-menu */

ul#in_menu{
background:url(../images/in_menu_bg.gif) no-repeat top;
width:851px;
height:63px;
margin:0 auto;
padding:0 85px 0 88px;
_padding:0 85px 0 85px;
clear:both;
}
ul#in_menu li{
float:left;
}
ul#in_menu li#in_shop_now,ul#in_menu li#in_how_now,ul#in_menu li#in_term_now,ul#in_menu li#in_access_now,ul#in_menu li#in_qa_now{
height:0;
padding-top:61px;
overflow:hidden;
display:block;
margin:0;
}
ul#in_menu li a{
height:0;
padding-top:61px;
overflow:hidden;
display:block;
margin:0;
}
ul#in_menu li#in_top a{
background:url(../images/in_menu_top.gif) no-repeat top;
width:146px;
}
ul#in_menu li#in_top a:hover{
background:url(../images/in_menu_top_ov.gif) no-repeat top;
}
ul#in_menu li#in_shop_now{
background:url(../images/in_menu_shop_now.gif) no-repeat top;
width:170px;
}
ul#in_menu li#in_shop a{
background:url(../images/in_menu_shop.gif) no-repeat top;
width:170px;
}
ul#in_menu li#in_shop a:hover{
background:url(../images/in_menu_shop_ov.gif) no-repeat top;
}
ul#in_menu li#in_how_now{
background:url(../images/in_menu_how_now.gif) no-repeat top;
width:113px;
}
ul#in_menu li#in_how a{
background:url(../images/in_menu_how.gif) no-repeat top;
width:113px;
}
ul#in_menu li#in_how a:hover{
background:url(../images/in_menu_how_ov.gif) no-repeat top;
}
ul#in_menu li#in_term_now{
background:url(../images/in_menu_term_now.gif) no-repeat top;
width:113px;
}
ul#in_menu li#in_term a{
background:url(../images/in_menu_term.gif) no-repeat top;
width:113px;
}
ul#in_menu li#in_term a:hover{
background:url(../images/in_menu_term_ov.gif) no-repeat top;
}
ul#in_menu li#in_access_now{
background:url(../images/in_menu_access_now.gif) no-repeat top;
width:150px;
}
ul#in_menu li#in_access a{
background:url(../images/in_menu_access.gif) no-repeat top;
width:150px;
}
ul#in_menu li#in_access a:hover{
background:url(../images/in_menu_access_ov.gif) no-repeat top;
}
ul#in_menu li#in_qa_now {
background:url(../images/in_menu_qa_now.gif) no-repeat top;
width:159px;
}
ul#in_menu li#in_qa a{
background:url(../images/in_menu_qa.gif) no-repeat top;
width:159px;
}
ul#in_menu li#in_qa a:hover{
background:url(../images/in_menu_qa_ov.gif) no-repeat top;
}


/* shop */

#shop {
background:url(../images/shop_bg.gif) repeat-y;
width:784px;
margin:0 auto;
overflow:hidden;
}
#shop h2 {
background:url(../images/shop_t.gif) no-repeat top;
width:784px;
padding-top:63px;
}
#shop p#shop_catch {
background:url(../images/shop_catch.gif) no-repeat;
width:739px;
height:39px;
padding:20px 0 0 45px;
font-weight:bold;
}
#shop div {
width:350px;
padding:0 18px;
float:left;
}
#shop div p.booth_catch{
color:#EB5A18;
font-weight:bold;
margin:10px 0 0 10px;
}
#shop div p.booth_line{
width:784px;
height:18px;
clear:both;
}
#shop div dl {
background:#FBF0DE url(../images/booth_bottom.gif) no-repeat bottom;
margin-top:10px;
}
#shop div dl dt {
float:left;
width:169px;
_width:165px;
padding:10px 5px 0 10px;
font-size:0.9em;
}
#shop div dl dt.booth_detail{
padding:5px 5px 3px 10px;
}
#shop div dl dt p.price {
font-weight:bold;
font-size:1.2em;
}
#shop div dl dd {
float:left;
width:161px;
padding:5px 5px 5px 0;
}

#shop div#kokumin {
background:url(../images/kokumin_bg.gif) no-repeat top;
margin-left:5px;
}
#shop div#syokunin {
background:url(../images/syokunin_bg.gif) no-repeat top;
}
#shop div#jou {
background:url(../images/jou_bg.gif) no-repeat top;
margin-left:5px;
}
#shop div#toy {
background:url(../images/toy_bg.gif) no-repeat top;
}
#shop div#osama {
background:url(../images/osama_bg.gif) no-repeat top;
margin-left:5px;
}
#shop div#gaiheki {
background:url(../images/gaiheki_bg.gif) no-repeat top;
}
#shop p#shop_bottom{
background:url(../images/shop_bottom.gif) no-repeat top;
width:784px;
height:21px;
clear:both;
}


/* how */

#how_title {
width:777px;
margin:0 auto;
overflow:hidden;
}
#how_title h2 {
background:url(../images/how_t.gif) no-repeat top;
width:247px;
padding-top:66px;
float:left;
}
#how_title p {
background:url(../images/how_copy.gif) no-repeat top;
float:left;
width:530px;
height:33px;
text-align:center;
margin:0;
padding-top:33px;
}
ul#how_menu{
background:url(../images/how_menu_bg.gif) no-repeat top;
width:777px;
height:33px;
margin:0 auto;
clear:both;
}
ul#how_menu li{
float:left;
}
ul#how_menu li a{
height:0;
padding-top:33px;
overflow:hidden;
display:block;
margin:0;
}
ul#how_menu li#how_hp a{
background:url(../images/how_menu_hp.gif) no-repeat top;
width:175px;
}
ul#how_menu li#how_hp a:hover{
background:url(../images/how_menu_hp_ov.gif) no-repeat top;
}
ul#how_menu li#how_post a{
background:url(../images/how_menu_post.gif) no-repeat top;
width:158px;
}
ul#how_menu li#how_post a:hover{
background:url(../images/how_menu_post_ov.gif) no-repeat top;
}
ul#how_menu li#how_date a{
background:url(../images/how_menu_date.gif) no-repeat top;
width:219px;
}
ul#how_menu li#how_date a:hover{
background:url(../images/how_menu_date_ov.gif) no-repeat top;
}
ul#how_menu li#how_member a{
background:url(../images/how_menu_member.gif) no-repeat top;
width:225px;
}
ul#how_menu li#how_member a:hover{
background:url(../images/how_menu_member_ov.gif) no-repeat top;
}
#hp,#post,#date,#member {
width:777px;
margin:10px auto;
background:url(../images/how_bg.gif) repeat-y;
line-height:1.5em;
}
#hp h3 {
background:url(../images/hp_t.gif) no-repeat top;
width:777px;
padding-top:50px;
}
#hp div.hp_txt{
width:757px;
padding:0 0 0 20px;
}
#hp div.hp_txt p.mobile{
background:url(../images/hp_arrow.gif) no-repeat bottom right;
width:650px;
margin-top:10px;
float:left;
}
#hp div.hp_txt img {
float:right;
margin-right:20px;
}
p.how_bottom {
background:url(../images/how_bottom.gif) no-repeat bottom right;
width:777px;
height:14px;
clear:both;
}

#post h3 {
background:url(../images/post_t.gif) no-repeat top;
width:777px;
padding-top:50px;
}
#post dl {
width:777px;
padding:5px 0;
}
#post dt {
width:125px;
float:left;
text-align:right;
}
#post dd {
width:622px;
padding:0 20px 0 10px;
float:left;
min-height:29px;
}
#post dd.step_txt {
padding-top:3px;
padding-bottom:3px;
_height:29px;
}
#post dd.post_line {
background:url(../images/post_line.gif) no-repeat top;
width:777px;
height:15px;
clear:both;
margin:10px 0 5px 0;
padding:0;
}
#date h3 {
background:url(../images/date_t.gif) no-repeat top;
width:777px;
padding-top:42px;
}
#date div.date_txt{
width:757px;
padding:5px 0 0 20px;
}

#date div.date_txt p.date_im {
background:url(../images/date_bg.gif) no-repeat top;
color:#FFF;
font-weight:bold;
width:250px;
height:27px;
padding-top:8px;
text-align:center;
margin-bottom:15px;
}
#member h3 {
background:url(../images/member_t.gif) no-repeat top;
width:777px;
padding-top:50px;
}
#member div.member_txt{
width:757px;
padding:5px 0 0 20px;
}


/*term*/

#term {
background:url(../images/how_bg.gif) repeat-y;
width:777px;
margin:0 auto;
overflow:hidden;
font-size:0.9em;
}
#term h2 {
background:url(../images/term_t.gif) no-repeat top;
width:777px;
padding-top:77px;
}
#term h3 {
background:url(../images/term_subt.gif) no-repeat top;
width:777px;
padding-top:48px;
}
#term h4 {
background:#FCF2E0 url(../images/term_cap.gif) no-repeat top;
width:706px;
height:24px;
padding:6px 0 0 30px;
margin:10px 20px;
font-weight:bold;
font-size:1.2em;
clear:both;
}
#term p#attention{
font-weight:bold;
margin:10px 30px;
}
#term dl {
width:686px;
margin:0 40px 0 50px;
padding-bottom:10px;
}
#term dl dt,#term dl dd{
float:left;
padding-top:10px;
}
#term dl dt{
width:30px;
}
#term dl dd{
width:650px;
_width:648px;
padding-left:6px;
}
#term  div.term_line {
background:url(../images/post_line.gif) no-repeat top;
width:777px;
clear:both;
margin:10px 0 5px 0;
}
#term  div.term_line dl {
padding-top:30px;
}
#term  div.term_line dt {
width:15px;
text-align:right;
padding-top:0;
}
#term  div.term_line dd {
width:655px;
_width:653px;
padding-top:0;
}
.star {
color:#F30;
}


/*access*/

#access_title {
width:777px;
margin:0 auto;
overflow:hidden;
}
#access_title h2 {
background:url(../images/access_t.gif) no-repeat top;
width:340px;
padding-top:77px;
float:left;
}
#access_title div#access_menubox {
background:url(../images/access_menu_bg.gif) no-repeat top;
float:left;
width:437px;
height:77px;
margin:0;
}
ul#access_menu{
background:url(../images/access_menu_list.gif) no-repeat top;
width:420px;
height:33px;
margin:20px auto 0 auto;
}
ul#access_menu li{
float:left;
}
ul#access_menu li a{
width:210px;
height:0;
padding-top:33px;
overflow:hidden;
display:block;
margin:0;
}
ul#access_menu li#access_mtrain a{
background:url(../images/access_menu_train.gif) no-repeat top;
}
ul#access_menu li#access_mtrain a:hover{
background:url(../images/access_menu_train_ov.gif) no-repeat top;
}
ul#access_menu li#access_mcar a{
background:url(../images/access_menu_car.gif) no-repeat top;
}
ul#access_menu li#access_mcar a:hover{
background:url(../images/access_menu_car_ov.gif) no-repeat top;
}
#access,#train,#car {
background:url(../images/how_bg.gif) repeat-y;
width:777px;
margin:0 auto;
overflow:hidden;
font-size:0.9em;
text-align:center;
}
#train h3{
background:url(../images/access_train_t.gif) no-repeat top;
width:777px;
padding-top:71px;
}
#car h3{
background:url(../images/access_car_t.gif) no-repeat top;
width:777px;
padding-top:71px;
}


/*qa*/

#qa {
background:url(../images/how_bg.gif) repeat-y;
width:777px;
margin:0 auto;
overflow:hidden;
}
#qa h2 {
background:url(../images/qa_t.gif) no-repeat top;
width:777px;
padding-top:77px;
}

#qa dt {
background:url(../images/qa_qbg.gif) no-repeat top;
width:695px;
height:37px;
margin:10px auto;
padding:7px 0 0 35px;
font-weight:bold;
color:#4B2D01;
}
#qa dd {
width:650px;
margin:0 auto 10px auto;
}
#qa dd.qa_line {
background:url(../images/post_line.gif) no-repeat top;
width:777px;
height:15px;
}