@charset "UTF-8";

/* CSS Infomation =======================================================
Filename	: style.css
Description	: Style for GoogleMaps
Version		: 1.0
Modified	: 10/02/09
Content		:
========================================================================= */

@import "basestyle.css"; /* サイト共通スタイル取り込み */

body
{
	background: #ececec url(../img/back_oshirase.gif) repeat-y center;
}



div#top
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 675px;
	text-align: center;
	background-color: #FFFFFF;
}

h1
{
	font-size: 220%;
	width: 600px;
	margin: 30px auto 6px;
}

h1 span
{
	font-weight: bold;
	display: none;
}

h2
{
	font-size: 170%;
	font-weight: bold;
	width: 600px;
	margin: 0 auto 20px;
	color: #f00;
}

div#oshirase
{
	height: 52px;
	background-image: url(../img/title_oshirase.gif);
	width: 640px;
	margin-right: auto;
	margin-top: 10px;
	margin-left: auto;
}

div#oshirase span
{
	visibility: hidden;
}

/* コンテンツ全体のボックス */
div#main_box{
	width: 660px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size: 120%;
}

/* コンテンツ内容のボックスー分割なし用 */
div.naiyou_box_all{
	text-align: center;
}



p{
	line-height: 1.8em;
	font-size: 150%;
}

span.rank2{
	color: #000;
	width: 550px;
	display: block;
	margin-left: 25px;
}

/* コンテンツ内容ー枠付きボックス */
.waku1{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px dotted #ff8d00;
}

/* コンテンツ内容ー枠なしボックス */
.waku_non{
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}



/* 装飾メグリアバード */
#bird{
	width: 100%;
	text-align: right;
}

/* フッタ */
div#footer{
	height: 30px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 19px;
	border-top: 1px solid #5e5e5e;
	width: 600px;
}

div#footer p{

	text-align: center;
	margin-top: 10px;
	visibility: hidden;
}

div#footer img{

	text-align: center;
	margin-top: 20px;
}

/* 表のスタイル_600px */
div#nichiji{
	font-size: 120%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

div#nichiji p#ki{
	text-align: center;
	font-weight: bold;
}

div#nichiji p#ijyou{
	text-align: right;
	width: 550px;
}







div#nichiji div{
}

div#nichiji div span.wordbox{
	border: 1px dotted #000;
}

div#nichiji div p{
	margin-top: 5px;
	margin-bottom: 8px;
	font-size: 90%;
}





/* 装飾用クラス */

.mannaka{
	text-align: center;
}

.small
{
	font-size: 85%;
}

.indent_suru1{
	font-size: 100%;
	text-indent: -1em;
	margin-left: 1em;
}

.indent_suru2{
	font-size: 100%;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 8px;
}

em{
	font-weight: bold;
	font-style: normal;
	border-bottom: 2px solid #f00;
}

.invisible{
	display: none;
}

/* 表のスタイル */
table
{
	border-top: 1px solid #797979;
	width: 580px;
	margin: 0 auto;
}

table th,
table td
{
	font-size: 1.2em;
}

table th
{
	background-color: #fcdec0;
	text-align: center;
	border-bottom: 1px solid #797979;
	border-left: 1px solid #797979;
	border-right: 1px solid #797979;
	font-weight: bold;
	vertical-align: middle;
}

table td
{
	background-color: #FFFFFF;
	border-bottom: 1px solid #797979;
	border-right: 1px solid #797979;
}


table td.yokoichi
{
	border-left: 1px solid black;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


table.baby{
	border-style: none;
	font-size: 1.2em;
	width: 600px;
}

table.baby th{
	border-style: none;
	width: 4em;
	vertical-align: top !important;
	background-color: white;
}

table.baby td{
	border-style: none;
	vertical-align: top !important;
}

table.baby ul{

}

table.baby li{
	margin: 0;
	padding: 0;
	display: block;
	background-color: maroon;
}


.ssth{
	font-size: 1.5em;
}

.sstable{
	border-right-style: none;
}


iframe
{
	border: 2px solid #fcb874;
}

small{
	display: block;
	margin-top: 5px;
	font-size: 0.8em;
}


.small2{
	font-size: 0.9em;
}

.medatsu{
	color: #f00;
}

ul{
	width: 438px;
	float: left;
}

li{
	list-style-type: none;
}

div.bookimg{
	width: 600px;
	float: left;
	clear: both;
	text-align: center;
	margin: 0 auto 10px;
	padding: 0;
}

div.rangai {
	font-size: 1.3em;
	border-left-width: 1px;
	width: 550px;
	padding: 0;
	border: 1px solid #a9a9a9;
	margin: 15px auto;
}

div.rangai p{
	text-align: center;
}



/* ボタン */
.btn_link{
	width: 202px;
	height: 50px;
	margin: 30px auto 20px;	
	background-image: url(../img/btn_oshirase.gif);

}

.btn_link p{
	text-align: center;
	line-height: 50px;
	font-size: 160%;
	width: 203px;
	margin-left: auto;
	margin-right: auto;
}


/*透過ロールオーバー*/
a:hover img {
	filter: alpha(opacity=80);
	-khtml-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}

#bird{
	text-align: right;
}

div#readimg{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

div#readimg .readleft{
	text-align: left;
}

div#readimg .readcenter{
	text-align: center;
}

div#readimg img{
}

p.babyread{
	border: 3px solid orange;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	padding: 10px;
	margin-top: 10px;
	background-color: #fff1dd;
}

.red{
	color: #ff2600;
	font-weight: bold;
}

/*可変する角丸ボックス*/
/* The ThrashBox - http://www.vertexwerks.com/tests/sidebox/ */
/* Show only to IE PC \*/
* html #sidebox .boxhead h2 {height: 1%;} /* For IE 5 PC */

* html #sidebox .boxhead h2 {height: 1%;} /* For IE 5 PC */

#sidebox {
    margin: 0 auto; /* center for now */
    background: url(img/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
	width: 232px;
}
#sidebox .boxhead {
    background: url(img/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
#sidebox .boxhead .h {
    background: url(img/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 16px 20px 0;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-shadow: rgba(0,0,0,0.4) 0px 2px 5px; /* Safari-only, but cool */
}

#sidebox .boxhead .h span{
	visibility: hidden;
}
#sidebox .boxbody {
    background: url(img/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 20px 20px;
}
#sidebox .boxbody p {
    margin:0; padding: 3px 0 16px;
	text-align: center;
	font-size: 160%;
	line-height: 10px;
}

div.kome{
	margin-left: 1em;
}

div.kome p{
	text-indent: -1em;
}

.bigmoji{
	font-size: 1.2em;
	font-weight: bold;
	color: #007e00;
}

table.in_map th,table.in_map td{
	vertical-align: middle;
}