@charset "shift_jis";
body { margin:0; padding:0; font-size:90%;  background:＃eadede; color:#fff; line-height:1.5em;}
* html { zoom: 80%; height:100%;}
 h1, h2, h3,  { margin: 0px; padding: 0px; font-family: 'Arial', 'Tahoma', sans-serif}
p,{ margin: 5px; padding: 10px; font-family: 'Arial', 'Tahoma', sans-serif} 
img { border:0;}
a {color:#C30; text-decoration :underline;}
a:hover, a:focus, a:active, a:visited{color:#C30; text-decoration:none;}

/* div styles ------------------------------------------------- */
#html-all {	width:100%;	height:100%; margin:0; padding:0;}
/*メインコンテンツ---------------------------------- */
#content-area {	width:100%;	margin:0 0 10px; position:relative; text-align:center; background:#9d5c60; margin:0 auto;}
#index-area { width:320px; height:auto;; margin:0px 0; display:inline-block;}
#content-area h2 { width:320px; height:114px; }
#content-area p.textcenter { margin:5px 10px; text-align:center; color:#113669; }

#content-area p.textcenter span { color:#691117; }
#main-area { width:100%; margin:0;display:inline-block; text-align:center;}
#footer { width:100%; margin:0 0 20px; text-align:center; display:block;}
#footer p.copy { margin:0; text-align:center;}

#content-info { width:70%;	background: -webkit-gradient(linear,left bottom, left top, from(#59b0f6), to(#94d7fe)); background: -moz-linear-gradient( top,#59b0f6,#94d7fe ); border: 1px solid #CCCCCC; border-radius: 5px; text-align:center; height: 45px; display:inline-block; margin:5px 0 10px;}


/*clearfix
------------------------------------------------------------------*/
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix {	display:inline-block;}
/* End hide from IE-mac */

/*メニュー
------------------------------------------------------------------*/
#nav{ margin:10px 0px; padding:0px;}

#nav,
#nav ul{ clear:both; list-style-type:none; }
#nav ul li{	width:50%;}
.nav-left{ float:left; }
.nav-right{ float:right; }

#nav ul li.nav-left a{	display:block; margin:3px 3px 3px 10px;}
#nav ul li.nav-right a{	display:block; margin:3px 10px 3px 3px;}

#nav ul li.nav-left a,
#nav ul li.nav-right a{ text-align:center; height: 45px;}

/*ニュース
------------------------------------------------------------------*/
.news{ width:100%; display:block; margin:10px 0; text-align:left; clear:none; float:left; background:#999; border-radius: 5px;}
.news dl{ padding:5px 2px;  border-bottom:solid #999 1px;} 
.news dl dd{ margin:0; padding:0px 5px; text-align:left; color:#FFF; }
.news dl dd.day{ margin:0; padding:0px 5px; text-align:right; color:#FFF; }
.news dl dd span{ color:#900;}


#top-content{ width:100%; margin:30px 0px 20px 0; text-align:center; }
#top-content-main{ width:100%; text-align:left; background:#999; }
#top-content .flow{ width:100%; border-bottom: 1px solid #666; margin:0; clear:left; display:inline-block;}
#top-content h2{ width:100%; text-indent:5px; margin:0; border-bottom: 2px solid #fff;}
#top-content h4{ width:100%; text-indent:5px; margin:5px 0; text-align:left; color:#900; }
#top-content h4 a{ text-decoration:none; color:#900; }

#top-content p.textleft{ margin:10px 5px; color:#fff; text-align:left; clear:left;}
#top-content hr.line{ color:#666; text-align:center; width:90%; display:inline-block; margin:10px 0; height:1px;}

#top-content .imgleft{ float:left; height:auto; margin:5px; text-align:left; display:inline-block; clear:right;}
#top-content p.textright{ float:right; width:150px; color:#fff; height:auto; margin:20px 0; text-align:left; display:inline;}
#top-content p.textright span{ color:#06C;}

table.mobile{ width:100%; margin:10px 0;}

table.mobile td{ background-color:none; padding:5px; border-bottom: 1px solid #fff;  text-align:center; color:#fff; font-weight:normal; }
table.mobile th{ background-color:none; padding:5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;  text-align:center; color:#fff; font-weight:normal; }