/* 統一の設定ここから-------------------------------------------------------- */
/* body・link・image-------------------------------------------------------- */
* {
	margin: 0px;
	padding:0px;
	}

body , html {
	color:#333;
	font-size: 11px;
	line-height: 1.8em;
	padding: 0px;
	margin: 0px;
	text-align:center;
	background-image:url(/design/otokomigaku/images/common/bg.gif); background-repeat:repeat;
	}

a:link {
	text-decoration: underline;
	color:#333;
	font-weight:bold;
	}

a:visited {
	text-decoration: underline;
	color:#333;
	font-weight:bold;
	}

a:hover {
	text-decoration: underline;
	color:#333;
	}
	
/* 大枠----------------------------- */
.wrapper{
	margin: 10px 0;
	padding:0;
	width:780px;
	border:none;
	background-color:#fff;
	text-align: left;
}



/* ページトップへ----------------------------- */
.page-top{
	margin:0;
	padding:5px;
	width:750px;
	text-align:right;
}


/* パンくずリストの設定----------------------------- */

.pan{
	width:580px;
	height:15px;
	margin:0;
	padding:0 10px;
	font-size:10px;
	background-color:#EC5625;
	text-align: left;
	}

.pan ol li{
	/*liを横並び＆ブレットを消す*/
	display:inline;
	list-style-type:none;
	}

.pan ol li:after{
	/*liの後に記号追加*/
	content:" >";
}

.pan ol li:first-child:before{
	/*最初のliだけcontentを消す*/
	content:none;
}


/* 画像・Flashの位置指定※IEなどswfとhtmlに隙間ができる場合の対策用----------------------------- */
img {vertical-align: bottom;border: 0px;}
	
li {list-style-type: none;}

object , embed {vertical-align: middle;}

/* h , txt-------------------------------------------------------- */
h1 {
	padding: 10px 30px;
	margin: 0px;
	text-align: left;
	font-size: 13px;
	line-height: 1.5em;
	font-weight: nomal;
	}
	
