@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;
}


body{
background:#f7f7f7;
}

:focus{
outline:0;
}


ol, ul{
list-style:none;
}

table{
border-collapse:separate;
border-spacing:0;
max-width:100%;
}


form{
border-collapse:separate;
border-spacing:0;
max-width:100%;
overflow:auto;
}


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;
opacity: 1;
transition: 0.3s;
}


a:hover img{
opacity: .5;
}


figure{
margin:0
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}

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



body{

color:#555;

font-size:13px;

font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

line-height:1.5;

-webkit-text-size-adjust:100%;

}




/* リンク設定
------------------------------------------------------------*/


a{
color:#6caefe;
text-decoration:none;
}

a:hover{
color:#0B2161;
}


a:active, a:focus {
outline:none;
}



/* 全体
------------------------------------------------------------*/


#wrapper{

margin:0 auto;

padding:0 1%;

width:98%;

position:relative;

}

.inner{

margin:0 auto;

width:100%;
}

/*************
/* ヘッダー
*************/

#header{
height:130px;

}



#header h1{

padding:5px 0 10px;

font-size:12px;

font-weight:normal;

}





/*************
/* ロゴ
*************/


.logo{

float:left;

}



.logo a{

color:#555;

}



.logo p{
float:left;
}



.logo span{
display:block;
}


/*************
/* 電話番号
*************/


.info{

float:right;

padding-right:20px;

text-align:right;

}



.info .open{
font-size:11px;
}

/*************
/* ロゴ+電話番号
*************/


.logo,.info .tel{

margin-top:6px;

font-size:20px;

font-weight:bold;

}


.logo span,.info span{

font-size:.6em;

font-weight:normal;

}




/**************************
/* メイン画像（トップページ+サブページ）
**************************/


#mainBanner{

clear:both;

margin:25px auto 40px;

padding:0;
position:relative;

text-align:center;

}

#mainBanner .inner{
position:relative;
}



#mainBanner img{

max-width:100%;

height:auto;

}



.slogan{

color:#fff;

font-weight:bold;

position:absolute;

max-width:100%;

height:auto;
bottom:48%;
padding:5px 10px;

line-height:1.4;

text-align:left;

background:rgba(0,0,0,0.5); /* 帯の透明度 */
}



.slogan h2{

padding-bottom:5px;

font-size:22px;

}




/**************************
/* グリッド
**************************/


.gridWrapper{

clear:both;

padding-bottom:20px;

overflow:hidden;
}



* html .gridWrapper{
height:1%;
}

	

.grid{

overflow:hidden;

}



.box{

padding:5px 8px;
}



.box img{

display:block;


max-width:100%;

height:auto;

}


.box h3{
font-weight:bold;

text-align:center;
color: #191970;
}



.box p{
font-size:14px;
text-align:left;
}



.box p.center{

font-size:14px;

text-align:center;

font-weight:bold;
}

.box p.readmore{

padding:10px 5px 5px;

text-align:right;

}



.box p.readmore a{

padding:3px 7px;

border-radius:3px;
}

.box2 {
border-width:1px;
border-style:solid;
border-color:#cccccc;
padding:15px;
position:relative;
overflow:hidden;     
}

.box2 p{
border-bottom:solid 1px #cccccc;
text-align:left;
}

.box3 {
padding:10px 5px;
overflow:hidden;     
}

.box4 {
    padding: 0.5em 0.5em;
margin: 0.5em 0em;
    color: #fff;
    font-weight: bold;
    background: #4169e1;/*背景色*/
    display:inline-block;
    border-radius: 10px;/*角の丸み*/
}
.box4 p {
    margin: 0; 
    padding: 0;
}


/*************
メイン コンテンツ
*************/


section.content article{

padding:30px 0 20px 0;

margin-bottom:10px;

overflow:hidden;

}



section.toppage article,section.content .archive{
border:0;
}




/* アーカイブページ */


section.content .archive{

padding:0;

border-bottom:1px dotted #ccc;

}



section.content p{
margin-bottom:5px;
}


h2.heading{
font-size:140%;

font-weight:bold;

padding:15px 0 15px 15px;

margin-bottom:0px;
background-color:#191970;
color:#fff;
}


