@charset "Shift-JIS";
/***------------------------------------------------------
styles.css
Copyright(c) HSƒLƒbƒ`ƒ“. All Right Reserved.
----------------------------------------------------- ***/

/***------------
default
------------***/
* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,div,ul,li,p {
margin:0px;
padding:0px;
}

p{
line-height:140%;
font-size:0.8em;
}

ul{
list-style-type:none;
}

img {
border:none;
margin:0;
padding:0;
}

label{
cursor:pointer;
}
.c-both{
clear:both;
}
.block{
display:block;
}
.middle{
vertical-align:middle;
}

html {
overflow-x:hidden;
}

a{
color:#666666;
}

a:link {
color:#666666;
}

a:visited {
color:#666666;
}

a:hover {
color:#FF0000;
}
.f_right{
	float:right;
}
.f_left{
	float:left;
}
.red{
	color:#FF0000;
}

/***----------------------margin padding---------------------***/
.ml_10{
margin-left:10px;
}
.mr_10{
margin-right:10px;
}
.mb_10{
margin-bottom:10px;
}
.mb_15{
margin-bottom:15px;
}
.mb_20{
margin-bottom:20px;
}
.mt_10{
margin-top:10px;
}
/***----------------------font-------------------------------***/
.font1{
font-size:1.2em;
}
.font2{
font-size:0.8em;
}
.green{
color:#009933;
}
.red{
color:#FF0000;
}

/***------------
body
------------***/
#body{
	width:800px;
	font-size:0.8em;
	background-color:#FFFFFF;
	}
	
	
/***------------
body_main
------------***/
#body_main{
	width:600px;
	margin:0 auto;
	padding:0;
	}
	
.main_photo{
	width:570px;
	margin-bottom:20px;
	margin-top:10px;
	}
	
.box{
	width:570px;
	margin-bottom:40px;
	background-color:#FFFFFF;
	padding:15px 15px 15px 15px;
	}

.box_left{
	width:255px;
	float:left;
	margin-bottom:10px;
	padding:10px;
	border:dotted 1px #FF0000;
	}

.box_right{
	width:255px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	border:dotted 1px #FF0000;
	}

.box_l{
	width:96px;
	float:left;
	}
	
.box_r{
	width:140px;
	float:right;
	}

.name_l{
	font-size:1.2em;
	font-weight:bold;
	text-indent:0.5em;
	color:#666666;
	float:left;
	}
	
.name_r{
	font-size:0.9em;
	font-weight:bold;
	text-indent:0.5em;
	color:#666666;
	float:right;
	padding-top:4px;
	}

/***------------
header
------------***/
#header{
	border-bottom:solid 10px #FF0000;
	width: 800px;
	height: 130px;
	margin-bottom: 20px;
	padding-top: 10px;
	}
	
#header h1{
	width:150px;
	float:left;
	margin:10px 0 20px 10px;
	}
	
/***------------
main_left
------------***/
#main_left{
	width:160px;
	margin-left:10px;
	float:left;
	}

#main_left h2{
	width:150px;
	height:50px;
	margin-bottom:20px;
	}

.cu{
	margin-top:10px;
	}

.cu li{
	background:url(../images/mk/icon.gif) top no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	line-height:1.3;
	}

.access{
	margin-top:50px;
	color:#666666;
}

.access li{
	margin-bottom:5px;
	}
.cu li img{
	margin:0 5px 15px 0;
	vertical-align: middle;
	float:left; 
}

.cu li a:hover img{
  opacity: 0.7;
	filter: alpha(opacity=70);  

	}

/***------------
main_right
------------***/
#main_right{
	width:620px;
	float:right;
	}

/***------------
menu
------------***/
#menu{
	background-color:#FFFFFF;
	width: 595px;
	float: right;
	}

/*#menu ul{
	padding-top:45px;
	}
*/	
#menu ul{
	padding-top:5px;
	}
	
#menu li{
	float:left;
	margin-left:10px;
}
.border1{
	width:600px;
	border-top:1px dotted #ff0000;
	margin:20px 0  20px;
}
/***------------
menu1
------------***/
#menu1 img{
	float:left;
	margin-left:10px;

}

/***------------
menu_2
------------***/
#menu_2{
	background-color:#FFFFFF;
	width: 615px;
	float: right;
	}
#menu_2{
	_width: 630px;
	}


/*#menu_2 ul{
	padding-top:45px;
	}
*/	
#menu_2 ul{
	padding-top:5px;
	}
	
