@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

html{}
body{color:#000;font:14px/1.4 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*font-size:small;*font:x-small; letter-spacing:.5px;}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;clear:both;}
input,select{vertical-align:middle}

p{ margin-bottom:1em;}
ul,ol.li{ list-style: none;}
img{ vertical-align:middle;}

a{ color:#235578;}
a img{ -moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
a:hover img		{ filter: alpha(opacity=65); -moz-opacity:0.5; opacity:0.5;}

.alignleft{ text-align:left;}
.alignright{ text-align:right;}
.aligncenter{ text-align:center;}
.left 			{ float: left;	margin: 0 20px 20px 0;}
.center			{ display: block;	margin: 0 auto 20px;	text-align: center;}
.right 			{ float: right;	margin: 0 0 20px 20px;}
.clr{ clear:both;}
.fleft{ float:left;}
.fright{ float:right;}

/*ドロップシャドウ */
.page header,
.page .body,
#top header h1,
#top nav,
#top #topbox #news,
#top #topbox #mailmag{
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 5px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 5px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 5px 0px;	
}

footer{ text-align:center; width:1000px; position:relative; margin: 0 auto; height:70px; font-size:12px;}
footer .pagetop{ position:absolute; top:-30px; right:20px; display:block; width:150px; height:30px; line-height:30px; background:#f1f1f1; cursor:pointer; color:#666;}
footer .copy{ line-height:70px; color:#333;}
#top footer .copy{ color:#ccc;}

/*-----------------------------------------
page
-----------------------------------------*/
.page{ background:url(img/bg.gif) repeat-x top #acadb3;}
.page header{ text-align:center; background:#042237; position: relative;z-index:100;}
.page .body{ width:1000px; margin:0 auto; overflow:hidden; background:#fff; font-size:13px; line-height:1.66; padding-bottom:50px;}
.page .body .inner{ padding: 0 100px 50px;}
.page nav{position: relative; z-index:50; border-bottom:1px solid #dcdbdb; overflow:hidden; margin-bottom:55px;}
.page nav li{ float:left;}
.page .p_title{ padding-left:15px; border-left:5px solid #3097d2; margin-left:-20px; margin-bottom:50px;}
/*.page .p_title img{ height:22px; width:auto;}*/
.page h2{margin-bottom:1em; font-size:18px; line-height:1.3;}
.page p+h2{ padding-top: 30px;}
.page h3{margin-bottom:1em; color:#0058c4; border-bottom:1px solid #bdb8ae; padding-bottom:10px; font-weight:bold;}
.page h3:before{ content:"▼";}
.page p+h3{ padding-top: 30px;}
.page span.word{ font-size:11px; color:#f00; position:relative; top:-6px;}
.page p.word{ font-size:12px; color:#999;}
.page .sub{ font-size:11px;}
.page .textarea{ border:1px solid #ddd8cf; padding:30px; background:#f7f2e8;}
.page .textarea strong{ display:block; text-align:center;}
.page .textarea_2{ border:1px solid #eee; padding:30px; background:#f1f1f1; color:#666; font-size:11px;}
.page .textarea_2 strong{ display:block;}
.page .textarea_3{ border:1px solid #f5eebd; padding:30px; background:#fbf8e7;}
.page .textarea_3 strong{ font-size:14px;}

.page .lector_t{ margin-left:220px;}
.page .lector_t_s{ margin-left:180px;}
.page .books li{ height:110px; overflow:hidden; margin-bottom:15px;}
.page .books li img{ float:left; margin-right:20px;}
.page .paytable{ border-collapse:collapse; margin:0 auto 30px;}
.page .paytable th,
.page .paytable td{ border:1px solid #ccc; padding:5px 25px; font-size:12px;}
.page .paytable th{ text-align:center; vertical-align:middle; background:#f1f1f1; font-weight:normal; color:#666;}
.page .news{}
.page .news li{ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom: 10px;}
.page .news li span{ margin-right:1em; color:#999;}
.page .news li p{ padding-top:10px; font-size:13px}
.page .booklist{ overflow:hidden;}
.page .booklist li{ float:left; width:370px;margin-bottom:40px;}
.page .booklist li img{ float:left; margin-bottom:15px;}
.page .booklist li p{ margin-left:95px;}
.page .booklist li .subtext{ font-size:12px; clear:both; margin:0;}
.page .booklist li:nth-child(2n+1){ clear:both; padding-right:30px; }
.page .booklist li:nth-child(2n){ padding-left:30px; }

.page .table1{ border:1px solid #999; border-collapse:collapse;}
.page .table1 th,
.page .table1 td{ border:1px solid #999; padding:5px; text-align:left;}
.page .table1 th{ background:#173B7B; color:#fff;}
.page .table1 th:first-child{ width:13em;}

/*-----------------------------------------
top
-----------------------------------------*/
#top{ background:url(img/bg_top.jpg) repeat-x top #696a6e;}
#top header{/*margin-top:150px;*/ text-align:center; background:#042237; position:relative; margin-bottom:30px;}
#top header h1{ position:relative;z-index:100;}
#top nav{ position:relative;background:url(img/top_menubg.jpg) center top; z-index:50;}
#top nav ul{ width:1000px; margin:0 auto; overflow:hidden;}
#top nav ul li{ float:left;}
#top #topbox{ width:1000px; margin:0 auto; height:170px;}
#top #topbox #news{ float:left; width:380px; padding: 20px 10px 0 30px; height:140px; background:#fff; border-top:3px solid #222; overflow:auto;}
#top #topbox #news li{ line-height:1.8;}
#top #topbox #news li span{ margin-right:1em; color:#999;}
#top #topbox #news h2 a{ color:#999; text-decoration:none;}
#top #topbox #mailmag{ float:right; width:520px; padding: 20px 10px 0 30px; height:140px; background:#fff; border-top:3px solid #222; position: relative;}
#top #topbox #mailmag p{ margin-right:160px;padding-top:0px;}
#top #topbox #mailmag a{ position:absolute; top: 50px; right:20px;}
#top #topbox h2{ color:#999; margin-bottom:5px; font-weight:normal;}