@charset "shift_jis";
/* =========================================

(C) TOKEN second CSS

============================================ */

/* content BEGIN
-------------------------------------------- */
#content{
margin: 0 19px 0 3px;
}

/* 休暇のお知らせ（夏季休暇が終わったら削除）
--------------------------------- */
div.inquiry p.bigtitle{
	margin: 0 0 5px 0;
}
#information{
	border: 2px solid #ff0000;
	margin: 0 0 10px 0;
	padding: 5px 10px 3px 5px;
	line-height: 120%;
	/*background: url(../image/info_bg.gif) no-repeat 0 0;*/
	}
#information p{
	color: #cc0000;
	}
	
/* maincolumn BEGIN
-------------------------------------------- */
#maincolumn{
float: right;
width: 620px;
margin: 0 0 15px 0;
}

#maincolumn h2{
font-size: 100%;
}

/* ---- routesection BEGIN ---- */
#maincolumn div.routesection{
margin: 0;
}

#maincolumn div.routesection dl{
height: 44px;
background: url(../image_cmn/title_second_bg.gif) repeat-x left bottom;
position: relative;
}

#maincolumn div.routesection dl dd{
position: absolute;
top: 17px;
right: 0;
}

#maincolumn p.backmove{
margin: 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid f666666;
text-align: right;
}

#maincolumn div.movearea{
width: 620px;
height: 38px;
margin: 0 0 10px 0;
border-bottom: 1px solid #666666;
position: relative;
}

#maincolumn div.movearea p.subtitle{
position: absolute;
top: 8px;
left: 0;
}

#maincolumn div.movearea p.backmove{
margin: 0;
padding: 0;
border: none;
position: absolute;
top: 12px!important;
top: 9px;
right: 115px;
}

#maincolumn div.movearea p.itemlist{
position: absolute;
top: 5px;
right: 0;
}


/* ---- mainsection BEGIN ---- */
div.mainsection{
}

#maincolumn div.section{
clear: both;
width: 356px;
}

#maincolumn div.section h2{
margin: 0 0 7px 0;
}

#maincolumn div.section h2 span{
display: block;
text-indent: -9999px;
}

#maincolumn div.section h2 a{
display: block;
overflow: hidden;
width: 355px;
height: 50px;
}

#maincolumn div.section p{
float: left;
width: 184px;
margin: 0 0 15px 0;
}

#maincolumn div.section dl{
float: right;
width: 162px;
height: auto!important;
height: 78px;
margin: 0 0 15px 0;
border: 1px solid #990000;
background: url(../image_cmn/ttl_pickup.gif) no-repeat;
}

#maincolumn div.section dl dt{
margin: 20px 58px 2px 2px;
}

#maincolumn div.section dl dt.imgarea{
float: right;
width: 58px;
height: 58px;
margin: 20px 0 0 0;
}

#maincolumn div.section dl dt.imgarea img{
margin: 0 2px 0 0;
}

#maincolumn div.section dl dd{
margin: 0 61px 0 2px;
padding: 0 0 2px 0;
font-size: 85%;
}



/* mainmenu BEGIN
-------------------------------------------- */
#mainmenu {
float: left;
width: 140px;
height:1%;
margin: 0 0 15px 0;
}

#mainmenu dl{
margin: 3px 0 0 0;
}

#mainmenu dl.mm01{ height: 79px; background: url(/image_cmn/menu_back02.gif) no-repeat; }
#mainmenu dl.mm02{ height: 79px; background: url(/image_cmn/menu_ir2_b.gif) no-repeat; }		
#mainmenu dl.mm03{ height: 79px; background: url(/image_cmn/menu_president2_b.gif) no-repeat; }		

#mainmenu dl.mm03 dd{
color: #ffffff;
}

#mainmenu dl dd{
margin: 2px 5px 3px 5px;
font-size: 85%;
}

#mainmenu dl.banner {
width: 127px;
margin: 5px 0 0 5px;
}

#mainmenu dl.banner dd{
padding: 0 0 0 9px;
background: url(/image_cmn/btn_02.gif) no-repeat 0 4px;
}



/* bottommenu BEGIN
-------------------------------------------- */
#bottommenu{
margin: 0 18px 0 160px;
}



/* about_page
-------------------------------------------- */
div.about div#companysc{
background: url(../about_token/image_cmn/big_img01.jpg) no-repeat 358px 60px;
}

