@charset "utf-8";



/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}







body {
	background: #fff;
	color:#555;
    font: 13px/18px;
    font-family: "Roboto", Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	-webkit-text-size-adjust:none;	
	min-width: 1190px;
}

html{background:#ffffff;}






/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#38b1b3;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#34b4b4;
}

strong{
	font-weight:bold;
}


/**** Clearfix ****/
nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.sec:after{content:""; display:table;clear:both;}
nav .panel,#mainNav,.newsTitle,.bg, .sec{zoom:1;}




/* ヘッダーの固定 */
    div#header-fixed
    {
        position: fixed;            /* ヘッダーの固定 */
        top: 0px;                   /* 位置(上0px) */
        left: 0px;                  /* 位置(右0px) */
        width: 100%;                /* 横幅100%　*/
        height: 100px;              /* 縦幅140px */
}
     
     
div#header-bk { 
    	background-color:#ffffff;     /* 背景色(白) */
    	padding:10px 0 20px;       /* 上10px、下20pxをあける */
    	height:100px;              /* 縦の高さ110px */
    	width:100%;                /* 横の幅を100% */
		border-bottom: 2px solid #F69;
}


   
div#headerBox { 
    	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
    	width: 1170px;              /* 横の幅970px */
    	margin: auto;              /* 中央揃え */
}
     
     
div#headerL {
    	width: 405px;
		float:left;
}


     
     
div#headerR {
    	width: 765px;
		float:right;             /* 横の幅970px */
}

#headerR p{
	text-align:right;
}









/* レイアウト
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
width:1170px;
}

.inner{
margin:0 auto;
width:1170px;
}



#header{
overflow:hidden;
background:#38b1b3;
}

#content{
width:100%;
padding:30px 0;
}




/* ボックス */



.container1 {
clear:both;
overflow:hidden;
background:#fff;
}

.container2 {
clear:both;
overflow:hidden;
background:#eee;
padding:10px;
border-top: 1px solid #eee;
}

.container3 {
clear:both;
overflow:hidden;
padding:30px 0 20px;
}



.row{
margin:0 auto;
width:1170px;
}


.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 570px;
}
.grid_5 {
  width: 470px;
}
.grid_4{
  	width: 375px;
}
.grid_3 {
  width: 270px;
	float:left;
}
.grid_2 {
  width: 170px;
}
.grid_1 {
  width: 70px;
}



/* ボックスオプション */


.option1{
	background-color:#ddd;
}

.option2{
	background-color:#ddd;
	margin-left:22px;
}

.option3{
	margin-left:30px;
}

.optionL1{	
	float:left;
}

.optionL2{	
	float:left;
	margin-left:22px;
}

.optionL3{
	float:left;
	margin-right:25px;
}

.optionL4{
	float:left;
	margin-left:25px;
}



.optionL5{
	float:left;
	margin-left:30px;
}


.optionR1{	
	float:right;
}

.optionLR{	
	float:right;
	margin-left:22px;
}

.optionR3{
	float:right;
	margin-right:25px;
}

.optionR4{
	float:right;
	margin-left:25px;
}

.optionR5{
	float:right;
	margin-left:30px;
}

.space1{
	margin-top:25px;
}



#footer{
clear:both;
overflow:hidden;
padding-top:20px;
border-top:1px solid #e2e2e2;
background:#ffffff url(images/footerBg.png);
} 


/* ヘッダー
*****************************************************/
#header .bg{background:#38b1b3;}


/* ----------------------------------*/
#header h1,#header p{
float:left;
padding:3px 0;
color: #444;
font-size:90%;
font-weight:normal;
}

#header p{
float:right;
}


/* ロゴ----------------------------------*/
#header h2{
clear:both;
float:left;
padding:30px 0;
color:#515151;
font-size:160%;
font-weight:bold;
}

/* ナビゲーション----------------------------------*/
#headerR ul{
padding-top:5px;
float:right;
}

#headerR ul li{
display:inline;
margin-left:10px;
color:#444;
}

#headerR ul li a{
padding-left:15px;
background:url(images/arrowSub.png) no-repeat 0 50%;
color:#444;
}

#headerR ul li a:hover{background-position:3px 50%;}



/* トップページ----------------------------------*/

