
/* flex_box */


div.flex_box {
	display:flex;
}
div.flex_box div {
	width:320px;
}



/* base.cssには全ページに共通のプロパティを記述する */




/* よく使うタグのマージン、パディングをクリアする。 */

h2, h3, h4, h5, dl, dd, dt, p, ul,li {
	margin: 0;
	padding: 0;
	text-align: left;
	}

a {
	border: 0;
	color:#0092e6;
	}
	
a:hover {
	color:#b3e3ff;
	text-decoration:none;
	}


img {
	vertical-align:top;
	border:0;
}

strong {
	color:#5ba300;
}

span.strong {
	color:#c7126c;
	font-weight:bold;
}

	
/* ボディで文字サイズなど、全ページで共通の設定を決める */

body {
	font-size: 16px;
	*font-size: small;
	*font: x-small;
	color: #666666;
	line-height: 1.8em;
	margin:0 5px;
	padding:0;
	text-align:center;
	font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;

	}

dl, pre, hr, blockquote,
address, p, div, fieldset, table, form, noscript, section, header, footer, nav, article {
	text-align: left;
	display:block;
}

span, bdo, object, img, tt, i, b, big, small,
em, strong, dfn, code, q, sub, sup, samp,
kbd, var, cite, abbr, acronym,select, textarea, label, button, a {
	text-align: left;
}




.googlemap{
	width:000px;
	height:000px;
}

/* 全ページ共通部分の段組 */

.wrapper {
	max-width:970px;
	min-width:320px;
	margin: 0 auto;
	padding: 0;
	}


/* ヘッダー */



h1 {
	margin: 0 0 15px 0;
	padding: 0;
	text-align: right;
	float:right;
	font-size:16px;
	font-weight:normal;
	height:16px;
	line-height:16px;
	width:700px;
	
	}

a.logo {
	display:block;
	float:left;
	margin:0 0 0;
}



.header {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	height:50px;
	overflow:hidden;
	}

.header h1 {	
	margin: 0 0 0 0;
	padding: 0;
	text-align: right;
	float:right;
	font-size:15px;
	font-weight:normal;
	height:15px;
	line-height:15px;
	width: auto;
	}


.head_textbox {
	width: 10px;
	float:right;
	text-align:right;
	margin:14px 0 0;
	padding: 0;
	}

.head_textbox p {
	margin: 0 0 0 6px;
	padding: 0;
	text-align:right;
	}

.header li {
	float: left;
	list-style:none;
	}




/* ヘッダーここまで */


div.container {
	width: 100%;
	margin: 0 0 10px 0;
	height:auto;
	padding: 0;
	overflow:hidden;
	}

div.containers {
	width: auto;
	margin: 0 0 0;
	padding: 0;
	}

.contents {
	width: 100%;
	margin: 0;
	padding: 0;
	}

div.container h2 {
	padding: 5px 0 5px 5px;
	margin:0 0 10px 0;
	font-size:28px;
	line-height:30px;
	overflow:hidden;
	color:#c7126c;
	font-weight:normal;
	border-bottom:3px double #ccc;
	}
	
div.container h2#h2_middle {
	font-weight: bold;
	padding: 10px 0 7px 5px;
	font-size:25px;
	margin-top:10px;
	background-color:#fff2fc;
	border-bottom:3px double #f5c4ea;
	
}


div.container h2 span {
	display:block;
	font-size:12px;
	color:#666;
	}

div.container h2#h2_top {
	padding: 0 0 0 8px;
	margin:0 0 5px 0;
	font-size:14px;
	line-height:28px;
	color:#fff;
	font-weight:bold;
	background:url(../img/search_box_bg.gif) repeat left bottom;
	border-bottom:0;
	}

p#p_top {
	font-size:130%;
	line-height:130%;
}

.contents h2.bottom_line {
	padding: 0 10px;
	margin:0 0 0 0;
	font-size:100%;
	line-height:28px;
	height:28px;
	overflow:hidden;
	background: url(../img/h2_silver_bg.gif) left top no-repeat #efefef;
	border-bottom:1px solid #cac4b9;
	margin-bottom:10px;
	}

.contents h2.blue {
	padding: 0 10px;
	margin:0 0 0 0;
	font-size:100%;
	line-height:28px;
	height:28px;
	overflow:hidden;
	background: url(../img/h2_blue_bg.gif) left top no-repeat #efefef;
	border-bottom:1px solid #cac4b9;
	}