div.about div#groupsc{
background: url(../about_token/image_cmn/big_img02.jpg) no-repeat 358px 60px;
}

div.about div#tieupsc{
height: 476px;
background: url(../about_token/image_cmn/big_img03.jpg) no-repeat 358px 60px;
}

div.about div.aboutsection{
width: 600px;
margin: 0 10px;
padding: 0 0 10px 0;
}

div.about div.aboutsection h2{
margin: 0 0 10px 0;
}

div.about div.aboutsection ul{
list-style: none;
}

div.about div.aboutsection ul.listgroup{
width: 348px;
}

div.about div.aboutsection ul.listgroup li{
margin: 0 0 6px 0;
}

div.about div.aboutsection ul.listgroup li a{
font-size: 115%;
}


div.about div.aboutsection ul.listgroup li ul li{
padding: 0 0 5px 13px;
background: url(/image_cmn/btn_01.gif) no-repeat 0 5px;
border-bottom: 1px dotted #777777;
}

div.about div.aboutsection ul.listgroup li span{
font-size: 120%;
font-weight: bold;
}

div.about div.aboutsection ul.listgroup li.glist01 li.complist{
float: left;
width: 164px;
padding: 0 0 5px 10px;
background: url(/image_cmn/btn_012.gif) no-repeat 0 5px;
border-bottom: 1px dotted #cccccc;
}

div.about div.aboutsection ul.listgroup li.glist01 li.complist a{
font-size: 100%;
}

div.about div.aboutsection ul.listgroup li.glist02{
clear: both;
border: none;
}

div.about div.aboutsection ul.listgroup li.glist02 ul li{
float: left;
width: 161px;
padding: 0 0 5px 13px;
border-bottom: 1px dotted #777777;
background: url(/image_cmn/btn_01.gif) no-repeat 0 5px;
}

div.about div.aboutsection ul.listgroup li.glist02 ul li a{
font-size: 100%;
}

div.about div.aboutsection ul.listgroup li.glist03{
clear: both;
}

div.about div.aboutsection ul.listgroup ul li.factory{
padding: 0 0 5px 10px;
background: url(/image_cmn/btn_012.gif) no-repeat 0 5px;
}

div.about div.aboutsection ul.listgroup ul li.factory a{
font-size: 100%;
}

div.about div.aboutsection p{
margin: 0 0 3px 0;
font-size: 85%;
}


/* pr_page
-------------------------------------------- */
div.pr div.mainsection{
height: auto;
background: url(../pr/image_cmn/big_img01.jpg) no-repeat right top;
}

div.pr div.section h2.subtitle01 a{ background: url(../pr/image/sub_title.gif) no-repeat 0 0; }
div.pr div.section h2.subtitle02 a{ background: url(../pr/image/sub_title.gif) no-repeat -357px 0; }
div.pr div.section h2.subtitle03 a{ background: url(../pr/image/sub_title.gif) no-repeat -714px 0; }
div.pr div.section h2.subtitle04 a{ background: url(../pr/image/sub_title.gif) no-repeat -1071px 0; }

div.pr div.section h2.subtitle01 a:hover{ background: url(../pr/image/sub_title.gif) no-repeat 0 -50px; }
div.pr div.section h2.subtitle02 a:hover{ background: url(../pr/image/sub_title.gif) no-repeat -357px -50px; }
div.pr div.section h2.subtitle03 a:hover{ background: url(../pr/image/sub_title.gif) no-repeat -714px -50px; }
div.pr div.section h2.subtitle04 a:hover{ background: url(../pr/image/sub_title.gif) no-repeat -1071px -50px; }


/* tv_page
-------------------------------------------- */
div.tokentv table div{
font: 85% Arial, Helvetica, sans-serif;
}

div.tokentv table td.chinfo{
font: 110% Arial, Helvetica, sans-serif;
}

div.tokentv td.adjust{
font: 20% Arial, Helvetica, sans-serif;
}

div.tokentv td.keepthetop img{
vertical-align: top;
}

div.tokentv td.keepthetop{
vertical-align: top;
}

div.tv table div{
width: 88px;
}

div.tv table div.style2{
width: auto;
}

div.tv table td{
}




/* tochi_page
-------------------------------------------- */
div.tochi div.mainsection{
background: url(../tochi/image_cmn/big_img01.jpg) no-repeat right top;
}

