@charset "shift_jis";
/* ===========要素=========== */
body{
	margin : 0;
	padding : 0;
	color : #000;
	background : #fff;
}
/* リンク */
a{
	text-decoration : none;
	background : transparent;
}
a:link{
	color : #00a;
	text-decoration : underline;
}
a:visited{
	color : #805;
	text-decoration : underline;
}
a:hover,a:active{
	color : #b00;
	text-decoration : none;
}
/* 見出し */
h1{
	font-size : 140%;
	color : #c06;
	background : transparent url(img/h1-back.gif) repeat-x 0% 50%;
	text-align : center;
	margin : 10px 0;
	font-size : 130%;
	padding : 5px 10px;
	letter-spacing : 0.1em;
}
h1 a, h1 a:hover{
	color : #c06;
	background : transparent;
}
h1 a:link, h1 a:visited{
	color : #c06;
	background : transparent;
}
h2{
	font-size : 145%;
	color : #009;
	background : #cef url(img/h2-back.gif) no-repeat right bottom;
	padding : 3px 75px 3px 10px;
	margin : 30px 0 15px 0;
	border-color : #000 #ddc #ddc #000;
	border-width : 1px 0 3px 0;
	border-style : solid none;
	clear : both;
	min-height : 32px;
}
h3{
	font-size : 120%;
	color : #330;
	margin : 25px 0 15px 0;
	background : #eeeee7;
	border-color : #997;
	border-width : 0px 0px 0px 10px;
	border-style : none none none solid;
	padding : 3px 3px 3px 5px;
}
h4{
	font-size : 110%;
	color : #441;
	margin : 25px 0 15px 0;
	background : transparent;
	border-color : #cca;
	border-width : 1px 0px 6px 0px;
	border-style : solid none solid none;
	padding : 3px;
}
h5{
	font-size : 110%;
	color : #441;
	margin : 20px 0 10px 0;
	background : transparent;
	border-color : #cca;
	border-width : 0px 0px 1px 0px;
	border-style : none none solid none;
	padding : 3px;
}
h6{
	font-size : 105%;
	color : #441;
	margin : 20px 0 10px 0;
	background : transparent;
	border-color : #cca;
	border-width : 0px 0px 1px 0px;
	border-style : none none dashed none;
	padding : 2px;
}



/* その他の要素 */
img{
	border-width : 0px;
}
p{
	text-indent : 1em;
	line-height : 1.4;
	margin : 10px 0;
}
/* リスト */
ul,ol{
	line-height : 1.3;
	margin : 15px 1em 15px 2em;
	padding : 0;
}
ul li{
	list-style-image : url(img/listmark.gif);
	list-style-position : outside;
}
li ol li,li ul li{
	list-style-image : none;
}
dl{
	line-height : 1.3;
	margin : 15px 1em 15px 1em;
}
dt{
	border : #cca 1px solid;
	padding : 2px 5px;
	color : #000;
	background : #fff;
	margin : 2px 0;
}
dd{
	margin : 2px 0 2px 2em;
}
/* テーブル */
table{
	margin : 15px;
	color : #000;
	background : #fff;
	border-collapse : collapse;
	border : #997 1px solid;
}
caption{
	color : #441;
}
th{
	color : #000;
	background : #eeeee7;
	padding : 3px;
	border : #997 1px solid;
}
td{
	color : #000;
	background : #fff;
	padding : 3px;
	border : #997 1px solid;
}
/* フォーム関係 */
fieldset{
	color : #000;
	background : #eeeee7;
	border : #997 1px solid;
	margin : 10px 0;
}
form dd,form li{
	padding : 2px 0;
}
form dt{
	margin-top : 0.3em;
}
/* インライン要素 */
strong{
	font-weight : bold;
	color : #c06;
	background : transparent;
}
em{
	color : #c06;
	background : transparent;
	font-style : normal;
}
	
/* ==== class, id ===== */
/* トップページの季節の写真 （背景画像と高さそろえる） */
.season{
	color : #000;
	background : #fff url(img/season.jpg) repeat-x 50% 50%;
	text-align : center;
	margin : 10px 0;
}
.season img{
	border : 2px #fff solid;
}
/* リード文とか */
.read{
	color : #000;
	background : #FFFde6 url(img/read-back.gif) no-repeat;
	margin : 15px 15px;
	padding : 10px 10px 10px 40px;
	border-color : #cca;
	border-width : 1px;
	border-style : none solid solid none;
}

