@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{
margin: 0px; padding: 0px; font-size: 15px; color: #020248; line-height: 1em;
}

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

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

/* フォーム */

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

.p-3{
padding: 0px; margin-bottom: 30px; 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: 1px dotted;
}
a:visited.link-b{
border-bottom: 1px dotted;
}
a:hover.link-b{
text-decoration:underline; border-bottom: none;
}
a:active.link-b{
text-decoration:underline; border-bottom: none;
}

/* 画像設定 */

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

a img{
border: none;
}

.icon_s,.icon_si,.icon_n,.icon_r{
margin-right: 5px; margin-left: 5px;
}

.icon_av{
margin-right: 5px;
}

.icon_a,.icon_b,.icon_c,.icon_d,.icon_e,.icon_f{
margin-right: 1px;
}

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

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

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

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

.box-1{
padding: 10px; height: 140px; width: 630px; background-image: url('image/c_bg3.png'); background-repeat: no-repeat; background-position: left top; 
}

.box-2{
padding-top: 7px; padding-left: 33px; padding-bottom: 25px; 
}

.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: both; border-bottom-width: 2px; border-bottom-color: #C0C0C0; border-bottom-style: dotted; 
}

.box-6{
font-size: 13px; line-height: 1em; margin-top: 26px; margin-left: 5px; float: right; padding: 3px; background-color: #E6E6E6;
}

.box-7{
margin-top: 26px; float: right; height: 18px; 
}

.box-8{
float: left; padding-top: 7px; padding-left: 33px;margin-bottom: 15px; 
}

.box-9{
float: right; padding-top: 5px; text-align: right;margin-bottom: 15px; 
}

.box-10{
padding: 0px 20px 20px 0px; float: left; clear: both; width: 250px; 
}

.box-11{
float: left; width: 380px; 
}

/* テーブル */

.table-1{
border-collapse:collapse; border:0px; clear: both ;
}

.table-1 tr td{
padding:0px; line-height: 25px;
}

.table-2{
border-collapse:collapse; border:#c0c0c0 solid 1px;
}

.table-2 tr td{
padding:5px; border:#c0c0c0 solid 1px;
}

/* ユーザレビュー */

.review-table{
border-width: 1px; border-color: #C0C0C0; border-style: solid; width: 100%; background-color: #ebebeb;
}

.userreview-box{
padding: 10px; border-width: 1px; border-color: #C0C0C0; border-style: solid; width: 628px; margin-top: 5px; margin-bottom: 20px; 
}

/* 投稿フォーム */

.review-form{
text-align: left;
}

.form-name{
width: 200px;
}

.form-userreview{
height: 150px; width: 640px; font-size:15px;
}

/* ランキング */

.ranking{
margin: 0 0 0 2.5em; padding: 0px; list-style-position: outside; 
}

.ranking li{
vertical-align: top; margin-bottom: 20px;
}

/* メニューエリア */

.menu-area{
padding-top: 15px; 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: 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;
}

/* その他フリーソフト掲載ページ  */

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

.others-box{
float: left; width: 325px;
}