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

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

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




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


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

h2	{color		:#fff;
	font-size	:24px;
	text-align	:left;
	margin		:0px 20px 0px 0px;
	padding		:0px 0 0 85px;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight: normal;
	}

h2 a{
	color: #333;
	text-decoration: none;
	}
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";
}


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






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

a { text-decoration: underline; }
a img { border: 0; }

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }







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


#header {
    margin: 0;
    padding: 0 ;
    width: 900px;
    height: 150px;
    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;
}







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

#container
{
    width: 580px;
    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: 4px 5px 0px 10px;
	margin: 0  ;
	line-height: 24px;
	}


.box

{
    width: auto;
    _width: 480px;
    line-height: 1.5;
    margin: 30px 20px;
    padding: 0 20px 10px;
    font-size: 14px;
    border: 1px solid #dcdcdc;
}

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


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

.box1
{
    width: auto;
    _width: 500px;
    line-height: 1.5;
    margin: 10px 20px;
    padding: 20px;
    font-size: 13px;
    border: 1px solid #ccc;
    background:#fcfcfc;
}

.box1 p{
    font-weight: bold;
    font-size:14px;
    background: url(img/check.gif) no-repeat left center;
    margin: 10px 0 0 0;
    padding-left: 30px;
}

.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: 15px;
    padding: 0 20px 0 0;
    background: url(img/gotop.gif) no-repeat right;
    clear: both;
}


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





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




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


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

.r1{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	clear: both;	}

.r1 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r1.gif) no-repeat right #999;
   font-size: 18px;
	}


.r2{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r2 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r2.gif) no-repeat right #999;
   font-size: 18px;
	}


.r3{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r3 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r3.gif) no-repeat right #999;
   font-size: 18px;
	}


.r4{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r4 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r4.gif) no-repeat right #999;
   font-size: 18px;
	}


.r5{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r5 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r5.gif) no-repeat right #999;
   font-size: 18px;
	}


.r6{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r6 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r6.gif) no-repeat right #999;
   font-size: 18px;
	}


.r7{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r7 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r7.gif) no-repeat right #999;
   font-size: 18px;
	}


.r8{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r8 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r8.gif) no-repeat right #999;
   font-size: 18px;
	}


.r9{
        _height: 100px;
	margin: 20px 0 0;
	_margin: 20px 0 10px;
	_padding-bottom:  20px;
	border: 1px solid #ccc;
	}

.r9 h3{
	color:#fff;
	height: 20px;
	margin: 0 0 10px;
	padding: 8px 10px 2px 80px;
	background: url(img/r9.gif) no-repeat right #999;
   font-size: 18px;
	}

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

#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: 18px;
	color: #ffffff;
	font-family: "HGP創英角ｺﾞｼｯｸUB";
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	padding: 28px 10px 5px 60px ;
	text-align: left;
	background: url("img/h4.jpg") no-repeat left top #044f92;
	border:none;
}

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

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

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


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



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




.entry
{
 line-height: 1.8;
 margin: 0px;
 padding-bottom: 10px; 
    border:1px solid #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;
    padding: 20px 0 0 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;
}








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

.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: 540px;
    font-size: 13px;
    margin: 0px 20px 30px;
    background: #ccc;
}
td { background: #fff;
    padding: 5px 10px;}


th { background: #fdfdfd;
    padding: 5px 10px}

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

.t1{
    text-align: center;}


form
{
    width: auto;
    _width: 100%;
    margin: 10px 0 ;
    padding: 10px;
    font-size: 0.9em;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background: #f8f8f8;
    clear: both;
    text-align: center;
}


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

.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: 1.25; clear: both;margin:30px 0px ;} 
.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 ;
}