@charset 'shift_jis';
/* CSS Document このサイト内で共通。（ボックス、見出し、ボタン等） */

/* ボックス
------------------------------------------------- */
#container, #pankuzu, #article, #contents, #contentsInner, .section, .auto{
margin:0 auto;
text-align:left;
}
#container{
width: 970px;
}
#contents{
clear:both;
width: 100%;
padding-top:10px;
background:white;
text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#contentsInner{
width:950px;
margin:0 10px;
}
#article{
float:left;
width: 725px;
margin-bottom:1em;
}
.section{
clear:both;
width: 100%;
margin-top:0.5em;
}

@media screen and (max-width: 360px){
#container,
#contents,
#contentsInner,
#article{
width:100%;
}
#contentsInner{
margin:0 auto;
}
#article{
	font-size:1em;
}
}

/* ヘッダー・フッター
------------------------------------------------- */
#header{
width:100%;
}
#logo img{
float:left;
width:270px;
margin-left:12px;
margin-top:9px;
margin-bottom:9px;
}
#logo h1{
	line-height:100%;
	font-size:1em;
	margin:0;
	padding:0;
}
/* ヘッダツール */
#tool{
float:right;
width:342px;
margin-top:15px;
margin-right:10px;
color:#0d1a67;
font-weight:bold;
line-height:100%;
}
#tool a{
color:#0d1a67;
font-weight:bold;
display:block;
}
#tool #txt{
width:265px;
margin-left:75px;
}
#tool #txt #navjump{
float:left;
width:57px;
height:25px;
padding-left:17px;
padding-top:3px;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position: 0px 7px;
}
#tool #txt #navjump a{
border-right:solid 1px #5468a2;
padding:3px;
}
#tool #info{
width:100%;
margin-top:9px;
}
#tool #info #searchBox{
width:240px;
float:left;
}
#tool #info #sitemap{
float:right;
width:80px;
height:25px;
padding-left:20px;
padding-top:4px;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position: 0px 6px;
}

/*　フォントサイズ　*/
#font{
width:175px;
float:right;
text-align:right;
line-height:100%;
}
#font p{
	float:left;
	width:95px;
	padding-top:6px;
}
#font ol{
	float:right;
	width:80px;
	margin:0;
	padding:0;
	float:right;
	color:black;
}
#font li{
	float: right;
	text-align:center;
	list-style: none;
	margin: 0;
}
#font li a{
	padding:6px 4px;
	border:solid 1px #a7a7a7;
	display:block;
	margin-left:2px;
	color:black;
	text-decoration:none;
background-color:#fff;/* grd */
/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DCDDDD));
/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DCDDDD))";
zoom: 1;
/* IE10+, W3C */
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DCDDDD 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DCDDDD 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DCDDDD 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DCDDDD 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #DCDDDD 100%);

border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
#font li a:hover{
	background-color:#d6d0c1;
}
#font li img{
	width: 24px;
	height: auto;
}

@media screen and (max-width: 360px){
#logo{
	float:none;
}
#logo img{
	margin:0;
	padding:0;
}
#tool{
	width:95%;
	margin-top:0;
}
#tool a{
	font-weight:normal;
}
#tool #txt{
	width:95%;
	margin:0;
	padding:0;
}
#tool #txt #navjump{
	float:none;
}
#tool #txt #navjump a{
	border:none;
}
#tool #info #searchBox{
	float:none;
	width:95%;
}
#tool #info{
	margin:0;
	padding:0;
}
#tool #info #sitemap{
	float:none;
	width:95%;
}
#tool #txt #font{
	display:none;
	width:95%;
}
}


#pankuzu{
	width: 100%;
}
#pankuzu span{
	padding-left:18px;
	background-image:url(../images/common/pankuzu_arrow.png);
	background-repeat:no-repeat;
	background-position:5px 4px;
}
#pankuzu span{
	padding-left:18px;
	background-image:url(/files/300125565.png);
	background-repeat:no-repeat;
	background-position:5px 4px;
}

