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

*{
	padding:0px;
	margin:0px;	
}
img{
	border-style:none; /*イメージのボーダーを消す*/
}
body{
 color:#222;
 background-color : #fff;
}
/*ヘッター*/
#Heder-box{
	background-image:url(image/hederback.png);
	height:auto;
	overflow:hidden; /*はみ出した要素を表示しない*/
}
#Heder-groupA{
	width:750px;
	height:auto;
	margin:0 auto; /*中央寄せ*/
}
.mark-utility{
	position:relative;
	height:90px;
	width:250px;
	float:left;	
}
.co_mark{
	position:absolute;
	bottom:20px;
	left:50px;
}
.right_utility{
	position:relative;
	height:90px;
	width:500px;
	float:left;
}
.right_utility a{
	display:block;
	overflow:hidden;
	width:120px;
	height:0px;
	background-image:url(image/mail_off.png);
	padding-top:30px;
	margin: 50px 0px 0px 300px;
}
.right_utility a:hover{
	background-image:url(image/mail_on.png);
}

.mail-utility{
	position:absolute;
	bottom:15px;
	left:300px;

}

#right_top{
	height:60px;
}

/*ヘッダーメニュー*/
#Heder-menu{
	background-image:url(image/hederback_botom.png);
	overflow:hidden; /*はみ出した要素を表示しない*/
	height:15px;
}
#Heder-menu2{
	overflow:hidden; /*はみ出した要素を表示しない*/
	height:auto;
}
#menu_utility{
	background-image:url(image/menu-bak.png);
	width:750px;
	height:25px;
	margin:-1px auto; /*中央寄せ*/
}
#menu_utility ul{
	width:650px;
	height:40px;
	margin:0px auto; /*中央寄せ*/
	padding:0px 0px 0px 10px;
}

ul.Hedter-utility{
	text-align:center;
	font-size:13px;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	list-style:none;
	padding:0px;
}
ul.Hedter-utility li{
	display:inline; /*リストを横に並べる*/
	width:155px;
	height:15px;
	float:left;
	margin:0px;
	padding:0px;
}

ul.Hedter-utility > li{
	border-left:1px solid #999;
	border-right:1px solid #333;
}
ul.Hedter-utility > li:last-child{
	border-right:1px solid #999;
}

ul.Hedter-utility a{
	display:block; /*要素をブロックレベルで扱う*/
	margin:0px;
	color:#FFF;
	text-decoration:none;  /*リンクの下線を消す*/
	
		/*トップメニュー動き制御*/
	-moz-transition-property: all;  
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: linear;
	-webkit-transition: all 0.1s linear 0;	
}

ul.Hedter-utility a:hover{
	color:#FFF;
}

ul.Hedter-utility li:hover >a{
	color:#000;
	background-color:rgba(255,10,0,0.8); /*ハーフで色をのせる*/
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');
}

.radial-botan{
}

/*本文*/
#Site-box{
	clear:both; /*回り込み解除*/
	height:auto;
	min-height:630px;
	width:750px;
	margin:0px auto;
}
H1{
	text-indent:10px;
	font-size:28px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	border-bottom:3px solid #009;
}
H2{
	font-family:"Times New Roman", Times, serif;
	font-size:48px;
	margin:40px 0px 20px 50px;
}
#image-box{
	width:750px;
	height:300px;
	padding:0px 0px 100px 0px;
}
#tire-image1{
	width:292px;
	padding:0px 54px 0px 54px;
	float:left;
}
#tire-info{
	width:330px;
	float:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	margin:10px;
	padding-bottom:20px;
}
#tire-size{
	float:left;
	width:350px;
	padding:20px auto;
}
#tire-size H3{
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}
#tire-size .graph{
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	list-style:none;
	padding:0px 10px;
}
#tire-size .graph li{
	padding-left:10px;
	border-bottom:1px solid #CCC;
}
#tire-size .graph  > li:last-child{
	border-bottom:none;
}
#tire-size div{
	text-align:center;
}
#tire-size div.graph_sta0{
	float:left;
	font-weight:bold;
	width:50px;
}
#tire-size span{
	font-size:9px;
}
#tire-size div.graph_sta1{
	float:left;
	font-weight:bold;
	width:145px;
}
#tire-size div.graph_sta2{
	float:left;
	font-weight:bold;
	width:30px;
}
#tire-size div.graph_sta3{
	#float:left;
	font-weight:bold;
	width:auto;
}

#graph_front{
	color:#FFF;
	background-color:#666;
	padding-left:10px;
}
#graph_ria{
	clear:both;
	color:#FFF;
	background-color:#666;
	padding-left:10px;
}
#tire-size .graph_A{
	width:29px;
	padding-left:21px;
	text-align:left;
	float:left;
}
#tire-size .graph_A2{
	width:50px;
	text-align:left;
	float:left;
}
#tire-size .graph_a{
	width:145px;
	float:left;
}
#tire-size .graph_b{
	width:30px;
	float:left;
}
#tire-size .graph_c{
	width:auto;
	#float:left;
}
#tire-size p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	margin:15px 10px;
}
/*フッター*/
#Footer-box{
	background-image:url(image/Footerback.png);
	height:auto;
	clear:both; /*回り込み解除*/
}
#Footer-groupA{
	position:relative; /*ロゴ置く親要素*/
	width:750px;
	height:80px;
	margin: 0 auto;	
}
#Footer-groupA ul{
	width:700px;
	height:15px;
	margin: 0px auto;
}
ul.Footer-utility{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	list-style:none;
	padding-top:10px;
}
ul.Footer-utility li{
	display:inline; /*リストを横に並べる*/
	width:140px;
	margin:0px;
	padding:0px;
	float:left;
}
ul.Footer-utility a{
	color:#FFF;
	text-decoration:none;  /*リンクの下線を消す*/
}
ul.Footer-utility a:hover{
	color:#FFF;
	text-decoration:underline; /*下線を表示する*/
}

address{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;	
	padding-top:22px;
	padding-right:120px;
	text-align:right;
}
.co_image{
	position:absolute;
	bottom:15px;
	left:650px;
}