/* 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;
}

img {
	border: none;
}

hr {
	display: none;
}




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

body { color: #333; font-size: 62.5%; font-family: メイリオ, "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif; line-height:normal; }

div.comment-form form input,
div.comment-form form textarea { color: #333; font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
html>/**/body input,
html>/**/body select,
html>/**/body textarea { color: #333; font-family:sans-serif; }/* Win IE 以外 */




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

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

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



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

html { background-color: #f9f9f9; }
body { border-bottom: 8px solid #288177; }

div#bg { background: #f9f9f9 url(http://www.arm-p.co.jp/blg/background.jpg) repeat-y center 0; position: relative; width: 100%; height: 100%; }

div#container { width: 780px; margin: 0 auto; background: url(bg.gif) no-repeat left top; }

div#container div#head { height: 100px; color: #fff; width: 100%;}

div#container div#center { float: left; width: 495px; margin-top: 0; }

div#container div#right { float: right; width: 255px; margin-top: 0; padding: 39px 0 75px; }

div#container div#right div.sidebar {
	padding: 0 0 0 0;
}

div#container p#footer {
	position: relative;
	clear: both;
	width: 780px;
	height: 100px;
}


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

div#head h1 { padding: 0; color: #fff; font-size: 2.4em; line-height: 28px; font-weight: bold; width: 325px;}

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

div#head h1 a:hover,
div#head h1 a:active {
	color: #fff;
}
div#head img { padding-top: 30px; margin-left: 0; }
/* ------------------------------------------------
	main
------------------------------------------------ */

div#main {
	position: relative;
	padding: 39px 0 30px 0;
}


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

div#main div.navi {
	width: 455px;
	padding: 19px 0 0 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 12px;
}

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

div#main div.navi a:link,
div#main div.navi a:visited { color: #8c8c8c; text-decoration: underline; }
div#main div.navi a:active,
div#main div.navi a:hover { color: #c5c5c5; text-decoration: underline; }

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

div#main div#navi-bottom {
}


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

