@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------*/
/*  AllSite Base CSS                                                                       */
/*-----------------------------------------------------------------------------------------*/

body, td, th, div, p, a, pre {
	font-size:12px !important;
	font-size:small;
	line-height:1.2;
}

select, input, textarea {
	font-size:100%;
}

body, td, th, div, p, a, pre,
select, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}

input, textarea {
	padding:0;
	margin:0;
}

/* MacIE Only */
small {
	font-weight:normal;
	font-size:9px;
}
/* Css Hack Except MacIE5 */ 
small {
	font-size:80%;
}
/* Css Hack End */

h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
	margin:0;
}

.FloatEnd {
	clear:both;
}


/*-----------------------------------------------------------------------------------------*/
/*  Base CSS                                                                               */
/*-----------------------------------------------------------------------------------------*/
body {
	margin:0 auto;
	color:#333333;
	background:url(img/head_bg.jpg) top left repeat-x;
}

a {
	text-decoration:none;
	color:#000099;
	}
a:visited {
	text-decoration:none;
	color:#0000FF;
	}
a:hover {
	text-decoration:underline;
	}

strong {
	font-weight:normal;
	}

em,i {
	font-style:normal;
	}

form {
	margin:0;
	padding:0;
	}

img {
	border:0;
	margin:0;
	padding:0;
	float:none;
	}

.red {
	color:#F33;
}

.blue {
	color:#36F;
}

.yellow {
	color:#FC3;
}

.orange {
	color:#F63;
}

.green {
	color:#060;
}

.gray {
	color:#666;
}

.pink {
	color:#F9C;
}

#container {
	margin:0 auto;
	padding:0;
	width:800px;
}

#top_txt {
	margin:0;
	padding:3px 0;
}
/*hack*/
#top_txt:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac */
#top_txt{
	height:1%;
	}
#top_txt{
	display:block;
	}
#top_txt{
	display:inline-table;
	}
/*End-hack*/

#top_txt h1 {
	margin:0;
	padding:0;
	width:auto;
	font-weight:normal;
	float:left;
}

#top_txt h1 a, #top_txt h1 a:hover, #top_txt h1 a:visited {
	color:#333;
	margin:0 20px 0 0;
	text-decoration:none;
	font-size:12px;
}

#top_txt p {
	margin:0;
	padding:0;
	width:auto;
	text-align:right;
	overflow:hidden;
	float:right;
	font-size:12px;
}

#header {
	clear:both;
	margin:0;
	padding:0;
	height:115px;
	overflow:hidden;
	background:url(img/header.gif) bottom center no-repeat;
}

#header h2 {
	margin:0;
	padding:10px 0 35px 78px;
	width:550px;
	display:block;
	float:left;
}

#header p {
	margin:0;
	padding:10px 0 10px 0;
	width:120px;
	line-height:150%;
	float:right;
}

#header p a {
	padding:0 0 0 20px;
	background:url(img/icon_top.jpg) center left no-repeat;
	font-size:12px;
}

#menu_bar {
	clear:both;
	margin:0;
	padding:11px 0 0 0;
}

#menu_bar ul {
	margin:0;
	padding:0;
}

#menu_bar ul li {
	margin:0 15px 0 10px;
	padding:0;
	width:auto;
	float:left;
	list-style:none;
	font-weight:bold;
	color:#FFF;
}

#menu_bar ul li a, #menu_bar ul li a:hover, #menu_bar ul li a:visited {
	color:#FFF;
	padding:0;
	margin:0;
	font-size:13px;
}

#contents {
	margin:25px 0 0 0;
	padding:0;
}


#main_block {
	margin:0;
	padding:0 0 0 10px;
	width:530px;
	overflow:hidden;
	float:left;
}

.contents_top1 {
	padding:0;
	margin:15px 0 20px 0;
}

.contents_top1 h2 {
	padding:10px 0 9px 50px;
	margin:0 0 10px 0;
	background:url(img/bar_info.jpg) top left no-repeat;
}

.contents_top1 p {
	padding:8px 300px 10px 10px;
	margin:0;
	background:url(img/yamagata_top.jpg) top left no-repeat;
	line-height:150%;
	font-size:12px;
}

.contents_top1 p img {
	padding:0;
	margin:0;
	vertical-align:middle;
}

p.y_info1 {
	padding:20px 25px 25px 280px;
	margin:0;
	background:url(img/about_japan.jpg) top left no-repeat;
}

p.y_info2 {
	padding:220px 110px 20px 10px;
	margin:0 20px 0 0;
	background:url(img/about_yamagata.jpg) top right no-repeat;
}

p.y_info3 {
	padding:5px 15px 5px 10px;
	margin:0;
	line-height:150%;
}

.contents_top2 {
	padding:0;
	margin:0 0 20px 0;
}

.contents_top2 h2 {
	padding:10px 0 9px 50px;
	margin:0 0 5px 0;
	background:url(img/bar_onsen.jpg) top left no-repeat;
}

.contents_top2 p {
	padding:5px 15px 5px 10px;
	margin:0;
	line-height:150%;
}

