@charset "UTF-8";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{outline:0}
body{background:transparent;line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse!important;border-spacing:0}
caption,th,td{font-weight:400}
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}
.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:.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}
#top-header,#page-about,#nav-wrapper,#page-main,#wrap-side,#bread-navigation,#article,#my_footer{display:block}
#article p{text-indent:1em;line-height:2}
body{background-color:#d1dadf}
.all-wrapper{width:1000px;margin:0 auto;position:relative;border-left:2px solid #000;border-right:2px solid #000;border:2px solid #000;background-color:#1a455d;box-shadow:5px 5px 5px rgba(0,0,0,0.25)}
#bread-navigation,#top-header,#nav-wrapper,.main-visual{width:32%;position:absolute;right:0}
#page-main,.last-p,#my_footer{margin-right:32%;border-right:2px solid #000}
#wrap-side div{width:50%;float:left}
#bread-navigation{height:24px;top:0}
#top-header{height:82px;top:24px}
.main-visual{height:300px;top:106px;background:#fff}
.main-visual img{border-top:2px solid #000;border-bottom:2px solid #000}
#nav-wrapper{height:200px;top:410px}
#bread-navigation p{font-size:13px;height:24px;text-indent:1em;background-color:#1a455d;color:#fff}
#bread-navigation a{color:#fff}
#top-header h1{height:42px;font-size:20px;line-height:42px;text-align:center;color:#fff;font-weight:700;background-color:#768f9e}
#top-header p{height:40px;font-size:16px;line-height:40px;text-align:center;background-color:#fff}
#nav-wrapper li a{display:block;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background-color:transparent;margin-top:30px}
#page-main{padding-top:50px;background:url(../img/icon1-gakkoumanabi.png) no-repeat 40px 20px #fff}
#page-main h2{width:60%;height:32px;line-height:32px;font-size:16px;margin:0 auto 25px;text-align:center;background-color:#1a455d;border-radius:10px;color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.25)}
#article p{background-color:#fff;padding:20px;font-size:15px}
#article .link{padding:10px;border:1px dashed #000;width:90%;margin:0 auto 25px}
#wrap-side h3{width:65%;font-size:16px;text-align:center;line-height:32px;margin:0 auto;background-color:#1a455d;border-radius:10px;color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.25)}
#wrap-side ul,#article h2+ul{padding:15px}
#article h2+ul{margin-bottom:30px}
#wrap-side ul li,#article h2+ul li{text-align:center;margin-bottom:10px;font-size:15px;line-height:2}
.last-p{background-color:#fff;padding:40px 25px;height:28px}
.last-p a{display:block;height:28px;line-height:28px;float:right;margin-right:25px;background-color:#1a455d;border-radius:10px;color:#fff;font-size:12px;padding:3px 10px;text-decoration:none;box-shadow:5px 5px 5px rgba(0,0,0,0.25)}
.last-p a:hover{background-image:none;background-color:#768f9e}
#my_footer{background-color:#fff;text-align:center}

#nav-wrapper{ margin-top:55px; }

.all-wrapper #page-main{ min-height:800px; height:auto !important; height:800px; }



/* separate code */


/* common code */
/* width
width:1210px;
#nav-wrapper{ margin-top:55px; }


*/

body{ 
background: rgb(242,236,220);
background: -moz-linear-gradient(top,  rgba(242,236,220,1) 0%, rgba(217,198,151,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,236,220,1)), color-stop(100%,rgba(217,198,151,1)));
background: -webkit-linear-gradient(top,  rgba(242,236,220,1) 0%,rgba(217,198,151,1) 100%);
background: -o-linear-gradient(top,  rgba(242,236,220,1) 0%,rgba(217,198,151,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,236,220,1) 0%,rgba(217,198,151,1) 100%);
background: linear-gradient(to bottom,  rgba(242,236,220,1) 0%,rgba(217,198,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ecdc', endColorstr='#d9c697',GradientType=0 );
}

.all-wrapper{ width:1210px; background-color:#fff; }

#bread-navigation p,#article h2,#wrap-side h3,.last-p a{
background: rgb(217,198,151);
background: -moz-linear-gradient(top,  rgba(217,198,151,1) 0%, rgba(192,160,82,1) 25%, rgba(192,160,82,1) 75%, rgba(144,120,62,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,198,151,1)), color-stop(25%,rgba(192,160,82,1)), color-stop(75%,rgba(192,160,82,1)), color-stop(100%,rgba(144,120,62,1)));
background: -webkit-linear-gradient(top,  rgba(217,198,151,1) 0%,rgba(192,160,82,1) 25%,rgba(192,160,82,1) 75%,rgba(144,120,62,1) 100%);
background: -o-linear-gradient(top,  rgba(217,198,151,1) 0%,rgba(192,160,82,1) 25%,rgba(192,160,82,1) 75%,rgba(144,120,62,1) 100%);
background: -ms-linear-gradient(top,  rgba(217,198,151,1) 0%,rgba(192,160,82,1) 25%,rgba(192,160,82,1) 75%,rgba(144,120,62,1) 100%);
background: linear-gradient(to bottom,  rgba(217,198,151,1) 0%,rgba(192,160,82,1) 25%,rgba(192,160,82,1) 75%,rgba(144,120,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c697', endColorstr='#90783e',GradientType=0 );
}

#my_footer{ background-color:#861A17;
background: rgb(144,120,62);
background: -moz-linear-gradient(top,  rgba(144,120,62,1) 0%, rgba(192,160,82,1) 50%, rgba(192,160,82,1) 75%, rgba(217,198,151,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,120,62,1)), color-stop(50%,rgba(192,160,82,1)), color-stop(75%,rgba(192,160,82,1)), color-stop(100%,rgba(217,198,151,1)));
background: -webkit-linear-gradient(top,  rgba(144,120,62,1) 0%,rgba(192,160,82,1) 50%,rgba(192,160,82,1) 75%,rgba(217,198,151,1) 100%);
background: -o-linear-gradient(top,  rgba(144,120,62,1) 0%,rgba(192,160,82,1) 50%,rgba(192,160,82,1) 75%,rgba(217,198,151,1) 100%);
background: -ms-linear-gradient(top,  rgba(144,120,62,1) 0%,rgba(192,160,82,1) 50%,rgba(192,160,82,1) 75%,rgba(217,198,151,1) 100%);
background: linear-gradient(to bottom,  rgba(144,120,62,1) 0%,rgba(192,160,82,1) 50%,rgba(192,160,82,1) 75%,rgba(217,198,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90783e', endColorstr='#d9c697',GradientType=0 );
 }

#top-header #page-about h1,.last-p a:hover{
background-image:none; background-color:#D9C697;}

#nav-wrapper li a{
width:75%; margin:30px auto 0; padding-bottom:5px;
border-bottom:3px solid #C0A052;
}

#nav-wrapper li a:hover{
border-color:#D9C697;
}







#bread-navigation p{ text-align:center; }

#top-header #page-about h1{ background-color:#D9C697; }

#top-header #page-about p{
font-weight:bold; text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25); }

#my_footer{ padding-top:3px; }

#my_footer p,#my_footer a{ color:white; }

#article .link p{ border:1px dashed #000; margin-bottom:35px; margin-top:25px; }

#article .link p,.link a{ color:#000; }

#wrap-side ul li, #article h2+ul li{
margin-bottom:15px;
}

#nav-wrapper li a{ font-weight:bold; text-decoration:none; color:#000;
text-shadow:5px 5px 5px rgba(0, 0, 0, 0.25); }

#article .link{ padding:0; border:none; }

/* ID list 
#bread-navigation,#top-header,#page-about,#nav-wrapper,#page-main,#article,#wrap-side,#my_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 
#wrap-side{
zoom: 1;
}

#wrap-side:before, #wrap-side:after {
content: "";
display:block;
}

#wrap-side:after {
clear: both;
}

*/
}