.txt-right{text-align:right}
.txt-center{text-align:center}
.txt-left{text-align:left}
.txt-13b{font-size:13px; font-weight:bold}
.txt-10g{font-size:10px; color:#eeeeee;}

.tittle{
	margin:10px 0;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	border-bottom:#EC5625 5px solid;
	text-align: left;
	}

.mtittle{
	margin:30px 0 0 50px;
	padding:0px;
	}



 /* header------------------------------------------------------------ */
.header {
	width:780px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	height:110px;
	background-color:#000000;
	}
.hd-top{
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#EC5625
	}	
	
.hd{
 margin:0;
 padding:0;
 border:none;
 width:780px;
 height:60px; 
 text-align:center;
 border-top:#EC5625 5px solid;
 display:block;
 }

.info {
	float:right; 
	margin:0;
	padding:46px 10px 0 0;
	width:550px;
	height:100px;
	border:none;
}

/* navigation-------------------------------------------------------- */
.navigation {
	width:780px;
	padding:0;
	margin: 0;
	height:20px;
	text-align:center;
	background-color:#EC5625;
	color:#FFFFFF;
	border-top:#AA3F1C 2px solid;
	border-bottom:#AA3F1C 2px solid;
	font-size:11px;
	}
	
.navigation ul {
	margin: 0px;
	padding: 0px;
	}

.navigation li {
	margin: 0px auto;
	padding:0 15px;
	display: inline;
	border-right:#FFFFFF 2px solid;	
	}
	
a.navi:link{ text-decoration:none; color:#fff;}
a.navi:visited{ text-decoration:none; color:#fff;}
a.navi:houer{ text-decoration:underline color:#fff;}
	
li.naviend {
	margin: 0px;
	padding:0 15px;
	display: inline;
	border:none;
	}

/* -------------------------------------------------------------------
	Main Page
------------------------------------------------------------------- */
.main{
	margin:0;
	padding-top:10px;
	background-color:#fff;
	width:780px;
	}

/* Sidenavi-------------------------------------------------------- */

.contents_left{
float:left;
width:160px;
margin:0;
padding:0 0 0 5px;
text-align:center;
height:auto;
}

.bnr{text-align:center;}
.bnr ul{margin:0;padding:0;}
.bnr li{margin:0;padding:3px 0;}
 
.navi{text-align:center;}
.navi ul{margin:10px 0;padding:0;}
.navi li{margin:0;padding:0;}

/* Contents-------------------------------------------------------- */
.contents-right{
float:right;
width:600px;
height:auto;
}
	
/* footer------------------------------------------------------------ */

.footer {
	margin: 0px;
	padding-bottom:20px;
	width:780px;
	height: 60px;
	font-size:11px;	
	text-align:center;
	background-color:#000000;
	}
	
.footer ul {
	margin: 0px;
	padding: 0px;
	font-size:12px;
	}

.footer li {
	margin: 0px;
	padding:0px 5px;
	display: inline;
	}
		
	
li.ftnaviend{
	margin: 0px auto;
	padding:0px 5px;
	display: inline;
	border:none;
    }	


.msg { margin:10px 0; color:#fff;　font-size:11px; text-align:center;}
a.msg:link{ text-decoration:none; color:#fff;}
a.msg:visited{ text-decoration:none; color:#fff;}
a.msg:houer{ text-decoration:none; color:#fff;}

.button_image {
	vertical-align: bottom;
	}

/* 統一の設定ここまで-------------------------------------------------------- */

/* -------------------------------------------------------------------
	Top page
------------------------------------------------------------------- */
.topimage{margin:10px 0; width:600px; height:450px; border:#CCCCCC 1px solid;}
.topbnr{margin:10px auto; padding:0; border:none;}

.topti{margin:5px 0; padding:0; width:600px;}
.info{ margin:0 10px; padding:10px 5px; width:580px; height:80px; color:#EC5625; font-size:12px; overflow:scroll; background-color:#EEEEEE;}
.info ul{margin:0; padding:0;}
.info il{border-bottom:#333333 1px dashed;}

.coment{margin:10px 0; padding:15px; width:570px;background-color:#eeeeee;}
p.tx14r{font-size:14px; color:#990033; font-weight:bold;}
p.tx13{font-size:13px; line-height:120%; padding:5px;}

/* -------------------------------------------------------------------
	Product
------------------------------------------------------------------- */
/* 柿渋炭石鹸商品一覧-------------------------------------------------------- */

.prdlist{
	margin:0;
	padding:0;
	width:750px;
	}
	
.prdlist-btn{
	float:right;
	margin:0;
	padding-bottom:20px;
	border:none;
	}
/* -------------------------------------------------------------------
	Contents
------------------------------------------------------------------- */
/* Font-------------------------------------------------------- */
p.tx14{ margin:0; padding:10px 10px 15px 10px; font-size:14px; line-height:140%;}
p.tx12{margin:0; padding:5px 10px; font-size:12px; line-height:120%;}
p.tx11{margin:0; padding:5px 10px; font-size:11px; line-height:110%;}
p.tx10{margin:0; padding:5px 10px; font-size:10px; line-height:100%;}

.toritx{margin:0; padding:30px 10px 5px 300px; float:right; font-size:12px; line-height:120%; display:block;}
.doctx{margin:0; padding:60px 10px 20px 250px; float:right; font-size:11px; line-height:110%; display:block;}
.step{margin:0; padding:70px 300px 5px 40px; float:left; font-size:12px; line-height:110%; display:block;}
.monil{margin:0; padding:5px 15px 15px 10px; line-height:100%; font-size:11px;}
.monir{margin:0; padding:5px 10px 15px 15px; line-height:100%; font-size:11px;}
.moni{margin:5px; padding:10px 15px;background-color:#eeeeee;}

.kodawaritop{ padding-bottom:15px; width:600px; height:300px; border:none; background-image:url(/design/otokomigaku/images/contents/kodawari_top.jpg); background-repeat:no-repeat;}

/* -------------------------------------------------------------------
	 conpany,privacy,rule,guide,faq
------------------------------------------------------------------- */

/* 会社情報-------------------------------------------------------- */

.corp-tb{
	margin:0;
	padding:0;
	width:500px;
	border-top:#333 1px solid;
	border-top:#333 1px solid;
	}
	
.corp-th{
	margin:0;
	padding:15px 30px;
	width:100px;
	font-size:12px;
	border-bottom:#333 1px solid;
	}
	
.corp-td{
	margin:0;
	padding:10px 15px;
	width:400px;
	font-size:10px;
	border-bottom:#333 1px solid;
	}
	
.corp-th2{
	margin:0;
	padding:10px 30px;
	width:100px;
	font-size:12px;
	border-left:none;
	border-top:none;
	border-bottom:#333 1px solid;
	}
	
.corp-td2{
	margin:0;
	padding:10px 15px;
	width:400px;
	font-size:11px;
	border-bottom:#333 1px solid;
	}

/* 個人情報保護方針-------------------------------------------------------- */
.privacy-ti{
    margin:0;
	padding:5px 0;
    font-size:14px;
	font-weight:bold;
	border-bottom:#333 1px dashed;
	}

 p.privacy-txt{
 	margin:0;
	padding:0 15px;
	font-size:11px;
	}
	
 ol.privacy { margin:5px 0 20px;}
 
 li.privacy {
  margin:5px 10px 5px 30px;
  list-style:disc;
  display:list-item;
  font-size:10px;
  line-height:100%;
 }

/* 利用規約-------------------------------------------------------- */

.terms-ti{
    margin:0;
	padding:0;
    font-size:12px;
	font-weight:bold;
	}

 p.terms-txt{
  	margin:5px 10px 5px 15px;
	padding:0;
	font-size:10px;
	}

 ol.terms { margin:5px 0 15px;}
 
 li.terms {
  margin:5px 10px 5px 15px;
  list-style:decimal;
  display:list-item;
  font-size:9px;
  line-height:100%;
 }

/* -------------------------------------------------------------------
	 Shopping Cart
------------------------------------------------------------------- */


/* ログイン　新規登録-------------------------------------------- */


/* -------------------------------------------------------------------
	Sitemap
------------------------------------------------------------------- */
.sitemap{
	padding:15px 0 30px 50px;
}

.sitemap p{
	margin:0;
	padding:10px;
	font-size:13px;
	font-weight:bold;
	border-bottom:#C4B2A9 1px dashed;
	border-left:#C4B2A9 3px solid;
}

.sitemap ol li{
	margin:0;
	padding:5px 0 0 10px;
	font-size:12px;
	background-repeat:no-repeat;
	list-style:none;
}


.sitemap ul li{
	margin:0;
	padding:5px 0 0 15px;
	font-size:12px;
	background-repeat:no-repeat;
	list-style:none;
}

/* -------------------------------------------------------------------
	 css ハック
------------------------------------------------------------------- */
.wrap .navigation .footer .header .tittle .subnavi .prdlist-btn .prdlist-btn2 p.prodlist-cp sitemap{
	min-height: 1em;
	display: inline-table;
}
.wrap .pan{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .wrap {
    height: 1em;
}
.wrap .navigation .footer .header .subnavi {
    display: block;
}
/**/