.contents h3 {
	padding:3px 0 1px 4px;
	margin-bottom:10px;
	font-size:145%;
	line-height:145%;
	font-weight:bold;
	color:#4d7d11;
	border-left:4px solid #7dde00;
	background-color:#f3ffe3;
	}

.contents h4 {
	padding:0 0 0 0;
	margin-bottom:8px;
	color:#c7126c;
	border-bottom:3px double #dedede;
	font-size:110%;
	
	}
.contents h4#h4_non_bordar {
	padding:0 0 0 0;
	margin-bottom:0;
	border-bottom:0px;
	font-size:100%;
	}


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




div.menu_top {
	text-align:center;
	margin:0 0 10px;
	background-color:#e4f5ff;
	border:1px solid #b9daee;
}


div.menu_bottom {
	text-align:center;
	margin-bottom:20px;
}



ul.jidai_kubun {
	padding:0 25px;
	margin-left:20px;
}
ul.jidai_kubun li {
	font-size:130%;
	line-height:170%;
}



div.wiki_left {
	width:25%;
	float:left;
}

div.wiki_left img {
	width:100%;
}

div.wiki_right {
	width:72%;
	float:right;
}

div.kt_img {
}
div.kt_img_r {
	width:20%;
	float:left;
	margin-bottom:15px;
	background-color:#999999;
}

div.kt_img_r img {
	width:100%;
}

div.kt_img_l {
	width:78%;
	float:right;
}





div.new_box {
	height:110px;
	overflow:auto;
	margin-bottom:10px;
}

div.new_box#new_box_hakken {
	height:110px;
	overflow:auto;
	margin-bottom:10px;
}






p.margin_b10 {
	margin-bottom:10px;
}

p.to_top {text-align:right; margin-top:12px;}





.pan_list {
	border-bottom:1px solid #ddd;
	text-align: right;
	padding:0 0 3px;
	color:#888;
	margin-bottom:15px;
	}


.pan_list_bottom {
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	text-align:left;
	padding:2px 0 3px;
	color:#888;

	}



div.contents_under_link ul {
	height:56px;
	overflow:hidden;
	background-color:#eee;
	padding:5px 0 0 0;
	margin:15px 0 15px;
	border:1px solid #ddd;
}


div.contents_under_link ul li {
	float:left;
	list-style-type:none;
	height:50px;
	overflow:hidden;
	width:166px;
	position:relative;
	left:5px;
}

div.contents_under_link ul li a span {
	font-size:14px;
	font-weight:bold;
	position:relative;
	top:16px;
	left:20px;
}
	
div.contents_under_link ul li a {
	background:url(../img/contents_under_link_ul_li.gif) left top no-repeat;
	width:160px;
	height:50px;
	display:block;
	text-decoration:none;
	color:#fff;
}
div.contents_under_link ul li a:hover {
	background:url(../img/contents_under_link_ul_li.gif) left bottom no-repeat;
}

.content_nav {
	padding:8px 0;
	background-color:#fbfff2;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #dae6bd;
}





/* 検索ボックス */

div.search_box {
	width: auto; margin-bottom:10px; padding:10px 10px 5px; border-style:solid; border-width:1px; border-color:#cccccc;
	}

#srchBox
{
width: auto;
_width:296px;
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#cccccc;
color:#000000;
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:188px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

/* メニュー */




.menu {
	width:320px;
	margin: 0;
	padding: 0;
	}
	
h2#h2_bottom_line_0 {
	border-bottom:0px;
	margin:0;
}

.menu h2#nav {
	padding: 0 0 0 0;
	margin:0 0 5px 0;
	line-height:200px;
	overflow:hidden;
	height:67px;
	background: url(../img/h2_menu_bg.gif) left top no-repeat;
	border-bottom:0px;
	}
	
.menu ul {
	margin: 0 0 10px 0;
	background-color:#ccc;
	padding:0 0 1px;
	}
	

.menu li {
	font-size: 100%;
	list-style: none;
	height:auto;
	overflow:hidden;
	}

.menu li a {
	width: auto;
	height: auto;
	background: url(../img/li_bg.gif) 10px 15px no-repeat #fff;
	display:block;
	line-height: 40px;
	margin:1px 1px 0;
	padding:0 0 0 26px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	}