.contents_top2 h3 {
	padding:5px 0 5px 30px;
	margin:0 22px 5px 5px;
	background:url(img/h3.jpg) top left repeat-x;
}

.contents_top2 p {
	padding:5px 25px 5px 10px;
	margin:0;
	line-height:150%;
}

.contents_top3 {
	padding:0;
	margin:0 0 20px 0;
}

.contents_top3 h2 {
	padding:10px 0 9px 50px;
	margin:0 0 5px 0;
	background:url(img/bar_kanko.jpg) top left no-repeat;
}

.contents_top3 h3 {
	padding:5px 0 5px 30px;
	margin:0 22px 5px 5px;
	background:url(img/h3.jpg) top left repeat-x;
}

.contents_top3 p {
	padding:5px 25px 5px 10px;
	margin:0;
	line-height:150%;
}

.site_navi {
	padding:3px;
	margin:0 15px 15px 0;
	border-top:1px #CCC dashed;
	border-bottom:1px #CCC dashed;
}

.contents_main {
	padding:0;
	margin:0 0 20px 0;
}

.contents_main h2 {
	padding:10px 0 9px 10px;
	margin:0 0 5px 0;
	background:url(img/bar_img.jpg) top left no-repeat;
}

.contents_main p {
	padding:5px 25px 5px 10px;
	margin:0;
	line-height:160%;
}

.contents_main ol {
	padding:5px 25px 5px 15px;
	margin:0 0 0 17px;
	line-height:160%;
}

.contents_main ul li {
	margin:0;
	line-height:160%;
}

#side_block {
	margin:0;
	padding:0;
	width:260px;
	float:left;
}

#side_block h2 {
	margin:0;
	padding:5px 5px 3px 2px;
	background:url(img/side_top.jpg) top left no-repeat;
}

#side_block h2 img {
	vertical-align:middle;
}

#side_block p {
	margin:0;
	padding:3px 15px 3px 8px;
	background:url(img/side_mid.jpg) top left repeat-y;
}

#side_block h3 {
	margin:0 0 15px 0;
	padding:1px 10px 3px 8px;
	font-weight:normal;
	background:url(img/side_bottom.jpg) bottom left no-repeat;
}

#footer {
	clear:both;
	margin:0;
	padding:15px 0 15px 0;
	text-align:center;
	border-top:1px #cccccc dashed;
}

#footer p {
	padding:0;
	margin:0;
}

#copyright {
	margin:0;
	padding:20px 0 100px 0;
	text-align:center;
	background:url(img/foot_bg.jpg) top left repeat-x;
}

#copyright p {
	padding:0;
	margin:0;
}


.g_map {
	text-align:center;
	padding:9px 0 7px 0;
	margin:0 20px 5px 5px;
	border:1px solid #CCC;
}

.onsen_index {
	margin:15px 0 0 0;
	padding:0;
}

.onsen_index h2 {
	padding:10px 0 9px 50px;
	margin:0 0 10px 0;
	background:url(img/bar_info.jpg) top left no-repeat;
}

.onsen_index h3 {
	padding:10px 0 9px 50px;
	margin:0 0 10px 0;
	background:url(img/bar_yado.jpg) top left no-repeat;
}

.onsen_yado {
	padding:5px;
	margin:0;
	text-align:left;
}
/*hack*/
.onsen_yado:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac */
.onsen_yado{
	height:1%;
	}
.onsen_yado{
	display:block;
	}
.onsen_yado{
	display:inline-table;
	}
/*End-hack*/

.onsen_yado ul {
	padding:0;
	margin:0;
	text-align:left;
}

.onsen_yado ul li {
	float:left;
	margin:0 6px 5px 0;
	padding:2px 0;
	border:1px #CCC solid;
	width:160px;
	height:155px;
	overflow:hidden;
	list-style:none;
}

.kanko_index {
	padding:0;
	margin:20px 0;
	text-align:left;
	width:100%;
}
/*hack*/
.kanko_index:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac */
.kanko_index{
	height:1%;
	}
.kanko_index{
	display:block;
	}
.kanko_index{
	display:inline-table;
	}
/*End-hack*/

.kanko_index h2 {
	padding:9px 0 7px 50px;
	margin:0 0 10px 0;
	background:url(img/bar_info.jpg) top left no-repeat;
}

.kanko_index ul {
	padding:0;
	margin:10px 23px 10px 0;
	text-align:left;
}

.kanko_index ul li {
	margin:0 3px 10px 3px;
	padding:0;
	border:1px #CCC solid;
	list-style:none;
	width:100%;
}

.kanko_index ul li h3 {
	background:#C9DDB9;
	color:#FFF;
	padding:3px 10px;
	margin:0;
	text-align:left;
}

.kanko_index ul li p {
	padding:3px;
	margin:0;
}

.kanko_index dl {
	padding:0;
	margin:10px 5px;
	text-align:left;
}
/*hack*/
.kanko_index dl:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac */
.kanko_index dl{
	height:1%;
	}
.kanko_index dl{
	display:block;
	}
