/*-------------------------------------
▼▼　基本
-------------------------------------*/
html
	{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	}

body
	{ 
	margin: 0;
	padding: 0;
	background:#fff;
	text-align: center;
	color: #666;
	font-size: 13px;
	font-family: arial, helvetica, sans-serif;
	line-height:160%;
	}

form, input
	{
	margin: 0;
	padding: 0;
	}

/*-------------------------------------
▼▼　リンク
-------------------------------------*/
a
	{
	color:#EDC110;
	text-decoration:none;
	}

a:hover
	{
	text-decoration:none;
	color:#ccc;
	}

a img
	{
	border: 0;
	}

h1, h2, h3, h4, h5, h6 
	{
	margin:0;
	padding:0;
	}

/*-------------------------------------
▼▼　外枠
-------------------------------------*/

#container
	{
	width:760px;
	margin:auto;
	padding:auto;
	border:1px solid #ccc;
	text-align:left;
	}

/*-------------------------------------
▼▼　ヘッダー部分
-------------------------------------*/

#banner
	{
	width:760px;
	background:url(img/banner_bg.jpg) center center no-repeat;
	height:130px;
	}

#banner-inner
	{
	padding:40px 380px 10px 80px;
	}

#banner h1
	{
	font-size:17px;
	font-weight:bold;
	letter-spacing:2px;
	}

#banner h1 a
	{
	color:#4b7f97;
	}

#banner h1 a:hover
	{
	color:#F8CF0D;
	}

/*-------------------------------------
▼▼　検索部分
-------------------------------------*/

#searchbox
	{
	background:#fff;
	height:30px;
	padding-left:15px;
	}

#toplink
	{
	float:left;
	padding-top:5px;
	}

#search-inner
	{
	float:right;
	padding:2px 30px 2px 0;
	}

/*-------------------------------------
▼▼　メイン部分
-------------------------------------*/

#wrap
	{
	width:760px;
	background:#fff;
	float:left;
	}

#main
	{
	float:right;
	width:560px;
	}

#main-inner
	{
	margin:15px;
	}

/*-------------------------------------
▼▼　メイン部分【サイト説明部分】
-------------------------------------*/
#main_des
	{
	width:525px;
	background:url(img/des_bg.jpg) center bottom no-repeat;
	height:150px;
	margin-bottom:10px;
	}

#des_inner
	{
	width:400px;
	margin-left:30px;
	float:left;
	}

#des_inner h2
	{
	font-size:14px;
	letter-spacing:1px;
	color:#2A91E9;
	margin:5px;
	}

#des_inner p
	{
	line-height:200%;
	}

/*-------------------------------------
▼▼　メイン部分【一覧部分】
-------------------------------------*/

#box ,.entry_box
	{
	width:525px;
	margin-top:5px;
	float:left;
	}

.top_cat
	{
	float:left;
	width:260px;
	padding-bottom: 10px;
	}

.top_cat a
	{
	color:#87C043;
	}

.top_cat h3
	{
	color:#1576CA;
	font-size:14px;
	height:30px;
	background:url(img/topcate_h3bg.jpg) left top no-repeat;
	padding-left:50px;
	padding-top:5px;
	}

.top_cat h4
	{
	font-size:12px;
	padding-left:30px;
	padding-top:3px;
	background:url(img/topcate_h4bg.gif) left top no-repeat;
	height:23px;
	}

.top_cat p{
	margin:3px 10px 20px 5px;
	background-image: url(img/top_txt_bg.gif);
	line-height: 20px;
	padding: 10px;
	border-top: 1px dotted #bcddf0;
	border-bottom: 1px dotted #BCDDF0;
	border-right: 5px solid #BCDDF0;
	border-left: 5px solid #BCDDF0;
	}


/*-------------------------------------
▼▼　メイン部分【アドセンス】
-------------------------------------*/
.ad
	{
	margin:0;
	padding:0 0 0 30px; 
	}


/*-------------------------------------
▼▼　メイン部分【ページトップ】
-------------------------------------*/

.gotop
	{
	clear:both;
	text-align:right;
	margin-top:10px;
	}

