@charset "UTF-8";

body	{
	font-family: "メイリオ", Meiryo;
	color: #333333;
	margin: 0px;
	padding: 0px;
	line-height: 120%;
	font-size: 16px;
}



.territori	{
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 10px;
	width: 1200px;
}





/* トップ */
.top	{
	width: 100%;
	}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* ヘッダー画像にキャッチコピーを重ねる */
.photo	{
	position: relative;
}

.table_tl {
	font-size: 16px;
	line-height: 34px;
}


/* トップメニュー */
.top_menu	{
	width: 100%;
	background-color: #FF6600;
	float: left;
	height: 58px;
	clear: both;
	}
	
	/* ナビゲーション */
.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: 20%;
	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: #FF9900;
}



/* コンテンツ */
.content	{
	border-color: #65c4cf;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	margin-top: 10px;
	width: 81%;
	float: right;
	}
	
.content h1	{
	font-size: 24px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	color: #333333;
}

.content h2	{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: normal;
	color: #EF1385;
}

.content p {
	margin-left: 20px;
	line-height: 180%;
}



/* 右メニュー */
.navi	{
	margin: 10px;
	float: left;
	width: 200px;
	}

/* メニュー（縦並び） */
.navi ul	{
	margin: 0;
	list-style: none;
	padding: 0px;
}

.navi li a	{
	display: block;
	text-decoration: none;
	color: #2E0000;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	height: auto;
	text-align: left;
}

.navi li a:hover	{
	color: #B1031E;
	background-color: #FFFF00;
}

.navi h3	{
	margin: 0px;
	padding: 0px;
}

.navi h3 i	{
}


.sitemap	{
	clear: both;
	display: block;
	padding: 20px;
	width: 100%;
	height: 10px;
	margin-right: auto;
	margin-left: auto;
	}


/* サイトマップ（縦並び） */
.sitemap_box 	{
	float: left;
	width: 20%;
	height: auto;
}

.sitemap_box ul	{
	list-style: none;
	padding: 0px;
	margin: 0;
}

.sitemap_box li 	{

}

.sitemap_box li a	{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	padding: 5px;
}

.sitemap_box li a:hover	{
	color: #FF66CC;
}

.sitemap_box strong	{
	margin: 0px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	display: block;
}

.sitemap_box p	{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 50%;
}


/* コピーライト */
.bottom	{
	color: #FFFFFF;
	width: 100%;
	height: 60px;
	padding-top: 30px;
	clear: both;
	background-color: #FF6600;
	}
	
.bottom p {
	text-align: center;
	
	}



/* パンくずリスト */
.bread	{
	background-color: #F9ECD9;


	margin-top: 20px.px;
}

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

.bread li a:hover	{
	color: #FF6600;
}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}



