@charset "UTF-8";

body	{
	font-family: "メイリオ", Meiryo;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 120%;
	background-image: url(../index/2015_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}

/* 画像のロールオーバー */
a:hover img
{
opacity:0.8;
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85 )";
background: #ffffff;
}

.img_line {
	border: 1px solid #CCCCCC;
}

.boxA	{
	border: none;
	line-height: normal;
	text-align: left;
	background-color: #FFFFFF;
	background-image: none;
}


.boxB	{
	}


.territori	{
	width: 1000px;
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	height: auto;
}


/* トップ */
.top	{
	width: 100%;
	}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* ヘッダー画像にキャッチコピーを重ねる */
.photo	{
	position: relative;
}

/* キャッチコピー */
.catch_index	{
	position: absolute;
	bottom: 80px;
	left: 442px;
	width: 40%;
	font-size: 16px;
}
	

/* トップメニュー */
.top_menu	{
	width: 100%;
	height: 58px;
	background-color: #595959;
	}
	
	/* ナビゲーション */
.top_menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.top_menu ul:after	{content: "";
	display: block;
	clear: both}


.top_menu li	{
	float: left;
	width: 16.666%;
	text-align: center;
}

.top_menu li a	{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_menu li a:hover	{
	background-color: #999999;
}



/* コンテンツ */
.content	{
	border-color: #65c4cf;
	clear: none;
	float: right;
	width: 81%;
	padding-bottom: 30px;
	margin-top: 10px;
	}
	
.h1_01	{
	font-size: 24px;
	font-weight: normal;
	margin-top: 20px;
	margin-left: 0px;
	background-color: #00003D;
	height: auto;
	padding-left: 20px;
	padding-top: 40px;
	color: #FFFFFF;
	background-image: url(../index/2015_tl02.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

.h2_01	{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	border-left-style: solid;
	border-left-color: #FF0000;
	padding-left: 6px;
	margin-left: 0px;
}

.h2_02	{
	display: inline-block;
	padding: 5px 15px;
	background-color: #3077be;
	color: #ffffff;
	font-size: 16px;
}

.content p {
	margin-left: 0px;
	line-height: 180%;
}



/* 右メニュー */
.navi	{
	width: 172px;
	float: left;
	background-image: url(../index/2015_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 160px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: auto;
	}

/* メニュー（縦並び） */
.navi ul	{
	margin: 0;
	list-style: none;
	padding: 0px;
}

.navi li a	{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 15px;
}

.navi li a:hover	{
	background-color: #AC0000;
}

.navi h3	{
	margin: 0px;
	padding: 5px;
	color: #FFFFFF;
	background-color: #FF66CC;
	font-size: 14px;
}

.navi h3 i	{
	margin-left: 10px;
	vertical-align: middle;
}


.sitemap	{
	clear: both;
	display: block;
	background-color: #EBE6E6;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 270px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}

/* サイトマップ（縦並び） */
.sitemap_box 	{
	float: left;
	width: 20%;
	margin-right: 30px;
	background-color: #EBE6E6;
}
.site_center {
	display: block;
	width: auto;
	padding-left: 15%;
}


.sitemap_box ul	{
	margin: 0;
	list-style: none;
	padding: 0px;
}

.sitemap_box li 	{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 4px;
	padding-top: 4px;
}

.sitemap_box li a	{
	display: block;
	text-decoration: none;
	color: #333333;
	font-size: 14px;
	padding: 5px;
}

.sitemap_box li a:hover	{
	color: #FF3300;
}

.sitemap_box strong	{
	color: #333333;
	font-size: 14px;
	padding-bottom: 2px;
	display: block;
	padding-left: 6px;
	padding-top: 2px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF6600;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.sitemap_box p	{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 50%;
}


/* コピーライト */
.bottom	{
	color: #FFFFFF;
	width: 100%;
	height: auto;
	padding-top: 6px;
	background-color: #000000;
	padding-bottom: 20px;
	font-size: 12px;
	clear: both;
	}
	
.bottom p {
	text-align: center;
	
	}
	
	
/* お知らせ */
.osirase	{
	margin-bottom: 20px;
	width: 30%;
	float: left;
	display: block;
	margin-left: 20px;
	border: thin solid #CCCCCC;
}

.osirase a	{
	display: block;
	color: #000000;
	text-decoration: none;
}

.osirase a:hover	{box-shadow: 0 0 10px #dddddd}

.osirase img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	vertical-align: bottom}

.osirase p	{
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

.osirase strong	{
	color: #3077BE;

}


/* 続きを読む */
.more	{display: inline-block;
	padding: 5px 15px;
	background-color: #3077be;
	color: #ffffff}

.more i	{margin-left: 10px}



/* 関連記事メニュー */
.kanren	{
	margin-top: 40px;
	padding: 20px;
	background-color: #FFFFFF;
	display: block;
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border: 1px dotted #E0E0E0;
}

.kanren h2	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 14px;
	font-weight: normal;
}

.kanren strong	{
	font-weight: bold;
}

.kanren ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.kanren li	{float: left}

.kanren li a	{
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	line-height: 160%;
	background-color: #FFFFFF;
	float: left;
	padding: 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 280px;
}

.kanren li a:hover	{
	text-decoration: none;
	background-color: #3077BE;
	color: #FFFFFF;
}

.kanren ul:after	{
	content: "";
	display: block;
	clear: both;
}

.kanren img	{max-width: 100%;
	height: auto;
	border: none}

.mm_orang {
	color: #FF7C68;
}




/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 225px;
	height: auto}

}
