/* CSS Document */
@charset "Shift_Jis";




/*----------------------------------------------
{tH[}bgpCSS
----------------------------------------------*/
*{
margin: 0px;
padding: 0px;




}
img{
border:0px;
}




body{
margin: 0px;
padding: 0px;
}




a:link{
color: #F86D00;
}
a:visited{
color: #F86D00;
}
a:hover{
color: #CC3300;
}
hr{
clear:both;
visibility: hidden;
border: none;
height: 0px;
margin: 0px;
}
/* midashi */




h1{
clear:both;
text-indent:-9999px;
width:800px;
height: 24px;
margin-left:20px;
}
body#top h1{background: #fff url(../img/h1_title_brank.gif) no-repeat;}
body#shop h1{background: #fff url(../shop/img/h1_title_shop.gif) no-repeat;}
body#brand h1{background: #fff url(../brand/img/h1_title_brand.gif) no-repeat;}
body#select h1{background: #fff url(../select/img/h1_title_select.gif) no-repeat;}
body#event h1{background: #fff url(../event/img/h1_title_event.gif) no-repeat;}
body#event2 h1{background: #fff url(../event/img/h1_title_event2.gif) no-repeat;}
body#column h1{background: #fff url(../column/img/h1_title_column.gif) no-repeat;}
body#select h1{background: #fff url(../select/img/h1_title_recomend.gif) no-repeat;}
h2{
background-color: #fff;
background-image: url(../common_img/h2_titile.gif);
background-repeat: no-repeat;
width: 570px;
height: 29px;
font-size: 16px;
padding-left: 30px;
padding-top: 9px;
margin-bottom: 15px;
color: #534a46;
}




h3{
font-size: 14px;
background-image: url(../common_img/h3_under.gif);
background-position: left bottom;
height: 18px;
background-repeat: no-repeat;
display: inline;
padding-bottom: 7px;
color: #534a46;
}
h4{
font-size: 12px;
display: block;
padding-bottom: 3px;
padding-top: 30px;
text-decoration: underline;
}
/* clear */
.crear-cont{
clear:both;
}
/* body */
#body{
color:#666;
font-size: 12px;
}








/* CAEg */
#conteiner{
color: #666;
width:800px;
background:#fff url(../common_img/back.jpg) repeat-y;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 40px;
}




#header{
width: 840px;
height: 98px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-image: url(../common_img/head_base.gif);
background-repeat: no-repeat;
margin-top: 0px;
margin-right: -20px;
margin-bottom: 0px;
margin-left: -20px;
}
#content{
margin-top: 20px;
background-image: url(../common_img/sub_base.gif);
background-repeat: repeat-y;
background-position: left;
width: 800px;
}
#top-img{
margin-left: -20px;
}




#left-cont{
float: left;
width: 168px;
margin-top: 5px;
margin-left: 5px;
}
#right-cont{
float: right;
width: 600px;
}
#footer-base{
background-image: url(../common_img/foot-base.gif);
margin-left: -20px;
width: 840px;
background-repeat: no-repeat;
background-position: bottom;
height: 80px;
margin-bottom: 0px;
margin-right: -20px;
}
#footer{
margin-top: 10px;
background-image: url(../common_img/foot_line.gif);
background-repeat: repeat-x;
background-position: top;
margin-bottom: 20px;
padding-left: 0px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
height: 40px;
vertical-align: bottom;
}
#copylight{
margin-top: 10px;
text-align: right;
}








/* header logo */
#logo-left{
float: left;
margin-bottom: 5px;
width: 117px;
height: 44px;
margin-left: 20px;
margin-top: 25px;




}
#logo-right{
float: right;
width: 529px;
height: 44px;
margin-bottom: 5px;
text-align: right;
margin-top: 25px;
margin-right: 20px;




}
#sinse{
text-align: right;
height: 22px;
background-position: bottom;
}
/* main navi */
#main-navi{
text-align: right;
height: 20px;
}
/* pankuzu */
#pankuzu{@
 font-size: 10px;
background-image: url(../common_img/pankuzu_line.gif);
background-repeat: repeat-x;
background-position: bottom;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 5px;
height: 10px;
font-size: 10px;
margin-left: 0px;
width: 800px;
margin-top: 0px;
}








#pankuzu #now{
color: #CC3300;
}




#pankuzu a:link{
color: #5C473E;
text-decoration: none;
}
#pankuzu a:visited{
color: #666666;
text-decoration: none;
}
#pankuzu a:hover{
color: #FF6600;
text-decoration: none;
}




/* sub navi */
#sub-navi{




}
#sub-navi img{
margin-bottom: 7px;
}








/* rayout */
.key-image{
}
.content-block{
margin-bottom: 20px;
}
.content-block p{
margin-bottom: 20px;
margin-top: 10px;
line-height: 120%;
font-size: 12px;
}




.content-block p.coment{
margin-bottom: 20px;
margin-top: 0px;
line-height: 120%;
font-size: 12px;
}




.under-cont-left{
float: left;
width: 320px;
}
.under-cont-right{
float: right;
width: 260px;
}
.under-cont-left-b{
float: left;
width: 300px;
}
.under-cont-right-b{
float: right;
width: 291px;
}
.photo-frame{
padding: 7px;
background-image: url(../common_img/photo_mat.gif);
background-repeat: repeat;
margin-bottom: 10px;
}
.photo-frame2{
padding: 7px;
background-image: url(../common_img/photo_mat2.gif);
background-repeat: repeat;
margin-bottom: 10px;
}