.menu li a:hover {
	color:#399bff;
	text-decoration:underline;
	background-color:#f5f5f5;
	}


div.menu h3 {
	padding:3px 0 5px 10px;
	margin-bottom:10px;
	font-size:100%;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	background: url("../img/h3_bg.gif") left bottom no-repeat;
	line-height:100%;
	}








/* メニューここまで */




.footer {
	width: 100%;
	margin: 0;
	padding:0 0 30px;
	background:url(../img/foot_bg.gif) left top repeat-x #fff;
	text-align: center;
	
	}

div.footer_link {
	width: auto;
	padding:15px 20px 20px;
	background-color:#f572b4;
	margin-bottom:20px;
	color:#fff;
}

div.footer_link a {
	color:#fff;
}

div.footer_link dl {
	
}

div.footer_link dl dt {
	font-weight:bold;
	font-size:17px;
	border-bottom:1px dotted #ffcae5;
	padding-bottom:2px;
}

div.footer_link dl dd {
	font-size:17px;
	line-height:170%;
	margin:6px 0 9px;
}

div.footer_link dl dd a {
	color:#ffe8f4;
}

.footers {
	width: auto;
	margin: 0;
	padding:15px 0 30px;
	background:url(../img/foot_bg.gif) left top repeat-x #fff;
	text-align: center;
	color:#6b5b50;
	
	}

.footer p {
	text-align: center;
	padding:0 0;
	line-height:300%;
	background-color:#eee;
	border-top:1px solid #999;
	}

.footer a {
	}
	
	
.copyright {
	width: 100%;
	text-align: center;
	margin:0;
	padding: 0;
	color:#555;
	font-size:11px;
	}




/* 全ページ共通終了 */

/* 全ページでよく使うであろうクラスをあらかじめ作っておく */


.width_100p {
	width:100%;
}

.clear {
	clear: both;
    font-size: 0px;
    line-height: 0%;
    height: 0px

	}

.float_left {
	float: left;
	}

.float_right {
	float: right;
	}
.center {
	text-align:center;
}

.center p {
	text-align:center;
}

#center {
	text-align:center;
}

#center p {
	text-align:center;
}

.right {
	text-align:right;
}

#right_img {
	margin-right:10px;
}

a#up img {
	border:1px solid #afbece;
	padding:1px;
	}

a#up:hover img {
	border:1px solid #399bff;
	opacity: 0.7; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
	}
	
a#up2 img {
	border:2px solid #afbece;
	padding:1px;
	}

a#up2:hover img {
	border:2px solid #399bff;
	opacity: 0.7; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
	}
	
iframe#kekka{
	width:670;
	border:none;
}

em#site_link {
	color:#70866c;
}





design_ul_nenpyou {
}
ul.design_ul_nenpyou {
	margin:0 0 15px 0;
	padding:0;
}
ul.design_ul_nenpyou li {
	margin:0;
	padding:0 14px 0 0;
	display:inline;
	background:url(../img/nenpyou_gif.gif) no-repeat right center;
}






blockquote.normal {
	margin:0 0 10px 0;
	padding:5px 7px;
	border:3px double #daf3ba;
}

design_ul_txt {
}
ul.design_ul_txt {
	margin:0 0 10px 0;
	padding:5px 7px;
	border:3px double #daf3ba;
}
ul.design_ul_txt li {
	margin:0;
	padding:0 7px 0 0;
	display:inline;
	border-right:3px double #eee;
}
ol.design_ol {
	margin-top:0;
	padding-top:0;
}
ol.design_ol li {
	margin-top:0;
	padding-top:0;
}
ul.design_ul li {
	margin:0;
	padding:0;
}
ul.design_ul li ul {
	margin:0 0 0 20px;
	padding:0;
}


.scroll_table {
	max-width:970px;
	overflow-x: auto;
	margin-bottom:20px;
	}

.scroll_table table.design_table {
	white-space: nowrap;
	}

table.design_table {
    margin: 0 0 0 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
}


table.design_table tr.tr_strong th {
}
table.design_table tr.tr_strong td {
	background-color:#ffffe9;
}

table.design_table th {
    padding: 8px 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    font-weight: normal;
	text-align:center;	
}
table.design_table th#th_center {
	padding: 3px 6px;
	background-color:#f7fcff;
	text-align:center;
}

table.design_table th#th_nenpyou {
	padding: 8px 6px;
	background-color:#f7fcff;
	font-weight:bold;
	text-align:left;
	color:#1f5e82;
}


