/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */

html, body,
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, li,
dl, dt, dd, address,
input, textarea {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

img {
	border: none;
}

hr {
	display: none;
}




/* :::::::::::::::::::::::::::::::::::::::::::::
	typography
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

div.comment-form form input,
div.comment-form form textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}




/* :::::::::::::::::::::::::::::::::::::::::::::
	essential
::::::::::::::::::::::::::::::::::::::::::::: */

a:link,
a:visited {
	color: #2B5998;
	text-decoration: none;
	background-color: transparent;
}

a:active,
a:hover {
	color: #2B5998;
	text-decoration: underline;
	background-color: transparent;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	layout
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html {
	background: #62B8D8 url(http://s.asablo.jp/css/common2l/tefutefu-aoi/html_bg.jpg) repeat-y center top;
}

body {
	background: #fff url(http://s.asablo.jp/css/common2l/tefutefu-aoi/body_bg.jpg) repeat-x left bottom;
}

div#container {
	width: 1024px;
	margin: 0 auto;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/container_bg.jpg) repeat-y;
}

div#container div#head {
	height: 236px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/head_bg.jpg) no-repeat;
}

div#container div#center {
	float: left;
	width: 667px;
	min-height: 400px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/center_bg.jpg) no-repeat;
}
* html div#container div#center { height: 400px;}

div#container div#left {
	float: left;
	width: 357px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/left_bg.jpg) no-repeat;
}

div#container p#footer {
	clear: both;
	height: 124px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/footer_bg.jpg) no-repeat;
}



/* ------------------------------------------------
	head
------------------------------------------------ */

div#head h1 {
	padding: 187px 320px 0 141px;
	font-size: 21px;
	line-height: 24px;
}

div#head h1 a:link,
div#head h1 a:visited {
	color: #fff;
}

div#head h1 a:hover,
div#head h1 a:active {
	color: #094A63;
}



/* ------------------------------------------------
	main
------------------------------------------------ */

div#main {
	position: relative;
	width: 504px;
	margin: 0 0 0 30px;
	padding: 43px 0 0;
}


div#main h1{
  border: 1px solid #CC3366; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #CC3366;
}

div#main h2{
  border: 1px solid #CF5F8F; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #CF5F8F;
}

div#main h3{
  border: 1px solid #EE88AA; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #EE88AA;
}


/* 前／次 ---------------- */

div#main div.navi {
	width: 504px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

div#main div.navi a {
	padding: 0 10px;
	color: #2B5998;
}

div#main div#navi-top {
	position: absolute;
	top: 22px;
	left: 0;
}

div#main div#navi-bottom {
	padding: 30px 0 5px;
}


/* 記事部分 ---------------- */

div.msg {
	width: 504px;
	margin: 0 0 40px;
	font-size: 12px;
	line-height: 18px;
}

div.msg h1,
div.msg h2,
div.msg h3,
div.msg h4,
div.msg h5,
div.msg h6 {
	line-height: normal;
}

div.msg pre {
	border: 4px dotted #C0DFEB;
	margin-bottom: 1em;
	padding: 1em;
	white-space: normal;
}

div.msg blockquote {
	border: 4px double #C0DFEB;
	margin-bottom: 1em;
	padding: 1em;
}

div.msg h2.msg-title {
	position: relative;
	padding: 20px 65px 18px 49px;
	color: #fff;
	font-size: 0;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/msg_tit_bg.gif) no-repeat left bottom;
}
* html div.msg h2.msg-title {
	font-size: 1px;
}

div.msg h2.msg-title a {
	font-size: 16px;
	line-height: 18px;
}

div.msg h2.msg-title a:link,
div.msg h2.msg-title a:visited {
	color: #2F1B03;
}
div.msg h2.msg-title a:hover,
div.msg h2.msg-title a:active {
	color: #003E56;
}

div.msg h2.msg-title span.msg-date {
	position: absolute;
	top: 6px;
	left: 49px;
	color: #05528D;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
}
* html div.msg h2.msg-title span.msg-date {
	left: 0;
}

div.msg div.msg-pict {
	padding-bottom: 10px;
}

div.msg div.msg-content {
	padding: 3px 0 0;
	color: #666;
}

div.msg p.msg-footer {
	padding: 18px 0 0;
	color: #2B5998;
	text-align: right;
}

div.msg div.msg-content li {
	list-style-position: inside;
}


/* アーカイブページ ---------------- */

div.msg-archives h2.msg-title {
	width: 192px;
	height: 33px;
	padding: 0;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/archives_tit.gif) no-repeat;
}

div.msg-archives h2.msg-title a {
	outline: none;
	display: block;
	height: 33px;
	text-indent: -9999px;
	font-size: 1px;
}

div.msg-archives h3 {
	padding: 30px 0 0;
	color: #2F1B03;
}

div.msg-archives ul {
	list-style-type: none;
	padding: 10px 0 0;
}


/* コメント ---------------- */

h2.comment-caption {
	color: #006086;
	font-size: 15px;
	line-height: 18px;
}

h3.comment-title {
	margin: 14px 0 0;
	color: #76B8DB;
	font-size: 14px;
	line-height: 18px;
}

h2.comment-caption a:hover,
h2.comment-caption a:active,
h3.comment-title a:hover,
h3.comment-title a:active {
	color: #303B62;
}

