@charset "UTF-8";

/* body設定 */

body {
font-size:15px; line-height:20px; color:#020248; margin:0; padding:0; background-color: #E9F2F8; background-image: url('image/bg-1.png'); background-repeat: repeat-x; background-position: center top; font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}

/* 見出し */

h1,h2,h3,h4,h5,h6{
margin: 0px; padding-left: 0px; font-size: 15px; color: #020248; line-height: 30px;
}

.top-txtbox{
font-size: 13px; color: #ffffff; line-height: 49px; margin: 0px 0px 0px 25px; padding: 0px; 
}

.h-box{
clear: both; padding-top: 20px; padding-bottom: 20px; padding-left: 42px; height: 32px; background-image: url('image/folder_yellow.png'); background-repeat: no-repeat; background-position: left 16px;
}

/* フォーム */

form{
text-align: right; margin: 10px 0px 0px; padding: 0px; 
}

/* 段落 */

p{
padding: 0px; margin-bottom: 1em; margin-top: 0; clear: both;
}

.p-2{
padding: 0px; margin-bottom: 1em; margin-top: 1em; clear: both;
}

/* float解除 */

.clearfix:after{
content: "."; display: block; clear: both; height: 0; visibility: hidden;
}

.clearfix{
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto; overflow: hidden;
/**/
}

/* リンク 設定 */

a:link {text-decoration:none; color: #0000FF;}
a:visited {text-decoration:none; color: #800080;}
a:active {text-decoration:none;}
a:hover {text-decoration:underline; color: #FF0000;}

a:link.link-b{
border-bottom: 2px dotted;
}
a:visited.link-b{
border-bottom: 2px dotted;
}
a:hover.link-b{
text-decoration:none; border-bottom: 2px dotted;
}
a:active.link-b{
text-decoration:none; border-bottom: 2px dotted;
}

/* 画像設定 */

img{
border: none; vertical-align: bottom; 
}

a img{
border: none;
}

/* 全体をセンタリング */

.center{
margin-left : auto ; margin-right : auto ; width: 950px;
}

/* 見出しボックス */

.headline{
height: 49px; height: 49px; width: 400px; float: left; background-image: url('image/top.png'); background-repeat: no-repeat;
}

/* 上部メニューボックス */

.top-menu{
float: left; height: 49px; width: 514px; padding-left: 36px; 
}

/* 上部メニュー */

.info{
float:left; width:127px;
}
.info a{
display:block; width:127px; height:49px; background-image:url(image/info.png); overflow:hidden;
}

.sitemap{
float:left; width:130px;
}
.sitemap a{
display:block; width:130px; height:49px; background-image:url(image/sitemap.png); overflow:hidden;
}

.syoshinsya{
float:left; width:130px;
}
.syoshinsya a{
display:block; width:130px; height:49px; background-image:url(image/syoshinsya.png); overflow:hidden;
}

.review{
float:left; width:127px;
}
.review a{
display:block; width:127px; height:49px; background-image:url(image/review.png); overflow:hidden;
}

a.roll{
background-position:0px 0px;
}
a:hover.roll{
background-position:0px -49px;
}

/* タイトル画像ボックス */

.title-box{
float: left; clear: left; height: 115px; width: 400px; 
}

/* トップインフォボックス */

.top-info{
float: left; height: 95px; width: 435px; background-image: url('image/head_right.png');font-size: 14px; color: #ffffff; padding-top: 20px; padding-right: 35px; padding-left: 80px; line-height: 20px; 
}

/* ナビゲーションバー */

.navi-1{
float: left; clear: left; height: 66px; width: 70px; background-image: url('image/navi_1.png'); 
}

.navi-2{
float: left; height: 33px; width: 760px; background-image: url('image/navi_2.png'); padding-top: 33px; font-size: 13px; 
}

.navi-3{
float: left; height: 33px; padding-top: 33px; width: 88px; background-image: url('image/navi_3.png'); padding-right: 32px; font-size: 13px; text-align: right; 
}

.navi-image{
margin-top: 28px; margin-left: 30px;
}

.navi-box{
color: #FFFFFF; padding: 2px; border-width: 1px; border-color: #0000FF; border-style: solid; background-color: #0080FF; 
}

/* メインエリア */

.outside-area{
clear: left; width: 950px; background-image: url('image/c_bg_1.png'); background-repeat: repeat-y; 
}

.inside-area{
margin-right: 2px; margin-left: 2px; padding-right: 23px; padding-left: 23px; padding-top: 15px; width: 900px; background-image: url('image/c_bg_2.png'); background-repeat: repeat-x; background-position: center top; background-color: #ffffff; 
}

/* アドセンスボックス */

.ads-box{
padding: 9px; border-width: 1px; border-color: #0F4AB7; border-style: solid; height: 90px; width: 860px; background-color: #ffffff; clear: both ; margin-left : auto ; margin-right : auto ; 
}

/* リンクユニットボックス */

.link-unit{
clear: both; background-color: #0F4AB7 ; margin-left : auto ; margin-right : auto ; width: 870px; padding: 5px; 
}

/* 各ページリンクリスト  */

ul{
margin: 0 0 0 1em; padding: 0px; line-height: 20px; list-style-position: outside; list-style-image: url('image/list.gif'); 
}

ol{
margin: 0 0 0 1.5em; padding: 0px; line-height: 20px; list-style-position: outside; 
}

dt{
margin: 0px; padding: 0px 0px 0px 20px; background-image: url('image/list.gif'); background-repeat: no-repeat; background-position: left center; 
}

dd{
margin: 0px; padding: 10px 0px 10px 30px; 
}

/* 下部ナビゲーションボックス  */

.under-navi{
clear: left; float: left; width: 860px; padding-top: 40px; padding-bottom: 20px; height: 32px; background-image: url('image/home-2.png'); background-repeat: no-repeat; padding-left: 40px; background-position: left 35px; 
}

/* メインエリア最下部  */

.mainaria-footer{
clear: left; width: 950px; height: 20px; line-height: 1em; vertical-align: top;
}

/* フッター  */

.footer{
text-align: center; margin-top: 20px; padding: 10px; background-color: #1e1e1e; font-size: 13px; color: #c0c0c0; 
}

.footer a:link{
text-decoration:none; color: #ff0000;
}

.footer a:visited{
text-decoration:none; color: #ff0000;
}

.footer a:active{
text-decoration:none; color: #ff0000;
}

.footer a:hover{
text-decoration:underline; color: #ff0000;
}

/* サイトマップ  */

.sbox-1{
padding-top: 20px; padding-bottom: 20px; clear: both; 
}

.sbox-2{
float: left; width: 210px; 
}

.sbox-3{
margin-left: 20px; float: left; width: 210px; 
}

.h-box-2{
clear: both; padding-top: 20px; padding-bottom: 20px; padding-left: 42px; height: 32px; background-image: url('image/folder_yellow-2.png'); background-repeat: no-repeat; background-position: left 16px;
}