@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; word-break:break-all ;
}

/* 見出し */

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

h2{
margin: 0px; padding-left: 0px; font-size: 15px; color: #020248; line-height: 30px;
}

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

/* フォーム */

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

/* 段落 */

p{
padding: 0px; margin-bottom: 20px; margin-top: 0px; 
}

/* 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-width:0; border: none; vertical-align: bottom;
}

a img{
border: none;
}

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

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

/* 見出しボックス */

.headline{
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; 
}

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

/* メインエリア */

.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; 
}

/* コンテンツエリア */

.contents-area{
padding-right: 30px; padding-top: 30px; padding-bottom: 20px; float: left; clear: left; width: 650px; 
}

.topic-button-1{
float: left; height: 39px; width: 140px; 
}

.topic-button-2{
float: left; height: 39px; width: 160px; 
}

.topic-button-3{
float: left; height: 39px; width: 170px; 
}

.topic-button-4{
float: left; height: 39px; width: 180px; 
}

.frame-box{
clear: left; border-width: 1px; border-color: #5BA5D6; border-style: solid; height: 170px; width: 646px; margin-top: 5px; padding: 0px;
}

.box-1{
padding-bottom: 20px;
}

.box-2{

}

.box-3{
float: left; width: 32px; margin-top: 20px;
}

.box-4{
float: left; padding-left: 10px; margin-top: 20px; line-height: 32px; 
}

.box-5{
padding-top: 15px; padding-bottom: 10px; clear: left; border-bottom-width: 2px; border-bottom-color: #C0C0C0; border-bottom-style: dotted; 
}

/* メニューエリア */

.menu-area{
padding-top: 15px; padding-bottom: 20px; float: left; width: 220px; 
}

/* サイドメニューボックス  */

.side_menu{
margin-top: 5px; margin-left: 20px; margin-bottom: 5px; border-width: 1px; border-color: #82A2DA; border-style: solid; width: 180px; padding: 9px; background-color: #F0F8FF; 
}

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

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

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

.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;
}