@charset "utf-8";

/*---------- 一覧 ----------*/
.theme_block {
	width: 682px;
	margin: 5px 0px 15px 0px;
	padding: 13px 10px;
	border: #E5D3B5 solid 4px;
	background-image: url(/header/jp/img/top_ranking_bg.gif);
	clear: both;
}

.theme_box {
	width: 430px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.theme_ph {
	width: 230px;
	margin: 0px;
	padding: 0px;
	border: #E5D0AC solid 4px;
	float: left;
}

.theme_text {
	margin: 0px;
	padding: 0px 3px;
} 

/*---------- 詳細01 ----------*/
.detail01_block {
	margin: 0;
	clear: both;
}

.detail01_ph {
	width: 360px;
	float: left;
}

.detail01_box {
	width: 330px;
	float: right;
}

.detail01_ph li {
	padding: 4px;
	border: #eddfc3 solid 1px;
	background: #fff;
}

.sp_r02 { margin-right: 2px; }
.sp_b05 { margin-bottom: 5px; }
.sp_b30 { margin-bottom: 30px; }

.detail01_box p {
	margin-bottom: 20px;
}

.detail01_inner {
	padding: 13px 10px;
	border: #E5D3B5 solid 4px;
	background: url(/header/jp/img/top_ranking_bg.gif);
	clear: both;
	font-weight: bold;
}

.detail01_inner A:link,
.detail01_inner A:visited,
.detail01_inner A:active {
	color: #74A400;
	text-decoration: none;
}

.detail01_inner A:hover {
	color: #74A400;
	text-decoration: underline;
}

.detail01_btn01 {
	margin: 15px 0 0 0;
	text-align: right;
}

/*---------- 詳細02 ----------*/
.theme02_block {
	width: 662px;
	margin: 0 auto 15px auto;
	padding: 13px 20px;
	border: #E5D3B5 solid 4px;
	background-image: url(/header/jp/img/top_ranking_bg.gif);
	clear: both;
}

.theme02_block p {
	margin-bottom: 20px;
}

#theme02_gallery {
	width: 650px;
	background-color: #e6cfad;
	margin: 0 auto 20px auto;
	padding:5px 5px 0;
	clear: both;
}

table.theme02_data {
	width: 100%;
	border-top:1px solid #B8A183;
	border-left:1px solid #B8A183;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size: 12px;
}

.theme02_data th {
	border-right:1px solid #B8A183;
	border-bottom:1px solid #B8A183;
	padding:0.3em 1em;
	text-align:center;
}

.theme02_data td {
	border-right:1px solid #B8A183;
	border-bottom:1px solid #B8A183;
	padding: 6px;
	color:#444444;
}

#theme02_googlemap {
	width: 708px;
	height: 398px;
	margin: 0 auto 30px auto;
	background-color: #FFFFFF;
	border: #DDC598 solid 1px;
	float: right;
	text-align: center;
}

.keyword_box03 {
	width: 700px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	border: #ECDECA solid 4px;
	background-image: url(/header/jp/img/qr_bg.gif);
	clear:both;
}

.keyword03 {
	width: 680px;
	margin: 3px 0px 10px 10px;
	padding: 5px 1px;
	border-bottom-color: #A38A7C;
}

.relation_box {
	width: 710px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.relation_title {
	width: 210px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 4px 0px 0px 20px;
	background-image: url(/header/jp/../img/news_title_bg.gif);
	background-position: top left;
	background-repeat: no-repeat ;
	font-size: 12px;
	font-weight: bold;
	color: #351D12;
}
.relation_l,
.relation_c,
.relation_r {
	width: 230px;
}
.relation_l {
	margin: 0px;
	float: left;
}
.relation_c {
	margin: 0px 0px 0px 9px;
	float: left;
}
.relation_r {
	margin: 0px 0px 0px 0px;
	float: right;
}
.relation {
	width: 210px;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	border: #E5D3B5 solid 4px;
	background-image: url(/header/jp/img/top_ranking_bg.gif);
}
.relation_in {
	width: 210px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	border-bottom-color: #7C7367;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
.relation_ph {
	width: 50px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.relation_text {
	width: 150px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	float: right;
	font-size: 12px;
	font-weight: bold;
}
.relation_link {
	width: 200px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
	


/*---------- title ----------*/
/* stitle h3,h4 */

.stitle {
	width: 408px;
	margin: 0 0 5px 0;
	padding: 3px 0px 0px 22px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background: url(/header/jp/img/theme/theme_stitle_bg.gif) no-repeat;
}



.test_block {
	width:430px;
	margin-bottom:12px;
	padding-bottom: 3px;
	background: url(/header/jp/img/theme_stitle_ft.gif) bottom left no-repeat;
	
	clear: both;
}
.test_box {
	padding: 0 0 0 0;
	background: url(/header/jp/img/theme_stitle_bg.gif) top left no-repeat;
	color: #FFFFFF;
}
.test_box h3{
	padding: 6px 20px 0 23px;
	margin:0;
}

.test_ft {
	width:430px;
	height:5px;
	background: url(/header/jp/img/theme_stitle_bg.gif) top left no-repeat;
}


h3.stitle A:link,
h4.stitle A:link {
	color: #FFFFFF;
	text-decoration: underline;
}
h3.stitle A:visited,
h4.stitle A:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
h3.stitle A:active,
h4.stitle A:active {
	color: #FFFFFF;
	text-decoration: underline;
}
h3.stitle A:hover,
h4.stitle A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* h3_stitle_theme */
h3.theme_detail {
	width: 700px;
	height: 24px;
	margin: 5px 0px 15px 0px;
	padding: 4px 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	float: left;
	background: url(/header/jp/img/ss_title04.gif) 0 0 no-repeat;
}

h3.theme_spot {
	margin: 0 auto 20px auto;
	padding: 0;
	vertical-align: top;
}

/* theme_detail02 h4 */
.center {
	margin-right: auto;
	margin-left: auto;
}

.h4_detail02 {
	width: 620px;
	height: 19px;
	margin: 0 auto 15px auto;
	padding: 3px 20px 0 20px;
	background: url(/header/jp/img/theme/theme02_h4_bg.gif) top center no-repeat;
	color: #fff;
	clear:both;
}











.theme_btn {
	margin: 10px 0 0 0;
	text-align: right;
}





.theme_ph img,
.theme_btn img,
.detail01_ph img,
.detail01_btn01 img {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}