#mainImg{
width:100%;
clear:both;
padding-top:360px;
margin-top:120px;
line-height:0;
text-align:center;
z-index:0;
max-height:360px;
background-image:url(images/top-mainImg.jpg);
background-repeat:no-repeat;
background-position:center;
}


#inBox{
	width:1170px;
	margin:auto;
	text-align:left;
	margin-top:-300px;
	overflow:hidden;
}




.secWrap{
margin:0 0 20px 0;
padding:3px;
border:1px solid #e2e2e2;
background:url(images/tp.png);
}

.sec{
padding:10px;
border:1px solid #f1f1f1;
background: #fff;
}

article.archive span{padding-left:10px;}


/* 新着情報 */


.update{
	width:1100px;
	margin:30px auto;
	padding:20px;
	border:1px solid #555;border-radius: 8px;  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 
}


.updateT{
	color:#0084a2;
	border-left:3px solid #0084a2;
	padding-left: 4px;
	line-height:17px;
}

.updateT2{
	color:#ffffff;
	background-color:#0084a2;
	padding:3px 15px 3px 3px;
	display:inline;
}

dl.dlset0 {
	overflow: hidden;
	zoom: 1;
	margin-top:15px;
}
dl.dlset0 dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 160px;
	float: left;
	clear: both;
	letter-spacing: 0.3em;
}
dl.dlset0 dd {
	margin-bottom: 5px;
	padding: 0 0 5px 60px;
	border-bottom: 1px dotted #999;	
	font-size:95%;
}




/* メイン設定*****************************************************/
h2.title{
clear:both;
margin:20px 0 5px;
padding:5px 0;
font:28px/30px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
background:url(images/border.png) repeat-x 0 100%;
color:#dc0074;
}

h2.first{margin-top:0;}


.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}



.sec h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color:#000;
border-bottom:3px solid #000;
}

.sec h2{
margin:20px 0;
padding:5px 10px;
font-size:150%;
color: #fff;
border-radius:4px;
background:#38b1b3;
box-shadow:0 0 3px rgba(0,0,0,0.2); 
}

.sec h2{
margin:10px 0;
padding:3px 5px;
font-size:130%;
font-weight:normal;
color: #3f0000;
border-left:5px solid #3f0000;
}

.sec h3{
margin:10px 0;
font-size:120%;
font-weight:normal;
color:#38b1b3;
border-bottom:1px solid #38b1b3;
}

.sec blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.sec blockquote p{padding:5px 0;}



img.aligncenter {
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}




/* ボタン関連----------------------------------*/


.more_btn1{
	display: inline-block;
	margin-top: 21px;
	padding: 14px 31px 17px;
	background: #54b00a;border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #fff;
	text-decoration:none; 
	font: 500 17px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
}
.more_btn1:hover{
	color: #fff;
	background: #0084a2;
}


.btnR{
	float:right;
}

.btnR2{
	margin-right:10px;
}


#footer img:hover{
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}




/* フッターボックス*****************************************************/

section.widget{
padding: 10px 7px;
background: #ffc4c4;
}

section.widgetInfo{
padding: 10px 7px;
background: #ffc4c4;
}

#banners img{
max-width:360px;
height:auto;
margin-bottom:10px;
box-shadow:0 0 3px rgba(0,0,0,0.5); 
}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-weight:normal;
color: #333;
border-bottom:1px solid #333;
}

section.widget p{
color:#333;
font-size:90%;
}

section.widget a{
display:block;
padding:3px 0 3px 13px;
background:url(images/arrow.png) no-repeat 0 50%;
color:#333;
}

section.widget ul{
	margin-top:3px;
	margin-left:10px;
}

section.widget li{
color:#333;
font-size:90%;
margin-top:-5px;
}

.sub-menu{
	margin-left:10px;
}

section.widget a:hover{
	background-position: 3px 50%;
}




/* フッターバナーボックス */

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


.footBnr a{
	float:left;
	width:25%;
	padding:5px 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footBnr{
	padding-top:5px;
}








/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
color: #333;
border-bottom:1px solid #333;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:.8em;
background:url(images/arrow.png) no-repeat 0 50%;
}

.news p{
clear:both;
padding-top:5px;
padding-bottom:2px;
border-bottom: 1px dashed #333;
color:#333;
font-size:90%;
}

/*
.news p:last-child{border:0;}
*/


