@import "reset.css";

*{font-family:"ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;}

strong{font-weight:bold;}

/* リンク色（ページ全体） */
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff0000;}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}



/* リンク色（ヘッダー） */
#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0px; }


/* ページレイアウト */

html{
 background:url("img/bk5.jpg");
}

body
{
 margin: 0;
 padding: 0;
 font-size: 100%;
 text-align: center;
 color: #555;
 background:url("img/body_bk.jpg");
 line-height: 1.5;
}

#container
{
 margin: 0 auto;
 padding: 0;
 text-align: center;
 width: 730px;
 background:#fff;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;
 position:relative;
}

#container:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}

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

#banner
{
 width: 730px;
 height: 158px;
 overflow:hidden;
 margin: 0 auto 35px;
 background-color:#fff;
 background-image:url(img/top4.jpg);
 background-repeat:no-repeat;
 background-position:left bottom;
 clear:both;
}

#banner h1
{
 margin:0px 10px;
 font-size:85%;
 color:#333;
 font-weight:normal;
 text-align:left;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
 text-align: left;
 padding-left:10px;
}

#pagebody:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}


/* ナビゲーション */

#navi {
 overflow:hidden;
 text-align:left;
 color:#999;
 position:absolute;
 top:158px;
 left:0;
 width:730px;
 clear:both;
}

#navi div,
#navi h1{
 font-size:85%;
 padding:3px 10px;
 font-weight:normal;
}

#navi a{ color:#11c;}
#navi a:hover{ color:#f00;}

#navi:after
{
 content: " ";
 display: block;
 visibility: hidden;
 clear: both;
}


/* メインコンテンツレイアウト */

#main{
 width:480px;
 float:left;
 }


/* 記事部分コンテンツ */

.entry
{
 line-height: 1.5;
 margin: 0;
 font-size:92%;
 clear:both;
}


.entry_waku{
 padding:5px 10px;
 margin: 0 5px 15px;
 border:1px solid #ccc;
}

.maru li{
 margin:0px 0px 5px;
 padding:0 0 3px 22px;
 background:url(img/menu_arrow.jpg) no-repeat left 3px;
 border-bottom:1px dotted #ccc;
 line-height:1.4;
}

.maru dt{
 margin:0px 0px 0px;
 padding:0 0 3px 22px;
 background:url(img/menu_arrow.jpg) no-repeat left 3px;
 border-bottom:1px solid #ccc;
 line-height:1.4;
}

.maru dd{
 margin-bottom:15px;
 font-size:85%;
}

.maru a{text-decoration:none;}
.maru a:hover{text-decoration:underline;}

.mltimg{
 margin-left:190px;
 margin-right:5px;
 margin-bottom:20px;
}


.entry p{
 margin-bottom:10px;
}

.entry:after{
 clear:both;
}


.ent2{
 font-size:92%;
}


.more
{
 text-align: right;
 }



.entry-footer
{
 margin: 5px 10px 0 0;
 border-top: 1px dotted #ccc;
 padding: 5px 0;
 color: #999;
 font-size: 10px;
 text-align: right;
}


/* 見出し関連 */

.header1
{
 clear: both;
 border-bottom:2px solid #ccc;
 line-height: 1.7;
 font-size: 108%;
 font-weight: bold;
 padding-left:5px;
 margin:5px 5px 10px;
}

.header1 a{
 color:#333;
 text-decoration:none;
}

.header1 a:hover{
 color:#f00;
 text-decoration:underline;
}

.header1 span{
 font-weight:normal;
 font-size:12px;
}


/* サイド */

#side{
 width:220px;
 float:right;
}

.side_box{
 margin:0 10px 20px;
}

.side_title{
 border-bottom:2px solid #ccc;
 padding:6px 5px 5px 17px;
}

.side_title a{
 text-decoration:none;
}

.side_cont{
 font-size:84%;

}

.side_cont li{
 background:#f7eee1;
 border-bottom:1px dotted #ccc;
 padding:5px;
 background:url(img/side_li_bk.jpg);
}

.side_cont li a{
 text-decoration:none;
 margin-left:16px;
}

.side_cont li a:hover{
 color:#f00;
}


/* フッター上メニュー */


div.f_menu{
 background:#F7EEE1;
 border-top:1px solid #E8D0A9;
 text-align:left;
}

div.f_menu table{
 width:100%;
 border-collapse:separate;
 border-spacing:3px;
}

div.f_menu caption{
 font-weight:bold;
 margin:3px 5px;
 border-bottom:1px solid #ccc;
}

div.f_menu table td{
 vertical-align:top;
 width:25%;
 padding:10px;
 font-size:80%;
 border:1px solid #E8D0A9;
 background:#FDF8EF;
}

.td20{width:20%!important;}
.td33{width:30%!important;}

div.f_menu div{
 border-left:5px solid #5e3d14;
 font-weight:bold;
 margin-bottom:5px;
 text-indent:7px;
}

div.f_menu a{
 color:#5e3d14;
 text-decoration:none;
}

div.f_menu a:hover{
 text-decoration:underline;
 color:#f00;
}

div.f_menu p{
 text-align:justify;
 margin-left:10px;
}

div.f_menu ul{
 margin-left:10px;
}

div.f_menu li{
 margin-left:10px;
 list-style-type:disc;
}



/* フッター */
#footer
{
 position: relative;
 width: 730px;
 background: #2f2f2f;
 clear: both;
 color: #fff;
 padding:20px 0;

}