div.tochi div.section h2.subtitle01 a{ background: url(../tochi/image/sub_title.gif) no-repeat 0 0; }
div.tochi div.section h2.subtitle02 a{ background: url(../tochi/image/sub_title.gif) no-repeat -357px 0; }
div.tochi div.section h2.subtitle03 a{ background: url(../tochi/image/sub_title.gif) no-repeat -714px 0; }

div.tochi div.section h2.subtitle01 a:hover{ background: url(../tochi/image/sub_title.gif) no-repeat 0 -50px; }
div.tochi div.section h2.subtitle02 a:hover{ background: url(../tochi/image/sub_title.gif) no-repeat -357px -50px; }
div.tochi div.section h2.subtitle03 a:hover{ background: url(../tochi/image/sub_title.gif) no-repeat -714px -50px; }


/* tochi_structure_page
-------------------------------------------- */
div.structure div.mainsection{
background: url(../shohin/structure/image/big_img01.jpg) no-repeat right top;
}

div.structure p.lead01{
margin: 0 0 10px 0;
}

div.structure div.section h2.subtitle01 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat 0 0; }
div.structure div.section h2.subtitle02 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -357px 0; }
div.structure div.section h2.subtitle03 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -714px 0; }
div.structure div.section h2.subtitle04 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1071px 0; }
div.structure div.section h2.subtitle05 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1428px 0; }
div.structure div.section h2.subtitle06 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1785px 0; }
div.structure div.section h2.subtitle07 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -2142px 0; }
div.structure div.section h2.subtitle04_0 a{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -2499px 0; }

div.structure div.section h2.subtitle01 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat 0 -50px; }
div.structure div.section h2.subtitle02 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -357px -50px; }
div.structure div.section h2.subtitle03 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -714px -50px; }
div.structure div.section h2.subtitle04 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1071px -50px; }
div.structure div.section h2.subtitle05 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1428px -50px; }
div.structure div.section h2.subtitle06 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -1785px -50px; }
div.structure div.section h2.subtitle07 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -2142px -50px; }
div.structure div.section h2.subtitle04_0 a:hover{ background: url(../shohin/structure/image/sub_title.gif) no-repeat -2499px -50px; }


/* tochi_juryo_page
-------------------------------------------- */
div.juryo div.mainsection{
background: url(../shohin/juryo/image_cmn/big_img01.jpg) no-repeat right top;
}

div.juryo p.lead01{
margin: 0 0 10px 0;
}

div.juryo div.section h2.subtitle01 a{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat 0 0; }
div.juryo div.section h2.subtitle02 a{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat -357px 0; }
div.juryo div.section h2.subtitle03 a{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat -714px 0; }

div.juryo div.section h2.subtitle01 a:hover{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat 0 -50px; }
div.juryo div.section h2.subtitle02 a:hover{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat -357px -50px; }
div.juryo div.section h2.subtitle03 a:hover{ background: url(../shohin/juryo/image/sub_title.gif) no-repeat -714px -50px; }


/* shohin_page
-------------------------------------------- */
div.shohin div.mainsection{
background: url(../shohin/image_cmn/big_img01.jpg) no-repeat right top;
}

div.shohin div.section h2.subtitle01 a{ background: url(../shohin/image/sub_title.gif) no-repeat 0 0; }
div.shohin div.section h2.subtitle02 a{ background: url(../shohin/image/sub_title.gif) no-repeat -357px 0; }
div.shohin div.section h2.subtitle03 a{ background: url(../shohin/image/sub_title.gif) no-repeat -714px 0; }

div.shohin div.section h2.subtitle01 a:hover{ background: url(../shohin/image/sub_title.gif) no-repeat 0 -50px; }
div.shohin div.section h2.subtitle02 a:hover{ background: url(../shohin/image/sub_title.gif) no-repeat -357px -50px; }
div.shohin div.section h2.subtitle03 a:hover{ background: url(../shohin/image/sub_title.gif) no-repeat -714px -50px; }


/* all_shohin_page
-------------------------------------------- */
div.allshohin div.mainsection{
height: auto;
}

div.allshohin div.shohinsection{
width: 600px;
margin: 0 10px;
}

div.allshohin div.shohinsection h3{
clear: both;
margin:10px 0 0 0;
}