h3.heading{
font-size:140%;

font-weight:bold;

padding:15px 0 15px 15px;

margin-bottom:0px;

background-color:#006633;
color:#fff;
}

h4.heading{
margin-bottom:0px;

padding:13px 0 13px 15px;

font-size:140%;

font-weight:bold;
color:#000;
border-bottom:double #191970;

border-top:double #191970
;
text-align:center;
}



section.content img{

max-width:100%;

height:auto;

}



.aligncenter{
display: block;
padding:5px 0px 20px 0px;


}




.alignleft{
float:left;
clear:left;

margin:3px 10px 10px 0;

}



.alignright{

float:right;

clear:right;

margin:3px 0 10px 10px;

}




/*************
/* サイドバー
*************/


#sidebar article{

overflow: auto;
}



#sidebar h3{
font-size:16px;

font-weight:bold;

padding:15px 0 15px 5px;

margin-bottom:0px;

border-top:2px solid #ebebeb;

border-bottom:2px solid #ebebeb;

}



#sidebar ul{
height: 600px;
line-height: 15px;		/*行の高さ*/
border-color: #cccccc;		/*ボーダー枠カラー*/
padding: 5px;
margin-bottom: 15px;
margin-top: 15px;
overflow: auto;
}

#sidebar li{

margin-bottom:10px;

padding-bottom:10px;

list-style:none;

display:block;

border-bottom:1px dashed #ebebeb;

}






#sidebar li a{

color:#424242;


display:block;

text-decoration:underline;
}



#sidebar li a:hover{

color:#999;

display:block;

}




#sidebar .men{

margin:10px 0;

padding:10px 0;

list-style:none;

border-bottom:1px dashed #ebebeb;

border-top:1px dashed #ebebeb;

text-align:center;
}



#sidebar .ao{

padding:0 0 10px;

color:#191970;
font-weight:bold;
border-bottom:2px solid #ebebeb;
text-align:center;
}



#sidebar .kuro{

padding:0 0 10px;

font-weight:bold;
text-align:center;
}



#sidebar .info2{
text-align:center;
}


#sidebar 
.info2 .open{
font-size:12px;
margin-bottom:6px;

}




#sidebar .info2 .tel{

margin-top:6px;

font-size:18px;

font-weight:bold;

}


#sidebar .info2 span{

font-size:.6em;

font-weight:normal;

}






/*************
/* フッター
*************/


#footer{

clear:both;

}



#footer a{

color:#555;

}



#footer a:hover{

color:#999;

}



#footer .inner{

padding:40px 0;

overflow:hidden;

}



#footer .grid{

margin:0;

}

#footer #info{
float:left;
}



#footer #info .info{
float:none;
}



#footer #info .info{

clear:both;

padding:5px 0 0;

text-align:left;

}



#footer .logo{
font-size:18px;
}

#footer .info .tel,#footer .info .tel span,#footer #info .open span{

font-size:12px;

}



ul.footnav{

float:right;

width:630px;

padding:5px 0;

}


ul.footnav ul{
display:none;
}



ul.footnav li{

float:left;

margin:10px 0 10px 0;

padding:0 7px 0 8px;

border-right:1px solid #ebebeb;

}



#copyright{

clear:both;

padding:20px 0 10px 0;

text-align:center;

font-style:normal;

font-size:10px;
color:#555;

}




/* page navigation
------------------------------------------------------------*/


.pagenav{

clear:both;

width:100%;

height:30px;
margin:5px 0 20px;

}



.prev{
float:left
}


.next{
float:right;
}


.pagetop{
position: fixed;
bottom: 16px;
right: 40px;
}
 
.pagetop a{
display: block;
text-decoration: none;
color:#191970;
}
 
.pagetop:hover{
opacity: 0.85 ;
}


#pageLinks{

clear:both;

text-align:center;

}




/* タイポグラフィ
*****************************************************/


.dateLabel{

margin:0 0 0px;

text-align:left;

font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;

}



.post p{
padding:5px 0;
font-size:110%;
line-height:2;
}

