@charset "utf-8";

/* ------------------------------------
背景
-------------------------------------*/

body#shop #contentS{ background: #FFFFFF url(../../shop/images/main.jpg) no-repeat center top; }
body#blog #contentS{ background: url(../../blog/images/main.jpg) no-repeat center top; }
body#company #contentS{ background: #FFFFFF url(../../company/images/main.jpg) no-repeat center top; }
body#concept #contentS{ background: #FFFFFF url(../../concept/images/main.jpg) no-repeat center top; }
body#contact #contentS{ background: #FFFFFF url(../../contact/images/main.jpg) no-repeat center top; }
body#info #contentS{ background: #FFFFFF url(../../info/images/main.jpg) no-repeat center top; }
body#lineup #contentS{ background: #FFFFFF url(../../lineup/images/main.jpg) no-repeat center top; }
body#mobile #contentS{ background: #FFFFFF url(../../mobile/images/main.jpg) no-repeat center top; }
body#privacy #contentS{ background: #FFFFFF url(../../privacy/images/main.jpg) no-repeat center top; }
body#sitemap #contentS{ background: #FFFFFF url(../../sitemap/images/main.jpg) no-repeat center top; }

/* ------------------------------------
navi
-------------------------------------*/

div#navi{
padding: 1px;
}
div#navi ul{ }
div#navi li{
float:left;
line-height: 19px;
height: 19px;
font-size: 10px;
color: #F7F1E1;
}
div#navi li a{
height: 19px;
display: block;
background: #1F130C url(../images/pan1.png) no-repeat right top;
padding-right: 18px;
padding-left: 7px;
color: #F7F1E1;
}
div#navi li a.v2{
height: 19px;
display: block;
background: #1F130C url(../images/pan3.png) no-repeat right top;
padding-right: 18px;
padding-left: 7px;
color: #F7F1E1;
}
div#navi li a:hover {
color: #FC9F3C;
text-decoration: none;
}
div#navi li.present{
background: #422B1E url(../images/pan2.png) no-repeat right center;
padding-right: 18px;
padding-left: 7px;
}


/* ------------------------------------
wrapper
-------------------------------------*/

#contentS h2{
height:141px;
display: block;
text-indent:-9999px;
text-decoration:none;
font-size:0;
}

#contentS p.lead{
margin-bottom: 25px;
padding-right: 20px;
}
#contentS #main{
width:820px;
clear:both;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 30px;
}



/* ------------------------------------
shop
-------------------------------------*/

#shop .img01{
background: url(../../shop/images/map.png) no-repeat;
height: 283px;
width: 751px;
margin: 20px auto;
}
#shop .img02{
background: url(../../shop/images/tel.png) no-repeat;
height: 30px;
margin-top: 5px;
}
#shop .ttl01{
background: url(../../shop/images/ttl1.png) no-repeat;
height: 28px;
margin: 20px auto 15px;
}
#shop .ttl02{
background: url(../../shop/images/ttl2.png) no-repeat;
height: 28px;
margin: 20px auto 15px;
clear: both;
}
#shop .shopBox{
height: 220px;
width: 390px;
margin-bottom: 15px;
color: #FFFFFF;
padding: 10px 420px 10px 10px;
}
#shop .shopBox p{ font-size:85.7%;}
#shop .s01{ background: url(../../shop/images/01.jpg) no-repeat; }
#shop .s02{ background: url(../../shop/images/02.jpg) no-repeat; }
#shop .s03{ background: url(../../shop/images/03.jpg) no-repeat; }
#shop .s04{ background: url(../../shop/images/04.jpg) no-repeat; }
#shop .shopBox h3{
padding-bottom: 5px;
padding-left: 8px;
border-bottom: 1px solid #FBFBEF;
font-weight: bold;
border-left: 3px solid #EF6B09;
margin-bottom: 6px;
}

#shop .gaiyou{}
#shop .gaiyou table{ }
#shop .gaiyou table th,
#shop .gaiyou table td{
vertical-align: top;
line-height: 1.4;
padding-bottom: 8px;
}
#shop .gaiyou table th{
background: url(../images/ico_1.png) no-repeat 10px 5px;
padding-left: 30px;
width: 90px;
}
/*
#shop .gaiyou table td{ width: 280px; }
*/