table.design_table td {
    padding: 8px 6px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.design_table th em {
	font-size:100%;
}


dl.defolt_dl {
	margin-bottom:20px;
}
dl.defolt_dl dt {
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#5ba300;
}
dl.defolt_dl dt a {
	color:#ff007f;
}
dl.defolt_dl dt a:hover {
	color:#ff77bb;
}

dl.defolt_dl dd {
	margin-bottom:7px;
	padding:5px;
	border:3px double #dedede;
}
dl.defolt_dl dd#h_dd {
	background-color:#f3ffe3;
	margin:0;
}


dl.defolt_dl dd strong {
	color:#5ba300;
}





dl.nihonshi_dl {
	margin-bottom:15px;
}
dl.nihonshi_dl dt {
	font-size:120%;
	padding:5px 0 5px 7px;
	margin:0 0 3px 0;
	color:#0092e6;
	border:1px solid #ffe8b2;
	background-color:#fffdd3;
}
dl.nihonshi_dl dt a {
	color:#0092e6;
	font-weight:bold;
}
dl.nihonshi_dl dt a:hover {
	color:#b3e3ff;
}

dl.nihonshi_dl dd {
	margin-bottom:7px;
}



ul#list_style_mokuji {
	padding:5px 0 5px 25px;
	margin:0 0 10px;
	border:3px double #daf3ba;
}

ul#list_style_mokuji li {
	list-style-type:disc;
	padding:0 0 0 0;
	margin:0 0 0;
}

.contents h3#mokuji {
	padding:0;
	margin-bottom:5px;
	font-size:100%;
	line-height:100%;
	font-weight:bold;
	color:#4d7d11;
	border-left:0;
	background-color:#fff;
	}




ul#list_style_disc {
	padding:0 0 0 20px;
	margin:0 0 25px;
}

ul#list_style_disc li {
	list-style-type:disc;
	padding:0 0 0 0;
	margin:0 0 5px;
}






.margin_bottom1 {
	height:auto;
	overflow:hidden;
	margin-bottom:1px;
}

.margin_bottom5 {
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
}

.margin_bottom10 {
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

.margin_bottom2 {
	height:auto;
	overflow:hidden;
	margin-bottom:2px;
}

.margin_bottom20 {
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}

.margin_bottom30 {
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}

.main_0_0_5_0 {
	height:auto;
	overflow:hidden;
	margin:0 0 5px 0;
}

.main_0_0_3_0 {
	height:auto;
	overflow:hidden;
	margin:0 0 3px 0;
}

.main_0_20_0_0 {
	margin:0 20px 0 0;
}

#margin_right20 {
	height:auto;
	overflow:hidden;
	margin-right:20px;
}

#padding_left20 {
	padding-left:20px;
}

#margin_left20 {
	height:auto;
	overflow:hidden;
	margin-left:20px;
}

#margin_0_20_20_0 {
	height:auto;
	overflow:hidden;
	margin:0 20px 20px 0;
}

#margin_20_0_20_0 {
	height:auto;
	overflow:hidden;
	margin:20px 0 20px 0;
}

#margin_bottom1 {
	height:auto;
	overflow:hidden;
	margin-bottom:1px;
}

#margin_bottom5 {
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
}

#margin_bottom10 {
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

#margin_bottom15 {
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}

#margin_bottom20 {
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}

#margin_bottom30 {
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}

#margin_bottom40 {
	height:auto;
	overflow:hidden;
	margin-bottom:40px;
}




#margin_top10 {
	height:auto;
	overflow:hidden;
	margin-top:10px;
}

#margin_top15 {
	height:auto;
	overflow:hidden;
	margin-top:15px;
}

#margin_top20 {
	height:auto;
	overflow:hidden;
	margin-top:20px;
}

#margin_top30 {
	height:auto;
	overflow:hidden;
	margin-top:30px;
}

#margin_top40 {
	height:auto;
	overflow:hidden;
	margin-top:40px;
}







#margin_0 {
	height:auto;
	overflow:hidden;
	margin:0;
}




.margin_top10 {
	height:auto;
	overflow:hidden;
	margin-top:10px;
}

.margin_top20 {
	height:auto;
	overflow:hidden;
	margin-top:20px;
}




.color_chui {
	color:#5e1b1b;
}





	
