/*------------------------------------ 基本レイアウト */


html{
background: url(img/htmlbg.gif) repeat top center #fff ;
}

body {
width:940px;
text-align: center;
margin: auto;
padding: 0;
font-size: 14px;
color: #333;
font-family:"MS UI Gothic","MS PGothic";
background: url(img/bg.gif) repeat-y top #fff ;
}


/* ------------------------------------リンク色（ページ全体） */

a img { border: 0; }
a { text-decoration: underline; }
a { color: #003399; text-decoration: underline; }
a:hover { color: #e62799; }




/* ------------------------------------見出し */


h1
{
color:#333;
font-size:12px;
text-align:right;
margin: 0;
padding: 3px 10px 3px 0;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-weight: normal;
}

h2{
margin: 0;
padding:0;
}

h2 a{
display: block;
height: 50px;
_height: 50px;
width: 420px;
margin: 0px 30px -10px 20px;
_margin: 0px 30px 0px 10px;
padding:0;
background: url(img/logo.jpg) no-repeat;
text-indent: -9999px;
_float: left;
}
h2 a:link{color:#333;}
h2 a:hover{color:#333;}
h2 a:active{color:#333;}
h2 a:visited{color:#333;}


h3{
height: 30px;
color:#333;
font-size:16px;
margin:10px 0px 5px 0px;
padding: 8px 0 0px 23px;
text-align:left;
clear: both;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-weight: normal;
background: url(img/h3.jpg) no-repeat top #fff ;
}

h4{
margin: 0;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-weight: normal;
color:#333333;
font-size:14px;
margin:20px 10px 0px 10px;
padding: 7px 0 7px 0px;
text-align:left;
clear:both;

}


.headerx{
margin:20px 0px 5px 0px;
color:#022d54;
background: url(img/h3-1.gif) no-repeat left center #fff ;
}





/* ------------------------------------ヘッダー（レイアウト） */


#header {
margin: 0 10px;
_margin: 0 10px -20px;
padding: 0 ;
width: 920px;
height: 60px;
_height: 40px;
background: url(img/head.jpg) no-repeat top #fff ;
}

#header p{
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-weight: normal;
text-align: right;
margin: 0px 20px;
font-size: 12px;
}

/* ------------------------------------グローバルナビゲーション */

#navi{
margin: 0;
padding: 0;
width: 900px;
height: 36px;
margin: 20px auto;
clear: both;
}

#navi ul{
height: 36px;
list-style: none;
margin: 10px 0 ;
padding: 0;
text-align: center;
}

#navi li{
margin: 0;
padding: 0;
float: left;
}

#navi li a{
width: 150px;
height: 35px;
line-height: 35px;
font-size: 13px;
padding: 0;
margin: 0;
color: #333;
display: block;
text-decoration:none;
float: left;
text-indent: -9999px;

}



.n00 a{ background: url(img/navi00.jpg) no-repeat left center;}
.n01 a{ background: url(img/navi01.jpg) no-repeat left center;}
.n02 a{ background: url(img/navi02.jpg) no-repeat left center;}
.n03 a{ background: url(img/navi03.jpg) no-repeat left center;}
.n04 a{ background: url(img/navi04.jpg) no-repeat left center;}
.n05 a{ background: url(img/navi05.jpg) no-repeat left center;}

.n00  a:hover{ background: url(img/navi00a.jpg) no-repeat left center;}
.n01  a:hover{ background: url(img/navi01a.jpg) no-repeat left center;}
.n02  a:hover{ background: url(img/navi02a.jpg) no-repeat left center;}
.n03  a:hover{ background: url(img/navi03a.jpg) no-repeat left center;}
.n04  a:hover{ background: url(img/navi04a.jpg) no-repeat left center;}
.n05  a:hover{ background: url(img/navi05a.jpg) no-repeat left center;}


/* ------------------------------------メインコンテンツ基本レイアウト（記事部分） */


#container{
width: 620px;
margin: 0px 0px 15px 20px;
_margin: 0px 0px 15px 10px;
padding: 0 5px;
text-align: center;
float: left;
}


p{
text-align:left;
font-size: 14px;
padding: 10px 5px 0px 10px;
margin: 0  ;
line-height: 24px;
}




/* ------------------------------------メインコンテンツ中身 */


.sono1{
font-size:16px;
padding: 32px 10px 0 60px;
background: url(img/sono1.gif) no-repeat left center;
clear:both;
}

.sono2{
font-size:16px;
padding: 32px 10px 0 60px;
background: url(img/sono2.gif) no-repeat left center;
}

.sono3{
font-size:16px;
padding: 32px 10px 0 60px;
background: url(img/sono3.gif) no-repeat left center;
}

.sono4{
font-size:16px;
padding: 32px 10px 0 60px;
background: url(img/sono4.gif) no-repeat left center;
}

.sono5{
font-size:16px;
padding: 32px 10px 0 60px;
background: url(img/sono5.gif) no-repeat left center;
}


.news{
margin: 10px;
padding-top: 15px;
height: 180px;
background: url(img/news.jpg) no-repeat left center;
}