#menu_2 li{
	float:left;
	margin-left:10px;
}




/***------------
footer
------------***/
#footer{
	width:800px;
	margin:30px auto 0;
	padding:0;
	color:#333333;	
	}
#footer address{
	margin:0 auto;
	padding:5px 100px;
	width:600px;
	font-style:normal;
	font-size:0.9em;

	
}
#footer a:link{
	color:#FF0000;
}
#footer a:visited{
	color:#FF0000;
}
#footer a:hover{
	color:#CCCCCC;
}
.line{
	width:#800px;
	height:25px;
	padding-top:5px;
	background-color:#FF0000;
}
#footer img{
	margin-left:90px;
}

/***------------
left
------------***/

/***------------
right
------------***/

/***------------
sink
------------***/
#sink,#prem {
	width:750px;
	margin:0 auto;
	text-align:left;
}

#sink .right{
float:right;
}

#sink .left{
float:left;
}

#sink p{
font-size:1em;
line-height:1.3;
}

#sink h2{
float:left;
margin:22px 0px 0px 20px;
}

#sink h3{
margin-bottom:20px;
}

#sink .tytle{
background-image:url(../sink/img/tytle_back.gif);
background-repeat:no-repeat;
height:87px;
margin:0px 0px 20px 0px;
}

#sink .tytle p{
float:right;
width:310px;
margin:28px 15px 0px 0px;
}

#sink .s_left{
width:383px;
float:left;
}


#sink .s_right{
width:347px;
float:right;
}

/***------------
natural
------------***/
#natural{
	width:700px;
	margin:0 auto;
}
#natural h1{
	width:200px;
	height:200px;
	float:left;
}
#natural h2{
	width:420px;
	margin:10px auto;
}
#natural p{
	font-size:1.2em;
}

.p_na1{
	border:1px dotted #ff0000;
	width:300px;
	padding:5px;
	margin:20px 0 0 35px;
}
.p_na2{
	border:1px dotted #ff0000;
	width:330px;
	padding:10px;
	margin-top:20px;
}
.p_na3{
	border:1px dotted #ff0000;
	width:450px;
	padding:10px;
	margin-top:20px;
	margin-left:50px;
}
.img1{
	padding-left:70px;
	float:left;
}


.img_c1{
	width:560px;
	margin:0 auto;
}
.img_c2{
	width:475px;
	margin:0 auto;
}
.setumei{
	width:700px;
	margin-top:30px;
}
.setumei1{
	margin:0;
	padding-right:10px;

}
.setumei2{
	margin:0;
	padding-left:30px;

}
.setumei_l35{
	margin:0;
	padding-left:35px;
}
.setumei_l90{
	padding-left:90px;
}

.img_r{
	width:305px;
	float:right;
}
.img_l{
	width:300px;
	float:left;
}
.m_t10{
	margin-top:10px;
}
.m_t20{
	margin-top:20px;
}
.p_r5{
	padding-right:5px;
}
.p_l25{
	padding-left:25px;
}
.p_l40{
	padding-left:40px;
}
.p_l60{
	padding-left:60px;
}
.m_b40{
	margin-bottom:40px;
}
.m_b20{
	margin-bottom:20px;
}
.m_l20{
	margin-left:20px;
}
.p_l10{
	margin-left:10px;
}
.p_l390{
	margin-left:390px;
}
.dl_na{
	padding-top:10px;
	padding-left:50px;
	
}
.dl_na dt{
	float:left;
	width:130px;
}
.dl_na dd{
	padding:5px 0 5px 140px;
	font-size:1.2em;
}
.table_na{
	width:350px;
	float:left;
	border-collapse:collapse;
	margin-left:30px;
	margin-top:10px;
}
.table_na th{
	font-weight:lighter;
	text-align:left;
	padding:3px;
	background-color:#FBF2FB;
}
.table_na th,.table_na td{
	font-size:1.2em;
	border:1px solid #cccccc;
}
/***------------
buzai
------------***/
#buzai{
	width:610px;
	margin:0 auto;
}
#buzai h2{
	width:570px;
	margin:5px 0;
}
#buzai dl{
	margin:0;
	padding-left:5px;
}
#buzai dd{
	margin:0;
}

