/* -----------------------------------------------
    Name:     スキンサンプル-CSS-
    Designer: ドリコム
    URL:      
    Date:     2008-04-07 
   ----------------------------------------------- */

* {
	font-family:'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
}
body {
    margin:10px 0 10px 0;
    padding:0px;
    text-align:center;
    font-size:12px;
    color:#333333;
    border:none;
    /*background:#FDFAF7;*/
    background:url(/blog/template/10012/img/bg.gif) repeat-y center #F9FAF4;
	scrollbar-face-color:#fffced;		/* スクロールバー本体の色 */
	scrollbar-highlight-color:#ffffff;	/* スクロールバー左側（上）の影 */
	scrollbar-shadow-color:#ffffff; 	/* スクロールバー右側（上）の影 */
	scrollbar-3dlight-color:#cccccc;	/* スクロールバーの左側（下）の影 */
	scrollbar-arrow-color:#8C6239;		/* 矢印の色 */
	scrollbar-track-color:#F9FAF5;		/* 背面の色 */
	scrollbar-darkshadow-color:#cccccc;	/* スクロールバー右側（下）の影 */
}
ul,li, {
	margin:0;
	padding:0
	}
a:link,
a:visited {
	color:#993333;
	text-decoration:none;
	}
a:hover{
	color:#3399BB;
	text-decoration:underline;
	}
hr{
	color:#999999;
	height:1px;
	}
p {
	padding:5px 0;
	}
img {
	background:none;
	border:none;
	text-decoration:none;
	}
a img {
	border-width:0;
	}
input,textarea {
	padding:3px;
	border:1px solid #A69168;
	background:#F7F9EA;
	}
form { 
	padding:0;
	margin:0 10px;
	font-size:12px;
	text-align:left;
	}
.clear, .cl {
	height:1px;
	font-size:1px;
	clear:both;
	}


/***************************************************
	container
****************************************************/
#container {
	margin:0px auto 10px auto; 
	width:960px;
	text-align:left;
	border-bottom:3px solid #A69168;
	}
/***************************************************
	header
****************************************************/
#header {
	width:960px;
	height:620px;
	margin:0 0 20px 0;
	background:url(/blog/template/10012/img/header.jpg) no-repeat top center;
	position:relative;
	}
h1 {
	margin:0;
	/*padding:20px 20px 10px 20px;*/
	color:#3399BB;
	font-size:16px;
	font-weight:normal;
	top:-50000px;
	position:absolute;
	}
h1 a:link,
h1 a:visited,
h1 a:hover {
	text-decoration:none;
	color:#3399BB;
	}
h2 {
	margin:0;
	padding:0 20px 30px 20px;
	color:#3399BB;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
    	top:-50000px;
	position:absolute;
	}
h1 div,
h2 div {
	width:100%;
	/* h1,h2の大きい方の余白部分をマイナス */
	overflow:hidden;
	word-break:all-break;
	}
#m_news {		/*【m】はメインテンプレート用*/
    	top:10px;
	left:100px;
	position:absolute;
	}
a.m-news {
	background:url("/blog/template/10012/img/m_news.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-news:hover {
   background-position: top right;
	}
#m_event {
    top:60px;
	left:100px;
	position:absolute;
	}
a.m-event {
	background:url("/blog/template/10012/img/m_event.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-event:hover {
   background-position: top right;
	}
#m_food {
    top:120px;
	left:100px;
	position:absolute;
	}
a.m-food {
	background:url("/blog/template/10012/img/m_food.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-food:hover {
   background-position: top right;
	}
#m_drink {
    top:180px;
	left:100px;
	position:absolute;
	}
a.m-drink {
	background:url("/blog/template/10012/img/m_drink.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-drink:hover {
   background-position: top right;
	}
#m_sweet {
    top:240px;
	left:100px;
	position:absolute;
	}
a.m-sweet {
	background:url("/blog/template/10012/img/m_sweet.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-sweet:hover {
   background-position: top right;
	}
#m_lunch {
    top:300px;
	left:100px;
	position:absolute;
	}
a.m-lunch {
	background:url("/blog/template/10012/img/m_lunch.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-lunch:hover {
   background-position: top right;
	}
#m_party {
    top:360px;
	left:100px;
	position:absolute;
	}
a.m-party {
	background:url("/blog/template/10012/img/m_party.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-party:hover {
   background-position: top right;
	}
#m_access {
    top:420px;
	left:100px;
	position:absolute;
	}
a.m-access {
	background:url("/blog/template/10012/img/m_access.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-access:hover {
   background-position: top right;
	}
#m_contact {
    top:480px;
	left:100px;
	position:absolute;
	}
a.m-contact {
	background:url("/blog/template/10012/img/m_contact.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-contact:hover {
   background-position: top right;
	}
#m_diary {
    top:540px;
	left:100px;
	position:absolute;
	}