.photo-right-img{
float: right;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.photo-left-img{
float: left;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
}
.photo-center-img{
float: none;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
clear: both;
text-align: center;
}
.right-mar{
margin-bottom: 10px;




}
.brand-line{
background-image: url(../brand/img/product_dot.gif);
background-repeat: repeat-x;
width: 600px;
height: 15px;
background-position: center;
margin-bottom: 0px;
}
.brand-line-b{
background-image: url(../brand/img/product_dot.gif);
background-repeat: repeat-x;
width: 600px;
height: 15px;
background-position: center;
margin-bottom: 20px;
}
.media-table{
margin-top: 20px;
font-size: 12px;
}
.media-botan img{
margin-left: 5px;
}








.service-text{
padding-right: 5px;
}




/*LIST*/




ul{
list-style: none;
margin-top: 10px;
margin-left: 0px;
padding-left: 3px;
line-height: 150%;
font-size: 12px;
}




li{




}








div.content-block li a{
padding-left: 10px;
background-image: url(../event/img/m_arrow.gif);
background-repeat: no-repeat;
background-position: 0 2px;
}




div.content-block li a:hover{
padding-left: 10px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(../event/img/m_arrow_f2.gif);
}












/*site map*/
.map-list-base{
font-size: 12px;
float: left;
width: 270px;
margin-right: 20px;
}












ul.map-list li{
font-size: 12px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D5B9B9;
}




ul.map-list li ul{
padding-top: 0px;
margin-top: 0px;
margin-bottom: 3px;
}




ul.map-list li ul li{
padding-top: 0px;
margin-top: 0px;
margin-left: 15px;
font-size: 12px;
border-bottom-style:none;
}
















/*
ul#sub-list{
list-style: none;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 5px;
padding-left: 3px;
line-height: 150%;
font-size: 10px;
}




#sub-list li a{
padding-left: 10px;
background: url(../event/img/mini_arrow.jpg) no-repeat 0 1px;
}
#sub-list li.now a{
padding-left: 10px;
background: url(../event/img/mini_arrow_f2.jpg) no-repeat 0 1px;
}
#sub-list li a:hover{
padding-left: 10px;
background: url(../event/img/mini_arrow_f2.jpg) no-repeat 0 1px;
}*/








/*report*/
#event-day{ font-size: 12px; text-align: right; }
.report-text{
margin-bottom: 10px;
font-size: 12px;
}
.report-index-table{
margin-bottom: 5px;
font-size: 12px;
margin-top: 15px;
text-align: center;
float: left;
margin-right: 3px;
}
.service-text{
margin-bottom: 0px;
margin-right: 10px;
padding-top: 0px;
margin-top: 0px;
}
.service-text p{
padding-top: 0px;
margin-top: 0px;
}




/*column*/
p.column-text{
margin-bottom: 10px;
margin-top: 20px;
}
p.column-day{
margin-bottom: 10px;
text-align: right;
}




#outline{
font-size: 12px;
}
#outline th{
font-size: 12px;
text-align: left;
padding: 5px;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D5B9B9;
}
#outline td{
font-size: 12px;
padding: 5px;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D5B9B9;
}
table#next-back td{
font-size: 12px;
}








/*contact*/




#contact-form{
font-size: 12px;
}
#contact-form th{
font-size: 12px;
text-align: left;
padding: 5px;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D5B9B9;
}
#contact-form td{
font-size: 12px;
padding: 5px;
text-align: left;
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D5B9B9;
}




p.under-cont {
color: #CC0000;
font-weight: bold;
font-size: 16px;
text-align: center;
margin-top: 70px;
height: 70px;
}




/*blog*/
div.widget-content{
font-size:12px;
}




div.widget-calendar{
width:148px;
padding: 10px;
background-image: url(../blog_img/cale_base.jpg);
background-repeat: no-repeat;
}
div.widget-calendar table{
width:100%;
}
div.widget-calendar table td{
text-align:center;
}
ul.widget-list{
list-style:none;
margin-left:0;
padding-left:0;




}
div.widget-content li{
background-image:url(../blog_img/arrow.gif);
background-repeat:no-repeat;
padding-left:5px;
background-position: 5px 4px;




}




div.widget-content li a{
color:#504B48;
padding: 7px;
}
h3.widget-header{
width:100%;
background-image:none;
text-align:center;
display: block;
padding-bottom: 2px;
}
.widget{
margin-bottom:10px;
}
div.asset-body{
line-height:120%;
font-size:14px;
}




.entry-asset{
padding-bottom:20px;
}




h3.asset-name{




}




h3.asset-name a{
color:#666;
}




div.asset-meta{
font-size:12px;
margin-top:10px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BCBCBC;
}




div.comment-content{
font-size:14px;
}
div.content-nav{
	text-align:center;
	font-size:12px;
	clear: both;
}




/*event*/
div.event_block{
width:190px;
float: left;
height: 215px;
margin-right: 10px;
}
div.event_img{
padding: 7px;
background-image: url(../common_img/photo_mat2.gif);
background-repeat: repeat;
}
div.event_text p{
margin-top:5px;
margin-bottom:5px;
}


div.near-link li{	padding-left: 0px;	background-image: none;	background-position: 0 2px;}
div.near-link ul{list-style: none;margin-top: 10px;margin-left: 0px;padding-left: 3px;line-height: 150%;font-size: 12px;}
div.near-link{	text-align: left;	}
div.near-link li a{padding-left: 10px;	background-image: none;}
div.near-link li a:hover{	padding-left: 10px;	background-image: none;
}