/*---------------------------初期化-----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	

	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	.oa{
	overflow:auto;
	}
	
	.on{
	overflow:none;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------ハック一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }

*html body





******s指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->





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

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
/*body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:75%;
 background-image:url('./img/back.jpg');
 background-position:top;
 line-height:110%;
}
*/
body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:75%;
 background-image:url('./img/back2.jpg');
 background-repeat:repeat-y;
 background-position:top;
 line-height:110%;
}

/*body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:75%;
 background-color:#ffcc83;
 line-height:110%;
}
 */

/* 全体のボックス */
#content {
 width:800px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 background-color:#ffe8c6;
 border-left:1px solid #999999;
 border-right:1px solid #999999;
 border-bottom:1px solid #999999;
 position:relative;
 top:-15px;
 }

/* ヘッダーのボックス */
#box_header{
 width:100%;
 clear:right;
  margin-bottom:-1px;
}


/* 左のボックス */
#box_left {
 width:203px;
 float:left;
}

/* 左のボックス */
#box_middle {
 width:40%;
 float:left;
}



/* 右のボックス */
#box_right {
 width:203px;
 float:right;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
 padding:20px 0px 10px 10px;
}


/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #f00;
	text-decoration: underline;
}


/* P要素全体に適用 */
p {
	line-height:150%;
	margin:10px 0px 10px 0px;
}

/* STORNG要素全体に適用 */
strong {font-size:100%;}


/* TABLE要素全体に適用 */
table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
	background-color:#f2f2f2;
	padding:5px;
}

td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:110%;
	padding:5px;
}

hr{
border:1px dotted #333333;}

h2{font-weight:bold;}

h3{font-weight:bold;
font-size:120%;
padding-top:50px;}




/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
}
.fleft{
float:left;
}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}

.block{
display:block;}

* html .zure{
margin-left:0px;
margin-bottom:-1px;}

*:first-child+html .zure{
margin-bottom:-1px;}





/*
--------------------個別で指定-------------------------
*/

a.normal:link, a.normal:visited, a.normal:active {
	color: #f00;
	text-decoration: none;
}

a.normal:hover {
 	color: #f00;
	text-decoration: underline;
}

.topcontent{
background-color:#fff;
border-left:1px solid #ef971b;
border-right:1px solid #ef971b;
margin:0px 0px 0px 5px;
padding:10px 10px 10px 10px;
width:360px;
}

* html .topcontent{
width:382px;}

.topcontent img{
padding:0px 10px 20px 20px;
float:left;
}

* html .topcontent img{
margin:0px 10px 20px 20px;
float:left;
}

.topleft{
padding:0px 10px 0px 15px;
}
.topleftm{
margin:0px 0px 0px 15px;
}

.tnavi{
margin-left:30px;
}

.tnavi li{
padding:5px 5px;
list-style-type:circle;
}

.pad{
padding-right:5px;
}

#flash_navi{
position:absolute;
top:160px;
float:right;
}

.contents{
background-image:url('./img/c.gif');
background-position:top;
background-repeat:repeat-y;
margin:0px;
padding:10px 80px 0px 80px;
line-height:160%;
}

.product img {
margin:20px 0px 0px 0px;
float:left;
}


*html body .contents{
margin-left:2px;
}


.rightp {
padding:0px 0px 20px 300px;
margin:0px;
}

.leftp {
padding:0px 0px 20px 10px;
margin:0px;
width:350px;
}

#birken{
width:280px;
float:left;
}

table.repair {
	border-top:1px solid #ee971a;
	border-left:1px solid #ee971a;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

.repair th{
	border-right:1px solid #ee971a;
	border-bottom:1px solid #ee971a;
	text-align:center;
	background-color:#ffe8c6;
	color:#ee971a;
	font-weight:bold;
	padding:5px;
}

.repair td{
	border-right:1px solid #ee971a;
	border-bottom:1px solid #ee971a;
	line-height:110%;
	padding:5px;
}

h1{display:none;}