a.m-diary {
	background:url("/blog/template/10012/img/m_diary.gif") top left no-repeat;
	display:block;
	width:200px;
	height:50px;
	text-indent:-5000px;
	}
a.m-diary:hover {
   background-position: top right;
	}
#m_home {
    top:470px;
	left:760px;
	position:absolute;
	}
/***************************************************
	header_sub【s】は1記事テンプレート用
****************************************************/
#header_sub {
	width:960px;
	height:200px;
	margin:0 0 20px 0;
	background:url(/blog/template/10012/img/header_sub.jpg) no-repeat top center;
	position:relative;
	}
#s_news {
    top:130px;
	left:30px;
	position:absolute;
	}
a.s-news {
	background:url("/blog/template/10012/img/s_news.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-news:hover {
   background-position: top right;
	}
#s_event {
    top:130px;
	left:130px;
	position:absolute;
	}
a.s-event {
	background:url("/blog/template/10012/img/s_event.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-event:hover {
   background-position: top right;
	}
#s_food {
    top:130px;
	left:280px;
	position:absolute;
	}
a.s-food {
	background:url("/blog/template/10012/img/s_food.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-food:hover {
   background-position: top right;
	}
#s_drink {
    top:130px;
	left:380px;
	position:absolute;
	}
a.s-drink {
	background:url("/blog/template/10012/img/s_drink.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-drink:hover {
   background-position: top right;
	}
#s_sweet {
    top:130px;
	left:480px;
	position:absolute;
	}
a.s-sweet {
	background:url("/blog/template/10012/img/s_sweet.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-sweet:hover {
   background-position: top right;
	}
#s_lunch {
    top:130px;
	left:580px;
	position:absolute;
	}
a.s-lunch {
	background:url("/blog/template/10012/img/s_lunch.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-lunch:hover {
   background-position: top right;
	}
#s_party {
    top:130px;
	left:680px;
	position:absolute;
	}
a.s-party {
	background:url("/blog/template/10012/img/s_party.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-party:hover {
   background-position: top right;
	}
#s_access {
    top:170px;
	left:80px;
	position:absolute;
	}
a.s-access {
	background:url("/blog/template/10012/img/s_access.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-access:hover {
   background-position: top right;
	}
#s_contact {
    top:170px;
	left:180px;
	position:absolute;
	}
a.s-contact {
	background:url("/blog/template/10012/img/s_contact.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-contact:hover {
   background-position: top right;
	}
#s_diary {
    top:130px;
	left:780px;
	position:absolute;
	}
a.s-diary {
	background:url("/blog/template/10012/img/s_diary.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.s-diary:hover {
   background-position: top right;
	}
#s_home {
    top:0px;
	left:0px;
	position:absolute;
	}
/***************************************************
	side_category【side】サイドバー用
****************************************************/
#side_category {
	position:relative;
	}
#side_news {
    top:10px;
	left:10px;
	position:absolute;
	}
a.side-news {
	background:url("{$BlogUrl$}img/s_news.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-news:hover {
   background-position: top right;
	}
#side_event {
    top:40px;
	left:10px;
	position:absolute;
	}
a.side-event {
	background:url("{$BlogUrl$}img/s_event.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-event:hover {
   background-position: top right;
	}
#side_food {
    top:70px;
	left:10px;
	position:absolute;
	}
a.side-food {
	background:url("{$BlogUrl$}img/s_food.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-food:hover {
   background-position: top right;
	}
#side_drink {
    top:100px;
	left:100px;
	position:absolute;
	}
a.side-drink {
	background:url("{$BlogUrl$}img/s_drink.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-drink:hover {
   background-position: top right;
	}
#side_sweet {
    top:130px;
	left:10px;
	position:absolute;
	}
a.side-sweet {
	background:url("{$BlogUrl$}img/s_sweet.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-sweet:hover {
   background-position: top right;
	}
#side_lunch {
    top:160px;
	left:10px;
	position:absolute;
	}
a.side-lunch {
	background:url("{$BlogUrl$}img/s_lunch.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-lunch:hover {
   background-position: top right;
	}
#side_party {
    top:190px;
	left:10px;
	position:absolute;
	}
a.side-party {
	background:url("{$BlogUrl$}img/s_party.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-party:hover {
   background-position: top right;
	}
#side_access {
    top:220px;
	left:10px;
	position:absolute;
	}
a.side-access {
	background:url("{$BlogUrl$}img/s_access.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-access:hover {
   background-position: top right;
	}
#side_contact {
    top:250px;
	left:10px;
	position:absolute;
	}
a.side-contact {
	background:url("{$BlogUrl$}img/s_contact.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-contact:hover {
   background-position: top right;
	}
#side_diary {
    top:280px;
	left:10px;
	position:absolute;
	}
a.side-diary {
	background:url("{$BlogUrl$}img/s_diary.gif") top left no-repeat;
	display:block;
	width:100px;
	height:30px;
	text-indent:-5000px;
	}
