﻿/*共通CSS*/
@import "./system.css";
@import "./entry.css";
@import "./reset.css";
@import "./common.css";


/*--------------------*/

#wrapper{
	margin: 0 auto;
	width: 900px;
	background-color:#fff;
}

/* clear hack */
#wrapper{zoom:1;}
#wrapper:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/*-------------------------- ヘッダ ------------------------------*/
#header {
	margin: 0 auto;
	width: 900px;
}
/*枠*/
#body-box {
	margin: auto;
	width: 900px;
	background-color:#fff;
	color:#000;
	padding-top:10px;
}

/*-------------------------- left-memu ------------------------------*/

#left-box {
	display: inline;
	float: left;
	margin:0 0 0 0;
	padding-bottom:20px;
	width: 190px;
	background-color:#fff;
}
/*-------------------------- コンテンツ ------------------------------*/

#center-box {
	display: inline;
	float: left;
	margin:0 16px 0 22px;
	width: 448px;
}

/*-------------------------- right-memu ------------------------------*/

#right-box {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
	padding-bottom:20px;
	width: 190px;
	background-color:#fff;
}
/*-------------------------- フッタ ------------------------------*/
#bottom-box {
	clear: both;
	margin:10px auto;
	width: 900px;
	text-align:center;
	height:55px;
	background:url("../image/footer_back.gif") no-repeat 0 bottom;
}
#bottom-box p{
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	color:#fff;
}
/*-------------------------- 各カテゴリ枠 ------------------------------*/
/*カテゴリ枠*/
.side dl{margin:0 0 10px;}
.side dt{margin:0;padding:0;}
.side dd{
	margin:0;
	padding:0;
	width:190px;
}
.side dd ul{
	margin:0 8px 0 10px;
	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 20px;
	background:url("../image/arrow_basic.jpg") no-repeat 0 3px;
}

/* 都道府県別：リスト */

.side dd ul.japan{
	margin:15px 0 25px;
	padding:0;
	width:190px;
	font-size: 12px;
	line-height: 135%;
	list-style-type:none;
	background:url("../image/japan_back.jpg") no-repeat 0 0;
}
.side dd ul li.japan{
	margin:0;
	padding-left:35px;
	background:url("../image/arrow_black.gif") no-repeat 10px 3px;
}

/* qrコード */
.side-qr{
	margin:0 auto 20px;
}
.side-qr p{
	font-size:10px;
	text-align:center;
}
.side-qr img{
	text-align:center;
	margin-top:7px;
}
.side-qr hr{
	margin:10px 0;
}
/* rss */
.side-rss{
	font-size:10px;
	color:#3c8be7;
	text-align:center;
	width:190px;
}
.side-rss ul{
	margin:0 40px;
	padding:5px;
	list-style-type:none;
}
.side-rss ul li{
	padding-bottom:8px;
}
.side-rss p{
	text-align:center;
}

/* rss:リンク色 */
.side-rss a:link,.side-rss a:visited {
	color:#3c8be7;
	text-decoration: none;
}
.side-rss a:hover,.side-rss a:active {
	color:#3c8be7;
	text-decoration: underline;
}


/*左コンテンツ------------------------------------*/

/* お問合せ */
#con{
	margin:0 auto 15px;
}
#con p{
	font-size:10px;
	width:180px;
	line-height:130%;
}

/*カレンダー：ブログ*/
#side-calendar-box {
	margin: 0 auto;
	width: 150px;
}
#side-calendar-box table {
	line-height: 120%;
	margin: auto;
	padding: 5px;
	width: 150px;
	background-color: #efefef;
	border-collapse: collapse;
}
#side-calendar-box table th {
	font-size: 12px;
	color: #333;
	height: 18px;
	text-align: center;
	border: 1px solid #ccc;
}
#side-calendar-box table td {
	padding: 1px 4px;
	font-size: 12px;
	color: #333;
	height: 15px;
	text-align: center;
	border: 1px solid #ccc;
}
#side-calendar-box table td.month {
	height: 15px;
	margin: 0 auto 10px;
}
#side-calendar-box table td.today{
	height: 15px;
	padding: 0px auto 10px;
	background: #cc0000;
	color: #fff;
	border: 1px solid #ccc;
}

/* リンク色 */
#side-calendar-box a:link, #side-calendar-box a:visited,
#side-calendar-box a:hover, #side-calendar-box a:active {
	color: #cc0000;
	text-decoration: underline;
}