/* ------------------------------------
concept
-------------------------------------*/

#concept .ttl01{
background: url(../../concept/images/ttl1.png) no-repeat;height: 28px;margin: 20px auto 15px;clear: both;}
#concept .ttl02{
background: url(../../concept/images/ttl2.png) no-repeat;height: 28px;margin: 20px auto 15px;clear: both;}

#concept .aisatu{}
#concept .aisatu p.b_text{
float:left;
width: 570px;
padding-left: 10px;
}
#concept .aisatu p.b_pix{
float:right;
background: url(../../concept/images/yuzuru.png);
height: 331px;
width: 227px;
}

#concept .gyoumu{
margin-bottom: 15px;
padding-left: 10px;
}
#concept .gyoumu h4{
font-size:114.3%;
font-weight: bold;
color: #EB6100;
background: url(../images/ico_1.png) no-repeat left center;
padding-left: 20px;
margin-bottom: 5px;
}
#concept .gyoumu table{width: 100%;}
#concept .gyoumu table td{ vertical-align: top; }
#concept .gyoumu .b_icon{ width:100px;}
#concept .gyoumu .b_detail{}
#concept .gyoumu .b_pix{ width:200px; text-align:right}


/* ------------------------------------
lineup
-------------------------------------*/

#lineup .ttl01{
background: url(../../lineup/images/ttl1.png) no-repeat;height: 28px;margin: 20px auto 15px;clear: both;}

#lineup .osusume{
height: 100px;
width: 400px;
float:right;
}
#lineup .osusume a{
background: url(../../lineup/images/banner2.jpg) no-repeat 0px 0px;
display: block;
height: 100px;
width: 400px;
}
#lineup .osusume a:hover{
background: url(../../lineup/images/banner2.jpg) no-repeat 0px -110px;
}
#lineup .new{
height: 100px;
width: 400px;
float:left;
}
#lineup .new a{
background: url(../../lineup/images/banner1.jpg) no-repeat 0px 0px;
display: block;
height: 100px;
width: 400px;
}
#lineup .new a:hover{
background: url(../../lineup/images/banner1.jpg) no-repeat 0px -110px;
}
#lineup .lineupBox{ margin-left:10px; margin-bottom:15px; clear:both;}
#lineup .lineupBox h4{
font-size:114.3%;
font-weight: bold;
color: #EB6100;
background: url(../images/ico_1.png) no-repeat left center;
padding-left: 20px;
margin-bottom: 5px;
clear: both;
}
#lineup .lineupBox h4 span{
font-weight: normal;
color: #666666;
padding-left: 12px;
font-size: 12px;
}
#lineup .lineupBox ul{}
#lineup .lineupBox ul li{
float: left;
width: 405px;
margin-bottom: 15px;
}
#lineup .lineupBox dl{ 
}
#lineup .lineupBox dl dt{
float: left;
width: 191px;
}
#lineup .lineupBox dl dd{
float: left;
width: 190px;
padding-left: 8px;
}
#lineup .lineupBox dl dd h5{
font-weight: bold;
color: #452E27;
margin-top: 1px;
margin-bottom: 3px;
line-height: 1.4;
}
#lineup .lineupBox dl dd p{
font-size: 85.7%;
line-height: 1.4;
}

/* ------------------------------------
info
-------------------------------------*/

#info .infoBox{
bottom: 20px;
width:800px;
margin:0 auto;
min-height:350px;
_height:350px;
}

#info .infoBox dl{
margin-bottom: 6px;
padding-bottom: 6px;
}
#info .infoBox dt{
float: left;
width: 105px;
background: url(../images/ico_1.png) no-repeat 10px 6px;
padding-left: 32px;
}
#info .infoBox dd{
width: 650px;
float: left;
}
#info .infoBox dd span{
display: block;
margin-bottom: 10px;
font-size: 85.7%;
}

/* ------------------------------------
c_detail  CMS　詳細ページ用
-------------------------------------*/

