@charset "utf-8";

/* --------------------------------------------------------- */
/* 共通 - common.css
------------------------------------------------------------ */

body, div, dl, dt, dd, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, input,
table, tr, th, td {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
body {
	font-family: 'メイリオ',Meiryo,'Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.6;
	color: #333;
}
ol {
	padding-left: 2em;
}
li {
	list-style: none;
}
input {
	vertical-align: middle;
	margin: -2px 5px 0 0;
	*margin-right: 0;
}
select {
	padding: 5px;
}
table {
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
th {
	background-color: #F5F5F5;
	border: solid 1px #DADADA;
	white-space: nowrap;
	padding: 5px;
}
td {
	border: solid 1px #DADADA;
	padding: 5px;
}
img {
	vertical-align: top;
	border: 0;
}
a {
	outline: none;
}
a img {
	border: 0;
}
a:link {
	text-decoration: underline;
	color: #338ADF;
}
a:visited {
	text-decoration: underline;
	color: #006DD9;
}
a:hover, a:active {
	text-decoration: none;
	color: #DE1208;
}

/* レイアウト
------------------------------------------------------------ */
#contents {
	width: 980px;
	padding: 0 0 5px 0;
	margin: 0 auto;
}
#main {
	float: left;
	width: 660px;
	overflow: hidden;
}
#side {
	float: right;
	width: 300px;
	padding-bottom: 15px;
}

/* ヘッダー
------------------------------------------------------------ */
#headBox {
	background: url(http://www.kurumaru.com/img/common/head/bac_head.png) repeat-x 0 0;
	height: 182px;
	overflow: hidden;
}
#head {
	font-size: 11px;
	color: #FFF;
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#head h1 {
	font-weight: normal;
	line-height: 28px;
	padding-left: 5px;
}
#head li, #head dt, #head dd {
	float: left;
}

/* ロゴ */
#head .logo {
	position: absolute;
	width: 400px;
	height: 44px;
	top: 47px;
}
#head .logo span img {
	padding: 17px 0 0 8px;
}

/* 会員 */
#head .MyMj {
	line-height: 1em;
	*line-height: 1.2em;
	text-align: right;
	display: block;
	position: absolute;
	top: 8px;
	right: 0;
}
#head .MyMj a:link, #head .MyMj a:visited {
	color: #FFF;
}
#head .MyMj li {
	border-right: solid 1px #FFF;
	padding: 0 10px;
}
#head .MyMj li.login {
	border-right: none;
	padding-right: 0;
}
#head .MyMj li.login a {
	font-size: 10.5px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #DE1206;
	background: url(http://www.kurumaru.com/img/common/head/btn_login.png) no-repeat 0 0;
	display: block;
	width: 55px;
	height: 20px;
	margin: -4px 0 0 0;
}
#head .MyMj li.login a:hover {
	background-position: 0 bottom;
}

/* 検討ボタン */
#head .reviewBtn {
	position: absolute;
	right: 0;
}

/* メニュー */
#menu {
	position: absolute;
	top: 124px;
	left: -17px;
}
#menu dt {
	padding-left: 18px;
}

/* フッター
------------------------------------------------------------ */
#footBox {
	font-size: 11px;
}
#footBox li {
	line-height: 1em;
	*line-height: 1.2em;
	word-break: keep-all;
	display: inline-block;
	*display: inline;
	padding: 0px 10px 7px 0;
	*padding: 1px 10px 0 0;
	*zoom: 1;
}
#foot {
	border-bottom: solid 2px #DE1209;
	overflow: hidden;
}

/* メニュー */
#foot .menu {
	line-height: 35px;
	background-color: #F5F5F5;
	border-bottom: solid 1px #DADADA;
	height: 35px;
}
#foot .menu a:link, #foot .menu a:visited {
	text-decoration: none;
	color: #333;
}
#foot .menu a:hover, #foot .menu a:active {
	text-decoration: underline;
	color: #DE1208;
}
#foot .menu ul {
	position: relative;
	width: 980px;
	height: 35px;
	margin: 0 auto;
}
#foot .menu li {
	*line-height: 35px;
}
#foot .menu li+li {
	border-left: solid 1px #BABABA;
	*border-left: none;
	padding: 0px 6px 0 10px;
}
#foot .menu li.pagetop {
	float: right;
}
#foot .menu li.pagetop a {
	position: absolute;
	top: 13px;
	right: 0;
}
#foot .menu li.pagetop a:hover {
	top: 9px;
	_top: 10px;
}

/* 検索ナビ */
#foot .navi {
	width: 980px;
	padding-top: 5px;
	margin: 0 auto -1px auto;
}
#foot .navi p {
	float: left;
	clear: both;
	width: 200px;
	padding: 15px 0;
}
#foot .navi ul {
	border-bottom: dotted 1px #DADADA;
	padding: 15px 0 18px 200px;
}

/* PR */
#aic {
	text-align: center;
	border-top: solid 1px #DADADA;
	padding-top: 15px;
	margin-top: 1px;
}
#aic .ad {
	padding-bottom: 15px;
}
#aic .ad a:link, #aic .ad a:visited {
	text-decoration: none;
	color: #999;
}
#aic .ad a:hover, #aic .ad a:active {
	text-decoration: underline;
}
#aic .ad li span {
	font-size: 9px;
	display: block;
	padding: 3px 0 0 0;
}
#aic .works {
	border-top: solid 1px #DADADA;
	padding: 17px 0 20px 0;
}
#aic .works p a:link, #aic .works p a:visited {
	text-decoration: none;
	color: #333;
}
#aic .works p a:hover, #aic .works p a:active {
	text-decoration: underline;
	color: #DE1208;
}
#copyright {
	line-height: 35px;
	color: #FFF;
	background-color: #DE1209;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */
.hidden { display: none; }
.clear  { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.cAlg { text-align: center; }
.rAlg { text-align: right; }
.lAlg { text-align: left; }
.rFlt { float: right; }
.lFlt { float: left; }
.rImg { float: right; padding-left: 20px; }
.lImg { float: left; padding-right: 20px; }

.red       { color: #DE1207; }
.watermark { color: #777; }

/* clearfix
------------------------------------------------------------ */
#contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html #contents { zoom: 1; } /* IE6 */

*:first-child+html #contents { zoom: 1; } /* IE7 */