div.allshohin div.shohinsection h3.kodate_bunjyou{
clear: both;
margin:30px 0 15px 0;
}

div.allshohin div.shohinsection h4{
clear: both;
margin:0px 0 0 0;
}

div.allshohin div.shohinsection h5{
clear: both;
margin:10px 0 0 0;
}

div.allshohin div.shohinsection ul{
list-style: none;
margin: 5px 0 0 0;
}

div.allshohin div.shohinsection ul li.list01{
float: left;
width: 275px;
}
div.allshohin div.shohinsection ul li.clear{
clear:both;
}


div.allshohin div.shohinsection ul li.list02{
float: right;
width: 275px;
}

div.allshohin div.shohinsection ul li ul{
width: 275px;
margin: 0 0 6px 0;
border-bottom: 1px dotted #777777;
}

div.allshohin div.shohinsection ul li ul li{
padding: 0 0 5px 13px;
background: url(/image_cmn/btn_01.gif) no-repeat 0 5px;
}

div.allshohin div.shohinsection ul li ul li.sublist{
padding: 0 0 5px 13px;
background: url(/image_cmn/btn_012.gif) no-repeat 2px 5px;
}

div.allshohin div.shohinsection p{
font-size: 85%;
}

div.allshohin div#maincolumn div.movearea h2{
position: absolute;
top: 8px;
left: 0;
}

div.allshohin div#maincolumn div.movearea p.backmove{
right: 0;
}


/* room_page
-------------------------------------------- */
div.room div.mainsection{
height: auto;
background: url(../room/image_cmn/big_img01.jpg) no-repeat right top;
}

div.room div.section h2.subtitle01 a{ background: url(../room/image/sub_title.gif) no-repeat 0 0; }
div.room div.section h2.subtitle02 a{ background: url(../room/image/sub_title.gif) no-repeat -1071px 0; }
div.room div.section h2.subtitle03 a{ background: url(../room/image/sub_title.gif) no-repeat -1428px 0; }
div.room div.section h2.subtitle04 a{ background: url(../room/image/sub_title.gif) no-repeat -357px 0; }
div.room div.section h2.subtitle05 a{ background: url(../room/image/sub_title.gif) no-repeat -714px 0; }

div.room div.section h2.subtitle01 a:hover{ background: url(../room/image/sub_title.gif) no-repeat 0 -50px; }
div.room div.section h2.subtitle02 a:hover{ background: url(../room/image/sub_title.gif) no-repeat -1071px -50px; }
div.room div.section h2.subtitle03 a:hover{ background: url(../room/image/sub_title.gif) no-repeat -1428px -50px; }
div.room div.section h2.subtitle04 a:hover{ background: url(../room/image/sub_title.gif) no-repeat -357px -50px; }
div.room div.section h2.subtitle05 a:hover{ background: url(../room/image/sub_title.gif) no-repeat -714px -50px; }


/* inquiry_page
-------------------------------------------- */
div.inquiry div.inquirysection p.vacation{
color:#FF0000;
background:none;
font-size: 120%;
margin:-3px 2px 10px 2px;
padding:0px;
}

div.inquiry div.mainsection{
height: auto;
background: url(../cmn_form/image/big_img01.jpg) no-repeat right top;
}

div.inquiry p.bigtitle{
height: 44px;
margin: 0 0 15px 0;
background: url(../image_cmn/title_second_bg.gif) repeat-x left bottom;
}

div.inquiry div.inquirysection h2{
margin: 0 0 10px 0;
}

div.inquiry div.inquirysection{
width: 350px;
}

div.inquiry div.inquirysection dl dt{
padding: 0 0 0 13px;
background: url(/image_cmn/btn_01.gif) no-repeat 0 50%;
}

div.inquiry div.inquirysection dl dd{
margin: 0 0 10px 13px;
}

div.inquiry div.inquirysection ul{
list-style: none;
}

div.inquiry div.inquirysection ul li{
list-style: none;
padding: 0 0 0 13px;
background: url(/image_cmn/btn_01.gif) no-repeat 0 50%;
}

div.inquiry div.inquirysection ul.infolist01{
margin: 0 8px 15px 10px;
padding: 2px 0 0 0;
border: 1px solid #cccccc;
}

div.inquiry div.inquirysection ul.infolist01 li{
width: 330px;
padding: 0;
background: none;
}

