/* ■■■■■■■■■■■■■■■■■■■■■■■■
01）リセット
02) ボックスレイアウト
03）全体設定
04) タイトル
05) [ 次>> ] の表示
06) 本文・メッセージ
07) コメント＆トラックバック
08) ツールバー　基本設定
09) ツールバー　カレンダー
10) フッタ

EX) カラーパレット
	#DFEDFF		淡青：背景
	#336633		濃緑：既リンク
	#FFE699		山吹：マーカー
	#FF8800		橙：文中リンク
	#996600		茶：コメント枠 
	#99CCFF		青：枠線
	#304080		紺：文字
■■■■■■■■■■■■■■■■■■■■■■■■ */






/*■■□　01) リセット　□■■ */

*{
	margin : 0;
	padding: 0;
	border: none;
	text-decoration: none;
	list-style : none ;
}



/* ■■□　02) ボックスレイアウト　□■■ */

#head {
	min-height: 300px; 
	height:auto !important; 
	height: 300px;
	background: url(http://s.asablo.jp/css/common3/taisou-01/header.jpg) center  no-repeat;
	position: relative;
} 


#container {
	margin: 0 auto;
	width: 920px;
}


#left {
	float: left;
	width: 200px;
}


#center {
	float: left;
	width: 480px;
	padding-left: 15px;
}


#right {
	float: left;
	width: 200px;
	padding-left: 15px;
	background : url(http://s.asablo.jp/css/common3/taisou-01/mod_foot.gif) right bottom no-repeat; 
}


#footer {
	clear: left;
	padding-top : 40px;
	height: 80px;
	background: url(http://s.asablo.jp/css/common3/taisou-01/footer.gif) center bottom no-repeat;
}



/* ■■□　03) 全体設定　□■■ */

body {
	color: #304080;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Osaka", Verdana, arial, sans-selif;
	font-size: 12px;
	line-height:2.5em;
	background: url(http://s.asablo.jp/css/common3/taisou-01/bg.gif) center top repeat-y #DFEDFF;
}


a:link, 
a:visited {
	color: #336633;
}


a:hover { 
	border-bottom : 1px solid;
	color: #DFEDFF;
}


pre {
	border: 4px dotted #FFE699;
	margin-bottom: 1em;
	padding: 1em;
	white-space: normal;
	background: #FFFFFF;
}


blockquote {
	border: 4px double #FFE699;
	margin-bottom: 1em;
	padding: 1em;
	background: #FFFFFF;
}


ul {
	list-style-type: none ;
	margin-top: 1em;
}


li {
	padding : 0 0 0.7em 20px;
	line-height: 1.1em;
}



/* ■■□　04) タイトル・トップバナー　□■■
_____________________________ 02) #head 参照 */

#head h1 {
	position: absolute;
	width: 800px;
	top: 60px;
	left: 35px;
	font-size: 2em;
	letter-spacing: 1.5px;
}


#head h1 a {
	border: none;
	text-decoration: none;
}


#head h1 img {
	margin-top: 0px;
}



/* ■■□　05) [ 次>> ] の表示　□■■ */

.navi {
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	font-weight:bold;
	text-align: right;
}



/* ■■□　06）本文・メッセージ　□■■
_____________ 02) #main, #center 参照 */

h2.msg-title{
	width: 430px;
	padding: 5px 20px 5px 20px;
	line-height: 1.2em;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	text-align: center;
	color: #DFEDFF;
	position: relative;
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_title.gif) top center no-repeat;
	border: double 5px #99CCFF;
}


.msg-date {
	font-size: 0.7em;
	color: #304080;
	display: block;
	position: absolute;
	top: 45px;
	right:0px;
}


.msg-body {
	padding: 60px 20px 220px 20px;
}


 .msg-dow-sun .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1sun.jpg) right no-repeat ;
}

.msg-dow-mon .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1mon.jpg) right no-repeat ;
}

.msg-dow-tue .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1tue.jpg) right no-repeat ;
}

.msg-dow-wed .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1wed.jpg) right no-repeat ;
}

.msg-dow-thu .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1thu.jpg) right no-repeat ;
}

.msg-dow-fri .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1fri.jpg) right no-repeat ;
}

.msg-dow-sat .msg-body {
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_1sat.jpg) right no-repeat ;
}


.msg-body a:link, 
.msg-body a:visited {
	color: #FF8800;
}