.buzai1{
	width:140px;
	padding:5px;
	margin:0;
}
.buzai2{
	width:260px;
	padding:5px;
	margin:0;
}
.buzai3{
	width:150px;
	padding:5px;
	margin:0;
}
#buzai dl{
	height:50px;
	margin:0;
	padding:0;
}
/***------------
contact
------------***/
#contact{
	width:500px;
	margin:0 auto;
}
#contact h2{
	width:500px;
	margin:5px auto;
}
#contact p{
	margin:0;
	font-size:1.2em;
}
#contact table{
	width:500px;
	margin:0 auto;
	font-size:1.1em;
	border-collapse:collapse;
}
#contact th{
	text-align:left;
	color:#333;
	border:1px solid #CCCCCC;
	background-color:#ddd;
	padding-left:5px;
}
#contact td{
	background-color:#fff;
	border:1px solid #666666;
	padding-left:5px;
}
#contact input,textarea {
	margin: 2px;
}

/***------------
prem
------------***/
#prem h2 {
	float: left;
	margin: 0;
}

#prem ol {
	float: right;
	width: 242px;
	display: block;
	background: #ffe0bd;
	padding: 10px 10px 5px 35px;
	font-size: 12px;
	line-height: 1.3em;
	height: 106px;
}

#prem ol li {
	padding-bottom: 5px;
	color: #e47600;
	font-weight: bolder;
}

#prem ol span {
	color: #555;
	font-weight: lighter;
}

.cBoth {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}

.dlPrem1 {
	width: 463px;
	float: left;
}

#prem dt img {
	display: block;
}

.ddPrem1 {
	width: 443px;
	background: #ec9333;
	padding: 8px 10px;
	font-weight: bolder;
	color: #fff;
	line-height: 1.3em;
}

.ddPrem2 {
	width: 443px;
	padding: 5px 10px;
	background: #f1f1f1;
	line-height: 1.3em;
}

.dlPrem2 {
	width: 267px;
	float: right;
	padding-top: 50px;
}

.ddPrem3 {
	width: 247px;
	font-weight: bolder;
	line-height: 1.3em;
	background: #fff0e0;
	padding: 8px 10px;
	font-weight: bolder;
	color: #555;
	margin-bottom: 10px;
}

.ddPrem4 {
	width: 245px;
	padding: 0 10px 8px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	line-height: 1.3em;
}

.ddPrem5 {
	width: 443px;
	padding: 5px 10px;
	margin-bottom: 30px;
	line-height: 1.3em;
	color: #5189c3;
	background: #f6f6f6;
}

.dlPrem3L {
	width: 360px;
	float: left;
}

.dlPrem3R {
	width: 360px;
	float: right;
}

.ddPrem6 {
	width: 340px;
	background: #fff0e0;
	padding: 8px 10px;
	font-weight: bolder;
	color: #555;
	margin-bottom: 10px;
}

.ddPrem7 {
	width: 338px;
	padding: 0 10px 8px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	line-height: 1.3em;
}

.dlPrem4 {
	width: 236px;
	float: left;
}

.ddPrem8 {
	width: 216px;
	background: #fff0e0;
	padding: 8px 10px;
	font-weight: bolder;
	color: #555;
	margin-bottom: 10px;
}

.ddPrem9 {
	width: 214px;
	padding: 0 10px 8px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	line-height: 1.3em;
}

.premMid {
	margin: 0 20px;
}

.txtRed {
	color: #e00;
	font-size: 1em;
}

.clL {
	clear: left;
}

.dlConce {
	width: 600px;
	margin: 0 auto 30px;
	line-height: 1.3em;
	clear: left;
}

.dlConce dt a {
	color: #090;
}

.dtConce2 {
	font-size: 1.1em;
	font-weight: bolder;
	background: url(../images/navi/arrow1.gif) left 0.2em no-repeat;
	padding: 0 0 10px 12px;
	margin-left: 150px;
}

.dlConce dd {
	padding: 0 0 20px 12px;
	margin-left: 150px;
}

.dtConce1 {
	float: left;
	padding-bottom: 20px;
}


/***------------
201012
------------***/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

.box_o{
	width:570px;
	margin-bottom:20px;
	background-color:#FFFFFF;
	padding:15px 15px 0px 15px;
	float: right;
}
.box_o1{
	float:left;
	display: block;
	margin-bottom: 30px;
	width: 590px;
	margin-right: -20px;
}
.box_o1 dl{
	width:255px;
	float:left;
	margin-right: 30px;
	display: block;
	}
