/*
Theme Name:水間鉄道ブログ　SUITETSU×BLOG　かいづか日誌
URI:http://www.suitetsu.com/blog/
Description:水間鉄道ブログ　SUITETSU×BLOG　かいづか日誌です
Author:luft
Author URI:http://www.luft.co.jp/
*/
@charset "utf-8";
/*####################################################
	reset
####################################################*/

/*----------------------------------------------------
	Structure Module
----------------------------------------------------*/

html {
	height: 100%;
	padding-bottom: 1px;
	margin-top:0 !important;
}

body {
	margin: 0;
	padding: 0;
	background:#f4faff url(images/bg-body.gif) 0 0 repeat-x;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",'Meiryo',"Osaka",verdana,arial,sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.65;
	min-width: 966px;
}


/*----------------------------------------------------
	Headings Module
----------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------
	Phrasing Module
----------------------------------------------------*/

p {
	margin: 0;
	padding: 0;
}

em,
address {
	font-style: normal;
}

em {
	font-weight: bold;
}


/*----------------------------------------------------
	Hypertext Module
----------------------------------------------------*/

a {
	text-decoration: none;
	outline: none;
}

a:link,
a:visited {
	color: #ff0000;
}

a:hover {
	color: #3300FF;
	text-decoration: underline;
}


/*----------------------------------------------------
	Image Module
----------------------------------------------------*/

img {
	border: 0;
	vertical-align: bottom;
}


/*----------------------------------------------------
	Embedded Module
----------------------------------------------------*/

object,
embed {
	outline: none;
}


/*----------------------------------------------------
	List Module
----------------------------------------------------*/

ul,ol,dl,dt,dd,li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

ol li {
	margin-left: 15px;
}


/*----------------------------------------------------
	Table Module
----------------------------------------------------*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
th,td {
	font-weight: normal;
	vertical-align: top;
}


/*----------------------------------------------------
	Forms Module
----------------------------------------------------*/

form{
	margin: 0;
	padding: 0;
}

textarea{
	width: 350px;
	font-size: 12px;
}


/*####################################################
	style
####################################################*/

/*----------------------------------------------------
	layout[all]
----------------------------------------------------*/

/* wrapper
----------------------------------------------------*/
#wrapper {
	width:966px;
	padding-bottom:79px;
	overflow:hidden;
	text-align:left;
	background:url(images/bg-wrapper.gif) 0 0 repeat-y;
	position:relative;
}

#wrapper-in {
	width: 966px;
	clear:both;
	overflow:hidden;
	background:url(images/bg-wrapper-in.jpg) 0 0 no-repeat;
}


/* header
----------------------------------------------------*/
#header {
	width:966px;
	height:326px;
	position:relative;
}

#header h1 {
	position:absolute;
	left:212px;
	top:122px;
}

#header ul {
	width:204px;
	position:absolute;
	left:705px;
	top:39px;
}

#header ul li {
	width:204px;
	text-align:right;
}

#header ul li img {
	vertical-align:top;
	padding-bottom:7px;
}


/* footer
----------------------------------------------------*/
#footer-back {
	width:100%;
	height:184px;
	clear:both;
	background:url(images/footer_back.png) 20px 0 repeat-x;
}

#footer-train {
	width:100%;
	height:184px;
	background:url(images/footer_train.png) 0 0 repeat-x;
}

#footer-front {
	width:100%;
	height:184px;
	background:url(images/footer_front.png) 0 0 no-repeat;
	position:relative;
}

#footer-front #totop {
	position:absolute;
	top:51px;
	left:800px;
}


/* contents
----------------------------------------------------*/
#container {
	width:966px;
	clear:both;
	overflow:hidden;
}

#main-out {
	width:594px;
	overflow:hidden;
	padding-left:42px;
	float:left;
	padding-top:292px;
	background:url(images/bg-post-t.png) right 260px no-repeat;
	position:relative;
}

#main-mid {
	width:594px;
	padding-bottom:74px;
	background:url(images/bg-post-b.png) right bottom no-repeat;
}

#main-in {
	width:594px;
	background:url(images/bg-post-m.png) right 0 repeat-y;
}

#cat {
	background:url(images/ico-cat.gif) 24px 0 no-repeat;
	padding-left:124px;
	padding-top:2px;
	padding-bottom:12px;
}

/* post */
#main-in .post {
	width:594px;
	overflow:hidden;
	padding-bottom:50px;
}

#main-in .post h2 {
	width:453px;
	height:47px;
	background:url(images/bg-postcat.png) 0 0 no-repeat;
	padding-bottom:20px;
	float:left;
}

#main-in .post h2 span {
	clear:both;
	padding:0 0 0 72px;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	position:relative;
	top:6px;
}

#main-in .post h2 span a:link,
#main-in .post h2 span a:visited {
	color:#fff;
	text-decoration:none;
}

#main-in .post h2 span a:hover {
	color:#f99090;
	text-decoration:none;
}

#main-in .post .date {
	width:109px;
	height:47px;
	padding-left:6px;
	float:left;
	text-align:center;
	background:url(images/bg-postdate.png) 6px 0 no-repeat;
}

#main-in .post .date span.date-in {
	clear:both;
	color:#fff;
	font-size:17px;
	position:relative;
	top:6px;
}

#main-in .post .date span.date-in span.yr {
	font-size:12px;
}

#main-in .post .post-cont {
	clear:both;
	width:530px;
	padding-left:37px;
}

#main-in .post .post-cont h3 {
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:solid 2px #85352d;
}

#main-in .post .post-cont h3 a:link,
#main-in .post .post-cont h3 a:visited {
	color:#000;
	text-decoration:none;
}

