/* ROADBIKE 2L BLUE CSS
---------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: none 0;
	text-decoration: none;
}

html,
body {
	height: 100%;
}
/*\*/
html:not([lang*=""]) body {
	/* only for Firefox 2, Firefox 3, Safari 4 */
	padding-right: 0.5px;
}
html:not(:only-child:only-child) body {
	/* only for Safari 3, Safari 4 */
	padding-right: 0;
	padding-left: 1px;
}
/**/

/*\*/
html[lang*=""] body {
	/* only for Internet Explorer 7, Safari 2, Opera 9.6 */
	padding-left: 1px;
}
*:first-child+html body {
	/* only for Internet Explorer 7 */
	padding-left: 0px;
}

html[lang*=""] body #container #center {
	/* only for Internet Explorer 7, Safari 2, Opera 9.6 */
	width: 675px;
}
*:first-child+html body #container #center {
	/* only for Internet Explorer 7 */
	width: 676px;
}
body:last-child:not(:root:root) #container #center {
	/* only for Safari 2 */
	width: 676px;
}
/**/

h2 { font-size: 18px; letter-spacing: 1px; line-height: 1.1; font-weight: bold;}
h3 { font-size: 16px; letter-spacing: 1px; line-height: 1.1; font-weight: bold;}
h4, h5, h6 { font-size: 14px; letter-spacing: 1px; line-height: 1.1; font-weight: bold;}

/* 基本のリンクの設定
---------------------------------------------------- */
a {
  color: #00ff00;
}

a:hover {
  color: #a2ff6a;
  border-bottom: 1px solid #8dff8d;
}


/* ページ全体のレイアウト
---------------------------------------------------- */
html {
  background: #1269a6 url(http://s.asablo.jp/css/common2l/technobike-blue/background_html.gif) repeat-y top;
}

body {
  color: #ffffff;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_body.gif) no-repeat top;
  font-family: "ヒラギノ角ゴ ProN W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", Verdana, arial, sans-serif;
  font-size: small;
  line-height: 1.7;
}

#container {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_container.gif) repeat-y top;
  margin: 0 auto;
  width: 900px;
}

#head {
  width: 900px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_head.gif) no-repeat top;
  height: 302px;
  margin-bottom: -144px;
}

#head h1 {
  padding: 64px 40px 0 21px;
  font-size: 28px;
  letter-spacing: 1px;
  text-align: left;
  line-height: 1.1;
  font-weight: bold;
}

#head h1 a {
    color: #ffffff;
}
#head h1 a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

#center {
  float: right;
  width: 676px;
}

#main {
  min-height: 144px; 
  height: auto !important; 
  height: 144px;
  width: 634px;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  background-position: 20px 0;
}

p {
	padding: 0 0 0 20px;
}

#left {
  float: left;
  width: 224px;
}

pre {
  border: 4px dotted #118dce;
  margin: 1em 0 0 0;
  padding: 1em;
}

blockquote {
  border: 4px double #118dce;
  margin: 1em 0 0 0;
  padding: 1em;
}

hr {
  display: none;
}


/* footer
---------------------------------------------------- */
#footer {
  clear: both;
  padding: 0;
  height: 139px;
  margin-right: 1px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_footer.gif) no-repeat;
  background-position: 0px 0px;  
  text-align: left;
}

#footer img {
  border: none;
  text-decoration: none;
  margin: 40px 0 0 718px;
}

#footer a {
  display: block;
  width: 160px;
  height: 34px;
}
#footer a:hover {
  border: none;
}


/* 記事部分
---------------------------------------------------- */

.msg-title {
  margin: 0 0 0 20px;
  min-height: 56px; 
  height: auto !important; 
  height: 56px;
  color: #1269a6;
  padding: 35px 50px 15px 90px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 1.1;
}
.msg-title a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
}
.msg-title a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    border-bottom: 1px solid #ffffff;
	font-size: 18px;
}

.msg-dow-sun .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_sun.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-mon .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_mon.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-tue .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_tue.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-wed .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_wed.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-thu .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_thu.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-fri .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_fri.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-dow-sat .msg-title {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_title_sat.gif) left top no-repeat;
  background-position: 0px 21px;
}

