/***************************************************************************

　CSSの初期化

***************************************************************************/

@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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    /*font-weight: normal;*/
	font-weight:300;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
	height: 100%;
	margin: 0;
	padding: 0;

}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
li:last-child a {
	margin-right:0;
	padding-right:0;
}
/*@media print {
#content #nav-box {
	padding-bottom: 0px;
    margin-bottom: 0px;
    }
#main {
	padding-bottom: 0px;
    margin-bottom: 0px;
}
}*/

/*p ins,p del,ul ins,ul del,
ol ins,ol del,dl ins,dl del,
table ins,table del {
	display: inline;
	}
*,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
}
img{ margin: 0;	padding: 0;	border:none; }
*{ font-size: 100%; }
div{ zoom: 1; }
ol,ul {	list-style: none; }
li { list-style-type: none;}*/
/***************************************************************************/
body {
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-weight:100;
	height: 100%; 
	/*font-family: 'Noto Sans JP';*/
}

#wrapper {
	width:100%;
	height: 100%;
	margin: 0 auto;
	background: #ffffff;
}
#content {
	width: 970px;
	margin: 0 auto;
	display:table;
}
#content #nav-box {
	width: 270px;
	height: 100%;
	background-image:url(../images/border_03.jpg);
	background-repeat: repeat-y;
	display:table-cell;
}
#content #main {
	width:700px;
	height:100%;
	display:table-cell;
	vertical-align:top;
}
nav {
	width: 270px;
	height: auto;
}

h1 {
	margin: 100px 30px 40px 80px;
	width:160px;
	height:160px;
}
ul#global-nav li {
	width: 160px;
	height: 50px;
	vertical-align: middle;
	border-bottom: dotted 1px #0071BC;
	margin: 0 30px 35px 80px;
	text-align: center;
	color: #0071BC;
	
}
ul#global-nav li a {
	display:block;
	height: 50px;
	text-decoration: none;
	color: #0071BC;
	font-weight:500;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

ul#global-nav li a:hover {
	color: #39f;
}
ul#global-nav li.current a {
	color: #39f;
}
ul#sub-nav li {
	width: 140px;
	height: 40px;
	line-height:26px;
	display:block;
	margin: 0 30px 18px 90px;
	background-image:url(../images/listmark_snav.png);
	background-repeat:no-repeat;
	text-align:center;
}
ul#sub-nav li a {
	text-decoration:none;
	color: #0071BC;
	display:block;
}
ul#sub-nav li a:hover {
	color: #39f;
}
	
header section {
	/*overflow:hidden;*/
}

#main header ul li {
	display:block;
	width:220px;
	float:left;
	color:#fff;
	text-align:center;
	background-color:#0071bc;
	background-image:url(../images/flag_15.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 20px 30px 0;
}
#main header ul li a {
	display:block;
}
#main header ul li.last {
	margin-right:0;
	padding-right:0;
}

#main header ul li h2.tit a {
	font-size:120%;
	display:block;
	margin:160px 0 60px 0;
	font-weight:500;
}
#main header ul li p.tit_img {
	display:block;
	height:105px;
	padding:15px 0 30px 0;
}
#main header ul li p.tit_img a {
	text-decoration:none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#main header ul li p.tit_img a:hover {
	display:block;
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#main header ul li p.txt {
	font-size:85%;
	height:95px;
	padding:5px;
}

#main header ul li a {
	text-decoration:none;
	color:#fff;
	text-decoration:none;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
#main header ul li a:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
.booktit {
	font-weight:bold;
}
#main h3 {
	padding:10px 0 8px 0;
	color:#0071bc;
	font-weight:800;
	font-size:110%;
}
section.topic {
	margin-bottom:30px;
}
section.topic dl {
	background-color:#0071bc;
	color:#fff;
	display:block;
	width:700px;
	overflow:hidden;
	margin-bottom:3px;
}
section.topic dl dt {
	float:left;
	width:145px;
	background-color:#0071bc;
	color:#fff;
	margin:0 0 0 5px;
}
section.topic dl dd {
	float:left;
	width:550px;
	background-color:#0071bc;
	color:#fff;
}
section.topic dl dd a {
	color:#FFF;
	text-decoration:none;
}
section.topic dl dd a:hover {
	text-decoration:underline;
}
#main .banner {
	margin-top:30px;
	clear:both;
}

#main .banner li {
	float:left;
	margin:0 8px 10px 5px;
}
#main .banner li.last {
	margin-right:0;
}
#main .banner li a {
	-webkit-transition: 0.6s ;^
	transition: 0.6s ;
}
#main .banner li a:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
#main section.lic {
	width:430px;
	float:left;
}
#main section.lic_img {
	width:250px;
	float:right;
	margin-bottom:20px;
}

/* footer */
footer {
	border-bottom:#0071bc 20px solid;
}
footer ul li {
	display:inline;
	font-size:90%;
	color:#0071bc;
	margin:0 14px 0 16px;
}


footer ul li a:last-child {
	margin-right:0;
}