.post p.futo{
padding:5px 0;
font-size:115%;
font-weight:bold;
line-height:2;
color:#000;
}
.post p.sho{
padding:5px 0;
font-size:95%;
line-height:2;
}

.post p.min{
padding-bottom:10px;
font-family:"ＭＳ 明朝",serif;
color:#000;
}

.post p.min2{
padding-bottom:10px;
font-family:"ＭＳ 明朝",serif;
color:#000;
font-size:120%;
font-weight:bold;
text-align:center;
}

.post p.right{
padding-bottom:18px;
text-align:right;
font-family:"ＭＳ 明朝",serif; 
font-weight:bold;
color:#000;
}

.post p.center{
text-align:center;
}

.post p.red{
padding:5px 0;
font-size:110%;
line-height:2;
color:#ff0000;
}

.post p.redchu{
padding:5px 0;
font-size:110%;
line-height:2;
color:#ff0000;
text-align:center;
font-weight:bold;
}


.post p.blue{
padding:5px 0;
font-size:110%;
line-height:2;
color:#191970;
}

.post p.bluechu{
padding:5px 0;
font-size:110%;
line-height:2;
color:#191970;
text-align:center;
font-weight:bold;
}

.post ul{
margin:0 0 10px 10px;
}



.post ul li{

margin-bottom:5px;

padding-left:15px;

background:url(images/bullet.png) no-repeat 0 8px;

}



.post ol{
margin:0 0 10px 30px;
}



.post ol li{
list-style:decimal;
}



.post h1{

margin:15px 0;

padding:10px 0 10px 15px;

font-size:130%;

font-weight:bold;
color:#000;
border-bottom:double #191970;

border-top:double #191970
;
text-align:center;
}

.post h2{

margin:20px 0 15px;

padding:7px 0 7px 15px;

font-size:120%;

font-weight:bold;

color:#000;
border-bottom:1px solid #999;

border-left:7px solid #191970;

}




.post h3{

margin:15px 0;

padding:10px 0 10px 15px;

font-size:130%;

font-weight:bold;
color:#000;
border-bottom:double #006633;

border-top:double #006633
;
text-align:center;
}


.post h4{

margin:20px 0 15px;

padding:7px 0 7px 15px;
font-size:120%;

font-weight:bold;

color:#000;
border-bottom:1px solid #999;

border-left:7px solid #006633;

}



.post h5{

margin:30px 0 0px;

padding:7px 0 7px 15px;
font-size:120%;

font-weight:bold;

color:#000;
border-bottom:1px solid #006633;

border-top:1px solid #006633;

text-align:center;
}



.post p.ao{

clear:both;

padding:10px 0 10px 15px;

margin:10px 0 0 20px;
border-left:5px solid #ffff00;
font-weight:bold;
font-size:117%;
color:#191970;
}


.post p.aka{

padding:10px 0 10px 15px;

margin:10px 0 0 20px;
border-left:5px solid #ffff00;
font-weight:bold;
font-size:117%;
color:#ff0000;
}

.post p.in{

padding:0 0 10px 20px;
margin:0 0 10px 20px;
color:#000;
line-height:1.5;
}

.migi{

padding:0 0 10px 20px;
margin:0 0 10px 20px;
color:#000;
line-height:1.5;
text-align:right;
font-weight:bold;
font-size:117%;
}


.post span{
background:#ffff00;
}

.post table{

border-collapse:collapse;

margin:5px auto 15px auto;
}



.post table td{

border-collapse:collapse;

background-color:#F9F9F9;

text-align:left;
padding:3px 8px;
border:1px solid #D6D6D6;

line-height:20px;

}



.post table th{

background-color:#F5F5F5;

padding:3px 8px;
white-space:nowrap;

color: #151515;

border-top:1px solid #D4D4D4;

border-right:4px solid #D4D4D4;

border-bottom:1px solid #D4D4D4;

border-left:1px solid #D4D4D4;

font-size:13px;

font-weight:normal;

text-align:center;
vertical-align:middle;
letter-spacing:1px;

background-repeat:repeat-x;

background-position:top;

}




.post dt{
font-weight:bold;
}



.post dd{
padding-bottom:10px;
}

