@charset "UTF-8";
/* CSS Document */

body {font-family: 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
      background-image:url(../img/back.jpg);
	  background-repeat:repeat;
	  height: auto;
	  padding: 0px;
      margin: 0}

a	{color: #017acd}

/* container */
div#container	{width: 900px;
	margin-left: auto;
	margin-right: auto;
    background-color: #ffffff;
    padding: 0 25px;
    -webkit-box-shadow: 0px 0px 50px #bbbbbb;
    box-shadow: 0px 0px 10px #666666;
    position: relative;
    overflow: hidden}

header#pageheader {background: none;
                   padding: 5px 0 0}

header#pageheader h1 {color: #333;
                      font-size: 11px;
					  margin-top:0;
					  margin-bottom:5px;
					  padding-top: 8px;
					  font-wieght: normal}
					  
					  	  
					  header#pageheader h1 a {color:#555;
						  text-decoration: none;}
						  
						  header#pageheader h1 a:hover {color: #9c3;
						  text-decoration: none;}
					  
					  			  

header#pageheader h2 {color: #333;
	                  font-size: 15px;
                      margin: 0;}
					  
.none { display: none;}

/* Side */

nav {width:235px; height:auto; float:left; margin:0 ; padding:20px 0 0 0;}

nav ul {width:217px; height:520px;margin:0; padding: 0}
nav ul li{display:block;}

nav ul li.nav01 a {width:217px; height:78px; background: url(../img/navi01.png) no-repeat;position-absolute; top;0px left:0px; text-indent:-9999px; display:block;}
nav ul li.nav01 a:hover {background: url(../img/navi01_h.png) no-repeat}

nav ul li.nav02 a {width:217px; height:78px; background: url(../img/navi02.png) no-repeat;position-absolute; top;78px left:0px; text-indent:-9999px; display:block;}
nav ul li.nav02 a:hover {background: url(../img/navi02_h.png) no-repeat}

nav ul li.nav03 a {width:217px; height:78px; background: url(../img/navi03.png) no-repeat;position-absolute; top;156px left:0px; text-indent:-9999px; display:block;}
nav ul li.nav03 a:hover {background: url(../img/navi03_h.png) no-repeat}

nav ul li.nav04 a {width:217px; height:78px; background: url(../img/navi04.png) no-repeat;position-absolute; top;234px left:0px; text-indent:-9999px; display:block;}
nav ul li.nav04 a:hover {background: url(../img/navi04_h.png) no-repeat}

nav ul li.nav05 a {width:217px; height:78px; background: url(../img/navi05.png) no-repeat;position-absolute; top;312px left:0px; text-indent:-9999px; display:block;}
nav ul li.nav05 a:hover {background: url(../img/navi05_h.png) no-repeat}

nav ul li.nav_time {width:217px; height:340px; background: url(../img/navi_time2.png) no-repeat;position-absolute; top;390px left:0px; text-indent:-9999px; display:block;}



/*article*/
article {width:650px; height:auto; float:left; margin: 0;padding: 0px;}

div#title {width:650; height:80px; background: url(../img/title01.jpg) no-repeat;
position-absolute; text-indent:-9999px; display:block;}

article section p {color: #333 ;
                   font-size: 15px;
				   line-height: 180% }
				   
				   article section p a{color: #888;text-decoration: none}
article section p a:hover{color: #9c3;;text-decoration: none}
				   
article section h2 {color: #333 ;
                   font-size: 15px;
				   font-weight: bold;
				   line-height: 180% } 
				   
article section h3 {color: #333 ;
                   font-size: 20px;
				   font-weight: bold} 
				   
div#oshirase_t {width:650; height:65px; background: url(../img/oshirase.jpg) no-repeat;
position-absolute; padding-bottom: 10px; text-indent:-9999px; display:block;}		
article section ul li{display:block;}
div#oshirase {width:650px; height:200px; margin-left:-40px; overflow:auto;}	

div#access_t {width:650; height:65px; background: url(../img/access_t.jpg) no-repeat;
position-absolute; padding-bottom: 10px; text-indent:-9999px; display:block;}	
				 
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 940px;
}
#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 11px/100% 'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #bfff3f;
}  
/*footer*/
footer	{clear: both;
	margin-top: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
    border-top: solid 1px #aaaaaa}

small {font-size: 10px;
	font-style: normal;
	text-align: left;
    display: block}
	
/*20151021 修正分 トップページ テキスト追加*/

.index_title{
	color: #729926;
    font-size: 36px;
    margin: 0;
    line-height: 120% !important;
    /* border-top: 2px solid #729926; */
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 18px;
    border-bottom: 2px dotted #729926;
    font-weight: normal;
    position: relative;
}
.index_title:before{
	content: '';
    height: 35px;
    width: 2px;
    display: block;
    position: absolute;
    top: 10px;
    left: 4px;
    background-color: #729926;
    border-left: 4px solid #729926;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.mb-s{
	margin-bottom:20px;
}
.mb-m{
	margin-bottom:30px;
}
.mb-l{
	margin-bottom:40px;
}
.index_title:first-child{
	margin: 22px 0 10px;
}