@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 File name :          co_parts_data.css
 Summary :            individual styles
 Created :            2009-07-07
 Last Update :        2009-11-02
 Author:              wan55 aono
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 00) common
 01) co_lives
 02) co_suitable
 03) co_property
 04) co_map
 05) co_railway
 06) co_outline
 07) co_photo
 08) co_data
 09) co_area_photobox
 10) co_tbl_gyouseirank
 11) co_summary
 12) co_voice
 13) co_more_list
 14) co_article
 15) co_eki
 
 99) Clearfix

===================================================================*/

/*-------------------------------------------------------------------
 00) common
-------------------------------------------------------------------*/
p.co_lead {
	margin: 0 0 15px 10px;
	font-size: 115%;
}

p.co_lead span img {
	margin-left: 20px;
	vertical-align: top;
}

p.co_lead em { font-weight: bold;}

p.co_attention { margin: 0 0 15px 20px;}
span.co_attention { font-size: 90%;}

.co_parts_data { margin-bottom: 50px;}

.co_title_data {
	position: relative;
	margin-top: -15px;
	margin-bottom: 25px;
	width: 900px;
}

.co_title_data, x:-moz-read-only { margin-top: 0; /* Fx 1.5, 2.0 */}
.co_title_data, x:-moz-broken { margin-top: -15px; /* Fx 3.0 */}
* html .co_title_data { margin-top: 0;}


.co_title_data p {
	font-size: 120%;
	width: 700px;
}

.co_title_data p a { font-size: 90%;}

.co_title_data .co_detail_link {
	position: absolute;
	top: 2px;
	right: 0;
	font-weight: bold;
	font-size: 100%;
	width: 200px;
	text-align: right;
}

.co_title_data .co_detail_link a {
	padding-left: 10px;
	background: transparent url(../images/icon/co_icon_arrow01.gif) 0 0 no-repeat;
	font-size: 100%;
}

.co_back_head { position: relative;}

.co_back_head p.co_back_list {
	margin-top: -30px;
	position: relative;
}

p.co_right_list,
p.co_back_list {
	margin: 10px 22px 10px 0;
	font-weight: bold;
	text-align: right;
}

p.co_right_list a {
	padding-left: 25px;
	background: transparent url(../images/icon/co_icon_arrow02.gif) 0 0 no-repeat;
}

p.co_back_list a {
	padding-left: 25px;
	background: transparent url(../images/icon/co_icon_arrow03.gif) 0 0 no-repeat;
}


/*-------------------------------------------------------------------
 01) co_lives
-------------------------------------------------------------------*/
.co_lives {}

.co_lives #co_graph1,
.co_lives #co_graph2 {display: inline;}

.co_lives .co_graph_info {
	position: relative;
	width: 900px;
}

.co_lives .co_graph_info p {
	position: absolute;
	top: 0;
	font-size: 80%;
}

.co_lives .co_graph_info p.co_info1 { left: 320px;}

.co_lives .co_graph_info p.co_info2 { right: 15px;}


/*-------------------------------------------------------------------
 02) co_suitable
-------------------------------------------------------------------*/
.co_suitable { padding-left: 20px;}

.co_tab { position: relative;}

.co_tab .co_txt {
	position: absolute;
	top: 0;
	right: 20px;
}

.co_tab ul#co_tabNav { margin-left: 10px;}

.co_tab ul#co_tabNav li {
	float: left;
	margin-right: 20px;
}

.co_tab ul#co_tabNav li img { vertical-align: bottom;}

.co_tab .co_content .co_suitable_head {
	margin: 20px 15px;
}

.co_tab .co_content {
	display: none;
	width: 860px;
	border: 1px solid #70bb2d;
}

.co_tab .co_content h3 {
	display: inline;
	padding: 20px 15px 20px 10px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	border: 0;
}

.co_tab .co_content p.co_point {
	display: inline;
	margin-right: 40px;
	font-size: 130%;
	font-weight: bold;
	color: #ff0000;
}

.co_tab .co_content .co_star {
	display: inline;
	margin-right: 20px;
}

.co_tab .co_content .co_star img { vertical-align: bottom;}

