@charset "utf-8";

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

#main div,#main h1,#main h2,#main h3,#main h4,#main h5,#main p,#main th,#main td,#main dl,#main dt,#main dd,#main ul,#main ol,#main li {
	margin: 0;
	padding: 0;
	}
#main h1,#main h2,#main h3,#main h4,#main h5 {
	font-size: 100%;
	font-weight: normal;
	}
#main table {
	border-collapse: collapse;
	}
#main th, #main td {
	vertical-align: top;
	}
#main caption,#main em,#main strong,#main th {
 font-style : normal;
 font-weight : normal;
 }
#main caption,#main th {
	text-align : left;
	}
#main p {
	line-height: 1.2;
	}

#main div.colored1,#main div.colored2{
	font-size: 12px;
}


/*---------------------------------------------------------------------
  fonts
----------------------------------------------------------------------*/

#main {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	text-align: left;
	}
#main table {
	font-size : inherit;
	font:100%;
	}


/*---------------------------------------------------------------------
  レイアウト
----------------------------------------------------------------------*/
#main {
	margin-top: 0px;
	}
#leftMain {
	float: left;
	width: 160px;
	}
#topMain {
	float: right;
	width: 630px;
	margin-top: 10px;
	}
#main #left {
	}



/*---------------------------------------------------------------------
  common
----------------------------------------------------------------------*/
#topMain  .pagetop { text-align: right; margin-bottom: 30px; margin-top: 10px; 	}

/* 回り込み解除(clearFix)
----------------------*/
.clearFix { 
	zoom: 1;
	}

.clearFix:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
	}

/* Hides from IE-mac \*/
*html .clearFix {height: 1%;}
.clearFix {display: block;}
/* End hides from IE-mac \*/




/*----------------------------------------------------------------------
  linkの設定
-----------------------------------------------------------------------*/
/*
#topMain a:link,
#topMain a:visited {
	color: #245fbb; text-decoration: underline;
	}
#topMain a:hover,
#topMain a:active {
	color: #245fbb; text-decoration: none;
	}
*/



/*----------------------------------------------------------------------
  左コンテンツ
-----------------------------------------------------------------------*/

.left_navi02 {
	height: 25px;
	font-size: 0.65em;
	margin: 0;
	padding: 0;
	background-color: #85c23a;
	}

#leftMain .txt_01 {
	color: #414141;
	font-size: 0.83em;
	line-height: 1.25em;
	margin-bottom: 10px;
	}
#leftMain .txt_01 p {
	margin-top: 8px;
	line-height: 1.5em;
	}

#leftMain #bg_gray  {
	background: #e2e2e2;
	padding: 5px;
}



/*----------------------------------------------------------------------
  右コンテンツ
-----------------------------------------------------------------------*/
#right div.check {
	font-size: 10px;
	line-height: 1.5em;
	}

/*----------------------------------------------------------------------
  メインコンテンツ
-----------------------------------------------------------------------*/

#main #mapArea {
	margin-bottom: 30px;
	}
#mapArea #ma_map {
	float: left;
	width: 375px;
	margin-right: 12px;
	}
#mapArea #ma_text {
	width: 600px;
	background: #f6eddb;
	padding: 14px;
	}
#ma_text h3 img {
	margin-top: 2px;
	margin-bottom: 12px;
	}
#ma_text p {
	line-height: 1.5em;
	}
#ma_text p.more {
	text-align: right;
	margin-top: 6px;
	}


/* Example, News
----------------------------*/
#main #topics {
	margin-bottom: 25px;
	}
#main #column_tworows { padding-bottom:10px;}
#main .example { float: left; width: 309px; margin: 0px 12px 10px 0px; }
#main .news { float: right; width: 309px; margin: 0px 0px 10px; 	}
#main .news P,
#main .example P{
line-height:1.4;
}

#main .news .more,
#main .example .more{ float:right;}

#main .headline_h3{ background: #71b52b; font-weight: bold; color: #FFFFFF; font-size: 15px; padding: 3px 10px 2px; width: 289px; _width: 309px; text-shadow: 1px 1px 1px #456f1a; margin-bottom: 10px; }
#topics h3, #topics #sttl {
	background: #71b52b;
	}
#sttl h3 {
	float: left;
	}
#sttl p {
	text-align: right;
	color: #ffcc00;
	padding-top: 7px;
	padding-right: 8px;
	}
#topics h3 {
	padding-left: 10px;
	}

#topics .tpbox {
	margin-top: 15px;
	}
.tpbox img {
	float: left;
	width: 90px;
	margin-right: 10px;
	}
.tpbox .tp_text {
	float: right;
	width: 209px;
	}
#topics .tp_text h4 a {
	font-weight: bold;
	line-height: 1.4em;
	}
#topics .tp_text p {
	line-height: 1.4em;
	margin-top: 4px;
	}
#topics .tp_text p.more {
	text-align: right;
	padding-right: 8px;
	}
#topics .tp_text span.more {
	margin-left: 105px;
	}



#footer {
	font-size : 120%!important;
	}
/*pr
----------------------------*/
#main #pr { width: 630px; margin-bottom:10px;}

#pr h3 {
	background: #71b52b;
	margin-top: 30px;
	}
	
#pr .pr_box{
	background: #e9eef3;
	width: 630px;
	}	
	
#pr div.pr_left{
	padding-left: 20px;
	padding-top: 10px;
	width: 397px;
	float: left;
	}
	