#calendar .today a {
    color: #fff;
    text-decoration:none;
}

#calendar .today a:hover {
    color: #fff;
    text-decoration:underline;
}

/*営業日カレンダー：営業日
#calendar-waku{
	margin: 10px auto 25px;
	padding:5px 0 0;
	width:170px;
	background:#5b3436;
}*/

/* calenderarea */
div.calenderarea{
	margin:0 auto;
	width:195px;
}
/* calenderarea */
div.calenderarea iframe{
	width:195px;
	height:560px;
}

/*リンクバナー*/
.banner {
	margin: 0 auto 5px;
}
.banner-end{
	margin: 0 auto 30px;
}


/*中央コンテンツ------------------------------------*/


/*記事*/
div.comment-box {
	margin: 0px auto 30px;
	width: 466px;
	text-align: center;
	border: 2px solid #cc0000;
}
/*記事タイトル*/
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;
}

/* リンク色:テーマ */
.comment-box .top-area a:link, .comment-box .top-area a:visited {
	color:#000;
	text-decoration: none;
}
.comment-box .top-area a:hover, .comment-box .top-area a:active {
	color:#000;
	text-decoration:underline;
}
div.comment-box .top-area h2{
	margin: 0 auto;
	padding: 35px 0 20px;
	text-align: center;
	width: 333px;
	font-size: 18px;
	font-weight: bold;
}


/* clear hack */
div.comment-box{zoom:1;}
div.comment-box:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/*テーマ*/
div.comment-box .theme {
	margin-right:10px;
	padding:5px 0;
	text-align:right;
}
div.comment-box .theme p {
	text-align:right;
}
div.comment-box .theme strong {
	font-weight:normal;
}

/*記事本文*/
div.comment-box .text {
	margin: 20px 20px;
	line-height:160%;
	text-align:left;
}

/*ライター表記・コメント・トラックバック*/
div.comment-box .bottom {
	clear:both;
	margin: 20px 15px 10px 10px;
	width:410px;
	letter-spacing:1px;
	font-size: 10px;
	text-align: right;
}

/* リンク色 */
div.comment-box .bottom a:link, div.comment-box .bottom a:visited {
	color: #3c8be7;
	text-decoration: none;
}
div.comment-box .bottom a:hover, div.comment-box .bottom a:active {
	color:#3c8be7;
	text-decoration:underline;
}



/* リンク色 */
div.comment-box a:link, div.comment-box a:visited {
	color: #000;
	text-decoration: none;
}
div.comment-box a:hover, div.comment-box a:active {
	color:#000;
	text-decoration:underline;
}


/*右コンテンツ------------------------------------*/

/* アニメ */
#amine p{
	margin:0 auto 20px;
	padding:0;
	text-align:center;
	font-size:11px;
	line-height:1.4;
}

/* リンク色 */
#amine p a{
	color:#cc0000;
	text-decoration:underline;
}

/* 検索フォーム */
#search{
	margin:0 auto 10px;
	padding:20px 5px;
	border:1px solid #848484;
}
#search p{
	margin:0 30px;
	padding:0;
	color:#686868;
}

/* 2008challenge */
#challenge{
	margin:0 0 20px;
	padding:0;
}
#challenge dt{
	margin:0;
	padding:0;
}
#challenge dl{
	margin:0;
	padding:0;
}
#challenge dd{
	margin:0;
	padding:0;
	background:url("../image/challenge_back.jpg") no-repeat left top;
}
#challenge ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#challenge li{
	margin:0;
	padding:0 0 3px 40px;
	background:url("../image/challenge-list.gif") no-repeat 15px 0;
}




/* 投稿記事一覧ページ ------------------------------------*/

#ichiran-area{text-align:left;font-family: "ＭＳ Ｐゴシック","sans-serif";}
#ichiran-area h2{
	margin-bottom:20px;
	background:url('../image/ichiran-title.jpg') no-repeat 0 0;
	width:449px;
	height:32px;
}
#ichiran-area h2 p{
	padding:5px 0 0 30px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
#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 50px;
	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_basic.jpg') no-repeat 0 5px;
}

/* カテゴリ別一覧ページ ------------------------------------*/
#category-area h2{
	margin-bottom:20px;
	background:url('../image/category-title.jpg') no-repeat 0 0;
	width:468px;
	height:32px;
}
#category-area h2 p{
	padding:5px 0 0 30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

