@charset "shift_jis";

/* maincol */
.maincol{
	position:relative;
	float:right;
	width:576px;
	font-size:12px;
	line-height:1.6;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 10px;
}

.maincol a{
	color:#666666;
}

.maincol a:hover{
	color:#6E462D;
}

.pankuzu{
padding-top:10px;
padding-bottom:30px;
}

.maincol .pageTop{
margin-right:10px;
}

.maincol h2{
padding:15px 0px;
}

.maincol h3{
font-size:12px;
font-weight:normal;
padding:10px 0px 30px 5px;
}

.maincol h4{
padding:0px 0px 2px 5px;
margin-bottom:10px;
}

.maincol h5{
font-size:12px;
padding-bottom:5px;
}


/* 3セルテーブルのスタイル */
.maincol .td_3{
width:100%;
}

.maincol .td_3 td{
width:33%;
}

/* 4セルテーブルのスタイル */
.maincol .td_4{
width:100%;
}

.maincol .photo{
width:150px;
}

/* 5セルテーブルのスタイル（ランキング） */
.maincol .td_5{
width:100%;
}

.maincol .td_5 td{
width:100px;
}

.maincol .td_5 .ranking{
position:relative;
padding:0px 5px;
}

.maincol .td_5 .ranking .rankLeft{
float:left;
width:30px;
font-weight:bold;
}

.maincol .td_5 .ranking .rankRignt{
float:right;
width:70px;
}

/*メディア掲載*/
.maincol .waku{
position:relative;
clear:both;
width:574px;
padding:10px;
margin-bottom:10px;
border:1px #CCCCCC solid;
}

.maincol .mediaPhoto{
float:left;
width:280px;
padding:5px 10px;
}
.maincol .voicePhoto{
float:left;
width:574px;
}

.maincol .mediaPhoto .media_l{
margin-left:10px;
}

.maincol .mediaText{
float:right;
width:240px;
padding:5px 10px;
}

.maincol .mediaText dt{
width:70px;
float:left;
clear:left;
}

.maincol .mediaText dd{
padding-left:60px;
}

/* プライバシーポリシーのリストタグ */
.maincol .point dt{
width:30px;
float:left;
clear:left;
text-align:right;
}

.maincol .point dd{
padding-left:45px;
}

.maincol .cotton_01{
position:relative;
width:576px;
}

.maincol .cottonImg_01{
float:right;
width:155px;
padding-left:20px;
}

.maincol .cotton_02{
position:relative;
width:576px;
}

.maincol .cottonImg_02{
float:right;
width:200px;
padding-left:20px;
}

.maincol .cotton_03{
position:relative;
width:576px;
}

.maincol .cottonImg_03{
float:right;
width:320px;
padding-left:20px;
}

.maincol .voiceText{
float:right;
width:400px;
}

.maincol .voiceImg{
float:left;
width:100px;
margin-right:20px;
}

.maincol .list_01 dt{
width:80px;
float:left;
clear:left;
}

.maincol .list_01 dd{
padding-left:90px;
}

.maincol .recruit{
position:relative;
width:576px;
}

.maincol .recruitImg{
float:right;
width:194px;
padding-left:20px;
}

/* 天衣無縫について */
.maincol .about{
margin-bottom:20px;
}

.maincol .about img{
margin:7px;
}

.maincol .waku .aboutImg{
float:left;
width:194px;
padding-right:15px;
}

.maincol .waku .aboutText{
float:right;
width:330px;
}

.maincol .waku .aboutText dt{
width:100px;
float:left;
clear:left;
}

.maincol .waku .aboutText dd{
padding-left:100px;
}

/* 天衣無法の語源 */
.maincol .roots{
position:relative;
width:576px;
}

.maincol .rootsImg{
float:right;
width:177px;
padding-left:20px;
}

/* 天衣無法の語源 */
.maincol .roots{
position:relative;
width:576px;
}

.maincol .rootsImg{
float:right;
width:177px;
padding-left:20px;
}

/* 店舗情報 */
.maincol .shopMap{
margin-left:30px;
}

/* oemについて */
.maincol .oemMenu{
margin-right:70px;
}

/* オーガニックであることについて */
.maincol .about_02{
position:relative;
width:576px;
}

.maincol .aboutImg_02{
float:right;
width:167px;
padding-left:20px;
}

.maincol .aboutImg_02 img{
margin-bottom:45px;
}

/* 画像周りの空白の設定 */

.maincol .4img img{
margin:15px;
}

/*　ログイン関係の設定　*/
.maincol .login{
width:300px;
margin:20px auto;
}

.maincol .login .waku_02{
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}