.news p a{
display:block;
padding:5px 0;
color:#333;
font:80% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#333;
font:normal 100% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#ffff00;}

p.updateBtn{
	font-size:90%;
	line-height:15px;
	margin-top:10px;
	display: inline-block;
	padding: 4px 5px 4px;
	background: #54b00a;border:0;
	border-radius:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color: #fff;
	text-decoration:none;
}

p.updateBtn a{
	color: #fff;
}

p.updateBtn:hover{
	color: #fff;
	background: #0084a2;
}



/* フッター
*****************************************************/
#footerWrapper{
width:1170px;
margin-right:-30px;
}

#footer aside{
float:left;
width:370px;
margin-right:20px;
}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-size:90%;
zoom:1;
color:#fff;
background:#F69;
}



/* 新着・更新情報ページ */


.dUP{
	clear: both;
	margin-top:15px;
	letter-spacing: 0.3em;
}

.d1th{
	margin-top:40px;
}

.algL{
	float:left;
}


.imgR{
	float:right;
	overflow:hidden;
	margin-left:20px;
}

.upImg{
	margin-top:20px;
}

.l30{
	margin-left:30px;
}



/* ボックス-----------------------------------------------------------*/


.boxB{
	overflow:hidden;
}

.boxA:after,.boxA2:after{
	content:"";
	display:block;
	clear:both;
}

.boxA{
	padding-top:5px;
}

.boxA2{
	padding-top:15px;
}


.boxL{
	float:left;
	width:240px;
}

.boxR{
	float:left;
	width:160px;
	text-align:right;
}

.boxL2{
	float:left;
	width:20px;
}

.boxR2{
	float:left;
	width:960px;
}

.boxL3{
	float:left;
	width:60px;
}

.boxR3{
	float:left;
	width:440px;
}



/* テキスト------------------------------------------------------------*/



.txt1 {
	font:14px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	margin-top: 6px;
	color: #777;
	text-align: right;
}
.txt2 {
	font:bold 26px/28px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	margin-top: 16px;
	color: #2d2d2d;
	text-align: center;
}
.txt3 {
	font:bold 20px/34px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	margin-top: 4px;
	color: #459e18;
	display: inline-block;
	margin-right: -5px;
}
.txt4 {
	font:500 40px/40px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	margin-top: 6px;
	color:#0084a2;
}


.txt5{
	font-size:110%;
	margin:15px 0;
}


.txt6{
margin:0 0 10px;
font-size:130%;
color:#dc0074;
}

.txt7 {
	font:14px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	margin-top: 6px;
	color: #333;
}

.txtT{
clear:both;
margin:20px 0 25px;
padding:50px 0 5px;
font:21px/23px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
background:url(images/border.png) repeat-x 0 100%;
}

.txtTT{
	margin-top:20px;
}


.txtB{
	font-weight:bold;
}

.txtBR{
	font-weight:bold;
	color:#F00
}



.txtB span{
	font-size:140%;
	vertical-align:baseline;
}

.txtBG{
	font-weight:600;
	color:#093;
	font-size:120%;
	margin-bottom:10px;
}



.txtL{
	font-size:120%;
	margin-top:20px;
	margin-bottom:10px;
}

.txtTEL{
	color:#2DB200;
}



.clear{
	clear:both;
}

/*----------- ＤＬ ----------------*/

dl.dlset1 {
	overflow: hidden;
	zoom: 1;
	margin-top:15px;
}
dl.dlset1 dt {
	margin-bottom: 5px;	
	padding: 10px 0 10px 0;
	width: 180px;
	float: left;
	clear: both;
	font-weight:600;
}
dl.dlset1 dd {
	margin-bottom: 5px;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #999;	
	font-size:95%;
}

dl.dlset2 {
	overflow: hidden;
	margin:20px 0 50px;
	zoom: 1;
}
dl.dlset2 dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-weight:bold;
	clear: both;
}
dl.dlset2 dd {
	margin-bottom: 5px;
	padding: 0 0 5px 10px;
	border-bottom: 1px dotted #999;
}



dl.dlset3 {
	overflow: hidden;
	zoom: 1;
	margin-top:10px;
}
dl.dlset3 dt {
	margin-top:10px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	clear: both;
}
dl.dlset3 dd {
	margin-bottom: 5px;
	padding: 0 0 5px 20px;
	border-bottom: 1px dotted #999;
	line-height:20px;
}