.msg-date {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: left;
  display: block;
  margin: 5px 0 38px 0;
}

.msg-body {
  padding: 0 50px 0 40px;
  clear: right;
}

.msg-pict {
  margin: 0 0 15px 15px;
  float: right;
  border: none;
}

.msg-pict a,
.msg-pict a:hover {
  border: none;
}

.msg-footer {
  padding: 20px 6px 40px 40px;
  margin-right: 15px;
  width: 575px;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: right;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_footer.gif) right bottom no-repeat;
  clear: right;
}


/* コメント部分
---------------------------------------------------- */
.comment-caption {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 0 20px;
  padding: 40px 0 0 68px;
  min-height: 30px; 
  height: auto !important; 
  height: 30px;
  color: #ffffff;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_tb.gif) left top no-repeat;
  background-position: 0px 34px;
}

.comment-caption a {
  color: #ffffff;
}

.comment-caption a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}



.comment-title {
  padding: 10px 40px 0 120px;
  margin: 0;
  font-size: 12px;
  letter-spacing: 1px;
}

.comment-body {
  margin: 10px 40px 0 120px;
  padding-bottom: 10px;
  font-size: small;
  line-height: 1.7;
  border-bottom: dotted 1px #89b4d3;
}

.comment-form {
  font-size: small;
  line-height: 2;
}

.comment-form .comment-caption {
  font-size: 14px;
  font-weight: bold;
  margin: 35px 0 0 20px;
  padding: 6px 40px 0 68px;
  min-height: 30px; 
  height: auto !important; 
  height: 30px;
  color: #ffffff;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_tb.gif) left top no-repeat;
}

.comment-form p {
  padding: 10px 40px 0 120px;
  font-size: 11px;
}
.comment-form p.comment-caption {
  padding: 6px 15px 0 68px;
}

.comment-form form p input {
  display: block;
  background: #a7d4ec;
  border-width: 1px;
  border-color: #0f598d;
  color: #0e4e7c;
  width: 200px;
  font-size: small;
  font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-serif;
}

.comment-form form br{
  display: none;
}

.comment-form textarea {
  margin: 0 0 3px 0;
  padding: 2px;
  width: 380px;
  display: block;
  color: #0e4e7c;
  border-width: 1px;
  border-color: #0f598d;
  background: #a7d4ec;
  font-size: small;
  font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-serif;
}


/* トラックバック部分
---------------------------------------------------- */
.tb-caption {
  font-size: 14px;
  font-weight: bold;
  margin: 50px 0 0 20px;
  padding: 6px 0 0 68px;
  min-height: 30px; 
  height: auto !important; 
  height: 30px;
  color: #ffffff;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/background_tb.gif) left top no-repeat;
}
.tb-caption a {
  color: #ffffff;
}

.tb-caption a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.tb-title {
  padding: 20px 40px 0 120px;
  font-size: 12px;
  letter-spacing: 1px;
}

.tb-url {
  padding: 0px 40px 0 120px;
  font-size: 12px;
  line-height: 1.7;
}

.tb-url code {
  display: block;
}

.tb-url a {
  text-decoration: none;
}

.tb-url a:hover{
  text-decoration: none;
}

.tb-body {
  margin: 7px 40px 0 120px;
  padding: 0 0 20px 3px;
  border-bottom: dotted 1px #89b4d3;
  font-size: small;
  line-height: 1.7;
}

.tb-attention {
  padding: 0px 40px 0 120px;
  font-size: 11px;
  line-height: 1.7;
}

/* <<前   次>> の表示
---------------------------------------------------- */
.navi {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 25px 0 0 20px;
  text-decoration: none;
}
.navi a {
  color:#ffffff;
}
.navi a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#navi-top {
  padding: 5px 0 0 20px;
}
#navi-bottom {
}

/* カテゴリ部分－基本
---------------------------------------------------- */
.sidebar {
  padding: 5px 0px 10px 20px;
}

.mod {
  margin: 20px 0 0 0;
}