.co_tab .co_content .co_suitable_list { border-top: 1px solid #dddddd;}

.co_tab .co_content .co_suitable_list dl {
	padding: 15px 20px;
	font-size: 110%;
	border-bottom: 1px solid #dddddd;
}

.co_tab .co_content .co_suitable_list dl.odd-row { background: #f8f8f8;}

.co_tab .co_content .co_suitable_list dt {
	float: left;
	width: 300px;
	padding-left: 10px;
	margin-right: 15px;
	font-size: 120%;
	font-weight: bold;
	background: transparent url(../images/icon/co_icon_arrow01.gif) left center no-repeat;
}

.co_tab .co_content .co_suitable_list dd {
	float: left;
	width: 150px;
	margin-right: 15px;
}


/*-------------------------------------------------------------------
 03) co_property
-------------------------------------------------------------------*/
.co_property {
	margin-left: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
}

.co_property .co_proertyBtn {
	float: left;
	width: 270px;
	margin-right: 22px;
	margin-bottom: 20px;
}

* html .co_property .co_proertyBtn { margin-right: 20px;}

.co_property .co_proertyBtn p {
	margin-top: 0.5em;
	text-align: right;
}


/*-------------------------------------------------------------------
 04) co_map
-------------------------------------------------------------------*/
.co_map {
	margin-left: -10px;
	margin-bottom: 35px;
}


.co_map img { position: relative;}

.co_map p {	margin: 5px 0 0 10px;}


/*-------------------------------------------------------------------
 05) co_railway
-------------------------------------------------------------------*/
.co_railway { padding-left: 20px;}

.co_railway dl {
	width: 860px;
	font-size: 120%;
	border-bottom: 1px solid #dddddd;
}

.co_railway dl.co_first { border-top: 1px solid #dddddd;}

.co_railway dl.odd-row { background: #f8f8f8;}

.co_railway dt {
	float: left;
	width: 290px;
}

.co_railway dt span {
	display: inline-block;
	display: -moz-inline-box;
	zoom:1; 
	margin: 8px 0 8px 10px;
	padding: 4px 15px;
	background: #70bb2d;
	font-weight: bold;
	color: #ffffff;
}

.co_railway dt span > div { display: block;}

.co_railway dd {
	float: left;
	width: 570px;
	margin: 8px 0;
}

.co_railway dd ul {}

.co_railway dd li {
	float: left;
	width: auto;
	margin-right: 20px;
	padding-left: 10px;
	background: transparent url(../images/icon/co_icon_arrow01.gif) left center no-repeat;
	zoom:1;
}

* html .co_railway dd li {
	float: none;
	display: inline;
}

*:first-child+html .co_railway dd li {
	float: none;
	display: inline;
}

/*-------------------------------------------------------------------
 06) co_outline
-------------------------------------------------------------------*/
.co_outline {
	margin-left: 20px;
	width: 860px;
}

.co_outline h3 {
	margin-top: 2em;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	color: #70bb2d;
	border: 0;
}

.co_outline p,
.co_outline li { font-size: 120%;}

.co_outline li {
	padding-left: 15px;
	background: transparent url(../images/icon/co_icon_circle.gif) 0 0.4em no-repeat;
}

.co_outline p.co_wiki {
	border-top: 1px solid #dddddd;
	padding-top: 5px;
	margin: 30px 0;
	font-size: 100%;
}


/*-------------------------------------------------------------------
 07) co_photo
-------------------------------------------------------------------*/
.co_photo {
	padding-left: 20px;
	margin-bottom: 20px;
}

.co_photo .co_photo_area {
	float: left;
	width: 160px;
	margin-right: 15px;
}

.co_photo .co_photo_area .co_img { margin-bottom: 5px;}

.co_photo .co_photo_area .co_img img { border: 4px solid #d7d7d7;}


/*-------------------------------------------------------------------
 08) co_data
-------------------------------------------------------------------*/
.co_data {
	margin-left: 20px;
	margin-right: 20px;
	padding: 15px;
	background: #f8f8f8;
	margin-bottom: 20px;
}

.co_data .co_table_area {
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	background: #ffffff;
}

.co_data .co_table_area .co_data_table { width: 412px;}

.co_data .co_table_area .co_data_table th,
.co_data .co_table_area .co_data_table td {
	padding: 10px 7px;
	vertical-align: middle;
	border: 1px solid #dddddd;
}

.co_data .co_table_area .co_data_table th {
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}

.co_more_btn {
	margin-bottom: 40px;
	text-align: center;
	cursor: pointer;
}

.co_close_btn {
	text-align: center;
	cursor: pointer;
}


/*-------------------------------------------------------------------
 09) co_area_photobox
-------------------------------------------------------------------*/
.co_area_photobox {
	width:560px;
	margin: 0 0 20px 20px;
}
#co_two_column .co_area_photobox img {
	display:block;
	border: 5px solid #d6d8d7;
}
#co_two_column .co_area_photobox p {width:160px;margin:5px 0 0 0;padding:0;}

.co_area_photobox .co_ap_l {
	float:left;
	width:200px;
}

.co_area_photobox .co_ap_m {
	float:left;
	width:200px;
}

.co_area_photobox .co_ap_r {
	float:right;
	width:160px;
}

/*-------------------------------------------------------------------
 10) co_tbl_gyouseirank
-------------------------------------------------------------------*/
.co_tbl_gyouseirank { width:600px; }
.co_tbl_gyouseirank p.co_lead { margin:20px 0; padding:0;}
.co_tbl_gyouseirank ul.co_gytbl { width:560px; margin-left:20px;}
.co_tbl_gyouseirank ul.co_gytbl li.co_bgw { width:560px; }
.co_tbl_gyouseirank ul.co_gytbl li.co_bgg { width:560px; }
.co_tbl_gyouseirank ul.co_gytbl li a {
	position:relative;
	display:block;
	text-decoration:none;
	width:560px;
	padding:10px 0;
	border-bottom:#dddddd solid 1px;
}
.co_tbl_gyouseirank ul.co_gytbl li.co_bgw a { background:#ffffff; }
.co_tbl_gyouseirank ul.co_gytbl li.co_bgg a { background:#f8f8f8; }
.co_tbl_gyouseirank ul.co_gytbl li.co_bgm a { background:#e3f1d2; }
/*
.co_tbl_gyouseirank ul.co_gytbl li a:hover {
	background:#e3f1d2;
}
*/
.co_tbl_gyouseirank ul.co_gytbl li a span.co_gyrank {
	margin-left:15px;
	font-weight:bold;
	color:#70bb2d;
}
.co_tbl_gyouseirank ul.co_gytbl li a span.co_gyname {
	text-decoration:underline;
	position:absolute;
	left:80px;
	padding-left:8px;
	background: transparent url(../images/icon/co_gyyajirusi.gif) 0 .3em no-repeat;
}
.co_tbl_gyouseirank ul.co_gytbl li a span.co_gyper {
	position:absolute;
	font-weight:bold;
	color:#70bb2d;
	left:450px;
}

.co_tbl_gyouseirank ul.co_title_gytbl {
	position:relative;
	display:block;
	color:#ffffff;
	width:560px;
	margin-left:20px;
}
.co_tbl_gyouseirank ul.co_title_gytbl li.co_title_gyrank {
	display:block;
	width:60px;
	text-align:center;
	background:#70bb2d;
}
.co_tbl_gyouseirank ul.co_title_gytbl li.co_title_gyname {
	position:absolute;
	left:70px;
	top:0;
	display:block;
	width:250px;
	text-align:center;
	background:#70bb2d;
}
.co_tbl_gyouseirank ul.co_title_gytbl li.co_title_gyper {
	position:absolute;
	left:330px;
	top:0;
	display:block;
	width:230px;
	text-align:center;
	background:70bb2d
}

/* new ----------------------------------------------------------*/

table.co_ranking {
	margin-left: 20px;
	width: 560px;
}

table.co_ranking th {
	background: #70bb2d;
	vertical-align: middle;
	border-right: 2px solid #ffffff;
}

table.co_ranking th div {
	padding: 5px 0;
	text-align: center;
	margin-right: 3px;
	background: #70bb2d;
	color: #ffffff;
}

table.co_ranking th div.co_r1 {	padding-left: 2px;}
table.co_ranking th div.co_r2 {}
table.co_ranking th div.co_r3 { margin-right: 0; border: none;}


table.co_ranking tr.co_stay td { background: #e3f1d2;}

table.co_ranking td {
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
}

table.co_ranking td.co_rank,
table.co_ranking td.co_num {
	text-align: center;
	font-weight: bold;
	color: #70bb2d;
}

table.co_ranking td.co_place { padding: 10px;}

table.co_ranking td.co_place a {
	display: block;
	padding-left: 10px;
	background: transparent url(../images/icon/co_gyyajirusi.gif) 0 0.3em no-repeat;
}


/*-------------------------------------------------------------------
 11) co_summary
-------------------------------------------------------------------*/
.co_summary .co_summary_txt p.co_reporter,
.co_summary_a .co_summary_txt p.co_reporter,
.co_summary_b .co_summary_txt p.co_reporter { font-size: 90%;}

.co_summary {
	margin-left: 20px;
	width: 870px;
}

.co_summary .co_summary_txt {
	float: left;
	width: 390px;
	padding-bottom: 60px;
	background: transparent url(../images/parts/co_con_bg_01.gif) right bottom no-repeat;
}

.co_summary .co_summary_txt h2 {
	margin-bottom: 0.4em;
	font-size: 138%;
	font-weight: bold;
	color: #70bb2d;
}

.co_summary .co_summary_txt p {
	font-size: 130%;
	margin-bottom: 1.5em;
}

.co_summary .co_gallery {
	float: right;
	width: 460px;
	position: relative;
}

.co_gallery .co_show {
	display: none;
	float: left;
	width: 370px;
	position: absolute;
}

* html .co_gallery .co_show { top: 25px;}

.co_gallery .co_selected { display: block;}

.co_gallery .co_show .co_img { height: 280px;}

.co_gallery .co_show .co_img img { border: 2px solid #70bb2d;}

.co_gallery ul.co_thumbs {
	float: right;
	width: 80px;
}

.co_gallery ul.co_thumbs li {
	margin-bottom: 4px;
	cursor: pointer;
}

.co_gallery ul.co_thumbs li img {
	cursor: pointer;
	border: 2px solid #d7d7d7;
	vertical-align: bottom;
}

.co_gallery ul.co_thumbs li.co_active img { border: 2px solid #70bb2d;}


/* -- A pattern -- */
.co_summary_a {
	margin-left: 20px;
	width: 860px;
}

.co_summary_a h2 {
	margin-bottom: 10px;
	font-size: 130%;
	font-weight: bold;
	color: #70bb2d;
}

.co_summary_a .co_summary_txt {
	float: left;
	width: 390px;
}

.co_summary_a .co_summary_txt p {
	font-size: 130%;
	margin-bottom: 1.5em;
}

.co_summary_a .co_gallery {
	float: right;
	width: 450px;
}

.co_summary_a .co_gallery p.caption {
	margin-top: 3px;
	font-size: 90%;
}

.co_summary_a .co_gallery .co_photo_l {
	float: left;
	width: 270px;
}

.co_summary_a .co_gallery .co_photo_s {
	float: right;
	width: 155px;
}


/* -- B pattern -- */
.co_summary_b {
	margin-left: 20px;
	width: 860px;
}

.co_summary_b .co_summary_txt {}

.co_summary_b .co_summary_txt p {
	font-size: 130%;
	margin-bottom: 1.5em;
}

.co_summary_b .co_gallery {
	text-align: center;
	margin-bottom: 20px;
}


/*-------------------------------------------------------------------
 12) co_voice
-------------------------------------------------------------------*/
.co_voice { margin-left: 20px;}

.co_voice dl {
	float: left;
	width: 275px;
	margin-right: 10px;
}

.co_voice dt {
	float: left;
	width: 160px;
}

.co_voice dl dt img { border: 3px solid #d7d7d7;}

.co_voice dl dt a:hover img { border: 3px solid #d7d7d7;}

.co_voice dd {
	float: right;
	width: 110px;
	font-size: 120%;
}

.co_voice_a,
.co_voice_d { margin-left: 20px;}


.co_voice_a dl {
	float: left;
	width: 430px;
	margin-right: 10px;
}

.co_voice_a dt {
	float: left;
	width: 147px;
}

.co_voice_a dd {
	float: right;
	width: 273px;
}


.co_voice_a dd h3 {
	margin-bottom: 5px;
	padding: 0;
	font-size: 120%;
	border: 0;
	color: #70bb2d;
}

.co_voice_a dd p { font-size: 120%;}


.co_voice_d .co_voice_detail { margin-bottom: 25px;}

.co_voice_d img {
	float: left;
	margin-right: 10px;
}

.co_voice_d h3 {
	margin-bottom: 5px;
	padding: 0;
	font-size: 120%;
	border: 0;
	color: #70bb2d;
}

.co_voice_d p { font-size: 120%;}


/*-------------------------------------------------------------------
 13) co_more_list
-------------------------------------------------------------------*/
.co_more_list {}

.co_more_list ul { margin: 5px 0 20px 20px;}

.co_more_list ul li {
	display: inline;
	margin-right: 20px;
	font-size: 120%;
}


/*-------------------------------------------------------------------
 14) co_article
-------------------------------------------------------------------*/
.co_articleArea {
	padding-bottom: 10px;
	width: 600px;
	background: #f6ffec url(../images/parts/co_article_foot.gif) left bottom no-repeat;
}

.co_articleArea dl.co_article { padding: 5px 24px 10px;}

.co_articleArea dl.co_article dt {
	float: left;
	padding: 5px;
	margin-right: 15px;
	background: #d6d8d7;
}

.co_articleArea dl.co_article dd {
	float: right;
	width: 370px;
}

.co_articleArea dl.co_article dd.noImg {
	float: none;
	width: auto;
}

.co_articleArea dl.co_article dd h3 {
	padding: 5px 0 0 40px;
	min-height: 32px;
	_height: 32px;
	background: transparent url(../images/icon/co_suumo_icon.jpg) left top no-repeat;
	font-size: 100%;
	border: 0;
}

.co_articleArea dl.co_article dd h3 a { padding-right: 5px;}


/*-------------------------------------------------------------------
 15) co_eki
-------------------------------------------------------------------*/
#co_ekilist { padding-bottom: 30px;}

ul.co_eki {
	width: 850px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: transparent url(../images/parts/co_eki_bg2.gif) left top no-repeat;
}

ul.co_eki li {
	margin: 0;
	padding-top: 50px;
	float: left;
	width: 40px;
	padding-left: 3px;
	padding-right: 8px;
	margin-right: 5px;
	background: transparent url(../images/icon/co_icon_eki.gif) 0 0 no-repeat;
}

ul.co_eki li a {
	text-decoration: none;
	outline: none;
}

ul.co_eki li.co_pickup {
	background: transparent url(../images/icon/co_icon_eki_pickup.gif) 0 0 no-repeat;
}

ul.co_eki li span {
	display: block;
	width: 1em;
	margin: 5px 0 0 16px;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.1;
	cursor: pointer;
	word-wrap: break-word;
}


/*-------------------------------------------------------------------
 99) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.co_tab ul#co_tabNav:after,
.co_property:after,
.co_railway dl:after,
.co_photo:after,
.co_data .co_table_area:after,
.co_area_photobox:after,
.co_tab .co_content .co_suitable_list dl:after,
.co_summary:after,
.co_summary_a:after,
.co_gallery:after,
.co_voice:after,
.co_voice dl:after,
.co_voice_a:after,
.co_voice_a dl:after,
.co_voice_d .co_voice_detail:after,
.co_summary_a .co_gallery:after,
.co_articleArea dl.co_article:after,
.co_eki:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.co_tab ul#co_tabNav,
.co_property,
.co_railway dl,
.co_photo,
.co_data .co_table_area,
.co_area_photobox,
.co_tab .co_content .co_suitable_list dl,
.co_summary,
.co_summary_a,
.co_gallery,
.co_voice,
.co_voice dl,
.co_voice_a,
.co_voice_a dl,
.co_voice_d .co_voice_detail,
.co_summary_a .co_gallery,
.co_articleArea dl.co_article,
.co_eki { display: inline-block;}

/* MacIE5 \*/
* html .clearfix,
* html .co_tab ul#co_tabNav,
* html .co_property,
* html .co_railway dl,
* html .co_photo,
* html .co_data .co_table_area,
* html .co_area_photobox,
* html .co_tab .co_content .co_suitable_list dl,
* html .co_summary,
* html .co_gallery,
* html .co_summary_a,
* html .co_voice,
* html .co_voice dl,
* html .co_voice_a,
* html .co_voice_a dl,
* html .co_voice_d .co_voice_detail,
* html .co_summary_a .co_gallery,
* html .co_articleArea dl.co_article,
* html .co_eki { height: 1%;}

.clearfix,
.co_tab ul#co_tabNav,
.co_property,
.co_railway dl,
.co_photo,
.co_data .co_table_area,
.co_area_photobox,
.co_tab .co_content .co_suitable_list dl,
.co_summary,
.co_gallery,
.co_summary_a,
.co_voice,
.co_voice dl,
.co_voice_a,
.co_voice_a dl,
.co_voice_d .co_voice_detail,
.co_summary_a .co_gallery,
.co_articleArea dl.co_article,
.co_eki { display: block;}
/* MacIE5 */