@charset "utf-8";

/*スタッドレスページCSS */

html body{
    height:100%;
}

/* IE6 hack*/
* html body{
	font-size:100%;
	margin: 0px;
	padding: 0px;
}

/* IE7 hack*/
*:first-child+html body{
    font-size:100%;
}

/*  FireFoxリンク線消し*/

a {
	outline-style: none;
}

p {
	font-size: 12px;
}

/*基本設定 */

#contents {
	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.p-box {
	margin-top: 5px;
}

#contents h1{
	text-indent: -9999px;
	display: block;
}

#contents h2{
	font-weight: bold;
	color: #FFFFFF;
	background: #000000 url(img/stud/stud-h2.jpg) no-repeat left;
	padding: 3px 0px 3px 30px;
	width: auto;
	margin: 7px 0px;
	line-height: 160%;
	font-size: 14px;
}

#contents h3{
	line-height: 200%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(img/stud/stud-h3.jpg) no-repeat left;
	padding: 0px 0px 0px 30px;
	width: auto;
	margin-top: 7px;
	height: 25px;
	font-size: 14px;
}

#contents h4{
	line-height: 200%;
	font-weight: bold;
	color: #FF0000;
	padding: 0px 0px 0px 25px;
	width: auto;
	margin: 7px 0px;
	border-bottom: 1px dotted #333333;
	font-size: 14px;
}

/*レイアウト */

#mainbox { /*コンテンツ領域*/
	margin: 7px 0px 0px;
	padding: 0px;
	height: 100%;
	float: left;
	width: 645px;
}

#sidebox{ /* サイド領域 */
	width: 280px;
	float: right;
}

/*コンテンツ内包 */

#topimage {
	margin: 0px 0px 3px;
	padding: 12px;
	height: 235px;
	position: relative;
}

#topimage .post-button {
	position: absolute;
	left: 453px;
	top: 180px;
	width: 180px;
	display: block;
}

#topimage .post-button .regt-bot{
	background: #CCCCCC url(img/stud/kounyuu.jpg) top;
	display: block;
	height: 60px;
	width: 180px;
	text-indent: -9999px;
}

#topimage .post-button a:hover{
	background-position: bottom;

}

.cont-box{
	margin-bottom: 10px;
	padding: 0 25px;

}

.cont-box .hidden-box-erea {
	padding: 10px;
	height: 310px;
	overflow: auto;
	border: 1px solid #CCC;
	background: #FFFFFF;
	margin: 10px 0px;
}

.cont-box .hidden-box-erea p{
	line-height: 160%;
	color: #333333;
	margin-left: 20px;
}


#touroku_buttom {
	margin-top: 20px;
	display: block;
	height: 40px;
}

#touroku_buttom .aaa {
	height: 40px;
	width: 127px;
	background: url(img/stud/touroku.jpg);
}

#touroku_buttom .bbb {
	height: 40px;
	width: 127px;
	background: url(img/stud/login.jpg);
}

#touroku_buttom a:hover{
	background-position: bottom;
}
/*左カラム内サイズ選択領域 */
#right_box {
	width: 379px;
	float: left;
	padding-left: 15px;
	height: 240px;
	margin-top: 10px;
}

#right_box .point a {
	background: url(img/stud/detail.jpg);
	height: 22px;
	width: 82px;
	display: block;
	text-indent: -9999px;
	float: right;
}

#right_box .point a:hover {
	background-position: bottom;
}

#right_box li {
	float: left;
	width: 182px;
	margin-right: 7px;
	margin-bottom: 6px;
	border-color: #000000;

}

#left_box {
	float: left;
    width: 200px;
	margin-top: 10px;
}
/* サイド領域　コンテンツ内包 */
#cm {
	display: block;
	height: 260px;
	width: 280px;
	margin-top: 7px;
}

.side-cont-box {
	height: auto;
    padding: 10px 7px 7px;
	border: 1px solid #CCCCCC;
	background: #D1D1D1;
}

.blogparts{
	padding: 10px 7px 7px;
	background: #FFFFFF;
	text-align: center;
}

.line {
	border-bottom: 1px dotted #333333;
}

.aaa {/* 会員登録 */
	float: left;
	text-indent: -9999px;
}

.bbb { /* ログイン */
	float: right;
	text-indent: -9999px;
}



/* タイヤサイズリスト */
#shashu {
	background: #FFFFDF;
	margin-top: 10px;
	padding: 10px;
	width: 575px;
	border: 1px solid #CCCCCC;
}
#shashu h3{
	margin: 0 0 5px;
	background: #111111;
	width: auto;
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 5px;
}
#shashu ul{
	width: 575px;
	margin: 10px;
	_margin: 10px 0 10px;/* IE6 */
}
#shashu li{
	margin: 0px 15px 5px 5px;
	_margin: 0px 13px 5px 5px;/* IE6 */
}
#shashu ul.child{
	margin: -15px 0px 0px 60px;
	_margin: -13px 0px 0px 60px;
	width: 525px;
}
#shashu ul.child li{
	float: left;
	margin-bottom: 5px;
}
* html #shashu {
	font-size: 78%;
}