.news li{
margin: 0 20px;
background: url(img/new.gif) no-repeat left center;
list-style: none;
text-align: left;
padding-left: 25px;
   font-weight: bold;
line-height: 2;
border-bottom: 1px dotted #ccc;
}



.box{
width: auto;
_width: 560px;
line-height: 1.5;
margin:  10px;
padding: 0 10px 10px;
font-size: 14px;
border: 1px solid #ccc;
background:#f5f5f5
}


.box p{
width: auto;
_width: 100%;
line-height: 1.8;
margin: 10px 0 0 10px;
padding: 0;
font-size: 14px;
}

.boxleft{
width: 290px;
line-height: 1.5;
margin:  10px 5px 10px 10px;
padding: 0 0 10px;
font-size: 14px;
border: 1px solid #ccc;
background:#f5f5f5;
float:left;
}

.boxleft h3{
height: 20px;
margin:  0 0 10px;
padding: 3px 0 7px 35px;
_padding: 3px 0 2px 35px;
background: url(img/boxh3.gif) no-repeat center top #333;
color:#fff;
}

.boxright{
width: 290px;
line-height: 1.5;
margin:  10px 10px 10px 5px;
padding: 0 0 10px;
font-size: 14px;
border: 1px solid #ccc;
background:#f5f5f5;
float: right;
}

.boxright h3{
height: 20px;
margin:  0 0 10px;
padding: 3px 0 7px 35px;
_padding: 3px 0 2px 35px;
background: url(img/boxh3.gif) no-repeat center top #333;
color:#fff;
}

.click a
{
position:absolute; bottom: 5px; right: 5px;
min-height: 30px;
_height: 30px;
margin: 0;
padding: 0 25px 0 0;
background: url(img/go.gif) no-repeat right top;
}


.click a:hover{
background: url(img/goh.gif) no-repeat right top;
}


.gotop{
height: 18px;
text-align: right;
margin: 50px 15px 0px;
clear: both;
}




.adr
{
margin: 0;
padding: 0;
width: 500px;
min-height: 500px;
}



.center { 
margin: 20px 5px;
text-align: center; 
font-size: 13px;
}



.top001{background: url("img/top001.png") no-repeat left top;height: 30px;text-indent: -9999px;margin:20px 0 -30px;}
.top002{background: url("img/top002.png") no-repeat left top;height: 40px;text-indent: -9999px;}
.top003{background: url("img/top003.png") no-repeat left top;height: 40px;text-indent: -9999px;}


/* ------------------------------------用語集 */

.yougo h4{
margin: 20px 0 0px 0;
padding:5px 0 5px 10px; ;
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
clear:both;
}

.yougo ul {
margin: 0 0 30px 0;
padding: 5px 10px 2px 20px;
font-size: 14px;
}


.yougo li {
width: 140px;
margin: 5px 0 5px 5px;
padding:0 ;
float:left;
text-align: left;
}


/* ------------------------------------ランキング */

.r1{
height: 220px;
margin:20px 10px 0 10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.r1 h4{
font-size:18px;
color:#fff;
margin: 0 ;
padding: 10px 0 3px 120px;
background: url("img/r1.gif") no-repeat left top;
}


.r2{
height: 220px;
margin:10px 10px 0 10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.r2 h4{
font-size:18px;
color:#fff;
margin:0 ;
padding: 10px 0 3px 120px;
background: url("img/r2.gif") no-repeat left top;
}


.r3{
height: 220px;
margin:10px 10px 0 10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.r3 h4{
font-size:18px;
color:#fff;
margin:0 ;
padding: 10px 0 3px 120px;
background: url("img/r3.gif") no-repeat left top;
}


.r4{
height: 220px;
margin:10px 10px 0 10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.r4 h4{
font-size:18px;
color:#fff;
margin:0 ;
padding: 10px 0 3px 120px;
background: url("img/r4.gif") no-repeat left top;
}


.r5{
height: 220px;
margin:10px 10px 0 10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;}


.r5 h4{
font-size:18px;
color:#fff;
margin:0 ;
padding: 10px 0 3px 120px;
background: url("img/r5.gif") no-repeat left top;
}

/* 個別ページランキング */



/* ------------------------------------サイドメニュー */

#side {
float: right;
width: 260px;
text-align: left;
font-size: 13px;
margin: 0px 20px 0 0;
_margin: 0px 10px 0 0;
padding: 0;
}

#side h4{
height: 50px;
color: #333;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-weight: normal;
font-size: 15px;
margin: 0;
padding: 0 ;
text-align: left;
border:none;
text-indent: -9999px;
}

.side050fx{background: url("img/50fx.jpg") no-repeat left top;}
.side100{background: url("img/100.jpg") no-repeat left top;}
.side200{background: url("img/200.jpg") no-repeat left top;}
.side250{background: url("img/250.jpg") no-repeat left top;}
.side300{background: url("img/300.jpg") no-repeat left top;}
.side600{background: url("img/600.jpg") no-repeat left top;}
.side800{background: url("img/800.jpg") no-repeat left top;}


#side h4 a{
color:#333;
text-decoration: none;
display: block;
height: 50px;
width: 250px;}


#side ul {
margin: 0 0 10px 0;
padding: 5px;
font-size: 13px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background: #f9f9f9;
}


