@charset "utf-8";

/* -------------------------------------
 * reset
 * ------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}

table{border-collapse:collapse;border-spacing:0em;}
fieldset,img,abbr{border:0em;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
img{vertical-align:bottom; border:none;}

/* -------------------------------------
 * サイト共通
 * ------------------------------------- */
 
 body {
	background-image:url(../img/body_bg.gif);
	font-size:74.5%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
	color:#666;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

li {
	list-style:none;
	line-height:1.3;
}

	a:link    { color: #06C ; text-decoration:none; }
	a:visited { color: #06C ; text-decoration:none; }
	a:hover   { color: #666 ; }
	a:active  { color: #666 ; }
	

/* -------------------------------------
 * clearfix
 * ------------------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* -------------------------------------
 * clear
 * ------------------------------------- */
 
.clear{
	clear:both;
	}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px; 
}

/* -------------------------------------
 * concept
 * ------------------------------------- */

#concept {
	width:870px;
	height:15px;
	margin:5px auto;
	background:url(../img/icon_book.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:12px;
	color:#666;
}


/* -------------------------------------
 * container
 * ------------------------------------- */
 
#container {
	 width:900px;
	 margin:0 auto 20px auto;
	 border:1px solid #CCC;
	 background:#FFF;
	 padding:20px 0 10px 0;
  }

/* -------------------------------------
 * wrapper
 * ------------------------------------- */

#wrapper {
	width:860px;
	margin:0 auto;
}

/* -------------------------------------
 * side
 * ------------------------------------- */

#wrapper #side {
	width:305px;
	float:left;
}

#wrapper #side table {
	margin:10px 0;
	width:300px;
}

#wrapper #side td {
	border:1px solid #CCC;
	padding:3px 0 3px 10px;
}

#wrapper #side #twitter {
	margin-top:10px;
}

/* -------------------------------------
 * main
 * ------------------------------------- */

#wrapper #main {
	width:540px;
	float:right;
}

#wrapper #main h2{
	background-image:url(../img/titile_bar.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:7px;
	color:#666;
	font-size:14px;
	font-weight:bold;
	height:35px;
}

#wrapper #main h3{
	color:#F90;
	font-weight:bold;
}


#contents ul {
	width:540px;
}

#contents ul li {
	height:20px;
	margin:8px 0;
	padding-bottom:8px;
}

#contents ul li.miyagi {
	padding-left:60px;
	border-bottom:1px dotted #CCC;
	background:url(../img/icon_miyagi.gif);
	background-repeat:no-repeat;
}

#contents ul li.yamagata {
	padding-left:60px;
	border-bottom:1px dotted #CCC;
	background:url(../img/icon_yamagata.gif);
	background-repeat:no-repeat;
}

#contents ul li.fukushima {
	padding-left:60px;
	border-bottom:1px dotted #CCC;
	background:url(../img/icon_fukushima.gif);
	background-repeat:no-repeat;
}

/* -------------------------------------
 * 電子書籍で読む
 * ------------------------------------- */

#main .btn ul {
	float:right;
	width:128px;
	margin-bottom:10px;
}

#main .btn ul li.btn01 a {
	background:#FFF url(../img/btn_01_over.jpg) left top no-repeat;
	color:#F90;
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	width:128px;
	height:34px;
}

#main .btn ul li.btn01 a:hover {
  background-color: #F90;
  color: #FFF;
}

#main .btn ul li.btn01 a img {
  background-color: #F90;
}

#main .btn ul li.btn01 a:hover img {
  position: relative;
  top: -34px;
}

#main p {
	margin-top:8px;
}


#main #info {
	width:540px;
}

#main #info h3 {
	font-weight:bold;
	color:#333;
}

#main #info table {
	background-color:#F6F6F6;
	margin:10px 0;
	border:1px solid #CCC;
}

#main #info th {
	width:100px;
	font-weight:bold;
	color:#666;
	padding:10px 0 10px 20px;
}

#main #info td {
	padding: 6px 3px 6px 10px;
}

/* -------------------------------------
 * 購読する
 * ------------------------------------- */

#main .btn ul li.btn02 a {
	background:#FFF url(../img/btn_02_over.jpg) left top no-repeat;
	color:#F90;
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	width:128px;
	height:34px;
}

#main .btn ul li.btn02 a:hover {
  background-color: #F90;
  color: #FFF;
}

#main .btn ul li.btn02 a img {
  background-color: #F90;
}

#main .btn ul li.btn02 a:hover img {
  position: relative;
  top: -34px;
}

#main p {
	margin-top:8px;
}

/* -------------------------------------
 * 広告
 * ------------------------------------- */

#ad {
	margin:10px 0;
}

#wrapper #main #ad h3{
	color:#F00;
	font-weight:bold;
}

#ad_wrapper .left{
	width:200px;
	float:left;
}

#ad_wrapper .right{
	float:right;
	width:330px;
}

.midashi{
	color:#F90;
	font-weight:bold;
}

/* -------------------------------------
 * フッター
 * ------------------------------------- */

#footer {
	clear:both;
	padding-top:20px;
}

#footer p {
	text-align:right;
}