@charset "utf-8";

/*======== タイプセレクタ ========*/
body {font-size:14px;line-height:18px;margin:0px;padding:0px;background-color:#96bff1; text-align:center; color:#414141;background-image:url(img/back_body.gif);background-repeat: no-repeat;background-attachment:fixed;}
div, ul, ol, h1, h2, h3, form, label{margin:0;padding:0;}
p{padding-bottom:1.5em;margin:0;}
img{border:none;}

.cen{text-align: center;}
a:hover img{position:relative;top:1px;left:1px;}

h1{font-size:12px;color:#ffffff;font-weight:normal;text-align:right;line-height:15px;padding-right:10px;margin-top:-270px;}

/*======== コンテナ ========*/
#index_wrapper{width:1100px;margin:0 auto;padding:0;background-image:url(img/back_body.gif);background-attachment:fixed;background-repeat:repeat-y;}
#wrapper{width:1100px;margin:0 auto;padding:0;background-image:url(img/back_body.gif);background-attachment:fixed;background-repeat:repeat-y;}

/*======== ヘッダー ========*/
#header_index{width:880px;height:273px;margin:0 auto;}
#header{width:880px;height:208px;margin:0 auto;}

/*======== グローバルナビ ========*/
#gnavi{width:880px;height:48px;margin:0 auto;}
#gnavi ul{float:left;margin:0;padding:0;width:880px;list-style-type:none;}
#gnavi ul li{float:left;height:48px;margin:0;padding:0;}
#gnavi img{vertical-align:bottom;}
#gnavi a:hover img{position:relative;top:0px;left:0px;}

/*== 上部ナビゲーション用 ==*/
div#menu{width:880px;height:48px;margin:0 auto;}
div#menu ul {float:left;margin:0;padding:0;width:880px;list-style-type:none;}
div#menu ul li{float:left;height:48px;margin:0;padding:0;}

div#menu ul a{display:block;}
div#menu ul a img{width:146px;height:48px;vertical-align:bottom;}

div#menu ul li.m01 a{background-image:url(navi/menu1.jpg);}
div#menu ul li.m01 a:hover{background-image:url(navi/menu1_o.jpg);}

div#menu ul li.m02 a{background-image:url(navi/menu2.jpg);}
div#menu ul li.m02 a:hover{background-image:url(navi/menu2_o.jpg);}

div#menu ul li.m03 a{background-image:url(navi/menu3.jpg);}
div#menu ul li.m03 a:hover{background-image:url(navi/menu3_o.jpg);}

div#menu ul li.m04 a{background-image:url(navi/menu4.jpg);}
div#menu ul li.m04 a:hover{background-image:url(navi/menu4_o.jpg);}

div#menu ul li.m05 a{background-image:url(navi/menu5.jpg);}
div#menu ul li.m05 a:hover{background-image:url(navi/menu5_o.jpg);}

div#menu ul li.m06 a{background-image:url(navi/menu6.jpg);}
div#menu ul li.m06 a:hover{background-image:url(navi/menu6_o.jpg);}

/*======== コンテンツ） ========*/
#content{width:870px;margin:0 auto; background-color:#fff;}

/*======== 左カラム（index） ========*/
#index_left{float:left;width:470px;margin:0;padding:24px 0 0 24px;text-align:left;}
#index_left h2{width:470px;height:40px;background:url(img/index_left_h2.jpg) 0 0 no-repeat;font-size:14px;font-weight:normal;line-height:40px;text-indent:30px;margin:0px; color:#224B5C;}
#index_left p{padding:10px 0px 10px 16px; font-size:12px;}
#index_left p.last{padding:10px 0px 40px 16px; font-size:12px;}

#index_left ul{margin-left:10px;font-size:12px;}
#index_left ul li{list-style:none;margin-top:5px;}

/*======== 右カラム（index） ========*/
#index_right{float:right;width:300px;margin:0;padding:45px 24px 0 52px;text-align:left;}
#index_right h2{width:300px;height:25px;background:url(img/index_right_h2.jpg) 0 0 no-repeat;font-size:12px;font-weight:normal;line-height:28px;text-indent:30px;margin:0 0 10px 0; color:#fff;}
#index_right p{padding:0px 10px 0px 10px; font-size:12px; line-height:180%;width:280px;}
#index_right p.last{padding:0px 10px 40px 10px; font-size:12px; line-height:180%; width:280px;}
#index_right h3{width:300px;height:16px;background:url(img/index_right_h3.jpg) 0 0 no-repeat;font-size:12px;font-weight:normal;line-height:16px;text-indent:30px;margin:0 0 10px 0; color:#224B5C;}

/*======== 左カラム ========*/
#left{float:left;width:210px;margin:0;padding:48px 0 0 24px;text-align:left;}

/*======== 左カラムナビ ========*/
#left_navi{width:210px;margin:20px 0 0 0; font-size:12px;}
#left_navi ul{float:left;margin:0;padding:0;width:210px; height:24px;list-style-type:none;}
#left_navi ul li{float:left;width:210px;height:24px;margin:0;padding:0;background-image:url(navi/left_navi_bar.jpg); line-height:26px;text-indent:30px;}
#left_navi ul li.last{float:left;width:210px;height:24px;margin:0;padding:0;background-image:url(navi/left_navi_bar.jpg); line-height:26px;text-indent:30px;border-bottom:#2A7C93 solid 1px; }
#left_navi img{vertical-align:bottom;}

#left_navi a:link {color:#fff; text-decoration:none;}
#left_navi a:visited {color:#fff;text-decoration:underline;}
#left_navi a:active {color:#fff;text-decoration:underline;}
#left_navi a:hover {color:#ff0;text-decoration:underline;}

/*======== 右カラム ========*/
#right{float:right;width:560px;margin:0;padding:48px 24px 0 52px;text-align:left;}
#right h2{width:560px;height:27px;background:url(img/right_h2.jpg) 0 0 no-repeat;font-size:12px;font-weight:normal;line-height:28px;text-indent:12px;margin:0 0 10px 0; color:#fff;}
#right h3{margin-top:15px;margin-bottom: 10px;border-left:solid 5px #52adbf;padding: 3px;padding-left: 7px;border-bottom: solid 1px #52adbf;}

#right p{padding:0px 10px 0px 10px; font-size:12px; line-height:240%;}
#right p.last{padding:0px 10px 40px 10px; font-size:12px; line-height:240%;}

#right .partner{ border:solid 1px #1B86AA;width:540px;margin:20px auto;padding:10px;font-size:16px;line-height:24px;}

#right .videoletter{color:#26809B;border-bottom:dotted 1px #26809B}
#right .videoletter hr{color:#26809B;}
#right .videoletter a:link {font-weight:bold;font-size:16px;color:#26809B; text-decoration:none;}
#right .videoletter a:visited {font-weight:bold;font-size:16px;text-decoration:none;}
#right .videoletter a:active {font-weight:bold;font-size:16px;color:#26809B;text-decoration:none;}
#right .videoletter a:hover {font-weight:bold;font-size:16px;color:#26809B;text-decoration:underline;}

#right ul{margin-left:10px;font-size:12px;}
#right ul li{list-style:none;margin-top:5px;}

/*======== テキスト装飾 ========*/
.blue{color:#06c;}
.red{color:#c03;}

/*======== ページの先頭へ ========*/
.pagetop{clear:both;width:100px;height:26px;text-align:right;margin:0px 0 40px 730px; padding-top:40px;}

/*======== フッター ========*/
#footer_bg{background:url(img/footer_bg.jpg) 0 0 repeat-x;margin:0 auto;padding:0 0 20px 0; border-left:#fff solid 2px; border-right:#fff solid 2px; background-color:#046FA8;}
#footer{position:relative;width:870px;margin:0 auto;padding:0;color:#fff; line-height:180%;font-size:12px;}

#footer p#linktitle01{font-weight:bold;position:absolute;top:28px;left:100px;margin:0;padding:0;}
#footer p#linktitle02{font-weight:bold;position:absolute;top:28px;left:330px;margin:0;padding:0;}
#footer p#linktitle03{font-weight:bold;position:absolute;top:28px;left:580px;margin:0;padding:0;}

#footer ol{text-align:left;}
#footer ol#link01{position:absolute;top:60px;left:100px;padding-left:27px;}
#footer ol#link02{position:absolute;top:60px;left:330px;padding-left:27px;}
#footer ol#link03{position:absolute;top:60px;left:580px;padding-left:27px;}

#footer a:link {color:#fff;text-decoration:underline;}
#footer a:visited {color:#fff;text-decoration:underline;}
#footer a:active {color:#fff;text-decoration:underline;}
#footer a:hover {color:#ff0;text-decoration:underline;}

address{text-align:center;font-style:normal;font-size:12px;line-height:18px;margin:20px 0 0 0;padding-top:230px;}

/*======== IE用 ========*/
*html #footer ol#link01{position:absolute;top:60px;left:100px;}
*html #footer ol#link02{position:absolute;top:60px;left:330px;}
*html #footer ol#link03{position:absolute;top:60px;left:580px;}

*+html #footer ol#link01{position:absolute;top:60px;left:90px;}
*+html #footer ol#link02{position:absolute;top:60px;left:320px;}
*+html #footer ol#link03{position:absolute;top:60px;left:570px;}

.img_layout{float:left;margin-right:1em;margin-bottom:5px; font-size:12px; text-align:center; color:#000;}


/*======================== 粕谷追加分 ================================*/
/*======== レイアウト・文字装飾用 ========*/
.cr{clear:both;}

hr.dot{border:none;border-bottom:dotted 1px #2b7d95;}

/*======== TOPの書籍一覧表示用 ========*/
div.book{border:solid 1px #2b7d95;background-color:#d6e6fa;margin:5px;padding:5px;font-size:12px;}
div.book img{float:left;margin-right:10px;}
div.book a{font-weight:bold;text-decoration:none;color:#002e4d;font-size:14px;line-height:2em;}
div.book a:hover{text-decoration:underline;color:#2b7d95;}

/*======== 関連情報の書籍一覧表示用 ========*/
div.book2{border-bottom:dotted 1px #2b7d95;margin:5px;padding:5px;font-size:12px;}
div.book2 img{float:left;margin-right:10px;}
div.book2 a{font-weight:bold;text-decoration:none;color:#002e4d;font-size:14px;line-height:2em;}
div.book2 a:hover{text-decoration:underline;color:#2b7d95;}

/*======== プロフィールのテーブル用 ========*/
.profile-table{
padding-bottom:10px;margin-bottom:10px;
background:url(img/line-dot.gif) bottom center repeat-x;
clear:both;overflow:auto;_overflow:visible;
}

.profile-table dl {margin:0px;padding:0px;padding-right: 10px;font-size:12px;}
.profile-table dl dt {
float:left;width:120px;
padding:10px 0px 10px 10px;margin:0px;
font-weight:bold;
overflow:visible;
}
.profile-table dl dd {height:1%;
padding:10px 0px 10px 10px;margin:0px;
border-left:1px #CCCCCC solid;
line-height:1.5;overflow:auto;
}
.profile-table dl dd b{color:#224B5C;font-size:14px;}

/*== メールフォームのテーブル用 ================================*/
table.mail{margin: 10px;font-size:12px;}
table.mail th{width: 250px;text-align: left;white-space: nowrap;padding: 5px;font-weight: normal;background-color:#287e95;color: #ffffff;}
table.mail td{width: 300px;padding: 5px;border: solid 1px #287e95;}

/* hidden使うとエラーになるようなので、代わりに */
input.hid{height:0px;border:solid 1px #ffffff;color:#ffffff;}