div#c_detail { padding-right: 15px; 
}
div#c_detail h3 {
font-weight: bold;
color: #FF6600;
background: url(../../info/images/ico.png) no-repeat left 10px;
font-size: 18px;
padding: 0px 0px 15px;
margin: 0px 0px 15px;
border-bottom: 2px solid #000000;
}
div#c_detail h3 span {
font-size: 12px;
font-weight: normal;
display: block;
color: #333333;
padding-top: 4px;
}
div#c_detail p.lead {
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 1px solid #E6E6E6;
margin-top: 5px;
margin-bottom: 2px;
}
div#c_detail .update {
font-size:12px;
text-align:right;
color: #666666;
margin-bottom: 2px;
clear: both;
letter-spacing: 0.1em;
}
div#c_detail div.topics_link {
clear: both;
margin-top: 15px;
margin-bottom: 5px;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}
div#c_detail div.topics_link p {
background: url(../../image/2010/common/pan2.png) no-repeat left center;
padding-left: 10px;
margin-bottom: 3px;
}
div#c_detail div.topics_link p img { padding-right: 10px; }
div#c_detail div.linebox {
margin: 15px 0px 0px;
padding: 15px 0px 0px;
border-top: 1px solid #CCCCCC;
}


/* ------------------------------------
info
-------------------------------------*/

#company .companyBox{
bottom: 20px;
width:800px;
margin:0 auto;
min-height:350px;
_height:350px;
}

#company .companyBox ul{
margin-bottom: 6px;
padding-bottom: 6px;
}
#company .companyBox li{
background: url(../images/ico_1.png) no-repeat 10px 6px;
padding-left: 32px;
margin-bottom: 5px;
font-weight: bold;
float:left;
width:360px;
}

/*
#company .companyBox li span{
display:block;
font-size:85.8%;
padding-top: 5px;
font-weight: normal;
}
#company .companyBox a:link,
#company .companyBox a:visited {
color: #EB6100;
text-decoration: none;
}
#company .companyBox a:hover,
#company .companyBox a:active {
#company .companyBox color: #D50000;
text-decoration: underline;
}
*/
/* ------------------------------------
contact
-------------------------------------*/
#contact .form{}

#contact .form span.ct{
font-size:85.7%;
color:#999999;
padding-left: 5px;
}
#contact .form table{ width:100%;}
#contact .form table th,
#contact .form table td{
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px dotted #CCCCCC;
vertical-align: top;
}
#contact .form table th{
text-align: right;
width: 200px;
padding-right: 10px;
}
#contact .form table td{}
#contact .form table td textarea{
	height: 100px;
	width: 450px;
}
#contact .form .btnArea{
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #CCCCCC;
}
#contact .form .btnArea input{
background: url(../images/form_btn.png);
height: 44px;
width: 184px;
border-style: none;
font-weight: bold;
color: #FFFFFF;
font-size: 14px;
cursor:pointer;
}
#contact .form .btnArea input:hover{
	color: #CC0000;
	text-decoration: underline;
}

/* ------------------------------------
privacy
-------------------------------------*/

#privacy .box h3{
background: url(../images/ico_1.png) no-repeat left 6px;
padding-left: 22px;
margin-bottom: 10px;
font-weight: bold;
color: #EB6100;
}
#privacy .box p{
margin-top: 0;
margin-right: 10px;
margin-left: 10px;
}

/* ------------------------------------
blog
-------------------------------------*/
#blog div#navi{
background: #F7F1E1;
}
#blog #contentS h2{
height:141px;
display: block;
text-indent:0px;
text-decoration:none;
font-size:30px;
line-height: 141px;
font-weight: bolder;
color: #F5F1E0;
padding-left: 30px;
}
#blog #contentS #main{
float:left;
width:675px;
clear:both;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#blog .box{
clear:both;
background: #FFFFFF;
padding: 15px;
}
#blog .box h3{
color: #F89837;
font-weight: bold;
border-bottom: 1px solid #442008;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 114.3%;
}
#blog .box p{ margin:8px 10px;}
#blog .metaBox{
background: #F7F1E1;
padding: 10px;
margin-bottom: 10px;
font-size: 85.7%;
}

#blog div#side{
float:right;
width: 220px;
padding-top: 3px;
}



#mobile .img{
background: url(../../mobile/images/img.jpg) no-repeat left top;
height: 200px;
padding-left: 160px;
padding-top: 50px;
}
#mobile .img .qr{
font-size: 20px;
font-weight: bold;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 15px;
}