@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------ 
	ABOUT BELT専用css
------------------------------------------------------------*/  


/*------------------------------ 
	ベルトについて
------------------------------*/

.aboutInner{
	width:972px;
	padding:4px;
}

.tabInner{
	width:972px;
	overflow:hidden;
}

#tab{ width:973px;}
#tab li{
	width:161px;
	height:60px;
	margin-right:1px;
	text-align:center;
	float:left;
}

#tab a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/tabBg.png) no-repeat;
	color:#666;
	font-size:109%;
	line-height:60px;
}

#tab .tab02 a{
	line-height:1.3;
	padding-top:15px;
}

#tab a:hover,
#tab .selected{ background:url(../img/tabBg_on.png) no-repeat;}

#tab .selected{ 
	cursor:default;
	color:#000;
	font-weight:bold;
}

.tabArea{ padding:20px 0;}

h3{
	font-size:117%;
	background:#DBDBDB;
	text-indent:15px;
	height:50px;
	line-height:50px;
	margin-bottom:25px;
	font-weight:bold;
}

.textArea{
	width:956px;
	padding:0px 8px 20px;
	overflow:hidden;
	line-height:1.7;
}

.about-headline{
	font-weight:bold;
	font-size:117%;
}

.loading{
	text-align:center;
	padding:300px 0 500px;
}
/*------------------------------ 
	ベルトについて
------------------------------*/

#tab01 p{ margin-top:20px;}

.border{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.brandTitle{
	font-weight:bold;
	background:url(../img/about_img02.jpg) no-repeat left center;
	padding-left:40px;
}

.brandList{
	width:300px;
	float:left;
	margin:30px 18px 0 0;
	
}

.brandCountry{
	background:url(../img/border.jpg) no-repeat right center;
	font-weight:bold;
	font-size:100%!important;
}

.brandList ul{ margin-bottom:25px;}

.brandList li{
	font-size:92%;
	margin-bottom:3px;
}

/*------------------------------ 
	革ベルトが取付け可能な時計
------------------------------*/

.sentence{ margin-bottom:20px;}

.beltList{
	overflow:hidden;
	margin:20px 0;
}

.beltType{
	width:140px;
	padding:10px 5px;
	background:#DEDEDE;
	height:380px;
	float:left;
	margin-right:9px;
}

.typeTitle{
	height:30px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;
}

.typeText{
	font-size:92%;
	margin-top:10px;
}

.beltType2{
	width:140px;
	padding:10px 5px;
	background:#DEDEDE;
	height:280px;
	float:left;
	margin-right:9px;
}

.beltType3{
	width:458px;
	padding:10px 5px;
	background:#DEDEDE;
	height:280px;
	float:left;
	margin-right:9px;
}

/*------------------------------ 
	交換方法
------------------------------*/

.tool{
	margin-top:20px;
	overflow:hidden;
}

.toolList{
	width:130px;
	padding:10px;
	margin-right:9px;
	background:#DEDEDE;
	height:240px;
	float:left;
}

.toolList2{
	float:left;
	padding:150px 10px 0;
	width:448px;
}

.toolText{
	font-size:92%;
	margin-top:10px;
}

.procedure{
	overflow:hidden;
	margin-bottom:20px;
}

.procedure li{
	width:172px;
	height:146px;
	padding:7px;
	margin-right:20px;
	float:left;
	background:#DEDEDE;
}

.procedure .procedureText{
	width:316px;
	padding:7px 10px;
	margin-right:0;
}

.procedureText p{ margin-top:10px;}

/*------------------------------ 
	革ベルトの選び方
------------------------------*/

#tab04 p{ line-height:2;}

.choiceText{
	float:left;
	width:320px;
}

.choiceImg{
	float:right;
	width:616px;
}

.choiceText2{
	width:530px;
	float:left;
}

.choiceImg2{
	float:right;
	width:391px;
}

.choiceImg-txt{
	text-align:center;
	font-weight:bold;
	font-size:117%;
	color:#990000;
}

/*------------------------------ 
	ベルトの素材種類
------------------------------*/

#tab05 p{ margin-bottom:20px;}

.materialList{ overflow:hidden;}

.materialList li{
	width:450px;
	margin:0 27px 27px 0;
	float:left;
	height:116px;
	overflow:hidden;
}

.materialList .img{
	width:100px;
	height:100px;
	padding:8px;
	background:#DBDBDB;
	float:left;
}

.materialList div{
	float:right;
	width:320px;
}

.materialList p{ margin-bottom:10px!important;}

/*------------------------------ 
	お手入れ方法
------------------------------*/

#tab06 p{ margin-bottom:20px;}