@charset "utf-8";
/*-------------------

 デザインテーマ

-------------------*/

body {
	background: url(../../../common/imgs/shared/bg_01.gif);
	font: 88% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #727171;}

/*画像ボタンにホバー時のデザインがない場合*/
a img {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; }  
a:hover img {  
    opacity: 0.7;  
    filter: alpha(opacity=30);  }

/*画像ボタンにホバー時のデザインがある場合*/
a img.btn{  
    -webkit-transition: 0.0s ease-in-out;  
       -moz-transition: 0.0s ease-in-out;  
         -o-transition: 0.0s ease-in-out;  
            transition: 0.0s ease-in-out; } 
a:hover img.btn{  
    opacity: 1.0;  
    filter: alpha(opacity=0);  }

.kome {
	color: #00AA83;
	text-indent: -16px;
	padding-left: 16px;
	display:block;}
.disc li .kome { padding-top: 10px; }


#jump { display: none; }

#wrapp-inner {
	background: #FFF;
	width: 960px;
	margin: 0px auto;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}


/*　header_通常サイズ　*/
#header {
	background: url(../imgs/shared/h-bg.jpg);
	padding: 19px 23px 0px;
	height: 145px;}
#header h1 { float: left; }
#header .btn {float: right;}


/*　header_大サイズ　*/
#header #headL {
	height: 350px;
	padding: 30px 25px 0px;
	position: relative;}
#header #headL h1{ margin-bottom: 20px; }
#header #headL h2 {
	line-height: 180%;
	font-weight: normal;}


/*　contents　*/
#contents {
	clear: both;
	padding: 5px 25px 25px;}


#mainArea {
	float: right;
	width: 650px;
	line-height: 160%;}
#mainArea a {
	color: #00ab84;
	text-decoration: none;}
#mainArea a:hover { text-decoration: underline; }
#mainArea section {
	clear: both;
	margin-bottom: 30px;}
#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea h5,
#mainArea h6,
#mainArea p,
#mainArea ul,
#mainArea ol,
#mainArea dl,
#mainArea table { margin-bottom: 10px; }
#mainArea h3 {
	font-size: 125%;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #00ab84;
	background: #FDF100 url(../imgs/shared/h3_bg.gif) no-repeat 10px center;
	padding: 15px 15px 15px 25px;
}
#mainArea h4 {
	font-size: 113%;
	font-weight: normal;
	color: #FDF100;
	background: #00ab84;
	padding: 8px 15px;
}
#mainArea h5 {
	color: #00ab84;
	background: #FDF100;
	padding: 5px 10px;
	font-size: 113%;
	font-weight: normal;
}
#mainArea h5:before{
	content:"★";
	color: #00ab84;
}

#mainArea li {list-style: none;}

#mainArea ul.disc li {
	padding-left: 20px;
	padding-bottom: 10px;
}
#mainArea ul.disc li:before{
	content:"■";
	color: #00ab84;
	margin-left: -20px;
	margin-right: 6px;}
	
#mainArea ol.decimal { padding-left: 30px; }
#mainArea ol.decimal li {
	list-style: decimal;
	padding-bottom: 10px;
}

#mainArea ol.decimal2 li { /*add20210617*/
	display: flex;
	padding-bottom: 10px;
	padding-left: 0.5em;
}
#mainArea ol.decimal2 .num { /*add20210617*/
	margin-right: 0.25em;
}

#mainArea table {
	border-collapse:separate !important;
	width: 100%;}
#mainArea table tr th {
	color: #FFF100;
	vertical-align: middle;
	text-align: center;
	background: #00AA83;}
#mainArea table tr td {
	color: #00AA83;
	background: #FFF100;
	padding: 10px;
	border-top: 1px solid #FFF100;
	border-right: 1px solid #FFF100;
	border-bottom: 1px solid #00AA83;
	border-left: 1px solid #00AA83;
	vertical-align: middle;
}
#mainArea table tr:last-child td { border-bottom-style: none; }

#sideArea {
	float: left;
	width: 240px;}
#sideArea section { margin-bottom: 10px; }

#footer {
	background: url(../../../nachigaoka/common/imgs/shared/f-bg_01.gif) repeat-x bottom;
	padding-bottom: 50px;
	clear: both;
	text-align: center;
	line-height: 160%;
}
#footer nav #fNav { margin-bottom: 15px; }
#footer nav #fNav li { display: inline; }
#footer nav #fNav li a {
	color: #00ab84;
	text-decoration: none;}
#footer nav #fNav li a:hover { text-decoration: underline; }
#footer nav #fNav li#fnav01 a { color: #00a4e3; }
#footer nav #fNav li#fnav02 a { color: #F08300; }
#footer #copyright { font-size: 86%; }