#pr div.pr_left p.text{
	line-height: 1.4em;
	margin-top: 4px;
	width: 397px;
	float: left;
	padding-top: 10px;
	}


#pr div.pr_right{
	padding-left: 20px;
	padding-top: 10px;
	width: 180px;
	float: right;
	padding-bottom: 10px;
	}


/*
----------------------------*/
#reformVol {
	float: left;
	width: 309px;
	margin-right: 12px;
	
	}
	#reformVol h3 { margin-top: 30px; margin-bottom: 10px; }
	#reformVol .more { padding-right: 5px; padding-bottom: 30px; text-align: right; }
	
#reformYuka {
	float: right;
	width: 309px;
	
	}
	#reformYuka h3 { margin-top: 30px; margin-bottom: 10px; }
	#reformYuka .more { padding-right: 5px; padding-bottom: 30px; text-align: right; }




/* blog
----------------------------*/
#blog #main {
border: none;
	}
#blog h3 {
	background: #71b52b;
	padding-left: 10px;
	margin-bottom: 15px;
	}
#blog #sttl {
	height: 25px;
	background: #71b52b;
	margin-bottom: 15px;
	}
#blog #bloglist {
	width: 630px;
	}
#blog .bbox {
	float: left;
	width: 150px;
	margin-right: 10px;
	}
#blog .mr0 {
	margin-right: 0;
	}
#blog .bbox {
	margin-bottom: 15px;
	}
#blog .bbox img {
	margin-bottom: 5px;
	}	
#blog .bbox p {
	line-height: 1.5em;
	}
#blog .bbox p.b_date {
	margin-bottom: 3px;
	}



#toptextbanner {
	font-size:15px;
	}

#right_sp {
	float: right;
	font-size: 15px;
	}

#reno_bukken {
	height: 95px;
	margin-bottom: 10px;
	border: 1px solid #ce0203;
	padding: 14px;
	}

#reno_bukken_l {
	float:left;
	}

#reno_bukken_l li {
	float: left;
	width: 150px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

#reno_bukken_r {
	float: right;
	width: 270px;
	margin-top: 200px;
	padding-top: 200px;
	}

#reno_bukken_r img {
	margin-top: 8px;
	}

#reno_bukken_r li {
	float: left;
	width: 75px;
	padding-bottom: 10px;
	padding-left: 5px;
	}


#move_rapper { height:465px;}


#main #move_area { margin: -46px 0px 5px; }
#main #move_area span{font-size:10px;color:#FFFFFF;background:#F55C00;line-height:1.2;margin-right:3px;margin-top:-1px;padding:0px 4px;border:1px solid #FF0000;display:inline-block;*display:inline;*zoom:1}

#move_area .move_box01 { background: url(img/move_box01.jpg) no-repeat left top; float: left; width: 200px; height:180px; margin-right: 15px; }
#move_area .move_box02 { background: url(img/move_box02.jpg) no-repeat left top; float: left; width: 200px; height:180px; margin-right: 15px; }
#move_area .move_box03 { background: url(img/move_box03.jpg) no-repeat left top; float: right; width: 200px; height:180px;}

#move_area .move_box01 dt,
#move_area .move_box02 dt,
#move_area .move_box03 dt{ height: 60px; overflow: hidden; margin-bottom: 5px; }

#move_area .move_box01 ul,
#move_area .move_box02 ul,
#move_area .move_box03 ul{ border-top: 1px dotted #58a31e; margin: 0px 0px 0px 8px; width:180px; padding-top: 5px; }

#move_area .move_box01 ul li,
#move_area .move_box02 ul li,
#move_area .move_box03 ul li{ background: url(img/move_icon.jpg) no-repeat left 2px; line-height: 1.6; padding: 0px 5px 0px 15px; }

#move_area .move_box01 ul li a,
#move_area .move_box02 ul li a,
#move_area .move_box03 ul li a{ font-weight: bold; }
#explanation_box01 { width: 630px; background: #f6eddb; clear: both; }
#explanation_box01 .inner{padding:15px;}
#explanation_box01 h3{ margin-bottom: 5px; }
#explanation_box01 p { line-height: 1.6;}
#explanation_box01 .more {text-align: right;margin-top: 6px;}

#links_article{margin-bottom:20px}
#links_article .headline01{ font-size:14px; margin-bottom:15px; background:#71B52B; padding:5px 10px 3px; font-weight:bold; color: #FFFFFF; text-shadow: 1px 1px 1px #456f1a; position: relative; }
#links_article .headline01 span{ text-align: right; font-weight: normal; position: absolute; top: 0px; right: 0px; padding: 5px 0px 5px 5px; display: block; background: #FFFFFF;}

#links_article dl{margin-bottom:10px;width:620px;margin-left:10px}
#links_article dt{font-size:16px;margin-left:-10px;font-weight:bold;margin-bottom:5px}
#links_article dt em{color:#71B52B;margin-right:3px}
#links_article dd{float:left;width:305px;padding-right:4px;margin-bottom:8px}
#links_article dd a{background:url(article/images/article_arrow01.gif) no-repeat left 3px;padding-left:10px}
.more02 { text-align: right; }

#aside {width:140px; float:right;}
#aside .aside_banner01 { margin-bottom:10px;}

/* clearfix
====================================== */
#aside:after,
#links_article dl:after,
#main #move_area:after,
#main #column_tworows:after,
#main .news:after,
#main .example:after,
#main #pr:after{clear:both;content:".";display:block;height:0;visibility:hidden}