/* コンテンツ下　メーカーサイトリンクリスト */
.floatUL {
	display: block;
	margin: 10px 0px;
	_margin: 0px;
}
* html ul.floatUL {/* IEハック */
	margin: 12px 0 0 0px;
}
.floatUL li{
	float: left;
	margin: 0 12px 12px 0;
}
* html .floatUL li{
	float: left;
	_margin: 0 12px 12px 0;
}
.floatUL li a{
	display: block;
	background: #CCCCCC;
}
.floatUL li a.maker{
	height: 35px;
	width: 185px;
}
.floatUL a {
	height: 100px;
	width: 100px;
}
.floatUL a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}



/* タイヤメーカー */
.GY_header{
	background: url(img/stud/top_image_gy.jpg) no-repeat;
}
.YK_header{
	background: url(img/stud/top_image_yk.jpg) no-repeat;
}
.BS_header{
	background: url(img/stud/top_image_bs.jpg) no-repeat;
}
.GYicon-mi{
	background: url(img/stud/ice_navi_zea_360.jpg) no-repeat left center;
}
.GYicon{
	background: url(img/stud/ice_navi_zea_480.jpg) no-repeat left center;
}
.GYicon2{
	background: url(img/stud/ice_navi_zea2_360.jpg) no-repeat left center;
}

.YKicon-mi{
	background: url(img/stud/ig20_360.jpg) no-repeat left center;
}
.YKicon{
	background: url(img/stud/ig20_480.jpg) no-repeat left center;
}
.YKicon2{
	background: url(img/stud/ig30_360.jpg) no-repeat left center;
}
.BSicon{
	background: url(img/stud/bs_icon.gif) no-repeat left center;
}
.TYicon{
	background: url(img/stud/ty_icon.gif) no-repeat left center;
}
.DLicon{
	background: url(img/stud/dl_icon.gif) no-repeat left center;
}
.goodyear {
	background: #FFFF99;
}
.yokohama {
	background: #FFCC66;
}
.bridgestone {
	background: #CCFFCC;
}
.toyo {
	background: #CCCCFF;
}
.dunlop {
	background: #FFCCFF;
}
.michelin {
	background: #CCCCCC;
}

/* 再利用クラス */
.icon{
	font-size: 15px;
	text-indent: -9999px;
	height: 35px;
	width: 360px;
	display: block;
}
.icon2{
	font-size: 15px;
	text-indent: -9999px;
	height: 35px;
	width: 480px;
	display: block;
}

p.point {
	margin: 3px;
	padding: 0;
	display: block;
	line-height: 150%;
}
.price {
	float: left;
}
.name {
	font-size: 10px;
	width: 100px;
	height: 45px;
}
.good-point {
	font-weight: bold;
	color: #0066CC;
	margin:3px 0 5px 5px;
}

.car_select{
clear:both;
position:relative;
font-size:medium;
margin-bottom:15px;
}

.car_select a{
	background:url(img/stud/car_select.jpg) no-repeat;
	width:170px;
	height:0px;
	padding-top:30px;
	display:block;
	position:absolute;
	left: 384px;
	top: -6px;
	overflow:hidden;

}
.car_select a:hover{
	background:url(img/stud/car_select.jpg) no-repeat bottom;

}


/* マメ知識の背景としてナンバーアイコンを表示する */

.number1, .number2, .number3, .number4, .number5{
	height: 21px;
	width: 21px;
	display: block;
}

.number1 { 
	background: url(img/stud/number1.jpg) no-repeat left;
}
.number2 { 
	background: url(img/stud/number2.jpg) no-repeat left;

}
.number3 { 
	background: url(img/stud/number3.jpg) no-repeat left;
}
.number4 { 
	background: url(img/stud/number4.jpg) no-repeat left;
}

/* サイドボックス　リスト*/
#sidebox ul.use {
	margin-top: 1em;
}
#sidebox ul.use li{
	line-height: 150%;
	margin-left: 2em;
	list-style: circle;
	margin-bottom: 0.5em;
}

/* table */
table .case1 ,.case2 ,.case3 ,.case4{
	background: #999;
	color: #FFF;
}
/* リンク先がnotice.htmlの場合の表記 */
a.asta{
	color: #7E002A;!important
	text-decoration: underline;
}
/* notice.html */
.notice{
	text-align: center;
}
.notice p.owabi {
	background: url(img/stud/notice.gif) no-repeat center bottom;
	display: block;
	text-indent: -9999px;
	height: 300px;
}
.notice a {
	background: url(img/stud/notice-a.gif);
	display: block;
	margin: 7px auto 40px;
	height: 40px;
	width: 235px;
	text-indent: -9999px;
}
.notice a:hover{
	background: url(img/stud/notice-a-hover.gif);
}