/* 配置 */
#body{
	margin : 5px 0 10px 0;
	padding : 5px 70px 5px 20px;
	color : #000;
	background : transparent url(img/railway.gif) repeat-y right top fixed;
	border-color : #ccc;
	border-width : 3px;
	border-style : dotted none;
}
#header{
	color : #000;
	background : #fff url(img/sky-backa.gif) repeat-x 50% 0%;
	padding : 0;
	margin : 0;
}
.header-illust{
	color : #000;
	background : transparent url(img/station-back.gif) no-repeat 50% 0%;
	text-align : right;
	height : 75px;
	padding-right : 7px;
}
#footer{
	clear : both;
	padding : 5px 15px 90px 15px;
	color : #000;
	background : #fff url(img/town-back.gif) repeat-x left bottom;
}
#footer hr{
	display : none;
}

/* 写真関係 */
.photo{
	text-align : center;
	padding : 10px 0;
	clear : both;
}
.photo-right{
	width : 260px;
	text-align : center;
	clear : both;
	float : right;
	padding : 5px 0 5px 10px;
	clear : both;
}
.photo p,.photo-right p{
	margin : 3px 0;
	font-size : 95%;
	color : #444;
	background : transparent;
}
.photo-right p{
	text-align : left;
}
.clear{
	clear : both;
}
/* 署名 */
.signature{
	text-indent : 0;
	text-align : right;
}
/* もどるリンク */
.turnup{
	text-indent : 0;
	text-align : center;
	margin : 25px 20%;
	clear : both;
	padding : 3px;
	border : #cef dotted 2px;
}
/* パン屑ナビ */
#tip-navi{
	color : #000;
	background : transparent;
	position : absolute;
	top : 3px;
	left : 5px;
	font-size : 95%;
	text-indent : 0;
	margin-left : 0;
	margin-top : 0;
	margin-right : 0;
	padding : 2px;
	line-height : 1.1;
}	
/* ナビゲーションへのスキップ */
.skip{
	position : absolute;
	top : -500px;
	right : 0px;
}
/* ほか */
.inline-list li, .inline-list dd{
	display : inline;
}
.inline-list li{
	list-style-image : none;
}
.inline-list li:before,.inline-list dd:before{
	content: "| ";
	color : #999;
}
/*写真コーナー*/
.gallery h1{
	background : transparent url(img/film-back.gif) repeat-x 50% 50%;
}
.gallery h3{
	background : #eeeee7 url(img/film-h3.gif) no-repeat 5px 50%;
	padding : 3px 3px 3px 50px;
	min-height : 22px;
}
.gallery .photo-left{
	float : left;
	width : 300px;
	margin : 10px 5px 10px 0px;
	text-align : center;
	border-width : 1px;
	border-color : #ccc #888 #888 #ccc;
	border-style : solid;
	padding : 5px;
}
.gallery .photo-left p{
	margin : 0 0.5em 0 0;
}

/*おたよりコーナー*/
.letter h1{
	background : transparent url(img/letter-back.gif) repeat-x 50% 50%;
}
.letter h3{
	background : #eeeee7 url(img/letter-h3.gif) no-repeat 5px 50%;
	padding : 3px 3px 3px 50px;
	min-height : 22px;
}


/*会報*/
.body_grey{
	margin: 20px;
	padding: 15px;
	border: 1px solid #999999;
}

ul.kaiho li{
	margin: 5px 10px 0 20px;
	line-height: 130%;
}

/*================MacIEであやしい部分==================*/
@media screen,projection,print{
/* 段組 */
/*.w-column{
	float: left;
	width: 47%;
	padding : 0 15px 0 0;
}*/
.w-column1{
	float: left;
	width: 47%;
	margin : 0;
	padding : 0;
	position : relative;
	top : -14px;
}
.w-column2{
	margin: 0 0 0 50%;
	padding : 0;
}
}