@charset "utf-8";
/*----------------------------------------*/
/*                 全般                   */
/*----------------------------------------*/

/* タグ リセッタ */
*{
	margin:0;
	padding:0;
}
img{border:none;}
li {list-style: none;}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/* ブロック関連クラス */
.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.none{display:none;}
.txtCenter{text-align:center;}

/* フォント */
.f10{font-size:10px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.reg{color:#FF0000;}
.green{color:#339933;}
.centert{
	text-align:center;	
}

/* Padding */
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

/* リンク */
a{outline:0;}
a:link,
a:visited {
	color: #600;
}
a:hover{text-decoration:none;}

body {
	margin: 0px;
	padding: 0px;
	color:#660000;
	font: 12px/160% 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background: url(img/bg_body.jpg);
}
#head {
	background: url(img/bg_head.jpg);
}


/*ヘッダ*/
#header {
	height: 117px;
	width: 760px;
	margin: 0px auto;
	background: url(img/bg_head_image.jpg) no-repeat right bottom;
}
#header h1 {
	background: url(img/title.jpg) no-repeat;
	height: 64px;
	margin: 0px;
	padding: 0px;
}
#header h1 a {
	display:block;
	height:0pt;
	font-size:1px;
	padding-top:64px;
	overflow:hidden;
}

#header p{
	font-size:10px;
	line-height:150%;
}



/*----------------------------------------*/
/*             ページ間共通               */
/*----------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 728px;
	padding: 16px;
	background: #600;
}
#contents {
	width: 516px;
	float: left;
	padding-top: 10px;
}
#contents p {
	font-family: "ＭＳ 明朝";
	mso-ascii-font-family: Century;
	mso-hansi-font-family: Century;
	padding: 10px 0px;
}

#contents h2{
	font-size: 24px;
	display: block;
	clear: both;
	padding: 10px 0px;
	color: #FFF;
	margin-bottom: 20px;
}
.contentsBox {
	margin-bottom: 20px;
}
.contentsBox h3 {
	font-size: 20px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	display: block;
}
.contentsBox h3 a:link,.contentsBox h3 a:visited {
	color:#FFF;
	text-decoration:none;
}
.contentsBox h3 a:hover {
	color:#FFF;
	text-decoration:underline;
}
.contentsBox em {
	color: #FFF;
	font-style: normal;
	display: block;
	background: url(img/bg_left_tp.jpg) no-repeat left bottom;
	height: 50px;
}
.contentsBox .article {
	background: #FFF url(img/bg_left_tf.jpg) left bottom;
	padding: 0px 15px 15px;
	font-size: 14px;
}

#menu {
	float: right;
	width: 196px;
}
.menuBox {
	background: url(img/bg_right_tp.jpg) no-repeat;
	padding-bottom: 30px;
}
.menuBox ul {
	background: url(img/bg_right_tf.jpg) no-repeat left bottom;
	padding: 0px 9px 15px;
}

.menuBox ul li {
	border-bottom:dotted 1px #CCCCCC;
	padding:5px 0px;
}


#indexItem h2 {
	background: url(img/ttl_mokuji.jpg) no-repeat 9px 13px;
	height: 40px;
	width: 100px;
	text-indent: -9999px;
}
#recentItem h2 {
	background: url(img/ttl_recent.jpg) no-repeat 9px 13px;
	height: 40px;
	width: 100px;
	text-indent: -9999px;
}
#categoryItem h2 {
	background: url(img/ttl_category.jpg) no-repeat 9px 13px;
	height: 40px;
	width: 100px;
	text-indent: -9999px;
}
#linkItem h2 {
	background: url(img/ttl_link.jpg) no-repeat 9px 13px;
	height: 40px;
	width: 100px;
	text-indent: -9999px;
}



/*フッタ*/
#footer{
	clear:both;
	height:72px;
	background: url(../img/line_footer.gif) no-repeat center 0px;
	padding-top: 20px;
}

#footer ul{
	display:block;
	clear:both;
	margin:0px auto;
	height:10px;
	padding-bottom:11px;
}
#footer li{
	float:left;
	display:block;
	padding-right:5px;
	font-size:10px;
}
#footer a{
	color:#FB427E;
	text-decoration:none;
}
#footer .ftTop{
	width:170px;
}
#footer .ftMiddle{
	width:690px;
}
#footer .ftBottom{
	width:480px;
}

#copyright {
	background: url(../img/bg_footer.gif) repeat-x;
	height: 26px;
	clear: both;
	text-align:center;
	padding-top:2px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-size:10px;
}
#copyright a{
	color:#FFFFFF;
}
