@charset "shift_jis";  

/* =======================================
	MAIN_WRAP
========================================*/
h3 {
	font-size : 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "Lucida Grande", "Verdana", "ＭＳ ゴシック";
	margin-bottom:3px;
	color: #3366CC;

}
.img_cntr { text-align: center; } 
.img_mtop25 { margin-top:25px; }
.font10 { font-size:10px; }

#top_box, #photo_box, #ito_box, div.txt_box { clear:both; margin:10px auto; width:700px; line-height:1.6; }
#top_box img { float:right; margin-right:20px; margin-bottom:20px; }



#photo_box {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #86BDF5;
	border-bottom-color: #86BDF5;
	padding-top: 10px;
	padding-bottom: 10px;
}
#photo_box_L img, #photo_box_R img {
	margin:0 0 10px;
}
#photo_box #photo_box_C { text-align:center; }
#photo_box #photo_box_L { float:left; width:350px; }
#photo_box #photo_box_R { float:right; width:330px; }
#photo_box #color_07 { clear:both; padding:10px 26px; margin-top: 10px;
	border-top-width: 1px; border-top-style: dotted; border-top-color: #86BDF5; }


#photo_box_L .chushaku { margin-left:26px; margin-bottom:10px; width:320px; 
	 }

/***********************************************/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
/***********************************************/ 
#photo_box:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#photo_box {
	display:inline-table;
}

/* Mac IE には適用させない \*/
* html #photo_box { height:1px; }
#photo_box { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */


/* =======================================
	PRICE
========================================*/
table.price {
	clear:both;
	margin:30px auto 10px;
	width:700px;
	border-collapse:collapse;
}
table.price caption {
	text-align: left;
	color: #3397DE;
	font-weight: bold;
	padding: 5px;
	font-size: 14px;
}

table.price th, table.price td {
	font-size:12px;
	padding:3px;
	text-align:center; line-height:1.5;
	border: 1px solid #999999;
}
table.price th {
	background-color: #E2E9ED;
}
table.price th.new {
	background-color: #3397DE;
	color: #FFFFFF;
}
table.price td.num { text-align:left; }
table.price td.white {
	width:10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

/*----- 糸 -----*/
#ito_box {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #86BDF5;
	padding-top: 10px;
	padding-bottom: 10px; }
#ito_box img {
	margin:5px 0 0;
}

/*----- 単価表 -----*/

#tankahyo {
	clear:both;
	margin:20px auto;
	width:700px;
	line-height:1.5;
	background-image: url(../towel/images/tankahyo_bg.gif);
	background-position: center bottom;
	padding-bottom: 10px;
}

#tankahyo #hyo_left { float:left; width:340px; padding-left:10px; }
#tankahyo #hyo_right { float:right; width:320px; padding-right:10px; }

#tankahyo #hyo_left table { width:340px; border-collapse:collapse; }
#tankahyo #hyo_right table { width:320px; border-collapse:collapse; margin-bottom:5px; }

#hyo_left th, #hyo_left td, #hyo_right th, #hyo_right td {
	padding:3px;
	text-align:center;
	border: 1px solid #99FF66;
}
#tankahyo #hyo_left th { background-color: #3399FF; color:#FFFFFF; }
#tankahyo #hyo_right th { background-color: #339966; color:#FFFFFF; }

/***********************************************/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
/***********************************************/ 
#tankahyo:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#tankahyo {
	display:inline-table;
}

/* Mac IE には適用させない \*/
* html #tankahyo { height:1px; }
#tankahyo {
	display:block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */




/* =======================================
	TOWEL MENU
========================================*/
#towel_menu {
	clear:both;
	margin:20px auto;
	width:730px;
	padding-top: 20px;
}
#towel_menu ul li   { list-style:none; }
#towel_menu ul li a {
	width:175px;
	height:100px;
	outline-style:none;
	background-image:url(../towel/images/btn_towel.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	display: block;
	float:left;
	margin-bottom:10px;
} 

#towel_menu ul li a strong {
	visibility: hidden;
	color: #0066FF;
}

#towel_menu ul li a.sNavi01 { overflow:hidden; display:block; background-position:0 0; margin-right:10px;}
#towel_menu ul li a.sNavi01:hover { background-position:0 -100px;}

#towel_menu ul li a.sNavi02 { overflow:hidden; display:block; background-position:-175px 0; margin-right:10px;}
#towel_menu ul li a.sNavi02:hover { background-position:-175px -100px;}

#towel_menu ul li a.sNavi03 { overflow:hidden; display:block; background-position:-350px 0; margin-right:10px;}
#towel_menu ul li a.sNavi03:hover { background-position:-350px -100px;}

#towel_menu ul li a.sNavi04 { overflow:hidden; display:block; background-position:-525px 0;}
#towel_menu ul li a.sNavi04:hover { background-position:-525px -100px;}

#towel_menu ul li a.sNavi05 { overflow:hidden; display:block; background-position:-700px 0; margin-right:10px;}
#towel_menu ul li a.sNavi05:hover { background-position:-700px -100px;}

#towel_menu ul li a.sNavi06 { overflow:hidden; display:block; background-position:-875px 0; margin-right:10px;}
#towel_menu ul li a.sNavi06:hover { background-position:-875px -100px;}

#towel_menu ul li a.sNavi07 { overflow:hidden; display:block; background-position:-1050px 0; margin-right:10px;}
#towel_menu ul li a.sNavi07:hover { background-position:-1050px -100px;}

#towel_menu ul li a.sNavi08 { overflow:hidden; display:block; background-position:-1225px 0;}
#towel_menu ul li a.sNavi08:hover { background-position:-1225px -100px;}