#side li {
margin: 5px 0;
list-style: none;
background: url("img/li.gif") no-repeat left center ;
border-bottom:1px solid #ccc;
}

#side li a{
padding: 5px 0 5px 25px;
display: block;
text-decoration: none;
color: #333;
text-decoration:none;
}


#side li a:active{color:#333;}

#side li a:visited{color:#333;}

#side li a:hover{
color: #e62799;
text-decoration:underline;
background: url("img/lia.gif") no-repeat left center;
}



/*------------------------------------ 記事部分 */




.entry{
line-height: 1.8;
margin: 0px;
padding-bottom: 10px; 
border-top:1px dashed #ccc;
}

.entry1 p{
padding: 0;
line-height: 2;
}

.entry.more{
text-align: right;
background: url(img/more.gif) no-repeat right;
line-height: 30px;
padding-right: 35px;
margin: 0 0px 5px 0 ;
}

.content-nav{
 font-size:12px;
 margin: 10px 0 ;
}


/*------------------------------------ フッター */


#footer{
margin: 20px auto 0;
padding: 20px 0 ;
width: 100%;
text-align: center;
font-size: 0.9em;
clear: both;
}


#footer p { margin: 0; padding: 0; }


.copy{ 
margin: 0;
 padding: 0;
color: #666;
font-size: 0.9em;
}


.f-navi{
 text-align: center;
 padding: 10px;
}


/*------------------------------------ ヘッダメニュー */


#hdmenu {
position: absolute;
top: 30px;
width: 910px;
text-align: right;
}

#hdmenu ul{
margin: 5px -10px 0 0;
}

#hdmenu li{
display: inline;
font-size: 12px;
font-family: "HGP創英角ｺﾞｼｯｸUB";
}

#hdmenu li a{
color: #333; 
background: url(img/hdli.gif) no-repeat left center;
padding: 0 10px 0 15px;
text-decoration: none; 
}
#hdmenu li a:visited{ color: #333; }
#hdmenu li a:hover{ color: #e62799; }

/*------------------------------------ サイトマップ */


.sitemap h3{
padding: 30px 0 0 10px;
background:none;
border-top: 1px dotted #dcdcdc;
clear: both;
}

.sitemap li {
margin: 0 0 10px;
padding: 0px 10px 0 20px;
list-style: none;
background: url("img/li.gif") no-repeat left center ;
text-align: left;
}




/*------------------------------------ 画像 */

.img { margin: 10px 20px 10px; _margin: 30px 20px 10px; float: left; }
.imgr { margin: 0 10px 10px; float: right; }
.imgt { margin: 5px 5px 10px 10px; float: left; }
.img { border: none; }


/*------------------------------------ テーブル */

table {
width: 600px;
font-size: 14px;
margin: 20px 10px 10px;
background: #999;
line-height: 24px;
}


td { 
background: #fff;
padding: 0px 10px;
　　}


th { 
background: #fdfdfd;
padding: 0px 10px;
background: url(img/tbg.gif) 
}

.d1{background: url(img/tback.gif) repeat-x left bottom;}

.t1{ text-align: center;}

.tlh td{text-align: left}



/*------------------------------------ 装飾 */

.red { color: #cc0000; } /* 赤 */ 

.blue { color: #0066cc; } /* 青 */ 

.green { color: #339900; } /* 緑 */ 

.orange { color: #ff9900; } /* オレンジ */ 

.line { background: #fce33a;}

.kome { font-size: 12px; color: #cc0000; line-height: 1.25;}

.s { font-size: 12px; color: #333; line-height: 80px; clear: both;} 

.n {font-size: 14px}

.bred{
font-size: 18px;
line-height: 5;
color:#cc0101;
text-decoration: underline; 
}

.bblue{font-size: 16px; color:#0066cc;}

.b {font-size: 18px;}



/*------------------------------------ リンク装飾 */

.link{
font-size: 16px;
font-weight: bold;
float: right;
padding-left: 20px;
background: url(img/arrow.gif) no-repeat left center;
margin:0 10px 20px 0 ;
_margin:0 0px 10px 0 ;
}

.link2{
font-size: 16px;
font-weight: bold;
padding-left: 20px;
background: url(img/arrow.gif) no-repeat left center;
margin:0 10px 20px 0 ;
_margin:0 0px 10px 0 ;
}



.bt1 a {
float: right;
display: block;
height: 30px;
width: 250px;
margin: 20px 10px 20px;
background: url(img/bt1.gif) no-repeat;
text-indent: -9999px;
}

.bt1 a:hover {
display: block;
height: 30px;
width: 250px;
background: url(img/bt1a.gif) no-repeat;
}




.more{
font-size: 14px;
font-weight: bold;
float: right;
padding-left: 20px;
background: url(img/arrow.gif) no-repeat left center;
margin:10px 10px 20px 0 ;
_margin:5px 0px 10px 0 ;
}