@charset "UTF-8";

/*--------------------------------------------

	For guide file

	Last update : 2010.7.9
	mio urakami

	---------------------------
	1-0 structure

	2-0 visual setting
		2-1 common
		2-2 block
		2-3 サイズと木型の選び方ページ
		2-4 木型の選び方
		2-5 木型スペック
		2-6 足のサイズの測り方
			2-6-2 商品一覧
		2-7 chochotteについて
		2-8 送料テーブル
		2-9 特定商取引法
  --------------------------------------------*/

/*----------------------------------------------------------------
	1-0 structure
-----------------------------------------------------------------*/

.sizeguide #measure .fig{
	float:left;
	width:197px;
}

.sizeguide #measure .figtext{
	float:right;
	width:425px;
}

.sizeguide .lastable .photo{
	float:left;
	width:212px;
	padding-bottom:30px;
}

.sizeguide .lastable .phototext{
	float:right;
	width:435px;
	padding-bottom:30px;
}



.sizeguide .itemlist{
	width:681px;
	padding-top:35px;
}

.sizeguide .itembox{
	float:left;
	width:125px;
	margin-right:10px;
	margin-bottom:12px;
}

.sizeguide .itemlist, .sizeguide .itemblock, .sizeguide #measure, .sizeguide h4{
	clear:both;
}

/*----------------------------------------------------------------
	2-0 visual setting
-----------------------------------------------------------------*/

/* --------------------------------------------------
	2-1 common
----------------------------------------------------*/

#contents a{
	text-decoration:underline;
}

#contents h1{
	padding:6px 0 0 4px;
}

#contents .pagenavi p{
	margin:20px 3px 15px 0;
	text-align:right;
	line-height:1.7;
}

/* --------------------------------------------------
	2-2 block
----------------------------------------------------*/

#contents .block{
	margin-bottom:30px;
	border-top:3px solid #ea9eaf;
}

.block h2, .block02 h2{
	padding:13px 35px 35px 35px;
	background:url("../img/icon_asterisk.gif") no-repeat 11px 13px;
	color:#de4972;
	font-size:150%;
	line-height:1;
}

.block h3, .block02 h3{
	margin:0 60px 1em 210px;
	line-height:1.2;
	font-weight:bold;
}

.block p{
	margin:0 60px 2em 210px;
	line-height:1.7;
}

.block ul{
	margin:0 60px 0 222px;
}

.block ol{
	margin:0 60px 0 232px;
}

 .block li{
	margin:0 0 1.5em 0;
	line-height:1.34;
}

.block .caution{
	margin:35px 60px 1em 210px;
	padding:0 0 0 40px;
	background:url("../img/icon_caution.gif") no-repeat 0 3px;
	color:#097cb1;
}

.block .caution p{
	margin:0 0 8px 0;
	line-height:1.5;
}

/* --------------------------------------------------
	2-3 サイズと木型の選び方ページ
----------------------------------------------------*/

.sizeguide{
	background:url("../img/guide/p_face.gif") no-repeat 535px 25px;
}

.sizeguide #lead{
	margin:35px 161px 33px 7px;
}

.sizeguide #lead p{
	line-height:1.8;
}

.sizeguide #lead p.jumpmeasure{
	padding-left:345px;
	text-align:right;
}

.sizeguide #lead p.jumpmeasure a{
	display: block;
	padding:5px 30px 5px 5px;
	background:url("../img/arw_pink01.gif") no-repeat right center;
}

.sizeguide #lead p.jumpmeasure a:hover{
	background:url("../img/arw_pink01_ov.gif") no-repeat right center;
}


/* --------------------------------------------------
	2-4 木型の選び方
----------------------------------------------------*/

.sizeguide h2{
	padding:0 0 15px 4px;
}

.sizeguide #howtochoose p{
	line-height:1.8;
}

.sizeguide .text{
	margin:0 13px 16px 7px;
	line-height:1.8;
}

.sizeguide #howtochoose .aim{
	margin:20px 4px;
	padding:19px;
	background:url("../img/guide/back_howtochoose.gif") repeat-y;
}

.sizeguide #howtochoose .aim p{
	color:#477d00;
	font-size:116%;
	font-weight:bold;
	line-height:2.2;
}

/* --------------------------------------------------
	2-5 木型スペック
----------------------------------------------------*/

.sizeguide h3{
	margin:20px 0;
	padding:10px 10px 8px 10px;
	background:#b5a188;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	line-height:1;
}

.sizeguide .lastable table{
	width:661px;
	margin-left:9px;
	border-right:1px solid #c3b7a5;
	border-bottom:1px solid #c3b7a5;

}

