/*共通CSS*/
@import "./system.css";
@import "./entry.css";
@import "./reset.css";
@import "./common.css";


/*--------------------*/

#wrapper{
	margin: 0 auto;
	width: 950px;
	background:url('../image/back_wrapper.gif') repeat-y 0 0 #fff;
}

/* clear hack */
#wrapper{zoom:1;}
#wrapper:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/*-------------------------- ヘッダ ------------------------------*/
#header {
	margin: 0 auto;
	width: 950px;
}
#header h1{margin:0;padding:0;}
/*枠*/
#body-box {
	margin: auto;
	width: 950px;
	background-color:#fff;
	color:#000;
	padding-top:10px;
}

/*-------------------------- left-memu ------------------------------*/

#left-box {
	display: inline;
	float: left;
	margin:0px;
	padding-bottom:20px;
	width: 205px;
	text-align:center;
}
/*-------------------------- コンテンツ ------------------------------*/

#center-box {
	display: inline;
	float: left;
	margin:0 auto;
	text-align:center;
	width:540px;
}

/*-------------------------- right-memu ------------------------------*/

#right-box {
	display: inline;
	float: right;
	margin:0;
	padding-bottom:20px;
	width:200px;
	text-align:center;
}
/*-------------------------- フッタ ------------------------------*/

#footer{
	width:950px;
	height:30px;
	clear:both;
	background:url("../image/footer.gif") no-repeat 0 bottom;
	text-align:center;
}
#footer img{
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}

/*-------------------------- 各カテゴリ枠 ------------------------------*/
/*カテゴリ枠*/
.side{margin:0 auto 10px;text-align:center;}

/* カテゴリ枠：右側 */
.side-l{width:190px;}

/* カテゴリ枠：左側 */
.side-r{width:180px;margin:0 auto;}

.side dl{margin:0;}
.side dt{margin:0 0 10px;padding:0;}
.side dd{
	margin:0;
	padding:0;
}
.side dd ul{
	margin:0 8px 10px 15px;
	padding:5px 0 0 0;
	font-size: 12px;
	line-height: 135%;
	list-style-type:none;
}
.side dd ul li{
	margin:0;
	padding:0 0 3px 15px;
	background:url("../image/arrow.gif") no-repeat 0 6px;
}




/*左コンテンツ------------------------------------*/


/*リンクバナー*/
.banner {
	margin: 0 auto 8px;
}
.banner-end{
	margin: 0 auto 30px;
}

/* qrコード */
.side-qr{
	margin:0 auto 15px;
}
.side-qr img{text-align:center;}

/*中央コンテンツ------------------------------------*/
/* 記事：大枠 */
.comment-area{
	width:500px;
	margin:0 auto;
}

/* 投稿日 */
div.day p{
	padding-right:10px;
	text-align:right;
}
/*記事：内容エリア*/
div.comment-box {
	margin:0px auto 10px;
	text-align: center;
	border:1px solid #cdcdcd;
	border-top:4px solid #cdcdcd;
	background:url(../image/bottom_gra.gif) no-repeat 0 bottom;
}
/*記事：内容エリア*/
div.comment-box h2{
	margin:8px 10px 5px;
	padding:5px;
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:url(../image/title_back.gif) repeat-y 0 0;
}
div.comment-box h2 a:link, div.comment-box h2 a:visited {color:#fff;}
div.comment-box h2 a:hover,  div.comment-box h2 a:active{color:#fff;text-decoration: underline;}

/*テーマ*/
div.theme{
	margin:0 10px;
	text-align:right;
}
div.theme ul{margin:0;padding:0;list-style-type:none;}
div.theme li{float:right;}

/* clear hack */
div.theme ul{zoom:1;}
div.theme ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}



/* リンク色 */
div.theme li a{color:#003c97;}
div.theme li a:hover{color:#003c97;text-decoration: underline;}

/*記事タイトル*/
div.comment-box .top-area{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 449px;
	background: url("../image/title-top.jpg") no-repeat 0 0 #d8d8d8;
}


/* clear hack */
div.comment-box{zoom:1;}
div.comment-box:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/*記事本文*/
div.comment-box .text {
	margin:20px;
	line-height:160%;
	text-align:left;
}
div.comment-box .text ul.sns{
	margin-top:10px;
}
div.comment-box .text img{margin: 20px;}

/*ライター表記・コメント・トラックバック*/
div.comment-box .bottom {
	clear:both;
	margin:10px auto;
	padding-top:6px;
	width:450px;
	letter-spacing:1px;
	font-size:12px;
	text-align:right;
	background:url('../image/bttom_line.gif') no-repeat 0 top;
}

/* リンク色 */
div.comment-box .bottom a:link, div.comment-box .bottom a:visited {
	color: #003c97;
	text-decoration: none;
}
div.comment-box .bottom a:hover, div.comment-box .bottom a:active {
	color:#003c97;
	text-decoration:underline;
}

/* snsボタン */
.sns{
	width:400px;
	margin:0 auto 1.5em;
	list-style:none;
}
/* clear hack */
.sns{zoom:1;}
.sns:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.sns li{
	float:right;
}

/*右コンテンツ------------------------------------*/

/* twitterバナー */

ul#twitter{
	width:180px;
	margin:0 auto;
	padding:0;
}

ul#twitter li{
	margin:0 0 1.0em;
	padding:0;
	list-style:none;
}

/* カレンダー */
#calender{
	margin:0 5px;
	text-align:left;
	width:170px;
}
#calender p{
	margin:0 auto;
	text-align:center;
}
#calender table {
	line-height: 120%;
	margin:0 auto 20px;
	padding: 5px;
	width: 150px;
	border-collapse: collapse;
}
#calender table th {
	padding:3px;
	font-size: 12px;
	background:#ececec;
	text-align: center;
	border: 1px solid #4b4b4b;
}
/* 土曜日 */
#calender table th.sat{color:#004d99;}
/* 日曜日 */
#calender table th.sun{color:#db0000;}