/* サブページ */
#main #headimg {
	width:700px;
	height:140px;
	margin:60px 0 0 0;
	background-repeat:no-repeat;
}
#main #headimg h2 {
	font-size:120%;
	font-weight:400;
	color:#0071BC;
	margin-bottom:10px;
	padding:80px 0 0 20px;
}
#main article {
	padding:10px;
}
#main article p {
	padding-bottom:20px;
}
.headtxt {
	margin:0 10px 0 10px;
}
#main section.subMain {
	margin-bottom:50px;
	overflow:hidden;
}
#main section.subMain h3 {
	display:block;
	height:12px;
	background-color:#0071BC;
	color:#ffffff;
	font-weight:500;
	line-height:12px;
	padding-left:10px;
}
#main section.subMain h3 a {
	text-decoration:none;
	color:#ffffff;
	font-weight:500;
}
#main section.subMain h3 a:hover {
	text-decoration:underline;
}
#main section.subMain p {
	padding:10px;
}
#main section.subMain ul li {
	padding:10px 10px 0 10px;
}
#main section.subMain ul li a {
	text-decoration:none;
	color:#0071BC;
}
#main section.subMain ul li a:hover {
	text-decoration:underline;
}
#main section.subMain p.sanko {
	font-size:90%;
	line-height:130%;
}
#main section.subMain p.sanko a {
	font-size:90%;
	line-height:130%;
	text-decoration:underline;
	color:#0071BC;	
}
#main section.subMain p.sanko a:hover {
	text-decoration: none;
}
.subMain img {
	float:right;
	margin: 0 10px 0 10px;
}
.seminor_img {
	padding:60px 20px 0 0;
}
.totop {
	display:block;
	text-align:right;
	margin:15px 0 15px 0;
}
ul.theme_list {
	margin:10px 0 25px 0;
}
.theme_list li {
	display:inline;
	margin:10px;
}
.subMain table {
	margin:15px 0 30px 10px;
	border:1px #CCCCCC solid;
	width:650px;
}
.subMain table th {
	border:1px #CCCCCC solid;
	text-align:center;
	background-color:#AAD9EA;	
	padding:3px;
}
.subMain table td {
	border:1px #CCCCCC solid;
	padding:5px;
}
.subMain table td.name {
	width:100px;
}
.subMain dl.book {
	display:block;
	overflow:hidden;
	clear:both;
	width:650px;
	margin:0 10px 0 10px;
}
.subMain dl.book dt {
	float:left;
	width:55px;
	display:block;
	padding:5px;
}
.subMain dl.book dd {
	display:block;
	float:left;
	width:575px;
	padding:5px;
}
.update {
	font-size:90%;
}
.subMain p a {
	text-decoration:underline;
	color:#0071BC;	
}
.subMain p a:hover {
	text-decoration:none;
}
.subMain dd a {
	text-decoration:underline;
	color:#0071BC;	
}
.subMain dd a:hover {
	text-decoration:none;
}
.subMain td a {
	text-decoration:underline;
	color:#0071BC;	
}
.subMain td a:hover {
	text-decoration:none;
}
.theme_list li a {
	text-decoration:underline;
	color:#0071BC;	
}
.theme_list li a:hover {
	text-decoration:none;
}
	
/* h2の背景の指定 */
.themeh2 {
	background:url(../images/h2_titleimg_theme_bg.png);	
}
.strooph2 {
	background:url(../images/h2_titleimg_stroop_bg.png);
}
.socialh2 {
	background:url(../images/h2_titleimg_social_bg.png);
}
.seminorh2 {
	background:url(../images/h2_titleimg_seminor_bg.png);
}
.contacth2 {
	background:url(../images/h2_titleimg_contact_bg.png);
}
.bookh2 {
	background:url(../images/h2_titleimg_book_bg.png);
}
h2#booktitle {
	font-size:120%;
	font-weight:600;
	color:#0071BC;
	margin:15px 0 10px 0;
	padding:0;
}
h2#contact {
	font-size:120%;
	font-weight:600;
	color:#0071BC;
	margin:15px 0 10px 0;
	padding:0;
}
h2#access {
	font-size:120%;
	font-weight:600;
	color:#0071BC;
	margin:15px 0 10px 0;
	padding:0;
}
/* pagetop */
.pagetop {
	position: fixed;
	right: 50px;
	padding: 10px;
	background: #0071BC;
	border-radius: 5px;
	text-align:center;
	border-radius: 5px;
    font-size: 12px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 30px;
	margin-top:10px;
	color:#FFF;
	text-decoration:none;	
}
.pagetop a:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.2s ; /* ゆっくり */
	transition: 0.2s ;
}
.madress {
	line-height:18px;
}
.madress img {
	vertical-align:middle;
}


/************************************************************************************

　汎用

*************************************************************************************/

/*--------------------------------------------------------------------
　クリアフィックス
--------------------------------------------------------------------*/
.clearfix:after{
	content:"."; /* 新しい要素を作る */
	display: block; /* ブロックレベル要素に */ 
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix{
	min-height: 1px;
}
*html .clearfix{ 
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearboth{
	clear: both;
}
/*--------------------------------------------------------------------
--------------------------------------------------------------------*/