.sizeguide .lastable th{
	padding:7px 4px;
	border-top:1px solid #c3b7a5;
	border-left:1px solid #c3b7a5;
	text-align:center;
}

.sizeguide .lastable td{
	border-top:1px solid #c3b7a5;
	border-left:1px solid #c3b7a5;
	text-align:center;
}

.sizeguide th.lastsize{
	padding:12px;
	background:#fff;
}

.sizeguide .title02{
	background:#f3ddd8;
}

.sizeguide em{
	color:#de4972;
	font-weight:bold;
}

.sizeguide td em{
	color:#3d3123;
}

.sizeguide .tr01, .sizeguide .tr03, .sizeguide .tr05, .sizeguide .tr07, .sizeguide .tr09{
	background:#fff;
}

.sizeguide th.type01, .sizeguide th.type02, .sizeguide td.type01, .sizeguide td.type02{
	border-left:3px double #c3b7a5;
}

.sizeguide .text02{
	margin:10px 13px 30px 7px;
	text-align:right;
	line-height:1.5;
}

.sizeguide .lastable .phototext p{
	padding-right:7px;
	line-height:2;
}

.sizeguide .lastable .photo p{
	text-align:right;
}


/* --------------------------------------------------
	2-6 足のサイズの測り方
----------------------------------------------------*/

.sizeguide #measure h3{
	background:#de4972;
}

.sizeguide #measure .fig p{
	text-align:right;
}

.sizeguide #measure .figtext ol{
	margin-right:17px;
	list-style:decimal inside;
}

.sizeguide #measure .figtext li{
	margin:1.5em 0;
	line-height:1.7;
}


/* --------------------------------------------------
	2-6-2 商品エリア
----------------------------------------------------*/

.sizeguide h4{
	padding-bottom:10px;
	padding-left:4px;
	font-weight:bold;
}

.sizeguide .itemblock{
	padding-left:4px;
}

.sizeguide .itemblock .comment{
	margin-right:5px;
	color:#ee0955;
}

.sizeguide .itemphoto{
	padding:2px 0 2px 2px;
	background:url("../img/index/back_photo_s.jpg") no-repeat;
}

.sizeguide .itemtext{
	margin:6px 2px 12px 2px;
}

.sizeguide .itemtext p.name{
	line-height:1.2;
}

.sizeguide .itemtext p.copy{
	margin-top:4px;
	font-size:86%;
	line-height:1.2;
}

.sizeguide .itemtext p.copy a{
	text-decoration:none;
}

.sizeguide .itemtext p.copy a:visited{
	color:#51372c;
}

.sizeguide .itemtext p.copy a:hover{
	color:#f9032b;
	text-decoration:underline;
}


/* --------------------------------------------------
	2-7 chochotteについて
----------------------------------------------------*/

.about #lead{
	margin:35px 60px 35px 160px;
}

.about #lead p{
	line-height:2;
}


.block02 p{
	margin:0 60px 1em 160px;
	line-height:1.7;
}


#contents .block02{
	margin-bottom:30px;
	border-top:4px dotted #ea9eaf;
}

.about #designer .profile{
	margin-top:30px;
}

.about #designer .profile p{
	line-height:2;
}

/* --------------------------------------------------
	2-8 送料テーブル
----------------------------------------------------*/

.guide #shipping table.postage{
	width:449px;
	margin:10px 10px 2em 210px;
}

.guide #shipping table.postage th, .guide #shipping table.postage td{
	padding:8px;
}

.guide #shipping table.postage .ttl th{
	padding:4px 8px;
	background:#b5a188;
	color:#fff;
}

.guide #shipping table.postage .num{
	text-align:right;
}

.guide .tr02, .guide .tr04, .guide .tr06, .guide .tr08, .guide .tr10{
	background:#fff;
}


/* --------------------------------------------------
	2-9 特定商取引法
----------------------------------------------------*/

.law table{
	width:661px;
	margin-top:30px;
	margin-left:9px;
	border-right:1px solid #c3b7a5;
	border-bottom:1px solid #c3b7a5;

}

.law table th{
	width:30%;
	padding:10px;
	border-top:1px solid #c3b7a5;
	border-left:1px solid #c3b7a5;
	background:#ede9e0;
}

.law table td{
	padding:10px;
	border-top:1px solid #c3b7a5;
	border-left:1px solid #c3b7a5;
	line-height:1.5;
}

.law table td p{
	margin:0.7em 0;
}

.law table td ul{
	margin-top:0.5em;
	list-style:none;
}

.law table td li{
	margin-bottom:0.5em;
	padding-left:15px;
	background:url("../img/icon_menu.jpg") no-repeat 4px 6px;
}