.post table.jisseki{

border-collapse:collapse;

margin:5px auto 15px auto;
width:300px;
max-width:100%;
}



.post table.jisseki td{

border-collapse:collapse;

background-color:#F9F9F9;

text-align:left;
padding:3px 8px;
border:1px solid #D6D6D6;

line-height:20px;

}



.post table.jisseki th{

background-color:#F5F5F5;

padding:3px 8px;
white-space:nowrap;

color: #151515;

border-top:1px solid #D4D4D4;

border-right:4px solid #D4D4D4;

border-bottom:1px solid #D4D4D4;

border-left:1px solid #D4D4D4;

font-size:13px;

font-weight:normal;

text-align:center;
vertical-align:middle;
letter-spacing:1px;

background-repeat:repeat-x;

background-position:top;

}




.post img{
max-width:100%;
height:auto;
}



img.aligncenter{

display:block;

margin:5px auto;

}



img.alignright, img.alignleft{

padding:4px;

margin:0 0 2px 7px;

display:inline;

clear:both;
}



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



.alignright{
float:right;
}


.alignleft{
float:left;
}




/* PC用
------------------------------------------------------------*/

@media only screen and (min-width:960px){
	
nav div.panel{
	
display:block !important;
	
float:left;
	
}


a#menu{
display:none;
}


#mainNav{

clear:both;
z-index:200;
position:relative;
}



#mainNav li{

float:left;
position:relative;

}

	

#mainNav li a{

color:#555;

display: block;

text-align: center;
_float:left;
font-size:13px;

width:160px;

height:30px;

padding:15px 0;

border-top:2px solid #ebebeb;

border-bottom:2px solid #ebebeb;
}

	

	

#mainNav li a strong{
display:block;
font-weight:bold;
}



#mainNav li a span{

display:block;
color:#bababa;
	
font-size:10px;
}
	
	

#mainNav ul ul{
width:160px;
background:#f5f5f5;
}
	

#mainNav li ul{
display:none;
}

	

#mainNav li:hover ul{
display:block;
	
position:absolute;
	
top:64px;
	
z-index:500;
	
}
	
	

#mainNav li li{
	
margin:0;
	
float:none;
	
width:160px;
	
border:0;
	
}
  

#mainNav li li:last-child{
border:0;
}

	
	
#mainNav li li a{
	
width:auto;
	
height:auto;
	
padding:10px;
	
font-size:95%;
	
text-align:left;
	
border:0;
	
}

	

#mainNav li li span{
padding:0 0px;
color:#555;
font-size:95%;
}

	
	
#mainNav li.current-menu-item a{
	
border-color:#555;
	
}

	

#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item li a:hover{

color:#999;
	
}

	

#header,#wrapper,.inner{

width:960px;
padding:0;

margin:0 auto;
	
}
	
	

#wrapper{
clear:both;
padding:20px 0;
}


#main{
	
float:right;
	
width:680px;
	
padding:15px 0 0 0;
	
}
	
	

#sidebar{
	
float:left;
	
width:250px;
	
padding:15px 0;
	
overflow:hidden;
	
}
	
	

#sidebar article{
	
margin-bottom:20px;
	
overflow:hidden;
	
}


.post table.jisseki{

margin:5px 0 15px 0;
width:350px;
}

.box h3{
font-size:14px;

padding:10px 0 15px;
font-weight:bold;

text-align:center;
color: #191970;
}

.logo{
width:500px;
}
	


.slogan{

color:#fff;

font-weight:bold;

position:absolute;

max-width:100%;

height:auto;
bottom:48%;

left:40px;

padding:5px 10px;

line-height:1.4;

text-align:left;

background:rgba(0,0,0,0.5); /* 帯の透明度 */
}


	

/* グリッド全体 */


.gridWrapper{
display:table;
	
border-collapse:separate;
	
border-spacing:0px;
	
}
	
	

/* グリッド */
	

.grid{
	
width:320px;
	
display:table-cell;
	
}



}