dl.dlset4 {
	overflow: hidden;
	zoom: 1;
	margin-top:10px;
	font-size:90%;
}
dl.dlset4 dt {
	margin-top:10px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	clear: both;
	font-weight:bold;
}
dl.dlset4 dd {
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	line-height:20px;
}


dl.dlset5 {
	overflow: hidden;
	zoom: 1;
	margin-top:10px;
}
dl.dlset5 dt {
	margin-top:10px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	clear: both;
}
dl.dlset5 dd {
	margin-bottom: 5px;
	padding: 0 0 5px 20px;
	line-height:20px;
}

.ddspace{
	margin-top:15px;
	font-weight:bold
}




dl.dlset6 {
	overflow: hidden;
	zoom: 1;
	margin-top:10px;
}
dl.dlset6 dt {
	float:left;
	clear: both;
	width:200px;
	padding-top:5px;
}
dl.dlset6 dd {	
	padding-top:5px;
}






/* ============================= リスト ====================== */
.listWithMarker {
	margin: 0;
	margin-top: 10px;
}
.listWithMarker li {
	display: block;
	margin-bottom: 7px;
}
.listWithMarker li a {
	color: #459e18;
	text-decoration: none;
	font: 500 17px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
}
.listWithMarker li a:hover, .listWithMarker li.current a {
	color: #000;
}

.list1{
	 margin: 0 0 10px 10px;
}

.list1 li{
margin:7px 0 0 15px;
list-style:disc;
font-size:90%;
}




.list2 {
	margin: 0;
	margin-top: 19px;
}
.list2 li {
	display: block;
	margin-bottom: 10px;
	padding-left: 16px;
	background: url(images/list_marker.png) 0 6px no-repeat;
}
.list2 li a {
	color: #888;
	text-decoration: none;
	font: 13px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
}
.list2 li a:hover{
	color: #459e18;
}


.list3 {
	margin: 0;
	margin-top: 19px;
}
.list3 li {
	display: block;
	margin-bottom: 10px;
	padding-left: 16px;
	background: url(images/list_marker.png) 0 6px no-repeat;	
	font: 13px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
	color:#fff;
}
.list3 li a {
	color: #fff;
	text-decoration: none;
}
.list3 li a:hover{
	color: #ffff00;
}



.list4{
	margin: 0 0 10px 30px;
}

.list4 li{
	list-style:decimal;
	font-size:90%;
}




.list_footer {
	margin: 0;
	margin-left: 2px;
}
.list_footer li {
	display: block;
	float: left;
	margin-right: 25px;
}
.list_footer li a {
	color: #2d2d2d;
	text-decoration: none;
	font: bold 14px/20px 'Roboto', Arial, "メイリオ","Meiryo" ,sans-serif;
}
.list_footer li a:hover, .list_footer li.current a {
	color: #459e18;
}


/* ============================= 罫線 ====================== */



.line1{
	border-width: 1px 0px 0px 0px;
	border-style:solid;
	border-color: #cccccc;
	height: 1px;
	clear:both;
	margin:15px 5px;
}

.line2{
	border-width: 1px 0px 0px 0px;
	border-style:dotted;
	border-color: #cccccc;
	height: 1px;
	clear:both;
	margin:25px 5px;
}

.line3{
	border-width: 1px 0px 0px 0px;
	border-style:dotted;
	border-color: #cccccc;
	height: 1px;
	clear:both;
	margin:15px 0px;
}



/* テーブル----------------------------------*/


.table1{
width:100%;
margin:15px 0 25px;
}

.table1 th{
padding:3px 10px 3px 5px;
white-space: nowrap;
}

.table1 td{
background:#fff;
}

.table2{
width:100%;
border:1px #777 solid;
border-collapse:collapse;
border-spacing:0;
margin:30px 0 20px;
}

.table2 th{
padding:7px 10px 7px 5px;
border:#777 solid;
border-width:0 0 1px 1px;
font-weight:bold;
color:#fff;
background:#bbb;
white-space: nowrap;
}

.table2 td{
padding:7px 5px;
border:1px #777 solid;
border-width:0 0 1px 1px;
background:#fff;
}




#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}


#images_area{
	display:block;
}

#images_area2{
	display:none;
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px){

#images_area{
	display:none;
}

#images_area2{
	display:block;
}




}