.kanko_index dl{
	display:inline-table;
	}
/*End-hack*/

.kanko_index dl dt {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	width:auto;
}

.kanko_index dl dd {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	width:auto;
	display:block;
}

.mail-cgi {
	margin:10px;
	padding:0;
	text-align:left;
}

.mail-cgi input {
	margin:10px;
}

.mail-cgi textarea {
	margin:10px;
	height:150px;
}


/*--------------------------*/
/*  Link Style              */
/*--------------------------*/

.cate_list {
	padding:0;
	margin:0 15px 20px 0;
}
.cate_list h2 {
	padding:9px 0 7px 10px;
	margin:0 0 15px 0;
	background:url(img/bar_img.jpg) top left no-repeat;
}
.cate_list h3 {
	margin:5px 0 0 10px;
	padding:0 0 0 15px;
	background:url(http://xn--n63av7a.net/styles/images/cat-list.gif) center left no-repeat;
	}
.cate_list p {
	margin:0;
	padding:5px 10px 15px 25px;
	}

.cate_guide {
	padding:0;
	margin:0 15px 20px 10px;
	}
.cate_guide p {
	padding:5px;
	margin:0;
	border:1px #cccccc solid;
	}

.link_list {
	padding:0;
	margin:0 15px 25px 0;
}

.link_list ul {
	padding:0;
	margin:15px 15px 0 30px;
}

.link_list ul li{
	padding:0;
	margin:0 0 15px 0;
}

.link_list ul li p{
	color:#999;
	margin:0;
	padding:0;
}

.link_list h3 {
	margin:25px 0 25px 13px;
	padding:0 0 0 15px;
	background:url(http://xn--n63av7a.net/styles/images/cat-list.gif) center left no-repeat;
	}
.link_list p {
	margin:0;
	padding:5px 10px 5px 12px;
	}

.link_detail {
	font-weight:normal;
	font-size:90%;
	color:#0033CC;
	}
table.sub_cate {
	margin:5px 0 20px 10px;
	padding:5px;
	border:1px #cccccc solid;
	width:93%;
	}
table.sub_cate a {
	background:url(http://xn--n63av7a.net/styles/images/cat-list.gif) center left no-repeat;
	padding:0 0 0 15px;
	margin:0;
	}

table.table_bg {
	background-color:#73AF6D;
	border:none;
	margin:0 25px 0 5px;
	padding:0;
	}
table.table_bg2 {
	background-color:#73AF6D;
	border:none;
	margin:0 20px 0 10px;
	}
.td_title {
	color:#ffffff;
	background-color:#73AF6D;
	padding:5px;
	}
.td_left {
	background-color:#93B984;
	color:#FFFFFF;
	padding:5px;
	}
.td_right {
	background-color:#F5FAF3;
	padding:5px;
	}
.back_left {
	padding:10px;
	}
.back_pink {
	background-color:#FFCCFF;
	padding:10px;
	margin:0 400px 0 0;
	}
.table_bg a, .table_bg a:hover, .table_bg a:visited, .table_bg2 a, .table_bg2 a:hover, .table_bg2 a:visited {
	color:#FFFFFF;
	}
.td_right a, .td_right a:hover, .td_right a:visited {
	color:#0033CC;
	}


.detail {
	margin:0;
	padding:0 20px 10px 10px;
	}
/*hack*/
.detail:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
/* Hides from IE-mac */
.detail {
	height:1%;
	}
.detail {
	display:block;
	}
.detail {
	display:inline-table;
	}
/*End-hack*/

.detail h2 {
	margin:5px 0 15px 0;
	padding:8px;
	border:1px #cccccc solid;
	}

.detail h3 {
	margin:2px 0 0 0;
	padding:3px;
	background:#EFF8F3;
	}

.detail h4 {
	margin:0 0 7px 0;
	padding:3px;
	line-height:130%;
	font-weight:normal;
	}

.detail p {
	margin:0 0 7px 0;
	padding:5px;
	line-height:130%;
	border:none;
	}
.detail table {
	float:left;
	margin:0 20px 0 5px;
	}

.detail_map {
	clear:both;
	margin:0;
	padding:0 20px 10px 10px;
	}
.detail_map h3 {
	margin:2px 0 0 0;
	padding:3px;
	background:#EFF8F3;
	}
.detail_map p {
	margin:0;
	padding:5px;
	line-height:130%;
	border:none;
	}

.thumbnail {
	margin:0;
	padding:0;
	text-align:center;
	width:160px;
	float:left;
	}

.thumbnail p {
	margin:0 0 10px 0;
	padding:5px;
	line-height:130%;
	border:1px #cccccc solid;
	text-align:left;
	}

.site_detail {
	margin:0;
	padding:0 0 0 10px;
	width:320px;
	overflow:hidden;
	float:left;
	}

.contents_ad {
	padding:10px;
	margin:0 15px 0 0;
	border:1px #CCC solid;;
}
.side_ad {
	padding:0;
	margin:0 8px 0 0;
	border:1px #CCC solid;;
}