/* パンくずリスト2 */
.bread2	{
	background-color: #FFFF99;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.bread2 ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread2 li a	{
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

.bread2 li a:hover	{
	color: #FF6600;
}

.bread2 ol:after	{content: "";
	display: block;
	clear: both}

.bread2 li	{float: left;
	width: auto}

.bread2 li:after	{content: '';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}
	
	
/* パンくずリスト3 */
.bread3	{
	background-color: #FFFF99;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.bread3 ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread3 li a	{
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}

.bread3 li a:hover	{
	color: #FF6600;
}

.bread3 ol:after	{content: "";
	display: block;
	clear: both}

.bread3 li	{float: left;
	width: auto}

.bread3 li:after	{content: '';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}




/* お知らせ */
.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_red	{display: inline-block;
	padding: 5px 15px;
	background-color: #FF0066;
	color: #ffffff}
.more_green	{display: inline-block;
	padding: 5px 15px;
	background-color: #009999;
	color: #ffffff}
.more_orange	{display: inline-block;
	padding: 5px 15px;
	background-color: #F99500;
	color: #ffffff}
.more_gray	{display: inline-block;
	padding: 5px 15px;
	background-color: #662CA0;
	color: #ffffff}
	
.more i	{margin-left: 10px}



/* 関連記事メニュー */
.kanren	{
	display: block;
	width: auto;
	margin-right: auto;
	margin-left: auto;

	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.kanren h2	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #FF6600;
}

.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;
	width: 290px;
	height: 340px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.kanren li a:hover	{
	text-decoration: none;
	background-color: #FFFF99;
	color: #FF6600;
}

.kanren ul:after	{
	content: "";
	display: block;
	clear: both;
}

.kanren img	{max-width: 100%;
	height: auto;
	border: none}

/* 関連記事メニュー2 */
.kanren2	{
	display: block;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.kanren2 h2	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #FF6600;
}

.kanren2 strong	{
	font-weight: bold;
}

.kanren2 ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.kanren2 li	{float: left}

.kanren2 li a	{
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	line-height: 160%;
	background-color: #FFFFFF;
	float: left;
	width: auto;
	height: auto;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.kanren2 li a:hover	{
	text-decoration: none;
	background-color: #FFFF99;
	color: #FF6600;
}

.kanren2 ul:after	{
	content: "";
	display: block;
	clear: both;
}

.kanren2 img	{max-width: 100%;
	height: auto;
	border: none}


/* 関連記事メニュー　both */
.kanren3	{
	display: block;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.kanren3 h2	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #FF6600;
}

.kanren3 strong	{
	font-weight: bold;
}

.kanren3 ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.kanren3 li	{float: left}

.kanren3 li a	{
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	line-height: 160%;
	background-color: #FFFFFF;
	float: left;
	width: 290px;
	height: 340px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.kanren3 li a:hover	{
	text-decoration: none;
	background-color: #FFFF99;
	color: #FF6600;
}

.kanren3 ul:after	{
	content: "";
	display: block;
	clear: both;
}

.kanren3 img	{max-width: 100%;
	height: auto;
	border: none}

/* ライン関連 */
.kanren4	{
	display: block;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.kanren4 h2	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #FF6600;
}

.kanren4 strong	{
	font-weight: bold;
}

.kanren4 ul	{
	margin: 0;
	padding: 0;
	list-style: none;
}

.kanren4 li	{float: left}

.kanren4 li a	{
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	line-height: 160%;
	background-color: #FFFFFF;
	float: left;
	width: auto;
	height: 150px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.kanren4 li a:hover	{
	text-decoration: none;
	background-color: #FFFF99;
	color: #FF6600;
}

.kanren4 ul:after	{
	content: "";
	display: block;
	clear: both;
}

.kanren4 img	{max-width: 100%;
	height: auto;
	border: none}

	
/* ページネーション */
.pagenation	{text-align: left}

.pagenation ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagenation li a	{
	display: block;
	border: 1px solid #DD9722;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 5px;
}

.pagenation li a.active	{background-color: #FCF2AF}

.pagenation li a:hover	{background-color: #FFE9D2}

.pagenation ul:after	{content: "";
	display: block;
	clear: both}

.pagenation li	{float: left;
	width: auto}


/* ページネーション2 */
.pagenation2	{text-align: left}

.pagenation2 ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagenation2 li a	{
	display: block;
	border: 1px solid #DD9722;
	color: #333333;
	font-size: 24px;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.pagenation2 li a.active	{background-color: #FCF2AF}

.pagenation2 li a:hover	{background-color: #FFE9D2}

.pagenation2 ul:after	{content: "";
	display: block;
	clear: both}

.pagenation2 li	{float: left;
	width: auto}


.boxA	{
	border: none;
	line-height: normal;
	text-align: left;
	background-color: #FFFFFF;
	background-image: none;
	width: 100%;
	display: block;
}


.boxB	{

	}


.boxC	{
	clear: both;
	width: 92%;
	margin-bottom: 80px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
	
.boxD	{
	clear: both;
	width: 300px;
	margin-bottom: 80px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	height: 680px;
	}


.boxE	{
	clear: both;
	width: 300px;
	margin-bottom: 80px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	height: 680px;
	}


.boxF	{
	clear: both;
	width: 65%;
	margin-bottom: 80px;
	display: block;
	margin-left: 10px;
	margin-top: 40px;
	height: auto;
	}


.boxSOZAI	{
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	display: block;
	margin-top: 20px;
	height: auto;
	}

.box_kanren	{
	width: 290px;
	margin-bottom: 5px;
	display: block;
	height: 680px;
	padding: 5px;
	float: left;
	margin-right: 5px;
	}

.box_title {
	margin-bottom: 40px;
	display: block;
	margin-top: 20px;
	height: auto;
	float: left;
	width: 58%;
	}


.box300_600	{
	clear: none;
	width: 280px;
	display: block;
	height: auto;
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

.box_left1	{
	display: block;
	width: 50%;
	float: left;
	}




.box_right1	{
	display: block;
	float: right;
	width: 40%;
	}


.box_left2	{
	display: block;
	width: 50%;
	float: left;
	}




.box_right2	{
	display: block;
	float: right;
	width: 40%;
	clear: none;
	}


/* トップメニュー */

.box_top {
	display: block;
	float: none;
	width: 100%;
	clear: both;
	height: auto;
	}

.box_top_left {
	display: block;
	float: left;
	width: 20%;
	clear: none;
	}

.box_top_center	{
	display: block;
	margin-right: auto;
	margin-left: auto;
	float: left;
	width: 55%;
	}

.box_top_right {
	display: block;
	float: right;
	width: 20%;
	padding-top: 30px;
	}




.clear	{
	display: block;
	clear: both;
}

.clear2	{
	display: block;
	clear: both;
}

.clear2 img	{
}

.box_title img	{
	width: 100%;
	height: auto;
}


/* ########### 699px以下 ########### */
@media (max-width: 360px) {

.territori	{

	max-width: 360px;
}

}




/* ########### 699px以下 ########### */
@media (max-width: 699px) {

.territori	{

	width: 100%;
}

/* コンテンツ */
.content	{
	border-color: #65c4cf;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	margin-top: 10px;
	width: 100%;
	float: left;
	}

/* 右メニュー */
.navi	{
	margin: 10px;
	float: left;
	width: 100%;
	clear: both;
	}


.bread2 li a	{
	display: inline-block;
	padding: 5px;
	font-size: 20px;
	color: #333333;
	text-decoration: none;
}

.bread li a	{
	display: inline-block;
	padding: 5px;
	font-size: 20px;
	color: #333333;
	text-decoration: none;
}

.box_right2	{
	display: block;
	float: none;
	width: 40%;
	clear: left;
	}

/* 関連記事メニュー */
.kanren	{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	height: auto;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

.kanren li a	{
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
	line-height: 160%;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	height: 340px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.box_top_right {
	display: block;
	float: left;
	width: 20%;
	clear: left;
	padding-top: 30px;
}

.box_top_center	{
	display: block;
	width: 55%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	clear: left;
}

/* トップメニュー */
.top_menu	{
	width: 100%;
	height: auto;
	background-color: #FF6600;
	float: left;
	}

.top_menu li	{
	float: left;
	width: 100%;
	text-align: center;
}

.box_kanren	{
	width: 100%;
	margin-bottom: 5px;
	display: block;
	height: 680px;
	padding: 5px;
	float: left;
	margin-right: 5px;
}

.clear2 img	{
	width: 100%;
	height: auto;
}
	
/* 消える */
.menu	{display: none}
	
}



/* ########### 1100px以下 ########### */
@media (max-width: 1100px) {

/* サイト名 */

.site img	{width: 225px;
	height: auto}

.territori	{
	clip: rect(auto,auto,auto,auto);
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 10px;
	width: auto;
}

.content	{
	border-color: #65c4cf;
	background-color: #FFFFFF;
	clear: none;
	float: left;
	padding-bottom: 30px;
	margin-top: 10px;
	width: 100%;
	}

.menu_left_etc {
	width: 180px;
	display: block;
	height: auto;
	font-size: 14px;
	margin-left: 12px;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
}

body	{
	font-family: "メイリオ", Meiryo;
	color: #333333;
	margin: 0px;
	padding: 0px;
	line-height: 250%;
	font-size: 20px;
}



}