@media only screen and (max-width:959px){
	
*{
    
-webkit-box-sizing:border-box;
       
-moz-box-sizing:border-box;
         
-o-box-sizing:border-box;
        
-ms-box-sizing:border-box;
            
box-sizing:border-box;
	
}
	
	

#mainNav{
	
clear:both;
	
width:100%;
	
margin:0 auto;
	
padding:0;
  
border:1px solid #e4e4e4;
	
border-left:0;
	
border-right:0;
}

	

#mainNav a.menu{
	
color:#555;
	
width:100%;
	
display:block;
	
height:40px;
	
line-height:40px;
	
font-weight: bold;
	
text-align:left;
	
}

	

#mainNav a#menu span{

padding-left:10px;
	
}
	

#mainNav a.menu span:before{
content:"≡ ";
}
	

#mainNav a.menuOpen span:before{
content:"× ";
}

	

#mainNav a#menu:hover{
cursor:pointer;
}

	

nav .panel{
	
display:none;
	
width:100%;
	
position:relative;
	
right:0;
	
top:0;
	
z-index:1;

}
	
	

#mainNav ul{
margin:0;padding:0;
}

  

#mainNav li{

float:none;
	
clear:both;
	
width:100%;
	
height:auto;
	
line-height:1.2;

}

	

#mainNav li a,#mainNav li.current-menu-item li a{

color:#555;
	
display: block;
	
padding:15px 10px;
	
text-align:left;
	
border-bottom:1px dashed #ccc;
	
}
	
 	

#mainNav li a span{
padding-left:10px;
}
	
	
	

#mainNav ul > li:last-child a{
border:0;
}


#mainNav li li:last-child a{
border-bottom:1px dashed #ccc;
}
 
	

#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item 
a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li 
a:hover, #mainNav li.current-menu-item li a:active{

color:#555;
	
}

	

#mainNav li li{
	
float:left;
	
border:0;
	
}

	

#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{

padding-left:40px;
	
background:url(images/sub1.png) no-repeat 20px 18px;
	
}

	

#mainNav li li.current-menu-item a,#mainNav li li a:hover, 
#mainNav li.current-menu-item li a:hover{
background:url(images/sub1.png) no-repeat 20px -62px;
}

	

#mainNav li li:last-child a{
background:url(images/subLast.png) no-repeat 20px 20px;
}
	

#mainNav li li:last-child.current-menu-item a,#mainNav li li:last-child a:hover,
#mainNav li.current-menu-item li:last-child a:hover{
background:url(images/subLast.png) no-repeat 20px -65px;
}

	

nav div.panel{
float:none;
}
	
	

#header{
padding-left:10px;
}
	
	

#main{
padding-top:15px;
}
	

section.toppage{
margin:0;
}
	

#sidebar{
padding-bottom:15px;
}
	

#sidebar article{
padding:7px 8px;
}
	
	

#footer .grid,#footer ul.footnav{
float:none;width:100%;
text-align:center;
}
	

ul.footnav li{
float:none;display:inline-block;
}
	
	

.grid{
	
float:left;
	
width:32%;
	
margin:10px 0 0 1%;
	
}

	

#footer .grid img,#footer .info{
float:none;
}
	

#footer .grid p{
display:block;
}
	

#footer #info .info{
float:none;
text-align:center;
}
	

#footer.logo,#footer .info{
width:100%;
float:none;
}
	

#footer .logo p{
float:none;
display:block;	
}
	

#footer .logo img{
float:none;padding:0;
}


}


@media only screen and (max-width:640px){
	
#header{
height:auto;
padding-bottom:20px;
}
	
	

#header h1,.logo,.info{
text-align:center;
}
	
	

.logo,.info{
clear:both;
width:100%;
float:none;
}
	
	

.logo p{
float:none;
display:block;
}
	

.logo img{
float:none;
padding:0;
}
	
	

.box img{

float:left;
	
margin-right:5px;
max-width:100px;
	
}
	
.box video{

float:left;
	
margin-right:5px;
max-width:100px;
	
}	

.box h3{
padding-top:0;
}

  

.alignleft,.alignright,img.alignleft,img.alignright{
float:none;
display:block;
margin:0 auto 10px;
}



}


@media only screen and (max-width:480px){
	
.grid{
width:100%;
margin:10px 0;
}
		

#mainBanner h2,#mainBanner p{
font-size:80%;
}