@charset "UTF-8";

/* Reset */
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, details, embed {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse:collapse !important;}

:focus{/* remember to define focus styles! */ outline: 0;}

body{background:transparent; line-height: 1;}

ol, ul{list-style: none;}

table{/* tables still need 'cellspacing="0"' in the markup */border-collapse: collapse !important; border-spacing: 0;}

caption, th, td { font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" "";}

a img{border: 0 !important;}

img{max-width:100%;}

ul{margin:0;padding:0;}
ul li{list-style:none;}
img{max-width:100%;}
.clearfix{clear:both;}

/* clear fix */
.cF {zoom: 1;}

.cF:before, .cF:after {
content: "";
display:block;}

.cF:after {clear: both;}

body {font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","メイリオ", Meiryo, serif;font-size:13px;line-height:1.7;letter-spacing: 0.14em;color:#000;text-align:left;background:#fff;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li{line-height:1.72em;display:block;}

a{color:#333;text-decoration:underline;}

a:hover{text-decoration:none;}

#head-site,#page-about,#global-nav,#contents-box,#explore_menu,#bread-nav,#article-box,#page-footer{ display:block;}

#article-box p{ text-indent:1em; }

/* Design-type-A-1 */
/* レイアウト */

/* float */
#contents-box{ padding:0 25px;}

p.last-p{ text-align:right;}

div.content_box:first-child h2+div p{width:73%;float:right;}

h2+div img{float:left;width:25%;}

div.all-wrapper{ position:relative; }

div.site-image{ position:absolute; top:150px; right:50px;}

#global-nav{ position:absolute; top:160px; left:75px; text-align:center;
width:300px;}

#contents-box{ margin-top:350px; }


#article-box{ width:95%; margin:0 auto; }

#explore_menu{ width:70%; margin:0 auto; }


/* 個別指定 */







/* 全共通 */
/* 全共通 */

body{ 
background: rgb(252,225,206);
background: -moz-radial-gradient(center, ellipse cover,  rgba(252,225,206,1) 0%, rgba(247,165,109,1) 100%, rgba(242,105,12,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(252,225,206,1)), color-stop(100%,rgba(247,165,109,1)), color-stop(100%,rgba(242,105,12,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,225,206,1) 0%,rgba(247,165,109,1) 100%,rgba(242,105,12,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(252,225,206,1) 0%,rgba(247,165,109,1) 100%,rgba(242,105,12,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(252,225,206,1) 0%,rgba(247,165,109,1) 100%,rgba(242,105,12,1) 100%);
background: radial-gradient(ellipse at center,  rgba(252,225,206,1) 0%,rgba(247,165,109,1) 100%,rgba(242,105,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce1ce', endColorstr='#f2690c',GradientType=1 );
}

div.all-wrapper{
width:974px; margin:0 auto;  background-color:#fff;
border-left:1px solid #BFB020;
border-right:1px solid #BFB020;
}

#bread-nav{
border-bottom:1px solid #F2690C;
background: rgb(247,165,109);
background: -moz-linear-gradient(top,  rgba(247,165,109,1) 0%, rgba(247,165,109,1) 25%, rgba(242,105,12,1) 50%, rgba(121,53,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,165,109,1)), color-stop(25%,rgba(247,165,109,1)), color-stop(50%,rgba(242,105,12,1)), color-stop(100%,rgba(121,53,6,1)));
background: -webkit-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -o-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: linear-gradient(to bottom,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a56d', endColorstr='#793506',GradientType=0 );

}

#bread-nav p{
font-size:12px; line-height:1.8; padding-top:2px;
color:#fff; padding-left:25px; text-align:left; padding-left:25px;
 font-weight:bold;
}

#bread-nav p a{
color:#fff; font-weight:bold;
}


#head-site{
color:#000; height:100px;
background-color:#fff;
border-bottom:1px dashed #F7A56D;

}

#page-about{
 padding-top:11px; padding-left:100px;
 background:url(../img/icon-gakkontarnsfxg.png) no-repeat 800px 20px;
}

#page-about h1{
font-size:24px; padding-top:6px;  font-weight:bold;
}

#page-about p{
font-size:16px; padding-top:5px; padding-bottom:8px;
}

#global-nav{
 background-color:#fff;

}

#global-nav ul li{
 height:36px;
margin-bottom:25px;  border-radius:25px;
width:230px;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}

#global-nav ul li:nth-child(even){
/*margin-left:-30px;*/
}

#global-nav ul li:nth-child(add){
/*margin-left:25px;*/
}

#global-nav ul li a{ font-weight:bold; padding-top:3px;
display:block; width:100%; height:100%; line-height:34px;
background-color:#C99A52; border:1px solid #BFB020;
font-size:15px;
color:#fff; text-decoration:none; border-radius:25px;
background: rgb(247,165,109);
background: -moz-linear-gradient(top,  rgba(247,165,109,1) 0%, rgba(247,165,109,1) 25%, rgba(242,105,12,1) 50%, rgba(121,53,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,165,109,1)), color-stop(25%,rgba(247,165,109,1)), color-stop(50%,rgba(242,105,12,1)), color-stop(100%,rgba(121,53,6,1)));
background: -webkit-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -o-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: linear-gradient(to bottom,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a56d', endColorstr='#793506',GradientType=0 );

}