.box_o1 dt{
	margin-bottom: 5px;
}
.box_o1 dt p{
	font-weight:bold;
	color: #666666;
	padding: 5px 0;
	border-bottom:1px #999999 solid;
	border-top:1px #999999 solid;
	margin-top: 5px;
	font-size: 1.2em;
}
.box_o1 dd{
	border-bottom: 1px #999999 solid;
	padding-bottom: 5px;
	color: #666666;
	line-height: 1.4em;
	font-size: 1em;
}
.box_o2{
	float:left;
	display: block;
	margin-bottom: 30px;
	width: 590px;
	margin-right: -20px;
}
.box_o2 dl{
	width:540px;
	float:left;
	margin-right: 30px;
	display: block;
	}
.box_o2 dt{
	margin-bottom: 5px;
}
.box_o2 dt p{
	font-weight:bold;
	color: #666666;
	padding: 5px 0;
	border-bottom:1px #999999 solid;
	border-top:1px #999999 solid;
	margin-top: 5px;
	font-size: 1.2em;
}
.box_o2 dd{
	border-bottom: 1px #999999 solid;
	padding-bottom: 5px;
	color: #666666;
	line-height: 1.4em;
	font-size: 1em;
}
.txt_small{
	font-size:0.8em;
}
.txt_redbig{
	font-size:1.2em;
	font-weight:bold;
	color:#FF0000;
}
#main{
	width:800px;
}
/***------------
201012.27
------------***/
.box_itiran{
	width:590px;
	display: block;
	margin-right: -20px;
	margin-bottom: 15px;
}
.box_itiran li{
	list-style:none;
	float:left;
	width: 96px;
	margin-right: 22px;
}
.box_dl{
	width:570px;
	clear: both;
	display: block;
	font-size: 0.8em;
}
.box_dl dt{
	font-weight:bold;
	float: left;
	margin-right: 20px;
}
.box_dl dd{
	margin-bottom: 5px;

}

/***------------
20110323
------------***/
.r{
	float:right;
}
.l{
	float:left;
}
.item_div{
	width:570px;
	float: right;
	margin-bottom: 40px;
	padding-top: 10px;
}
.item_div p,
.item_div dl{
	color: #505050;
	line-height: 1.6em;
	font-size: 1.0em;
}
.item_div h3{
	background:url(../outlet/img/title_bg1.gif) left bottom repeat-x;
	color: #FF0000;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 13px;
	margin-bottom: 20px;
}
.item_div h4{
	color: #666666;
	font-size: 1.6em;
	font-weight: bold;
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	padding: 5px 0px;
	margin-bottom: 20px;
}
.item_div h5{
	color: #666666;
	background:#EFF1F3;
	font-size: 1.2em;
	padding: 5px;
	margin-bottom: 10px;
	font-weight: normal;
	clear: both;
}
.item_div table{
	float: right;
	width:240px;
	border-collapse:collapse;
	margin-bottom: 20px;
}
.item_div table th{
	background:#E6E6E6;
	color: #505050;
	padding: 5px 10px;
	text-align: left;
	width: 30%;
	border:1px #FFFFFF solid;
	font-weight:normal
}
.item_div table td{
	background:#F4F4F4;
	padding: 5px 10px;
	color: #505050;
	line-height: 1.2em;
	border:1px #FFFFFF solid;
}
.item_ul{
	width: 590px;
	display: block;
	margin-bottom: 20px;
	margin-right: -20px;
	clear: both;

}
.item_ul li{
	float:left;
	margin-right: 20px;
	width: 176px;
}
.item_ul li img{
	margin-bottom:5px;
}
.chair_dl{
	margin-bottom: 20px;

}
.chair_dl dt{
	float: left;

}
.chair_dl dd{
	width:364px;
	float:right;
}
.dairi_dl{
	width:570px;
	float:left;
	display: block;
	}
.dairi_dl dt{
	margin-bottom: 5px;
}
.dairi_dl dt img{
	margin-bottom:10px;
}
.dairi_dl dt{
	font-weight:bold;
	color: #666666;
	padding: 10px 0;
	border-bottom:1px #999999 solid;
	border-top:1px #999999 solid;
	margin-top: 5px;
	font-size: 1.2em;
	display: block;
	height: 34px;
}
.dairi_dl dd{
	border-bottom: 1px #999999 solid;
	padding-bottom: 5px;
	color: #666666;
	line-height: 1.4em;
	font-size: 1em;
	clear: both;
}