@charset "UTF-8";
@import "common.css";
@import "base.css";

/*地形・自然・歴史--------------------*/

.out_block {
	clear: both;
	width: 638px;
	margin: 12px auto 20px auto;
	padding: 30px 30px 0 30px;
	background:url(../img/corner_main_bg.jpg) top left no-repeat;
}

.ttl01 {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 116%;
	color: #FFFFFF;
	font-weight: bold;
	background:url(../outline/img/sttl_bg.jpg) top left repeat-y;
}

.out_box {
	clear: both;
	margin: 0 10px 30px 10px;
}

.out_box .ttl02 {
	padding-left: 17px;
	font-size: 116%;
	margin: 0 0 5px 0;
	color:#8c0003;
	background:url(../outline/img/icon_disc.gif) 0 4px no-repeat;
}

.out_box p {
	margin-bottom: 15px;
}

.out_box .ph {
	float: right;
	width: 180px;
	text-align: center;
	font-size: 85%;
	*font-size: x-small;
    *font: x-small;
}

.out_box .ph p {
	margin-bottom: 5px;
}

.caution_box {
	padding: 10px;
	background-color: #eaeaea;
}

.caution_box p {
	margin-bottom: 0;
}

.caution_box h4 {
	font-weight: bold;
}


.ph_list {
	clear: both;
	width: 618px;
	margin-bottom: 10px;
	text-align: center;
}

.ph_list li {
	list-style: none;
	font-size: 0;
	display: inline;
	margin: 0;
}



/*数字--------------------*/

.ttl03 {
	padding-left: 12px;
	background:url(../number/img/icon_maru.gif) 0 4px no-repeat;
	color:#333333;
}

.no_box {
	clear: both;
	width: 618px;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	background:url(../img/line_dot.gif) bottom left repeat-x;
}


.no_icon {
	float: left;
	width: 60px;
}

.no_txt {
	float: right;
	width: 543px;
	margin-top: 5px;
}

.no_bangai_box {
	width: 598px;
	padding: 10px;
	background-color: #eaeaea;
}

.no_bangai_box .ph {
	float: right;
	width: 110px;
}


.no_bangai_box .txt {
	float: left;
	width: 478px;
}

.no_bangai_box .txt h4 {
	margin: 0 0 5px 0;
	padding: 5px 5px;
	background-color: #b89351;
	color: #ffffff;
}

.no_bangai_box .txt h5,
.no_bangai_box .txt p {
	margin: 0 10px;
}