#footer address
{
 padding: 0;
 margin: 0 0 5px;
 font-size: 77%;
}

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


#footer a:hover{ color: #f00;}


/*記事本文下テキストリンク*/

.ent_main_ad{
 clear:both;
 margin:0 15px 25px;
}

.ent_main_ad a{
 font-weight:bold;
 font-size:115%;
 background:url(img/arrow11_r.gif) no-repeat left center;
 padding-left:24px;
}

.ent_main_ad a:hover{
 background:url(img/arrow9_r.gif) no-repeat left center;
}


/* リスト関連 */

ul.prlink{
 margin:0 5px 30px 20px;
 font-size:85%;
}

ul.prlink li{
 list-style-type:disc;
 margin-left:10px;
}

ul.prlink a{
 color:#333;
}

ul.prlink a:hover{
 color:#f00;
 text-decoration:none;
}


.mlt{

}

.mlt li{
 background:url(img/reten.gif) no-repeat left 2px;
 padding-left:25px;
 margin-bottom:10px;
 border-bottom:1px dotted #ddd;
 line-height:1.4;
 font-weight:bold;
}

.mlt li a{ text-decoration:none;}
.mlt li a:hover{ text-decoration:underline;}

.ent_btm_menu{
 margin:10px 10px 10px 3px;
}

.ent_btm_menu li{
 background:url(img/menu_arrow.jpg) no-repeat left 3px;
 padding-left:25px;
 margin-bottom:5px;
 line-height:1.4;
}

.ent_btm_menu a{
 text-decoration:none;
}

.ent_btm_menu a:hover{
 text-decoration:underline;
}



/*運営者情報テーブル*/

table.ask {
	border: 1px solid #666;
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 2%;
	width: 94%;

}


table.ask th{
	border: 1px dotted #666;
	border-collapse: collapse;
	background-color: #FEF5E7;
	color: #333333;
	font-size: 92%;
	font-weight:bold;
	line-height: 160%;
	margin:0;
	padding: 5px 10px;
	text-align: center;
	white-space:nowrap;
}


table.ask td{
	border: 1px dotted #666;
	border-collapse: collapse;
	font-size: 92%;
	margin:0;
	padding: 5px 15px;
	line-height: 140%;
}



/* このサイトについて　*/

#about{
 background:url(img/aboutsite.jpg) left top;
 line-height: 1.5;
 margin: 0 0px 25px 5px;
 clear:both;
 border:1px solid #ddd;
}

#about p{
 margin-bottom:10px;
 margin-left:10px;
 margin-right:10px;
 font-size:80%;
}

#about div{
 border-bottom:1px dotted #5e3d14;
 border-bottom:1px dotted #e8d0a9;
 margin:5px;
 text-indent:7px;
 font-size:85%;
 color:#ed9122
}


/* その他 */

#ent_body{
 position:relative;
}



/*文字装飾*/

.rb		{ color:#f03;}
.uline	{ text-decoration:underline;}
.yb		{ background:#ff0;}

.t_left		{ text-align:left;}
.t_center	{ text-align:center;}
.t_right,
.tRight{ text-align:right;}

.c_both{ clear:both;}

.left{
float:left;
margin:0 20px 0 0;
}

.right{
float:right;
margin:0 0 0 20px;
}


/*
===== 1: CLEARFIX ==========================================
*/



.clearfix:after {
 content: " ";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* */


/* margin関連 */

.no_margin { margin: 0;}

.aM10{ margin: 10px!important; }
.tM10{ margin-top: 10px!important; }
.rM10{ margin-right: 10px!important; }
.bM10-b{ margin-bottom: 10px!important; }
.mM10-l{ margin-left: 10px!important; }


.aM15{ margin: 15px!important; }
.tM15{ margin-top: 15px!important; }
.rM15{ margin-right: 15px!important; }
.bM15{ margin-bottom: 15px!important; }
.lM15{ margin-left: 15px!important; }


.aM20{ margin: 20px!important; }
.tM20{ margin-top: 20px!important; }
.rM20{ margin-right: 20px!important; }
.bM20{ margin-bottom: 20px!important; }
.lM20{ margin-left: 20px!important; }


/* padding関連 */

.no_padding { padding: 0;}

.aP10{ padding: 10px!important; }
.tP10{ padding-top: 10px!important; }
.rP10{ padding-right: 10px!important; }
.bP10-b{ padding-bottom: 10px!important; }
.mP10-l{ padding-left: 10px!important; }


.aP15{ padding: 15px!important; }
.tP15{ padding-top: 15px!important; }
.rP15{ padding-right: 15px!important; }
.bP15{ padding-bottom: 15px!important; }
.lP15{ padding-left: 15px!important; }


.aP20{ padding: 20px!important; }
.tP20{ padding-top: 20px!important; }
.rP20{ padding-right: 20px!important; }
.bP20{ padding-bottom: 20px!important; }
.lP20{ padding-left: 20px!important; }


#rotate{
 margin-left:5px;
 margin-bottom:10px;
}

.adarea{
 background:url(img/ad_bk.jpg) no-repeat 325px -40px;
 margin:0 5px 20px;
}

.txtbnr{
 padding:10px 0;
 text-align:center;
}

.txtbnr span{
 font-weight:bold;
}
.txtbnr span a{
 background:#ff0;
}

#adarea{
overflow:hidden;
width:435px;
height:380px;
}