div.comment-body {
	padding: 8px 0 0;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

div.comment-body ul {
	list-style-type: none;
}

div.comment-form {
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/comment_bg.gif) no-repeat 100% 144px;
}

div.comment-form p {
	margin: 18px 0 0;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

div.comment-form p.comment-caption {
	margin: 32px 0 0;
	color: #005F85;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}

div.comment-form form p {
	color: #76B8DB;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}

div.comment-form form input,
div.comment-form form textarea {
	display: block;
	margin-top: 2px;
	border: 0;
	font-size: 12px;
	font-weight: normal;
	background-color: #F7F3EA;
}

div.comment-form form input {
	width: 200px;
	margin-bottom: 7px;
}

div.comment-form form textarea {
	width: 375px;
	margin-bottom: 14px;
}

div.comment-form form br {
	display: none;
}


/* トラックバック ---------------- */

h2.tb-caption {
	color: #006086;
	padding: 35px 0 15px;
	font-size: 15px;
	line-height: 18px;
}

h2.tb-caption a:hover,
h2.tb-caption a:active {
	color: #303B62;
}

p.tb-url,
p.tb-attention {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

p.tb-url code {
	display: block;
	padding: 8px 0 0;
}

h3.tb-title {
	margin: 14px 0 0;
	color: #76B8DB;
	font-size: 14px;
	line-height: 18px;
}

h3.tb-title a:hover,
h3.tb-title a:active {
	color: #303B62;
}

div.tb-body {
	padding: 8px 0 0;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}



/* ------------------------------------------------
	left
------------------------------------------------ */

div#left {
	padding: 99px 0 0;
	font-size: 12px;
	line-height: 18px;
}

div#left ul {
	list-style-type: none;
}


/* ツール ---------------- */

div.mod {
	width: 192px;
	margin: 0 0 0 144px;
	color: #462803;
}

div.mod a:link,
div.mod a:visited,
div.mod a:hover,
div.mod a:active {
	color: #462803;
}

div.mod div.mod-body {
	padding: 10px 15px 32px;
}

div.mod-description h2,
div.mod-comment h2,
div.mod-recent-articles h2,
div.mod-trackback h2,
div.mod-category h2,
div.mod-backno h2 {
	width: 192px;
	height: 33px;
	text-indent: -9999px;
	font-size: 1px;
}

div.mod-description h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/about_tit.gif) no-repeat;}
div.mod-comment h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/comments_tit.gif) no-repeat;}
div.mod-recent-articles h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/entries_tit.gif) no-repeat;}
div.mod-trackback h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/trackbacks_tit.gif) no-repeat;}
div.mod-category h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/categories_tit.gif) no-repeat;}
div.mod-backno h2 { background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/backnumber_tit.gif) no-repeat;}


/* 最近の記事 */

div.mod-recent-articles div.mod-body {
	padding-right: 0;
	padding-left: 0;
}

div.mod-recent-articles li.mod-text {
	padding: 1px 15px 2px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/dot_x_1_3.gif) repeat-x left bottom;
}


/* カレンダー */

div.mod-calendar {
	padding-top: 41px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/calendar_tit.gif) no-repeat;
}

div.mod-calendar div.mod-body {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/calendar_bg.gif) no-repeat;
}

div.mod-calendar div.mod-body table.calendar {
	width: 192px;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}

div.mod-calendar div.mod-body table.calendar td {
	padding: 0;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

div.mod-calendar div.mod-body table.calendar td.calendar-title {
	padding: 0 0 10px;
}

div.mod-calendar div.mod-body table.calendar td.calendar-title a:link,
div.mod-calendar div.mod-body table.calendar td.calendar-title a:visited,
div.mod-calendar div.mod-body table.calendar td.calendar-title a:hover,
div.mod-calendar div.mod-body table.calendar td.calendar-title a:active {
	color: #05528D;
}

div.mod-calendar div.mod-body table.calendar td.calendar-sun-name { color: #A91158;}
div.mod-calendar div.mod-body table.calendar td.calendar-sat-name { color: #1281A8;}

div.mod-calendar div.mod-body table.calendar td.calendar-cell a {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	color: #fff;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/calendar_written.gif) no-repeat;
}


/* メッセージ */

div.mod-message h2 {
	padding: 6px 10px 8px;
	color: #462803;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/message_tit_bg.gif) no-repeat left bottom;
}


/* RSS、ブログの更新をお知らせ、ログイン */

div.mod-rss-button,
div.mod-mailpia-button,
div.mod-login-button {
	padding-bottom: 11px;
}

div.mod-rss-button h2,
div.mod-mailpia-button h2,
div.mod-login-button h2 {
	padding: 12px 15px 0;
	font-size: 12px;
	line-height: 12px;
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/dot_x_1_1.gif) repeat-x;
}

div.mod-mailpia-button div.mod-body {
	padding-top: 5px;
	padding-bottom: 0;
}

div.mod-login-button {
	background: url(http://s.asablo.jp/css/common2l/tefutefu-aoi/dot_x_1_1.gif) repeat-x left bottom;
}



/* ------------------------------------------------
	footer
------------------------------------------------ */

p#footer {
	position: relative;
}

p#footer img {
	position: absolute;
	top: 60px;
	left: 723px;
}


/* css end ------------ */