#global-nav ul li a:hover{
background-image:none;
background-color:#F7A56D;
}

#global-nav ul li:first-child a{

}

div.main-visual{
background-color:#fff; 
 }

div.main-visual div.site-image{
width:533px; height:300px;
background: url(../img/main-gakkontarnsfxg.jpg) no-repeat left top;
margin:0 auto; border-radius:25px;
border:#F2690C solid 4px;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);

 }

#contents-box{
background-color:#fff;
padding-top:25px;
}

#article-box div.content_box{
margin-bottom:25px;
}

#article-box img{
border:#000 solid 2px;
}

#article-box h2{
margin-top:0px;
font-size:16px; font-weight:bold;
text-indent:2em;
margin-bottom:15px;
 padding:3px 0 3px;
border-bottom:4px solid #F2690C; color:#000;
background: #fff;


}

#article-box h2+div{
padding:15px 10px;
}

#article-box div.link{
border:1px solid #C97A02;
margin:10px 10px; background-color:#fff;
padding:10px; padding-bottom:10px;
}

#article-box ul{
margin:15px 0; text-align:center;
}

#article-box ul li{
margin:25px 0;
}

#explore_menu{
text-align:center;
background-color:transparent;
}

#explore_menu h3{
font-size:15px; font-weight:bold;　 margin-bottom:0px; 
border-radius:25px 25px 0 0;
height:28px;border-bottom:1px solid #914919; color:#fff;
padding:6px 0px 1px;
background: rgb(247,165,109);
background: -moz-linear-gradient(top,  rgba(247,165,109,1) 0%, rgba(247,165,109,1) 25%, rgba(242,105,12,1) 50%, rgba(121,53,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,165,109,1)), color-stop(25%,rgba(247,165,109,1)), color-stop(50%,rgba(242,105,12,1)), color-stop(100%,rgba(121,53,6,1)));
background: -webkit-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -o-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: linear-gradient(to bottom,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a56d', endColorstr='#793506',GradientType=0 );
}

#explore_menu ul{
margin:0 0 20px;
}

#explore_menu ul li{
margin:15px 0; color:#333; border-bottom:1px dashed #BFB020;
padding-bottom:10px;
}

#explore_menu ul li a{
color:#333;
}

#explore_menu div{
border:1px solid #914919; border-radius:26px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
}

#explore_menu div:first-child{
border:1px solid #914919; border-radius:26px; 
margin-bottom:25px;
}

p.last-p{
padding:30px 0; font-size:12px; font-weight:bold;
padding-right:100px; background-color:transparent;
}

p.last-p a{ display:block;
padding:5px 20px; width:80px; text-align:center;
margin:0 25px 0 auto;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
color:#fff; border-radius:5px; border:1px solid #BFB020;
background: rgb(247,165,109);
background: -moz-linear-gradient(top,  rgba(247,165,109,1) 0%, rgba(247,165,109,1) 25%, rgba(242,105,12,1) 50%, rgba(121,53,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,165,109,1)), color-stop(25%,rgba(247,165,109,1)), color-stop(50%,rgba(242,105,12,1)), color-stop(100%,rgba(121,53,6,1)));
background: -webkit-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -o-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: linear-gradient(to bottom,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a56d', endColorstr='#793506',GradientType=0 );
}

p.last-p a:hover{
background-image:none;
background-color:#F7A56D;
}


#page-footer{
 border-top:#BFB020 solid 1px; font-weight:bold;
background: rgb(247,165,109);
background: -moz-linear-gradient(top,  rgba(247,165,109,1) 0%, rgba(247,165,109,1) 25%, rgba(242,105,12,1) 50%, rgba(121,53,6,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,165,109,1)), color-stop(25%,rgba(247,165,109,1)), color-stop(50%,rgba(242,105,12,1)), color-stop(100%,rgba(121,53,6,1)));
background: -webkit-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -o-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
background: linear-gradient(to bottom,  rgba(247,165,109,1) 0%,rgba(247,165,109,1) 25%,rgba(242,105,12,1) 50%,rgba(121,53,6,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a56d', endColorstr='#793506',GradientType=0 );
}

#page-footer p{
 color:#fff; font-size:12px; text-align:center; padding:10px 5px 5px;
}

#page-footer a{
 color:#fff;
}





/* ID list 
#bread-nav,#head-site,#page-about,#global-nav,#contents-box,#article-box,#explore_menu,#page-footer
*/
/* その他 css3 */
/* box-shadow
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
*/
/* 浮き出し文字
color: #aaa;　text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
background-color: #aaa; */
/* 沈み込んだ文字
color: #aaa;　text-shadow: -1px -1px 1px #000000, 1px 1px #ffffff;
background-color: #aaa; */
/* 袋文字 
 color: #ccc;
text-shadow: 1px 0px 0px #005500, 0px 1px 0px #005500, -1px 0px 0px #005500, 0px -1px 0px #005500;*/

/* clear fix 
#explore_menu{
zoom: 1;
}

#explore_menu:before, #explore_menu:after {
content: "";
display:block;
}

#explore_menu:after {
clear: both;
}

*/}