@charset "Shift_JIS";

/* 春のモニタ登録キャンペーン スタイルシート
-----------------------------------------------------------*/

/* リセット
------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
ol,ul {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
caption,th {
	text-align: left;
}
img {
	border: none;
}

/* 共通
-----------------------------------*/
body {
	text-align: center;
}
/* float解除用 */
div:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
div { /* IE Hack */
	zoom: 1;
}

#container {
	text-align: left;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
.section {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

p.multi_link {
	width: 60%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	background: url("/img/icon_check.gif") no-repeat 0 50%;
	padding-left: 43px;
}

/* コンテンツエリア
-----------------------------------*/
#title {
	margin-top: 15px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #cccccc;
}
#main_img {
	width: 780px;
}
#top_left {
	width: 473px;
	float: left;
}
#top_right {
	width: 307px;
	float: right;
}
#btm_left {
	width: 424px;
	float: left;
}
#btm_right {
	width: 356px;
	float: right;
}

/* リンク
-----------------------------------*/
#link {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.sougo_link {	
	width: 45%;
	float: left;
}

/* メイン画像
-----------------------------------*/
#main_wrapper {
	width: 900px;
}
#main_wrapper td {
	vertical-align: top;
}
#main_img {
	width: 382px;
	float: left;
}

/* ランキング
-----------------------------------*/
#ranking {

}
p#ranking_midashi {
	width: 270px;
	border-left: solid 5px #cc0000;
	border-bottom: solid 1px #cccccc;
	padding: 3px 5px;
	font-weight: bold;
}
p#ranking_date {
	width: 280px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: right;
}
/* ランキング（所有車メーカー）
-----------------------------------*/
table#ranking_maker {
	width: 140px;
	float: left;
	margin-right: 10px;
}
table#ranking_maker th {
	background-color: #078aee;
	color: #ffffff;
	padding: 3px;
	border: solid 1px #cccccc;
	text-align: center;
	white-space: nowrap;
}
table#ranking_maker td {
	padding: 3px 5px;
	border: solid 1px #cccccc;
	vertical-align: middle;
}
table#ranking_maker td.rank {
	width: 1%;
	padding: 3px 1px;
	text-align: center;
	vertical-align: top;
}

/* ランキング（車種名）
-----------------------------------*/
table#ranking_syashu {
	width: 140px;
	float: left;
}
table#ranking_syashu:after { /* clearfix Hack */
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
table#ranking_syashu th {
	background-color: #ff8b3d;
	color: #ffffff;
	padding: 3px;
	border: solid 1px #cccccc;
	text-align: center;
	white-space: nowrap;
}
table#ranking_syashu td {
	padding: 3px 5px;
	border: solid 1px #cccccc;
	vertical-align: middle;
}
table#ranking_syashu td.rank {
	width: 1%;
	padding: 3px 1px;
	text-align: center;
	vertical-align: top;
}
/* ランキング詳細
-----------------------------------*/
dl#ranking_detail {
	clear: both;
	padding-top: 5px;
}
dl#ranking_detail dd {
	background: url("/research/img/icon/icon_arrow_orange.gif") no-repeat 0 50%;
	padding-left: 10px;
}

/* モニタ登録
-----------------------------------*/
#entry_wrapper {
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
}
#entry {
	width: 440px;
	float: left;
}
#entry .obi {
	background-color: #df2d34;
	color: #ffffff;
	padding: 2px 5px;
	margin-bottom: 10px;
}
#entry .kiyaku {
	background-color: #f0f0f0;
	margin-bottom: 5px;
	padding: 2px;
}
#btn_submit {
	width: 400px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#renewal {
	width: 310px;
	float: right;
}
#renewal .obi {
	background-color: #616ef2;
	color: #ffffff;
	padding: 2px 5px;
	margin-bottom: 10px;
}
#btn_renewal {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

#midashi_explain {
background-color: #4ba8ff;
padding: 5px;
border: solid 1px #999999;
border-bottom: none;
}
.midashi_flow {
padding: 3px 0 3px 3px;
border-bottom: solid 1px #999999;
}	
#r_explain_d {
background-color: #f7f7f7;
padding: 5px;
border-left: solid 1px #999999;
border-right: solid 1px #999999;
}
#r_explain_f {
background-color: #f7f7f7;
padding: 5px;
border: solid 1px #999999;
border-top: dashed 1px #999999;
text-align: right;
}
#r_explain_f2 {
background-color: #f7f7f7;
padding: 5px;
text-align: right;
}
.r_flow_d {
padding: 3px;
}
.r_flow_arrow {
padding-left: 3em;
}