/* フッターリンク ------ */
#footernav{
	width:100%;
	margin-top:0.8em;
	margin-bottom:6px;
	padding-bottom:0.5em;
	border-top:solid 1px #ccc;
	border-bottom:solid 4px #fada06;
}
#footernav ul{
	margin:0px;
	padding:0.7em;
	list-style-type:none;
	background: -moz-linear-gradient(top center, #dfefff 0%, #fff 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#dfefff), to(#fff));
	background: linear-gradient(top center, #dfefff 0%, #fff 100%);
}
#footernav li a{
	display:block;
}
#footernav li{
	float:left;
	margin-right:20px;
	padding-left:20px;
	background-image:url(/files/300125552.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
}
@media screen and (max-width: 360px){
#footernav{
	font-size:1.1em;
	}
}

#footer{
	margin:0.5em 0 2em 0;
}
#footer address{
float:left;
font-style:normal;
line-height:160%;
}
#footer #copyright{
float:right;
font-style:normal;
line-height:160%;
text-align:right;
}

.pagetop{
clear:both;
text-align:right;
}
@media screen and (max-width: 360px){
#footer #copyright{
text-align:left;
margin-top:1em;
font-size:0.76em;
}
}

/* 見出し
------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	line-height:1.4;
}
#article h1{
	margin-top:0.5em;
	margin-bottom:1.5em;
	padding:1.1em 0.5em 1.1em 21px;;
	border:solid 1px #3399cc;
	border-bottom:solid 1px #0d1a67;
	background-image:url(/files/300125554.png);
	background-position:left -56px;
	background-repeat:no-repeat;
	font-size:1.5em;
	color:#0d1a67;
border-top-left-radius: 6px; 
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px; 
}
/* #article h1 span{
padding:0.4em 0.8em;
border-left:solid 7px #3399cc;
} */
#article h2{
	margin-top:1.5em;
	margin-bottom:0.8em;
	border:solid 1px #fada06;
	border-left:solid 5px #fada06;
	background-color:#fefbe2;
	padding:0.6em 1em;
	font-size:1.3em;
	color:#0d1a67;
}
#article h3{
	margin-top:1em;
	margin-bottom:0.8em;
	padding:0.9em 1.5em;
	background-image:url(/files/300125553.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom:solid 3px #90c9ff;
	font-size:1.2em;
	color:#0d1a67;
}
#article h4{
	margin-top:1em;
	margin-bottom:0.8em;
	padding:0.3em 1em;
	background-color:#2a4899;
	font-size:1.2em;
	color:white;
	}
#article h5{
	margin-top:1em;
	margin-bottom:0.8em;
	padding:0.3em 1em;
	border-left:solid 4px #3399cc;
	border-bottom:solid 1px #3399cc;
	font-size:1.2em;
	color:#0d1a67;
	}
#article h6{
	margin-top:1em;
	margin-bottom:0.8em;
	font-size:1.2em;
	color:#0d1a67;
	}
#article p{
	margin-bottom:1arroem;
}
#article strong{
	color:#dd0000;
	}
@media screen and (max-width: 360px){
#article h1{
	padding:0.5em;
	padding-left:0.5em;
	font-size:1.4em;
}
#article h1 span{
padding:0;
border-left:none;
}
#article h2,
#article h3,
#article h4,
#article h5,
#article h6{
	font-size:1.1em;
}
}


/* テーブル
------------------------------------------------- */
/* table 共通 ------ */
#contents caption{
text-align:left;
font-weight:bold;
}
#contents table ul{
padding:0px 20px;
margin:0px;
}
#contents table th, table td{
vertical-align:top;
}

/* table 一般 ------ */
#contents table{
width:100%;
margin-top:10px;
margin-bottom:10px;
border-top:solid 1px #a7a7a7;
border-collapse: collapse;
line-height:170%;
}
#contents th{
padding:5px 13px;
background-color:#F0F2F7;
white-space:nowrap;
font-weight:normal;
border:solid 1px #a7a7a7;
border-collapse: collapse;
}
#contents td{
padding:5px 13px;
border:solid 1px #a7a7a7;
border-collapse: collapse;
}

/* リスト */
#article ul{
	margin-top:0;
}
#article li{
	margin-bottom:0.4em;
}
#article .sitemap li{
	margin-bottom:0;
}