#main-in .post .post-cont h3 a:hover {
	color:#9d1919;
	text-decoration:none;
}

#main-in .post .post-cont .post-body {
	padding:30px 0;
}

#main-in .post .post-cont .post-body img {
	border:solid 8px #ecfeff;
}

/* 投稿する画像のスタイリング */
img.alignright {float:right; margin:1em 0 1em 1em}
img.alignleft {float:left; margin:1em 1em 1em 0}
img.aligncenter {display: block; margin:1em auto}
a img.alignright {float:right; margin:1em 0 1em 1em}
a img.alignleft {float:left; margin:1em 1em 1em 0}
a img.aligncenter {display: block; margin:1em auto}

#main-in .post .post-cont .cmnt {
	clear:both;
	padding-left:45px;
	background:url(images/ico-cmnt.gif) 8px center no-repeat;
	color:#48b6d2;
}

#main-in .post .post-cont .cmnt a:link,
#main-in .post .post-cont .cmnt a:visited {
	color:#48b6d2;
	text-decoration:none;
}

#main-in .post .post-cont .cmnt a:hover {
	color:#0a7eaf;
	text-decoration:none;
}

/* コメント欄 */
.cmnt-area {
	clear:both;
	width:530px;
	overflow:hidden;
	padding-left:37px;
	padding-bottom:50px;
}

.cmnt-area a:link,
.cmnt-area a:visited {
	color:#000;
	text-decoration:none;
}

.cmnt-area a:hover {
	color:#000;
	text-decoration:underline;
}

.cmnt-area dl {
	width:530px;
	border-bottom:solid 1px #3c3c3c;
	padding:20px 0;
}

.cmnt-area dl dt {
	padding-left:37px;
	padding-right:20px;
	background:url(images/ico-cmnt.gif) 0 center no-repeat;
	float:left;
	font-weight:bold;
}

.cmnt-area dl dd.date {
	float:left;
}

.cmnt-area dl dd.txt {
	clear:both;
	width:530px;
	padding-top:10px;
}

.cmnt-area table {
	width:530px;
	margin:30px 0;
}

.cmnt-area table th,
.cmnt-area table td {
	padding:6px 0;
}

.cmnt-area table th {
	width:140px;
}

.cmnt-area table td input {
	width:384px;
	padding:2px;
	border:solid 1px #3c3c3c;
}

.cmnt-area table td textarea {
	width:524px;
	height:130px;
	padding:2px;
	border:solid 1px #3c3c3c;
}

.cmnt-area .btn-post {
	text-align:center;
}

/*ページング*/

.pagebar {
	clear:both;
	text-align:center;
	overflow:hidden;
	padding-bottom:1px;
	padding-top:2px;
}

.pagebar li {
	display:inline;
}

.pagebar li, .pagebar a {
	height:21px;
}

.pagebar a:link,
.pagebar a:visited {
	padding:5px 8px;
	background:url(images/bg-page_off.gif) center center no-repeat;
	color:#89e3f8;
	text-decoration:none;
}

.pagebar a:hover {
	background:url(images/bg-page_on.gif) center center no-repeat;
	color:#fff;
	text-decoration:none;
}

.pagebar .this-page {
	padding:5px 8px;
	background:url(images/bg-page_on.gif) center center no-repeat;
	color:#fff;
	text-decoration:none;
}

.pagebar .active-prev a:link,
.pagebar .active-prev a:visited,
.pagebar .inactive-prev {
	padding:5px 35px;
	border:none;
	background:url(images/prev_off.gif) left center no-repeat;
	text-decoration:none;
}

.pagebar .active-prev a:hover {
	border:none;
	background:url(images/prev_on.gif) left center no-repeat;
	text-decoration:none;
}

.pagebar .active-next a:link,
.pagebar .active-next a:visited,
.pagebar .inactive-next {
	padding:5px 35px;
	border:none;
	background:url(images/next_off.gif) right center no-repeat;
	text-decoration:none;
}

.pagebar .active-next a:hover {
	border:none;
	background:url(images/next_on.gif) right center no-repeat;
	text-decoration:none;
}

/* side
----------------------------------------------------*/
#side {
	width:314px;
	float:right;	
}

#side ul {
	width:314px;
	background:url(images/bg-side-m.png) 0 0 repeat-y;
	font-size:14px;
}

#side1 {
	width:314px;
	background:url(images/bg-side-b-1.png) left bottom no-repeat;
	padding-bottom:143px;
}

#side2 {
	width:314px;
	background:url(images/bg-side-b-2.png) left bottom no-repeat;
	padding-bottom:143px;
	margin-top:15px;
}

#side3 {
	width:314px;
	background:url(images/bg-side-b-3.png) left bottom no-repeat;
	padding-bottom:143px;
	margin-top:15px;
}

#side ul li {
	padding-left:50px;
	padding-right:70px;
	padding-bottom:15px;
	background:url(images/side-listimg.gif) 27px 6px no-repeat;
}

#side ul li a:link,
#side ul li a:visited {
	color:#2e2e2e;
	text-decoration:underline;
}

#side ul li a:hover {
	color:#0a7eaf;
	text-decoration:underline;
}


/*----------------------------------------------------
	汎用css
----------------------------------------------------*/
.totop { text-align: right; }

.flL { float: left; }
.flR { float: right; }
.clear{ clear: both; }

.alC { text-align: center; }
.alR { text-align: right; }

.require { color: #ff0000; }
.tx10{ font-size: 10px; }


/* clearfix
----------------------------------------------------*/
.clearfix{
	zoom: 1; /* for IE 5.5-7 */
}

.clearfix:after{ /* for modern browser */
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}