/* -----------------------------------------------
    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/10004/img/bg.gif) repeat-y center #FDFAF7;
	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 #0D7AAF;*/
	background:url(/blog/template/10004/img/header.gif) no-repeat top center;
	}


/***************************************************
	header
****************************************************/
#header {
	width:960px;
	height:200px;
	margin:0 0 20px 0;
	}
h1 {
	margin:0;
	/*padding:20px 20px 10px 20px;*/
	color:#3399BB;
	font-size:16px;
	font-weight:normal;
	}
h1 a {		/*タイトルの文字を表示させずにリンクを生かす*/
	display: block;
	width:100%;
	height:200px;
	text-indent: -5000px;
	}
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;
	}

/***************************************************
	col
****************************************************/
#blog {
	margin:0 auto;
	padding:0 10px 200px 10px;
	width:960px;
	background:url(/blog/template/10004/img/blog_kumo.gif) no-repeat bottom right;
	}
#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;
	padding:0 0 40px 0;
	text-align:left;
	/*border:1px solid #CCCCCC;*/
	background:url(/blog/template/10004/img/entry_kumo.gif) no-repeat bottom left;
	overflow:hidden;
	word-break:break-all;
	/* コメント入力部分用、絵文字や文字色選択の表示を妨げないようにoverflowを使わない */
	}
.entry_comment{
	width:100%;
	margin:0 auto 15px auto;
	text-align:left;	
	border-bottom:1px solid #0D7AAF;
	}
h3 {					/*記事タイトル*/
	height:47px;
	margin:0;
	padding:5px 10px;
	background:url(/blog/template/10004/img/tit_kumo.gif) no-repeat top right;
	}
.tit {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#0D7AAF;
	}
.date {
	font-size:10px;
	font-weight:normal;
	color:#0D7AAF;
	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/10004/img/cal.gif) no-repeat; */
	}
.calendar a:hover {
	width:20px;
	color:#FFFFFF;
	background:#3399BB;
	text-decoration:none;
	/* background:url(/blog/template/10004/img/cal.gif) no-repeat; */
	}
.side {
	padding:10px;
	width:220px;
	}
.side_title{
	height:45px;
	padding:10px 0 0 0px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	letter-sapacing:inherit;
	/*border:1px solid #CCCCCC;*/
	background:url(/blog/template/10004/img/side_kumo.gif) no-repeat top left;
	}  
.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/10004/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;
	}