
/* 
--------------------------------------------------------------------------
01. index
02. 個別ページ
03. キラーページ
04. 目的ページ
05. 地域ページ
06. リンク集

--------------------------------------------------------------------------
*/




/* 01. index
----------------------------------------------------------------------- */

.top_img {
width:700px;
margin:0 0 20px 0;
}

ul.rankingCommon {
width:700px;
margin:0 0 20px 0;
padding:0;
list-style:none;
}

ul.rankingCommon li {
font-size:12px;
line-height:30px;
color:#333333;
text-indent:30px;
background:url(../images/line_g.gif) bottom left repeat-x;
}

ul.rankingCommon li .number { color:#284497; font-weight:bold; }

table.rank {
width:700px;
padding:0;
margin:0;
border:none;
border-collapse:collapse;
border-spacing:0;
}

table.rank tr{
border-bottom:1px #cccccc dotted;
}

	table.rank th,table.rank td {
	font-size:14px;
	line-height:22px;
	color:#333333;
	text-align:center;
	}

	table.rank th { padding:8px; font-weight:normal; }
	table.rank td { padding:10px 0 10px 0; }
	.gray { background-color:#f5f5f5; }
	
	table.rank td.app a {
	margin:0 auto;
	width:72px;
	height:40px;
	display:block;
	background:url(../images/app_top_m.gif) top left repeat;
	}

	table.rank td.app a:hover img {
	opacity:0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}

.column4 {
width:700px;
padding:0 0 10px 0;
}

	.bg_button { background:url(../images/bg_button_top.jpg) top left repeat; }

	.column4 ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	.column4 ul li {
	width:169px;
	float:left;
	margin:0 8px 8px 0;
	padding:0;
	font-size:0;
	line-height:0;
	}

	.column4 ul li a:hover img {
	opacity:0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}
	
		.column4 ul li.under { margin:0 8px 0 0; }
		.column4 ul li.left { margin:0; }

	.column4 dl {
	width:175px;
	float:left;
	margin:0;
	padding:0;
	}
	
		.column4 dl dt {
		width:80px;
		float:left;
		margin:0;
		padding:0;
		font-size:0;
		line-height:0;
		}

		.column4 dl dt a:hover img {
		opacity:0.75;
		filter: alpha(opacity=75);
		-ms-filter: "alpha( opacity=75 )";
		}
		
		.column4 dl dd {
		width:85px;
		float:left;
		margin:0;
		padding:0 0 0 0;
		font-size:12px;
		line-height:140%;
		}
	
		.column4 dl dd a {
		display:block;
		padding: 1px 0 0 17px;
		background:url(../images/bg_list_b.gif) top left repeat;
		}

.column3 {
width:700px;
background:url(../images/bg_description_col.gif) bottom left repeat-x;
}

	.column3 h3.desc_s {
	width:224px;
	margin:0;
	background:url(../images/bg_h3_s.gif) top left repeat-x;
	}
	
	.column3 .colA {
	width:224px;
	float:left;
	margin:0 14px 20px 0;
	padding:0 0 3px 0;
	}
	
	.column3 .colB {
	float:left;
	width:224px;
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	}

	.column3 .colA ul,.column3 .colB ul {
	width:auto;
	margin:0;
	padding:0;
	list-style:none;
	}

	.column3 .colA ul li,.column3 .colB ul li {
	margin:0 3px 0 3px;
	font-size:12px;
	line-height:260%;
	}

	.column3 .colA ul li a,.column3 .colB ul li a {
	text-indent:32px;
	display:block;
	background:url(../images/bg_list_b.gif) top left repeat;
	background-position:11px 5px;
	}

.descriptionMap {
width:auto;
margin:0 0 20px 0;
padding:0 13px 18px 3px;
background:url(../images/bg_description_b.gif) bottom left repeat-x;
}

	.descriptionMap .mapList {
	width:auto;
	margin:0;
	padding:10px 0 0 230px;
	background:url(../images/bg_map.gif) top left repeat-x;
	}
	
		.descriptionMap .mapList dl {
		width:auto;
		margin:0;
		padding:0;
		}
		
		.descriptionMap .mapList dl dt {
		font-size:12px;
		font-weight:bold;
		line-height:30px;
		background:url(../images/line_map.gif) bottom left repeat-x;
		}

		.descriptionMap .mapList dl dd {
		font-size:12px;
		line-height:20px;
		margin:0;
		padding:10px 0 10px 0;
		}





/* 02. 個別ページ
----------------------------------------------------------------------- */

.solo_description {
width:auto;
padding:5px 5px 0 5px;
}

.col1 { width:140px; float:left; }
.col2 { width:514px; float:left; padding: 0 0 15px 0; }

.yusi {
width:655px;
float:left;
background:url(../images/bg_yusi.gif) top left repeat-y;
}

.yusi p {
	float:left;
	width:200px;
	height:120px;
	margin-top:1px;
}

	.yusi ul {
	margin:0 20px 0 200px;
	padding:21px 0 19px 0;
	}
	
	.yusi ul.one {
	margin:0 20px 0 200px;
	padding:21px 0 0 0;
	}
	
	.yusi ul.two {
	margin:0 20px 0 200px;
	padding:10px 0 19px 0;
	}
	
	.yusi ul li {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:22px;
	color:#284497;
	font-weight:bold;
	}
	
	.yusi ul li.none {list-style-type:none;}



.star { width:204px; float:left; }

	.star dl {
	width:204px;
	margin:0;
	padding:0;
	}
	
	.star dl dt {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	}
	
	.star dl dd {
	margin:0;
	padding:20px 0 20px 0;
	text-align:center;
	border:1px solid #cccccc;
	}

.solo_button {
width:700px;
height:130px;
position:relative;
background:url(../images/bg_button_solo.gif) top left repeat;
}

	.solo_button a {
	width:212px;
	height:60px;
	display:block;
	position:absolute;
	top:10px;
	left:244px;
	}

	.solo_button a:hover img {
	opacity:0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}

	
.st_solo {
margin:0 0 10px 0;
padding:2px 0 0 0;
font-size:12px;
text-indent:30px;
line-height:38px;
background:url(../images/bg_h3_solo.gif) top left repeat-x;
}

table.soloA,
table.soloB {
width:700px;
margin:0 0 10px 0;
padding:0;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
}

	table.soloA th,table.soloB th {
	background-color:#efefef;
	}

	table.soloA td.st {
	width:169px;
	margin:0;
	padding:0 0 1px 0;
	font-size:0;
	line-height:0;
	vertical-align:top;
	background:url(../images/bg_button_solo_under.gif) bottom left repeat-x;
	}
	
	table.soloA th {
	padding:5px 0 5px 0;
	font-size:12px;
	color:#333333;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

	table.soloA td {
	padding:10px 5px;
	font-size:14px;
	color:#333333;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

	table.soloB th,
	table.soloB td {
	padding:7px 10px;
	font-size:12px;
	color:#333333;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

.bannerArea {
width:700px;
margin:0;
padding:10px 0 0 0;
font-size:0;
line-height:0;
}

	.bannerArea .colA {
	width:488px;
	margin:0;
	padding:0;
	float:left;
	}
	
	.bannerArea .colB {
	width:212px;
	margin:0;
	padding:0;
	float:left
	}

	.bannerArea .colB a {
	width:212px;
	height:60px;
	display:block;
	background:url(../images/bg_button_solo2.gif) top left repeat;
	}

	.bannerArea .colB a:hover img {
	opacity:0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}





/* 03. キラーページ
----------------------------------------------------------------------- */

.killer_list {
width:700px;
margin:0 0 20px 0;
padding:0;
background:url(../images/bg_killer_list.gif) top left repeat;
}

	.killer_list ul {
	margin:0;
	padding:15px 25px 15px 185px;
	list-style:none;
	background:url(../images/bg_killer_list_b.gif) bottom left repeat-x;
	}
	
	.killer_list ul li {
	font-size:12px;
	line-height:18px;
	padding:6px 0 6px 0;
	color:#999999;
	background:url(../images/line_g.gif) bottom left repeat-x;
	}
	
	.killer_list ul li a {
	width:230px;
	display:block;
	float:left;
	font-size:14px;
	line-height:18px;
	padding:0 0 0 20px;
	background:url(../images/bg_list_b.gif) top left repeat-y;
	}

.st_killer {
font-size:14px;
margin:0 0 1px 0;
background:url(../images/bg_h3_killer.gif) top left repeat-x;
}





/* 04. 目的ページ
----------------------------------------------------------------------- */

.point {
width:665px;
float:left;
background:url(../images/bg_3point.gif) top left repeat-y;
margin-top:20px;
}

	.point ul {
	margin:0 20px 0 200px;
	padding:21px 0 19px 0;
	}
	
	.point ul li {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:22px;
	color:#284497;
	font-weight:bold;
	}

.st_mokuteki_b {
margin:0 0 1px 0;
padding:10px 0 0 0;
font-size:14px;
line-height:44px;
text-indent:85px;
}

.st_mokuteki {
margin:0 0 1px 0;
padding:0;
font-size:14px;
line-height:40px;
text-indent:85px;
}

.bg_mokuteki_00 { background:url(../images/bg_list_mokuteki_00.gif) top left repeat-x; }
.bg_mokuteki_01 { background:url(../images/bg_list_mokuteki_01.gif) top left repeat-x; }
.bg_mokuteki_02 { background:url(../images/bg_list_mokuteki_02.gif) top left repeat-x; }
.bg_mokuteki_03 { background:url(../images/bg_list_mokuteki_03.gif) top left repeat-x; }
.bg_mokuteki_04 { background:url(../images/bg_list_mokuteki_04.gif) top left repeat-x; }
.bg_mokuteki_05 { background:url(../images/bg_list_mokuteki_05.gif) top left repeat-x; }
.bg_mokuteki_06 { background:url(../images/bg_list_mokuteki_06.gif) top left repeat-x; }
.bg_mokuteki_07 { background:url(../images/bg_list_mokuteki_07.gif) top left repeat-x; }
.bg_mokuteki_08 { background:url(../images/bg_list_mokuteki_08.gif) top left repeat-x; }
.bg_mokuteki_09 { background:url(../images/bg_list_mokuteki_09.gif) top left repeat-x; }
.bg_mokuteki_10 { background:url(../images/bg_list_mokuteki_10.gif) top left repeat-x; }

.descriptionM {
width:auto;
margin:0 0 20px 0;
padding:10px 11px 14px 11px;
border-top:1px solid #cccccc;
background:url(../images/bg_description_d.gif) bottom left repeat-x;
}

	.descriptionM .col1 {
	width:135px;
	margin:0;
	padding:0;
	float:left;
	}
	
	.descriptionM .col2 {
	width:543px;
	margin:0;
	padding:0;
	float:left;
	}
	
		.descriptionM .col2 p {
		font-size:12px;
		line-height:18px;
		color:#333333;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		background:url(../images/line_b.gif) bottom left repeat-x;
		}

.descriptionM table {
width:413px;
margin:0;
padding:0;
float:left;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
}

	.descriptionM table th { background-color:#efefef; }
	
	.descriptionM table th { padding:5px; }
	.descriptionM table td { padding:10px; }

	.descriptionM table th,
	.descriptionM table td {
	font-size:12px;
	line-height:18px;
	margin:0;
	text-align:center;
	font-weight:normal;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

.descriptionM ul {
width:120px;
height:100px;
float:right;
margin:0;
padding:0;
list-style:none;
background:url(../images/bg_button_mokuteki.gif) top left repeat-x;
}

	.descriptionM ul li {
	margin:0 0 10px 0;
	padding:0;
	font-size:0;
	line-height:0;
	}

	.descriptionM ul li a:hover img {
	opacity:0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

	.clearfix { min-height: 1px; }
	
	* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

/* 05. 地域ページ
----------------------------------------------------------------------- */

.chiiki {
	font-size:12px;
	color:#333;
	margin-bottom:20px;
}

/* 06. リンク集
----------------------------------------------------------------------- */
table.linkBox td {
	font-size:14px;
}