/* リンク　ボタン
------------------------------------------------- */
/* 矢印リンク_単独 ------ */
.link_arrow{
width:auto;
padding:0.2em 20px;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position: 0px 0.5em;
line-height:2;
}

/* list 矢印リンク ------ */
.link_arrow_list{
width:auto;
margin:0px;
padding:0px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:10px;
list-style-type:none;
}
.link_arrow_list li{
padding-left:20px;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position: 0px 0.5em;
line-height:2;
}

/* リストリンク
------------------------------------------------- */

/* リンク　たて並び ------ */
.menu_tate{
width:auto;
margin-bottom:10px;
padding-top:2px;
padding-bottom:2px;
}
.menu_tate ul{margin:0px;padding:0px;list-style-type:none;}
.menu_tate li a{
display:block;
padding: 0.7em 29px;
}
.menu_tate li{
margin-bottom:6px;
border:solid 1px #a7a7a7;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position: 0.8em;
}

/* お知らせのよこ並びリンク ------ */
.info_nav{
	float:right;
	width:11em;
	margin-right:1em;
	text-align:right;
}
.info_nav ul{margin:0px;padding:0px;list-style-type:none;}
.info_nav li a{
display:block;
padding: 0 5px 0 27px;
}
.info_nav li.btn_listw{
float:left;
width:6.1em;
background-image:url(/files/300125552.png);
background-repeat:no-repeat;
background-position:1.2em center ;
}
.info_nav li.btn_rss{
	float:left;
width:60px;
background-image:url(/files/300132173.png);
background-repeat:no-repeat;
background-position: 0.7em center;
}
div.info_nav {
	border:none!important;
	padding:0!important;
}
@media screen and (max-width: 360px){
.info_nav{
	float:left;
	margin-left:1em;
	}
.info_nav li{
	float:left;
	text-align:left;
	width:100%!important;
	line-height:2.5em;
	background-position: center left!important;
	}
.info_nav li a{
	padding-left:20px;
}
}


/*画像*/
.figure {
	margin:0 auto;
	padding:8px;
    display: table;
    width: 160px; /* minimum width */
    *width: auto; /* for IE7 and below */
}
.figure img {
	margin-bottom:5px;
}

.figure {
	float:left;
}
.img_left {
	float:left;
	width: auto;
	font-size: .8em;
	padding: 0 20px 20px 0!important;
}
.img_right {
	float:right;
	width: auto;
	font-size: .8em;
	padding: 0 20px 20px 0!important;
}
.img_none {
	float:none;
}

#article img.sizeS{
	width:225px;
}
#article img.sizeM{
	width:340px;
}
#article img.sizeL{
	width:710px;
}
@media screen and (max-width: 360px){
.figure,
.img_left,
.img_right {
	float:none;
}
.sectionImage,
.figure{
	margin:0;
	width:98%;
}
.figure img,
.img_left img,
.img_right img {
	max-width:100%;
}
#article img.sizeS{
	width:auto;
}
#article img.sizeM{
	width:97.3%;
}
#article img.sizeL{
	width:97.3%;
}
}

.movie{
	text-align:center;
	margin-bottom:1em;
}
.movie .movieInner{
	margin:0 auto;
}
.sizeL{
	width:725px;
}
.sizeM{
	width:640px;
}
.sizeS{
	width:560px;
}
video{
	width:100%;
	height:auto;
}
object.player{
	width:100%;
}
.sizeL object.player,
.sizeL img{
	width:725px;
	height:408px;
}
.sizeM object.player,
.sizeM img{
	width:640px;
	height:360px;
}
.sizeS object.player,
.sizeS img{
	width:560px;
	height:315px;
}
@media screen and (max-width: 360px){
.sizeL,.sizeM,.sizeS{
	width:100%;
}
.sizeL img,.sizeM img,.sizeS img{
	width:100%;
	height:auto;
}
}

#bn_download .bn_dl{
	float:left;
	margin-right:10px;
	margin-top:3em;
}

/*編集担当*/
#hensyuTanto{
	 margin-top:2em;
}

/* その他 */
noscript{
	text-align:center;
}
noscript p{
	margin:0 auto;
	width: 970px;
	text-align:right;
	color:#555;
	margin-bottom:0.5em;
}

/* copyright (C) Rivers all rights reserved. */