#calender table td {
	padding:3px;
	font-size: 12px;
	color: #333;
	height: 15px;
	text-align: center;
	border: 1px solid #4b4b4b;
}
/* 今日 */
#calender table td.today{
	height: 15px;
	padding: 0px auto 10px;
	background: #d7e0ed;
	color: #2a4671;
	border: 1px solid #4b4b4b;
}


/* リンク色 */
#calender a:link, #calender a:visited,
#calender a:hover, #calender a:active {
	color:#2a4671;
	text-decoration: underline;
}

/* 投稿記事一覧 */
#recententry-archives{
	margin-bottom:10px;
	text-align:right;
	background:url('../image/arrow_kiji.gif') no-repeat 95px 4px;
}
#recententry-archives a{color:#003c97;
}


/* 検索フォーム */
#search{
	margin:10px auto;
	padding:0;
	width:170px;
}
#search p{
	padding:0;
	color:#686868;
}


/* rss */
.side-rss{
	font-size:10px;
	color:#3c8be7;
	text-align:center;
	width:180px;
}
.side-rss dt{margin-bottom:10px;}

.side-rss ul,.side-rss li{
	margin-left :5px;
	padding : 0px 0px 4px;
	font-size :12px;
	list-style-type : none;
}
.side-rss p{text-align:center;}

.side-rss img{vertical-align: middle;padding-right:15px;}


/* rss:リンク色 */
.side-rss a:link,.side-rss a:visited {
	color:#003c97;
	text-decoration: none;
}
.side-rss a:hover,.side-rss a:active {
	color:#003c97;
	text-decoration: underline;
}


/* 投稿記事一覧ページ ------------------------------------*/

#ichiran-area{margin:0 auto;text-align:left;font-family: "ＭＳ Ｐゴシック","sans-serif";width:500px;}
#ichiran-area h2{
	margin:0 auto 20px;
	padding:3px 10px;
	background:url('../image/category_back.gif') no-repeat 0 0;
	border:3px solid #cdcdcd;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#343435;
}

#ichiran-area h3{
	margin:0;
	padding:8px 20px 5px;
	color:#000;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0.1em; 
}
#ichiran-area ul{
	margin:0 0 10px;
	padding:10px 0 10px 30px;
	list-style-type:none;
	border:1px #ccc;
	border-style:dashed none dashed none;
	background:#efefef;
}
#ichiran-area li{
	margin:0;
	padding:0 0 0 15px;
	background:url('../image/arrow.gif') no-repeat 0 5px;
}

/* カテゴリ別一覧ページ ------------------------------------*/
#category-area{
	margin:0 auto 20px;
	text-align:center;
	background:url('../image/category_back.gif') no-repeat 0 0;
	width:500px;
	border:3px solid #cdcdcd;
	}

#category-area h2{
	padding:3px 15px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#343435;
}