.msg-body a:hover {
	border-bottom : 1px solid;
	color: #FFE699;
}


.msg-body li {
	margin-bottom: 12px;
	padding : 5px 0 0px 0.5em;
	border-left : solid 10px #FFE699;
	
}


.msg-content{
	background: url(http://s.asablo.jp/css/common3/taisou-01/msg_line.gif) top left repeat-y ;
}


#center div.msg-pict img {
	padding-bottom: 25px;
}


.msg-pict a:hover {
	border: none;
}


.msg-footer {
	margin-top: -170px;
	padding: 0px 20px 140px 20px;
}



/* ■■□　07) コメント・トラックバック　□■■ */

.tb-caption, 
.comment-caption {
	margin: 50px 0px 10px 0px;
	font-size: 1em;
	color: #996600;
	letter-spacing: 0.9em;
	font-weight: bold;
	text-align: center;
	border: double 4px #FF8800;
	background: url(http://s.asablo.jp/css/common3/taisou-01/comment.gif) no-repeat;
}


.comment-form p {
	padding: 0px 40px 0px 40px;
	font-size: 1em;
}


.comment-form form p input {
	margin-bottom: 15px;
	width: 180px;
	display: block;
	border: none;
	background: #FFE699;
}


.comment-form textarea {
	margin-bottom: 20px;
	width: 400px;
	display: block;
	border: solid;
	background: #FFFFFF;
}


.comment-form form br{
	display: none;
}


.tb-title, 
.comment-title, 
.tb-url {
	padding: 2em 40px 0px 40px;
	font-size: 0.9em;
	line-height:1.2em;
}
.tb-url code{
	display: block;
}

.tb-body, 
.comment-body {
	padding: 0px 40px 0px 50px;
	font-size: 0.9em;
	line-height:1.5em;
}


.tb-attention {
	padding: 0.5em 40px 0px 40px;
	font-size: 0.9em;
}



/* ■■□　08) ツールバー　基本設定　□■■ */

.mod {
	margin-bottom: 2em;
	border: double 5px #99CCFF;
}


.mod-caption {
	padding : 5px 5px 5px 5px;
	font-weight : bold;
	text-align : center;
	font-size: 1em;
	line-height : 1.2em;
	background : url(http://s.asablo.jp/css/common3/taisou-01/msg_title.gif) right top no-repeat;
}


li.mod-text {
	width:160px;
	margin-left: 10px;
	background : url(http://s.asablo.jp/css/common3/taisou-01/mod_line.gif) top center repeat-y; 
	text-indent: -15px;
	line-height : 1.5em;
}


.mod-body .mod-link-to-archives {
	font-size: 0.9em;
}


.mod-link-to-archives a:hover {
	border-bottom : none;
}


.mod-text p,
.mod-body p {
	padding : 10px 10px 10px 10px;
	line-height : 1.5em;
	background : none; 
}



/* ■■□　09) ツールバー　カレンダー　□■■ */

.mod-calendar{
	width : 200px ;
	padding : 20px 0px 45px 0px;
	border : none;
	background : url(http://s.asablo.jp/css/common3/taisou-01/calendar.jpg) left top no-repeat; 
}


.calendar{
	width : 175px ;
	margin-left: 10px;
	position: relative;
	text-align: center;
	border-collapse: collapse;
	}


.calendar-title {
	padding: 5px 0px 5px 0px;
	line-height:25px;
	font-size : 1.1em ;
	font-weight : bold ;
}


.calendar-sun-name, 
.calendar-wday-name, 
.calendar-sat-name {
	width:25px;
	font-size: 1em;
	line-height:15px;
}


.calendar-cell {
	line-height:25px;
	font-size: 0.9em;
	font-weight:bold;
	border: solid 1px #CCCCCC;
}


.calendar-cell a {
	padding: 5px;
	background : url(http://s.asablo.jp/css/common3/taisou-01/calendar_a.gif) center no-repeat ;
}


.calendar-cell a:link,
.calendar-cell a:visited {
	color: #DDAAAA;
}


.calendar-cell a:hover {
	border: none;
	font-weight:bold;
	color: #8E0000;
}



/* ■■□　10) フッタ　□■■
____________ 02) #footer 参照 */

#footer img{
	text-decoration: none;
}


#footer a {
	border: none;
}



/* ■■□　END　□■■ */