.mod-caption {
  font-size: 12px;
  padding: 5px 0 5px 20px;
}

.mod-mailpia-button {
  margin: 20px 0 0 0;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_caption.gif) left top repeat-y;
  padding: 0;
  min-height: 47px; 
  height: auto !important; 
  height: 47px;
}

.mod-mailpia-button .mod-caption {
  padding: 5px 0 0 20px;
}

.mod-mailpia-button .mod-text {
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_caption.gif) left top repeat-y;
  padding: 0 0 5px 20px;
}

.mod-description .mod-caption {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_about.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-comment .mod-caption {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_recent_comments.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-recent-articles .mod-caption {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_recent_entries.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-rss-button .mod-caption {
  min-height: 28px; 
  height: auto !important; 
  height: 28px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_rss_button.gif) left top no-repeat;
  text-indent: -9999px;
  margin-left: 11px;
  padding: 0;
}
.mod-rss-button .mod-caption a {
  display: block;
  width: 167px;
  height: 28px;
}
.mod-rss-button .mod-caption a:hover {
  border: none;
}
.mod-login-button {
  margin: 13px 0 0 0;
}
.mod-login-button .mod-caption {
  min-height: 28px; 
  height: auto !important; 
  height: 28px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_login_button.gif) left top no-repeat;
  text-indent: -9999px;
  margin-left: 11px;
  padding: 0;
}
.mod-login-button .mod-caption a {
  display: block;
  width: 167px;
  height: 28px;
}
.mod-login-button .mod-caption a:hover {
  border: none;
}

.mod-trackback .mod-caption {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_recent_trackbacks.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-category .mod-caption {
  min-height: 16px; 
  height: auto !important; 
  height: 16px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_categories.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-backno .mod-caption {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/mod_back_number.gif) left top no-repeat;
  text-indent: -9999px;
  padding: 0;
}

.mod-calendar {
  width: 203px;
}

.mod-body {
  padding: 5px 0 0 0;
}

.mod-text {
  padding: 0 5px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.mod-text a,
.mod-link-to-archives a {
  color: #ffffff;
}

.mod-text a:hover,
.mod-link-to-archives a:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.mod-body .mod-text img {
  text-decoration: none;
  border: none;
}

.mod ul {
  list-style: none;
}


/* カテゴリ部分－カレンダー
---------------------------------------------------- */
.calendar {
  padding: 0px 0px 10px 0;
  font-size: 12px;
  font-weight: bold;
  width: 203px;
  height: 170px;
  background: none;
  text-align: center;
  border: solid 2px #72c6f0;
  border-collapse: collapse; 

}

.calendar-title {
  padding: 0px 0px;
  font-size: 14px;
  letter-spacing: 1.0px;
}
.calendar-sun-name {
  padding: 0 2px;
  color: #a21976;
  text-align: center;
  background: #115e8d url(http://s.asablo.jp/css/common2l/technobike-blue/calendar_row.gif) repeat-x top;
}
.calendar-wday-name {
  padding: 0 2px;
  text-align: center;
  background: #115e8d url(http://s.asablo.jp/css/common2l/technobike-blue/calendar_row.gif) repeat-x top;
}
.calendar-sat-name {
  padding: 0 2px;
  color: #10a0e2;
  text-align: center;
  background: #115e8d url(http://s.asablo.jp/css/common2l/technobike-blue/calendar_row.gif) repeat-x top;
}
.calendar tr.calendar-row{
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/calendar_row.gif) repeat-x top;
}
.calendar-cell {
  text-align: center;
  width: 26px;
  height: 23px;
}

.calendar-cell a{
  font-weight: bold;
}


/* アーカイブの表示
---------------------------------------------------- */
.msg-archives ul {
  list-style: none;
}

.msg-archives .msg-title {
  min-height: 15px; 
  height: auto !important; 
  height: 15px;
  background: url(http://s.asablo.jp/css/common2l/technobike-blue/msg_archive.gif) left top no-repeat;
  text-indent: -9999px;
  margin-left: 20px;
  padding: 10px 0px 0px 10px;
}
