@import "./entry.css";
@import "./system.css";

/* ----------------------------- base-css -------------------------- */

html{height:100%;}

body{
	margin:0;
	padding:0;
	height:100%;
	line-height:1.4;
	color:#333;
	background-color:#dcdcdc;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
}

/* height100% hack */
body > #container{height: auto;}

/* letter-spacing hack */
br{letter-spacing:0;}

/* link */
a					{
	color:#CC3300;
	text-decoration:none;
}
a:link		{}
a:visited	{}
a:hover		{
	color:#FF6600;
	text-decoration:underline;
}
a:active	{}

/* image */
img{border:none;}

/* --------------------- container --------------------- */
#container{
	margin:0 auto;
	width:918px;
	height:100%;
	min-height:100%;
	background-color:#fff;
	border-left:1px solid #29542f;
	border-right:1px solid #29542f;
}

/* --------------------- wrapper --------------------- */
#wrapper{
	padding:20px 0px 30px 10px;}

/* clear hack */
#wrapper{zoom:1;}
#wrapper:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* -------------------- header --------------------- */
#header{margin:0 0px;}
#header h1{margin:0;}
#header span{display:none;}

/* --------------------- 右の大枠 --------------------- */
#side-area{
	float:right;
	width:710px;
}
/* clear hack */
#side-area{zoom:1;}
#side-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* ------------------- エントリーエリア（中央） ----------------- */
#entry-area{
	float:left;
	width:502px;
}

#entry-area1{
	float:left;
	width:502px;
}

/* ------------------ 右メニュー：枠 ------------------ */
#right-area{
	float:right;
	width:192px;
}

/* ------------------ 左メニュー：枠 --------------------- */
#left-area{
	float:left;
	width:190px;
}

#twitter_div{
	width:180px;
}


/* --------------- box（各メニュー部分の枠） ---------------- */

div.box{padding-bottom:20px;}

/* 記事一覧 */
div.box p.link-right{
	margin:5px 0;
	padding-right:15px;
	text-align:right;
	font-weight:bold;
	background:url('../image/alllist_arr.gif') no-repeat 82px 4px;
}

/* -------------------- headline（見出し） --------------------- */
div.box h3{
	margin:0 0 10px;
	padding:6px 0px 4px 20px;
	color:#0d4b00;
	background:url("../image/headline_back.gif") no-repeat 0px 0px;
	font-size:12px;
	font-weight:normal;
}
div.box h4{
	margin:0 0 5px;
	padding:0;
}

/* --------------------------- 右メニュー ---------------------------- */

/* ------------------ 店長のはなし ------------------ */

#right-area .profile p{
	width:165px;
	margin:0 0px 0px 15px;
 	padding:0;
}

/* ------------------ 最新の投稿記事 ------------------ */

#right-area .list-dot ul{
	width:165px;
	margin:0 0px 0px 18px;
	padding:0;
}

#right-area .list-dot li{
	margin:0 0 4px;
	padding:0 0 0 8px;
	list-style-type:none;
	background:url("../image/dot-mark.gif") no-repeat 0 8px;
}

/* ------------------ 最新のコメント ------------------ */

#right-area .list-comment dl{
	margin:0 0 0 18px;
	padding:0;
}

#right-area .list-comment dt{
	margin:0 0 2px;
	padding:0 10px 0 8px;
	background:url("../image/dot-mark.gif") no-repeat 0 8px;
}
#right-area .list-comment dd{
	margin:0 0 5px;
	padding:0 0 0 30px;
	background:url("../image/listmark_dotend.gif") no-repeat 15px 5px;
}


/* ---------------- カテゴリー・過去の記事 ---------------- */
#right-area .list-normal ul{
	margin:0 0px 0 18px;
	padding:0;
}

#right-area .list-normal li{
	margin:0 0 4px;
	padding:0;
	list-style-type:none;
}


/* ------------------ カレンダー ------------------ */

#calendar{
	width:165px;
	font-size:11px;
	margin-left:5px;
	padding:2px;
	text-align:center;
	background-color:#eaeaea;
	}

/* link */
#calendar a					{color:#cc6600;text-decoration:none;}
#calendar a:hover		{color:#cc6600;text-decoration:underline;}

#calendar table{
	width:100%;
	}

#calendar caption{
	padding:3px 0px;
	font-weight:bold;
	text-align:center;
	}

#calendar th{
	padding:1px;
	font-weight:normal;
	text-align:center;
	}

#calendar td{
	padding:1px;
	text-align:center;
	}

#calendar span.today{
	color:#fff;
	background-color:#cc6600;
}

#calendar .today {
    display: block;
    border: 1px solid #cc6600;
    color:#fff;
    background-color:#cc6600;
    width:15px;
    height:15px;
}

#calendar .today a {
    color: #fff;
    text-decoration:none;
}

#calendar .today a:hover {
    color: #fff;
    text-decoration:underline;
}

/* ------------------ モバイル ------------------ */
.qr-code{
	width:140px;
	padding:0px 0px 0px 20px;
	text-align:center;
}

#right-area .qr-code img.code{}

#right-area .qr-code p{
	margin:0px;
	font-size:11px;
}
/* ------------------ RSS ------------------ */

#rss ul{
	margin:0 0px 0px 10px;
	padding:0;
}

#rss li{
	margin:0 0 4px;
	padding:0 0 0 15px;
	list-style-type:none;
	background:url("../image/ic_rss.gif") no-repeat 0 2px;
	font-size:10px;
}

/* ---------------------- 左メニュー ------------------- */


/* ---------------- バナーが入るエリア ---------------- */

#left-area #banner dl{
	width:175px;
	margin:0 0 15px 5px;
	text-align:center;
}
#left-area #banner dd{
	margin:0 8px;
}

/* ------------------ 最新の投稿記事 ------------------ */

#left-area .list-dot ul{
	margin:0 0px 0px 18px;
	padding:0;
}

#left-area .list-dot li{
	margin:0 0 4px;
	padding:0 0 0 8px;
	list-style-type:none;
	background:url("../image/dot-mark.gif") no-repeat 0 8px;
}
/* ---------------- 住所 ---------------- */
#left-area .ad-area{
	padding:30px 0px 0px 15px;
}
#left-area .ad-area address{
	font-style:normal;
	color:#154300;
}
/* ------------------ footer --------------------- */
#footer{
	margin:0 auto;
	width:918px;
}
#footer img{vertical-align:bottom;}