@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.caption{
	font-size: 12px;
	line-height: 1.6;
}

.mt60{ margin-top: 60px;}
.mt45{ margin-top: 45px; }
.mt35{margin-top: 35px; }
.mt30{margin-top: 30px; }
.mt25{margin-top: 25px; }
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.op:hover{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

/* layout
-------------------------------------------------------------------------------*/

body{
	font:13px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	background: #BFDCE0 url(../images/bg.gif);
}


/* header */

#header{
	width: 800px;
	margin: 0 auto;
	background: #fff url(../images/header_bg.gif) no-repeat center top;
	border-radius:0 0 6px 6px;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}

#title{
	position: relative;
	height: 456px;
}

h1{
	position: absolute;
	top: 50px;
	left: 64px;
}

#headerCopy{
	position: absolute;
	top: 67px;
	left: 460px;
}

#headerLogo{
	position: absolute;
	top: 20px;
	right: 13px;
}

#headerLink{
	margin-left: 36px;
	padding: 27px 0;
}

#headerLink li{
	float: left;
	position: relative;
	height: 316px;
	margin-right: 8px;
}

.headerLinkBtn{
	position: absolute;
	bottom: 20px;
	left: 40px;
}

.headerPostBtn{
	position: absolute;
	top: 80px;
	left: 120px;
}


/* tab */

#tab{
	width: 780px;
	margin: 35px auto 0 auto;
	padding-left: 20px;
}

#tab li{ float: left; }
#tab a, #tab img{ display: block; }

.main{
	width: 728px;
	margin: 0 auto;
	padding:20px 36px 30px 36px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}
#kesennuma{ background:#FFF url(../images/main_bg_kesennuma.gif) repeat-x; }
#fukushima{ background:#FFF url(../images/main_bg_fukushima.gif) repeat-x; }
#otayori{ background:#FFF url(../images/main_bg_otayori.gif) repeat-x; }


/* entry */

.entry{
	padding: 46px 10px;
	border-bottom: 1px solid #968C87;
}

.entryBody{
	float: right;
	width: 360px;
}

.subject{
	float: left;
	width: 263px;
	height: 68px;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
}
.pj_140311kesennuma .subject{ background: url(../images/entry_title_bg_kesennuma.gif) no-repeat; }
.pj_140311fukushima .subject{ background: url(../images/entry_title_bg_fukushima.gif) no-repeat; }
.pj_140311otayori .subject{ background: url(../images/entry_title_bg_otayori.gif) no-repeat; }

#total .pj_140311otayori{
	padding: 86px 10px;
	background: url(../images/entry_bg_otayori.gif) repeat-x center 48px, url(../images/entry_bg_otayori.gif) repeat-x center bottom;
}

.subject span{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}

.subject + div{ padding-top: 26px; }

.photo{
	float: left;
	width: 320px;
}

.photo a{
	display: block;
	margin-bottom: 30px;
	outline: none;
}
.photo a:last-child{ margin-bottom: 0; } 

.pageNav{
	margin-top: 25px;
	padding: 0 10px;
}

.pageNav li{
	float: left;
	border-right: 1px solid #968C87;
}
.pageNav li:first-child{ border-left: 1px solid #968C87; }
.pageNav a, .pageNav img{ display: block; }


/* banner */

#banner{
	width: 770px;
	margin: 38px auto 0 auto;
	padding:15px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.2);
}

#banner ul{ margin-top: 15px; }

#banner li{
	float: left;
	margin-right: 10px;
}
#banner li:last-child{ margin-right: 0; }
#banner ul a, #banner ul img{ display: block; }
#banner p {
	margin: 20px auto 0;
	text-align: center;
}

/* footer */

#footer{
	width: 800px;
	margin: 38px auto 0 auto;
	padding:28px 0;
	background-color: #fff;
	border-radius: 6px 6px 0 0;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

#footer ul{ margin: 0 0 25px 108px; }
#footer li{
	float: left;
	margin-right: 40px;
}
#footer li a, #footer li img{ display: block; }

.fb-like{
	padding-top: 5px;
	height: 20px;
}

a{
	outline:none;
	color: #6AABBA; 
	text-decoration: none;
	font-weight:bold;
}

	 
a:visited{ color: #A4A4A4; text-decoration: none; }
	 
a:hover{ color: #F7CB9C; text-decoration: none; }