div.msg { 
padding: 3px 0  40px 0; background: #fff url(http://www.arm-p.co.jp/blg/entry_top.gif) no-repeat; position:relative; width: 495px; }

div.msg h2.msg-title {
	padding: 10px 0 11px 0;
	background: #fff url(http://s.asablo.jp/css/common2l/light_sky_tower/dot_x_1_1.gif) repeat-x left bottom;
	color: #fff;
	font-size: 0;
	line-height: 0px;
}
* html div.msg h2.msg-title { font-size: 1px; line-height:1; }


div.msg h2.msg-title a {
	color: #757575;
	font-size: 16px;
	line-height: 20px;
}

div.msg h2.msg-title span.msg-date {
	display: block;
	padding: 4px 0 0 0;
	color: #757575;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}

div.msg div.msg-body { font-size: 1.4em; padding: 5px 0 10px; line-height: 1.7em; border-bottom: 1px solid #b4b4b4; }

div.msg div.msg-body a:link,
div.msg div.msg-body a:visited { text-decoration: underline; }
div.msg div.msg-body a:active,
div.msg div.msg-body a:hover { color: #1d98d8; text-decoration: none; }

div.msg div.msg-pict { padding: 10px 0; }
div.msg div.msg-pict-2 { padding: 10px 0; }
div.msg div.msg-content {
	padding: 10px 0 0 0;
	color: #757575;
}

div.msg p.msg-footer {
	padding: 6px 0 0;
	text-align: right;
	color: #757575;
	font-size: 1.0em;
	line-height: 14px;
}
div.msg div.msg-body h1,h2,h3,h4,h5,h6 {font-weight:400;}
div.msg div.msg-body h1 { font-size: 2.4em; line-height: 38px; color: #757575; }
div.msg div.msg-body h2 { font-size: 2em; line-height: 2em; }
div.msg div.msg-body h3 { font-size: 1.7em; line-height: 1.7em; }
div.msg div.msg-body h3 span { font-size: 0.8em; line-height: 1.7em; color: #757575; }
div.msg div.msg-body h4 { font-size: 1.6em; line-height: 2em; }
div.msg div.msg-body h5 { font-size: 1.3em; line-height: 1em; }
div.msg div.msg-body h5 span { font-size: .8em; line-height: 1em; }
div.msg div.msg-body h6 { font-size: 1.2em; line-height: 2em; }
div.msg div.msg-body p { font-size: 1em; line-height: 1.7em; }
div.msg div.msg-body pre { font-size: 1em; line-height: 1.5em; margin: 1em; padding: 1em; border: dotted 1px #b3b3b3; }

div.msg div.msg-body blockquote {
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #adcce2;
}

div.msg div.msg-body ul li { padding-left: 1em; list-style: none; }

div.msg div.msg-body div.contents {
	background-color: #edece2;
	margin: 20px auto;
	padding: 15px;
}
div.msg div.msg-body div.contents h4 { 
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Verdana, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS UI Gothic", serif;
	font-size: 1.1em;
	line-height: 2em;
}
div.msg div.msg-body div.contents h5 { font-size: 1em; font-weight: 500; line-height: 1.5em; padding: 1em 0 0; }

hr {
display: block;
border-bottom:0;
border-top:1px dotted #ccc;
border-right:0;
border-left:0;
margin:30px 0; 
min-height: 0;
height:1px;
}

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

div#main div.msg-archives  {
}

div.msg-archives h2.msg-title {
	
}

div.msg-archives h2.msg-title a {
	text-decoration: none;
}

div#main div.msg-archives div.msg-body {
	padding: 0 0 25px 15px;
	background: none;
	border: 0px;
}
div.msg-archives div.msg-body h3 {
	padding: 20px 0 0;
	color: #0083fb;
	font-size: 16px;
	line-height: 20px;
}

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

div.msg-archives div.msg-body ul li {
	width: 400px;
	padding: 0 0 0 0;
	background: none;
}

div.msg-archives div.msg-body ul li a {
	display: block;
	padding: 3px 0 3px 29px;
	background: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01.gif) no-repeat 8px 0.65em;
}

div.msg-archives div.msg-body ul li a:hover {
	background-image: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01_ov.gif);
}

div#main div.msg-archives p.msg-footer {
	margin: 0 0 0 15px;
	background: none;
	border: 0px;
}


/* コメント・トラックバック共通 ---------------- */

h2.comment-caption,
div.comment-form p.comment-caption,
h2.tb-caption {
	width: 455px;
	padding: 45px 0 9px 10px;
	background: url(http://www.arm-p.co.jp/blg/comm_tit.gif) no-repeat 0% 100%;
	color: #757575;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
h2.comment-caption {
	padding: 0 0 9px 10px;
}


h2.comment-caption a,
div.comment-form p.comment-caption a,
h2.tb-caption a {
	color: #757575;
	text-decoration: none;
}

h3.comment-title,
h3.tb-title {
	width: 435px;
	margin: 23px 0 0 0;
	padding: 0 0 0 18px;
	background: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01.gif) no-repeat 0em 0.25em;
	color: #757575;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
}

h3.comment-title a:link,
h3.comment-title a:visited,
h3.tb-title a:link,
h3.tb-title a:visited { color: #757575; text-decoration: none; }
h3.comment-title a:hover,
h3.comment-title a:active,
h3.tb-title a:hover,
h3.tb-title a:active { color: #c5c5c5; text-decoration: underline; }

div.comment-body,
div.tb-body {
	width: 455px;
	padding: 8px 0 0 0;	
	font-size: 12px;
	line-height: 17px;
}


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

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

div.comment-form {
	width: 455px;
	padding: 0 0 16px 0;
}

div.comment-form form {
	padding: 23px 0 0 0;
}

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

div.comment-form form input {
	width: 200px;
	margin: 0 0 3px 0;
	background-color: #b2a483;
	border: 1px solid #b2a483;
	color: #ffffff;
	cursor: pointer;
}

div.comment-form form input:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.comment-form form #asablo-comment-name,
div.comment-form form #asablo-comment-mail,
div.comment-form form #asablo-comment-url,
div.comment-form form #asablo-comment-content,
div.comment-form form #asablo-comment-keyword {
	display: block;
	margin-top: 2px;
	background-color: #f1f1f1;
	border: 1px solid #dedede;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	cursor: text;
}

div.comment-form form #asablo-comment-name:hover,
div.comment-form form #asablo-comment-mail:hover,
div.comment-form form #asablo-comment-url:hover,
div.comment-form form #asablo-comment-content:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

div.comment-form form textarea {
	width: 370px;
	margin: 0 0 14px 0;
}

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


/* コメント確認 ---------------- */

div.comment-body ul {
	padding: 0 0 1.7em 0;
}

div.comment-body ul li {
	padding: 0 0 3px 0;
}




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

p.tb-url,
p.tb-attention {
	padding: 15px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}
p.tb-attention {
}

p.tb-url code {
	display: block;
}


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

div#right {
	font-size: 12px;
	line-height: 17px;
}

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

div.mod {
	width: 215px;
	margin: 0 0 45px 0;
}

div.mod div.mod-body {
	padding: 12px 0 0 0;
}

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 { color: #757575; width: 215px; font-size: 14px; font-weight: bold; line-height: 14px; background-image: url(http://www.arm-p.co.jp/blg/entry_top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-top: 15px; padding-bottom: 10px; border-bottom: 1px dotted #b3b3b3; }

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 { }


/* リスト */

div.mod ul {
	width: 215px;
	list-style-type: none;
}

div.mod ul li {
	border-bottom: 1px solid #e2e2e2;
}

div.mod ul li a {
	display: block;
	padding: 3px 0 3px 29px;
	background: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01.gif) no-repeat 8px 0.4em;
}
div.mod ul li a:hover {
	background-image: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01_ov.gif);
}

div.mod ul li.mod-link-to-archives {
	border-bottom: 0px;
}

div.mod ul li.mod-link-to-archives a {
	background: none;
}


/* カレンダー */

div.mod-calendar {
	width: 213px;
	border: 1px solid #c8c8c8;
}

div.mod-calendar div.mod-body {
	padding: 8px 8px 14px 8px;
}

div.mod-calendar div.mod-body table.calendar,
div.mod-calendar div.mod-body table.calendar td {
	border: 0px;
	border-collapse: collapse;
}

div.mod-calendar div.mod-body table.calendar {
	width: 197px;
}

div.mod-calendar div.mod-body table.calendar td {
	font-size: 12px;
	line-height: 19px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
}

div.mod-calendar div.mod-body table.calendar td.calendar-title {
	padding: 4px 3px 3px 3px;
	background: #b9b9b9;
	color: #fff;
}

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: #fff;
}

div.mod-calendar div.mod-body table.calendar td.calendar-sun-name,
div.mod-calendar div.mod-body table.calendar td.calendar-sat-name,
div.mod-calendar div.mod-body table.calendar td.calendar-wday-name {
	padding: 3px 0 4px 0;
	background: #eaeaea;
}
div.mod-calendar div.mod-body table.calendar td.calendar-sun-name { color: #e70036;}
div.mod-calendar div.mod-body table.calendar td.calendar-sat-name { color: #02569c;}

div.mod-calendar div.mod-body table.calendar td.calendar-cell {
	padding: 6px 0 0 0;
}

div.mod-calendar div.mod-body table.calendar td.calendar-cell a {
	display: block;
	width: 19px;
	height: 19px;
	margin: 0 auto;
	background: url(http://www.arm-p.co.jp/blg/mod_cal_link.gif) no-repeat 60% 50%;
	color: #fff;
}


/* メッセージ */

div.mod-message {
}

div.mod-message h2,
div.mod-message div.mod-body { color: #757575; width: 215px; padding: 10px 0 0; background: url(http://s.asablo.jp/css/common2l/light_sky_tower/dot_x_2_2.gif) repeat-x; font-size: 14px; line-height: 17px; font-weight: normal; }

div.mod-message h2 {
	padding: 5px 0;
	color: #288177;
	font-weight: bold;
}


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

div.mod-rss-button {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

div.mod-rss-button h2,
div.mod-mailpia-button h2,
div.mod-login-button h2 {
	width: 215px;
	border-bottom: 1px solid #e2e2e2;
	font-size: 12px;
	font-weight: normal;
}
div.mod-rss-button h2 { border-top: 1px solid #e2e2e2; }

div.mod-rss-button h2 a,
div.mod-mailpia-button h2 a,
div.mod-login-button h2 a {
	display: block;
	padding: 3px 0 3px 34px;
	background: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01.gif) no-repeat 12px 0.4em;
}
div.mod-rss-button h2 a:hover,
div.mod-mailpia-button h2 a:hover,
div.mod-login-button h2 a:hover {
	background-image: url(http://s.asablo.jp/css/common2l/light_sky_tower/arw01_ov.gif);
}



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

p#footer {
}

p#footer img {
	position: absolute;
	top: 0px; left: 65px;
}






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