/*-------------------------------------
▼▼　サイド部分
-------------------------------------*/

#side
	{
	float:left;
	width:200px;
	}

#side-inner
	{
	margin:15px 5px;
	}

#side a
	{
	color:#EDC110;
	}

#side a:hover
	{
	color:#ccc;
	text-decoration:underline;
	}

/*-------------------------------------
▼▼　カテゴリ部分
-------------------------------------*/
dl ,dt ,dd
	{
	margin:0;
	padding:0;
	}

.category-inner ,dl
	{
	margin:5px;
	}

.category h2 ,dt
	{
	background:url(img/menu_bg.jpg) center center no-repeat;
	padding:5px 5px 5px 45px;
	font-size:12px;
	color:#0099CC;
	}

.category ul ,.category-navi ul
	{
	margin:0;
	padding:0;
	list-style-type:none;
	}

.category ul li ,.category-navi ul li ,dd
	{
	padding:2px 5px 2px 15px;
	background:#;
	margin-top:1px;
	border:1px solid #ccc;
	}

.category-inner ul li span
	{
	font-size:10px;
	}

/*-------------------------------------
▼▼　サイド部分【アドセンス】
-------------------------------------*/

.ad2
	{
	margin:10px;
	padding-left:20px;
	}

/*-------------------------------------
▼▼　フッター部分
-------------------------------------*/

#footer
	{
	clear:both;
	width:760px;
	background:url(img/footer.jpg) center center no-repeat;
	height:61px;
	text-align:center;
	}

#footer-inner
	{
	color:#fff;
	padding-top:30px;
	}

#footer a
	{
	text-decoration:none;
	color:#fff;
	}


/*-------------------------------------
▼▼　カテゴリページ
-------------------------------------*/

.category-navi
	{
	padding-top:10px;
	}

#mokuji
	{
	width:525px;
	background:url(img/des_bg.jpg) center bottom no-repeat;
	padding:10px 0;
	}

#mokuji h3
	{
	padding-left:20px;
	font-size:14px;
	letter-spacing:1px;
	color:#2A91E9;
	}

#mokuji ul
	{
	margin:15px 20px;
	padding:0;
	list-style-type:none;
	}

#mokuji ul li
	{
	background:url(img/mokuji_li.gif) left center no-repeat;
	padding-left:20px;
	margin:5px 0;
	}

.e_box
	{
	width:460px;
	margin:10px
	}

.e_box h3
	{
	background:url(img/ebox_h3bg.jpg) left center no-repeat;
	height:30px;
	padding:5px 5px 0 60px;
	margin-top:30px;
	}

.e_box h3 a:hover
	{
	color:#EDC110;
	}

.e_box p
	{
	padding:0 10px;
	margin-bottom:10px;
	}

.link-back,
.link-next{
	clear: both;
	margin-top: 20px;
	padding: 0;
	width: 100%;
	font-size: 16pt;
	font-weight: bold;
	line-height: 14pt;
}

.link-back2,
.link-next2{
	clear: both;
	margin: 0px;
	padding: 0;
	width: 100%;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }

.link-back2{ text-align: left; }
.link-next2{ text-align: right; }

.link-next a{ text-decoration: underline; }
.link-next a:link{ color: blue; }
.link-next a:visited{ color: blue; }
.link-next a:hover{ color: red; }

.link-next2 a{ text-decoration: underline; }
.link-next2 a:link{ color: blue; }
.link-next2 a:visited{ color: blue; }
.link-next2 a:hover{ color: red; }

/*------------------------------------------------------------
●１、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●２、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
●３、float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/

.fl-c{ clear: both; }/*左右の寄せを解除*/
.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }
.f22pt{ font-size: 22pt!important; }
.f24pt{ font-size: 24pt!important; }

/*------------------------------------------------------------
●７、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

/*------------------------------------------------------------
●１１、box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/

/*------------------------------------------------------------
●１４、left、right・・・画像の横位置設定
-------------------------------------------------------------*/

/*--------------------▽左に画像、右に文章*/

.left{
	float: left;
	margin: 0 30px 20px 0!important;
}


/*--------------------▽右に画像、左に画像*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}