a.side-diary:hover {
   background-position: top right;
	}
/***************************************************
	col
****************************************************/
#blog {
	margin:0 auto;
	padding:0 10px;
	width:960px;
	}
#center {
	margin:0 5px 10px 5px;
	text-align:left;
	}
#center_r { }
#center_top { }
#center_top_r { }
#center_bot { }
#center_bot_r { }


/***************************************************
	entry
****************************************************/
.entry {
	width:100%;
	margin:0 auto 15px auto;
	text-align:left;
	border:1px solid #F4DE78;
	background:#F7F9EA;
	overflow:hidden;
	word-break:break-all;
	/* コメント入力部分用、絵文字や文字色選択の表示を妨げないようにoverflowを使わない */
	}
.entry_comment{
	width:100%;
	margin:0 auto 15px auto;
	text-align:left;
	border:1px solid #CCCCCC;
	}
h3 {					/*記事タイトル*/
	margin:0;
	padding:5px 10px;
	background:#F4DE78;
	}
.tit {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	}
.date {
	font-size:10px;
	font-weight:normal;
	color:#000000;
	white-space:nowrap;
	}
.entry_text {
	margin:0;
	padding:5px;
	font-size:12px;
	line-height:1.3;
	overflow:hidden;
	word-break:break-all;
	/* コメント入力部分用、絵文字や文字色選択の表示を妨げないようにoverflowを使わない */
	}
.entry_layer {
	}
.readmore {
	padding:5px;
	font-size:12px;
	}
.posted {
	padding:5px;
	font-size:10px;
	font-weight:normal;
	line-height:1.1;
	color:#666666;
	text-align:right;
	}
.posted a:link,
.posted a:visited {
	color:#666666;
	text-decoration:none;
	}
.posted a:hover {
	text-decoration:underline;
	color:#3399BB; 
	}
.comment_posted {
	margin:0 5px 10px 5px;
	padding-bottom:10px;
	font-size:10px;
	font-weight:normal;
	line-height:1.2;
	color:#666666;
	text-align:right;
	border-bottom:1px solid #999999;
	}
.comment_posted a:link,
.comment_posted a:visited {
	color:#666666;
	text-decoration:none;
	}
.comment_posted a:hover {
	text-decoration:underline;
	color:#3399BB; 
	}
.comment_layer {
	width:340px;
	margin:0 auto 15px auto;
	padding:5px 0;
	font-weight:normal;
	font-size:12px;
	overflow: hidden;
	word-break: break-all 
	/* 半角英数羅列などの嫌がらせコメントでレイアウトが崩れないようにピクセル指定と幅制限を使用*/
	}


/***************************************************
	side
****************************************************/
.calendar_bg {
	width:200px;
	margin:0 auto;
	}
.calendar {
	width:20px;
	padding:1px;
	margin:0;
	color:#000000;
	font-size:10px;
	text-align:center;
	line-height:1.4;
	}
.calendar a:link,
.calendar a:visited {
	width:20px;
	color:#3399BB;
	text-decoration: none;
	display:block;
	border:1px solid #3399BB;
	/* background:url(/blog/template/10012/img/img/cal.gif) no-repeat; */
	}
.calendar a:hover {
	width:20px;
	color:#FFFFFF;
	background:#3399BB;
	text-decoration:none;
	/* background:url(/blog/template/10012/img/img/cal.gif) no-repeat; */
	}
.side {
	padding:10px;
	width:220px;
	}
.side_title{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	letter-sapacing:inherit;
	border:1px solid #F4DE78;
	background:#F7F9EA;
	}  
.side_text {
	margin:0;
	padding:5px;
	font-size:10px;
	text-align:left;
	width:200px;
	line-height:1.2;
	overflow:hidden; 
	word-break:break-all; 
	/* 半角英数羅列などの嫌がらせコメントでレイアウトが崩れないようにピクセル指定と幅制限を使用*/
	}
.side_text a:link,
.side_text a:visited {
	color:#333; 
	}
.side_text a:hover {
	color:#39B;
	}
.side_text p {
	margin:0;
	padding:5px;
	}



/***************************************************
	page/footer
****************************************************/
.page {
	margin:0 0 10px 0;
	font-size:10px;
	text-align:center;
	overflow:hidden;
	word-break:break-all;
	}
.footer{
	font-size:10px;
	width:100%;
	text-align:center;
	}
.footer a {
	display: block;
	width:960px;
	height:20px;
	background:url(/blog/template/10012/img/copy.gif) no-repeat top center;
	text-indent: -5000px;
	}
/***************************************************
	画像リンクをa:hoverさせる
****************************************************/
a img.ban {
	margin:1px;
	border:1px solid ＃cccccc;
	}
a:hover img.ban {
	background:#ffffff;
	border:1px solid #ff3300;
	}