div.inquiry div.inquirysection ul.infolist01 dl{
width: 326px;
margin: 0 0 2px 0;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
background: #f7f3f7;
}

div.inquiry div.inquirysection ul.infolist01 dl dt{
float: left;
width: 75px;
padding: 2px;
background: none;
}

div.inquiry div.inquirysection ul.infolist01 dl dd{
margin: 0 0 0 76px;
padding: 2px;
border-left: 2px solid #fff;
}

div.inquiry div.inquirysection ul.infolist02 li{
margin: 0 0 18px 0;
}

div.inquiry div.inquirysection ul.infolist03 li{
width: 100%;
padding: 0;
border-bottom: 1px solid #ccc;
background: none;
}

div.inquiry div.inquirysection ul.infolist03 dl dd{
margin: 3px 0 12px 13px;
}

div.inquiry div.inquirysection ul.infolist04{
overflow: auto;
margin: 13px 0 10px 0;
}

div.inquiry div.inquirysection ul.infolist04 li{
float: left;
width: 162px;
margin: 0 0 3px 0;
}

div.inquiry div.inquirysection ul.infolist05{
clear: both;
border-top: 1px solid #cccccc;
}

div.inquiry div.inquirysection ul.infolist05 li{
float: left;
width: 162px;
margin: 15px 0;
}

div.inquiry div.inquirysection p{
clear: both;
padding: 5px;
background: #f7f3f7;
font-size: 85%;
}

div.inquiry div.inquirysection span.privacy{
display: block;
margin: -10px 0px 15px 13px;
}

div.inquiry div.inquirysection span.btn_call{
display:block;
clear:both;
padding:15px 0;
text-align:center;
}




/* inquiry_form_page
-------------------------------------------- */
div.inquiryform div.subtxt{
margin: 0 0 10px 0;
border: 1px solid #9eaddf;
border-right: 1px solid #112052;
border-bottom: 1px solid #112052;
}

div.inquiryform div.subtxt strong{
display: block;
padding: 2px 0 1px 4px;
border: 1px solid #415aaa;
border-right: 1px solid #091233;
border-bottom: 1px solid #091233;
background: #223574;
color: #ffffff;
text-align: left;
}

/* mobile_page
-------------------------------------------- */
div.mobile h2,
div.mobile h3{
clear:both;
}

div.mobile h2,
div.mobile h3.img_h{
text-indent:-9999px;
}

div.mobile h3{
margin:10px 0px;
color:#f00;
font-size:100%;
}

div.mobile h4{
margin:10px 10px 5px 10px;
border-bottom:1px solid #ccc;
color:#333;
font-size:100%;
}

div.mobile p.text{
padding:10px;
}


div.mobile p.attention{
color:#666;
font-size:90%;
}


div.mobile img.leftfix{
float:left;
margin:0px 10px 0px 0px;
}

div.mobile div.access{
margin:0 0 10px 0;
padding:10px;
background:#ffc;
}

div.mobile ul.access{
width:620px;
margin:10px 0px;
}

div.mobile ul.access img{
margin:0px 10px;
}


div.mobile ul.access li{
display:block;
float:left;
width:160px;
height:275px;
color:#333;
background: url(/mobile/image/mobile_allow.gif) no-repeat 14px 50px;
text-indent:10px;
}

div.mobile ul.access li.toto{
width:295px;
background:#fff;
}

div.mobile div.mobile_l{
float:left;
}

div.mobile div.mobile_r{
float:right;
}

div.mobile div.mobile_l,
div.mobile div.mobile_r{
margin:0 0 10px 0;
width:305px;
height:275px;
background:#ffc;
}

div.mobile div.mobile_l p,
div.mobile div.mobile_r p{
margin:10px;
}

div.mobile div.mail_info{
clear:both;
width:620px;
padding:20px 0 0 0;
text-align:center;
}

div.mobile div.mailform{
margin:0;
padding:20px 0px 5px 0px;
width:620px;
height:130px;
background:url(/mobile/image_cmn/mail_info_bg.gif) no-repeat;
text-align:center;
}

div.mobile div.mailform p{
margin:20px auto;
width:470px;
font-size:80%;
text-align:left;
}

/* 商品ページにシェルルバナーを追加
-------------------------------------------- */
p.bns_shelulu{
margin:0 0 15px 0;
}