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


/* in-head */

#in_head{
width:980px;
margin:0 auto;
}
#in_head h1{
margin:0;
padding:0;
background:url(../images/in_head.gif) no-repeat top;
width:980px;
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 63px 0 66px;
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 */
p.cancel { 
font-size:0.8em; 
line-height:1.2em; 
margin:0;
padding:10px 4px 0 4px;
background:#fff url(../images/soldout_up.gif) no-repeat top;
}
p.cancel strong{ font-weight:bold; color:#FF3300; font-size:1.2em;}
p.so_b {
margin:0;
padding:0;
height:8px;
background:#fff url(../images/soldout_bottom.gif) no-repeat bottom;
}

#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:60px;
}
#shop p#attention {
width:764px;
height:63px;
padding:15px 10px 0 10px;
font-size:0.9em;
line-height:1.2em;
background:url(../images/bg_attention.gif) repeat;
}
#shop p#attention2 {
width:764px;
height:63px;
margin-top:-5px;
padding:16px 10px 0 10px;
font-weight:bold;
font-size:0.9em;
line-height:1.4em;
background:url(../images/bg_attention2.gif) no-repeat #FFFEE7;
}

#shop p#shop_catch {
background:url(../images/shop_catch02.gif) no-repeat;
width:739px;
height:54px;
padding:5px 0 0 45px;
font-weight:bold;
line-height:1.0em;
clear:both;
}
#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;
}
#kokumin p#booth_catch_k{
	margin:5px 10px;
}

#shop div dl {
background:#FBF0DE url(../images/booth_bottom.gif) no-repeat bottom;
margin-top:10px;
}
#shop div dl dt {
float:left;
width:165px;
_width:167px;
padding:2px 5px 2px 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:155px;
padding:10px 0 5px 0;
color:#C01D02;
font-size:0.8em;
font-weight:bold;
line-height:1.2em;
}

#shop div dl dd img {margin-bottom:5px;}
#shop div#syokunin {background:url(../images/syokunin_bg.gif) no-repeat top; margin-left:5px;}
#shop div#kishi {background:url(../images/kishi_bg.gif) no-repeat top;}
#shop div#jou {background:url(../images/jou_bg.gif) no-repeat top;}
#shop div#toy {background:url(../images/toy_bg.gif) no-repeat top; margin-left:5px;}
#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;
}
#shop div#o-kokumin{
	width:100% !important;
	padding:0 !important;
	background:transparent url(../images/shop_bg02.gif) repeat-y;
}
#shop div#kokumin {
	margin-left:5px;
	width:740px;
}
#in-kokumin{
	width:736px !important;
	padding:0 !important;
	margin:0 !important;
	overflow:hidden;
	margin-bottom:10px;
}
#koku-left{
	width:350px;
	float:left;
	padding:0 !important;
	background:url(../images/kokumin_bg.gif) no-repeat top;
	height:auto;
}
#shop div#kokumin dl{
	padding-top:2px;
	margin-top:15px;
	float:right;
	width:350px;
}
#koku-left #ninki{
	margin:0 15px;
}
p#koku-txt{
	padding:0 0 0px 16px;
}
/***sp***/
div.sp-tl{
	width:340px !important;
	margin:10px 0 10px 11px;
	padding:0 !important;
}
div.sp-tl p.mar-b5{
	margin-bottom:5px;
}
/* point */

#point{
background-color:#F5E2C4;
width:784px;
margin:0 auto;
}
#point h2{
width:784px;
padding-top:73px;
background:url(../images/point2_t.gif) no-repeat;
margin:0;
}
#point ul{
width:760px;
margin:0 auto;
}
#point ul li{list-style:none;}
p#point_bottom{
width:784px;
background:url(../images/point2_bottom.gif) no-repeat;
height:10px;
margin:0 auto;
}


/* 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:635px;
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:#fff 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;
}
#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;
}
#access{
position:relative;
}
#access a{
	position: absolute;
	top:284px;
	left:240px;
	display:block;
	width:144px;
	height:100px;
}
#access a:hover{
background:url(../images/map_ov.gif) no-repeat top;
}
#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;
}


/* how */
#ttl_area{
	background:url(../images/event/eve01_bg.gif) no-repeat;
	width:823px;
	height:122px;
	margin:0px auto;
	text-align:center;
	padding:0;
}
#ttl_area h1{
	padding-top:25px;
	width:768px;
	height:38px;
	margin:0 auto;
}
#ttl_area #btn_sche{
	text-align:right;
	margin:0px 25px 0 0;
	padding:0;
}