@charset "Shift_JIS";
/*---HT_writeSP: 2009.10.30-- */

body {
	margin:0px auto;
	padding:0px;
	text-align:center;
	background: #FFF;
}

#wrapper{
	width:800px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background: #FFF;
}

#header{
	position: relative;
	width:800px;
	height: 102px; 	
	margin:0px auto;
	padding:0;
	background-color:#FFF;
}
#headerLogo{
	position: absolute;
	left: 15px;
	top: 22px;
	width:400px;
	height: 24px;
	text-align:left;
	margin:0px auto;
	padding:0;
}
#headerSnavi{
	position: absolute;
	right: 10px;
	top: 0px;
	width:350px;
	height: 24px;
	text-align:right;
	margin:0px;
	padding:0px;
	zoom: 1;/*解除_親に適用*/
}
#headerSnavi ul {
	margin:0px;
	padding:0px;
}
#headerSnavi li {
	float:left;
	display:block;
	padding: 0;
	list-style: none;
}
#headerSnavi:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden;/*解除_親に適用(Zoomとセット)*/
}

#headerGnavi{
	position: absolute;
	left: 15px;
	top: 66px;
	width:673px;
	height: 26px;
	text-align:left;
	margin:0px auto;
	padding:0;
	zoom: 1;/*解除_親に適用*/
}
#headerGnavi ul {
	margin:0px;
	padding:0px;
}
#headerGnavi li {
	float:left;
	display:block;
	padding: 0;
	list-style: none;
}
#headerGnavi:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden;/*解除_親に適用(Zoomとセット)*/
}

/*containerの設定*/

#container {
	width:800px;
	margin:0px auto;
	background-color:#FFF;
}
#container:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden; 
	zoom: 1;/*解除_親に適用*/
}

#main{
	width:560px !important; width:580px;/*--IE6対策--*/	
	margin:8px 0px 0px 0px;
	padding:0px 20px 0px 0px;
	background-color:#FFF;
	float:left;
}
#side{
	width:220px;
	margin:8px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	text-align:center;
	float:right;	
}

#snavi{
	margin:0px 0px -10px 0px;
	padding:0px 0px 0px 0px;
}
#snavi ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#snavi li {
	height: 38px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	overflow: hidden;
	background: url("../img/snavi_foot.gif")  no-repeat top;
}

#snaviEve{ /*イベント専用*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#c6f1ec;
}
#snaviEve ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#c6f1ec;
}
#snaviEve li {
	font-size: 70%;
	color: #333;
	text-decoration: none; 
	text-align: left;
	line-height: 1.4;
	text-indent: -10px;
	margin:0px 5px 2px 5px;
	padding:5px 0px 5px 15px;
	list-style: none;
	overflow: hidden;
	background-color:#fff;
	border-style: solid;
	border-color: #999;
	border-width: 0px 1px 1px 0px;
}
#snaviEve a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	text-decoration: none; 
	color: #333;
}
#snaviEve a:hover{
	text-decoration: underline; 
	color:#0099FF;
}


/*トップページの設定*/

#topFla {
	width:800px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	zoom: 1;/*解除_親に適用*/
}
#topFlaL{
	width:569px;
	/*height: 224px;*/
	height:360px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	float:left;
}
#topFlaR{
	width:217px !important;
	width:231px;/*--IE6対策--*/
	/*height: 210px !important; height:224px;/*--IE6対策--*/
	height:370px;
	margin:0px;
	background-color:#dfdfdf;
	background-image: url("../img/top_backFla.gif");
	float:right;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 14px;
}

#topFlaR img {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 18px;
	/*margin-bottom: 5px;*/
	margin-left: auto; 
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	    #topFlaR img {
	        margin-bottom: 16px;
	    }
	}
	/*safari,clome*/


#topFla:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden; /*解除_親に適用(Zoomとセット)*/
}

#topNews {
	width:800px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFF;
	zoom: 1;/*解除_親に適用*/
}
#topNewsL{
	width:390px;
	margin:0px 20px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#FFF;
	background: url("../img/top_newsA02.gif") no-repeat bottom;
	float:left;
}
#topNewsL h2{
	font-size: 80%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#topNewsL dl{
	width:390px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}  
#topNewsL dt{
	width:90px;
	font-size: 70%;
	color: #ab276e;
	font-weight:bold;
	padding:5px 0px 5px 15px;
	float:left;
	clear:both;
}
#topNewsL dd{
	margin:0px 0px 0px 90px;
	padding:5px 15px 5px 0px;
}
#topNewsL dd div{
	width:270px;
	font-size: 70%;
	color: #333;
	line-height: 1.6;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#topNewsL a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	text-decoration: none; 
	color: #0033FF;
}
#topNewsL a:hover  {
	text-decoration: underline; 
	color:#0099FF;
}
#topNewsR{
	width:390px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 0px;
	background-color:#dfdfdf;
	background: url("../img/top_newsB02.gif") no-repeat bottom;
	float:right;
}
#topNewsR h2{
	font-size: 80%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#topNewsR dl{
	width:390px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}  
#topNewsR dt{
	width:90px;
	font-size: 70%;
	color: #bd8102;
	font-weight:bold;
	padding:5px 0px 5px 15px;
	float:left;
	clear:both;
}
#topNewsR dd{
	font-size: 70%;
	color: #333;
	line-height: 1.6;
	margin:0px 0px 0px 90px;
	padding:5px 15px 5px 0px;
}
#topNewsR dd div{
	width:270px;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#topNewsR a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	text-decoration: none; 
	color: #0033FF;
}
#topNewsR a:hover  {
	text-decoration: underline; 
	color:#0099FF;
}
#topNews:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden;/*解除_親に適用(Zoomとセット)*/
}
.newsList{
	text-align:right;
	margin:5px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

#topMem {
	position: relative;
	width:800px;
	margin:15px 0px 10px 0px;
	background-color:#FFF;
	zoom: 1;/*解除_親に適用*/
}
.topMemList{
	position: absolute;
	right: 10px;
	top: 9px;
	width:82px;
	height: 13px;
}
.topMem01{
	width:154px;
	height:146px;
	background-color:#FFF;
	background: url("../img/top_backMem02.gif") no-repeat bottom;
	margin:5px 7px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;	
}
.topMem02{
	width:154px;
	height: 146px;
	background-color:#FFF;
	background: url("../img/top_backMem02.gif") no-repeat bottom;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;	
}
.topMemLogo{
	background: url("../img/top_backMem01.gif") no-repeat;
	margin:0px 0px 0px 0px;
	padding:7px 7px 0px 7px;
}
.topMemTxt{
	width:138px;
	font-size: 80%;
	color: #333;
	text-align: left;
	line-height: 1.2;
	margin:6px 0px 0px 8px;
	padding:0px 0px 0px 0px;
}
#topMem:after{
	content: ".";  
	clear: both;  
	display: block;  
	line-height: 0;  
	height: 0;  
	visibility: hidden; /*解除_親に適用(Zoomとセット)*/
}


/*topicPathの設定*/

#topicPath ul {
	padding: 5px 0px 9px 15px;
	margin: 0px 0px 0px 0px;
	background: url(../img/topicPath_bk.gif) no-repeat center left;
}
#topicPath ul li {
	display: inline;
	list-style-type: none;
}
#topicPath ul li a {
	background: url(../img/topicPath_arrow.gif) no-repeat center right;
	padding: 0px 12px 0px 0px;
}
#topicPath {
	font-size: 70%;
	color: #666;
	text-decoration: none; 
	background-color:#FFF;
}
#topicPath a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	text-decoration: none; 
	color:#666;	
}
#topicPath a:hover  {
	text-decoration: underline; 
	color:#0099FF;
}


/*ページ下部*/

#footer{
	position: relative;
	width:800px;
	margin:0px;
	padding:10px 0px 0px 0px;
	clear:both;		
}
#footNavi{
	position: absolute;
	left: 5px;
	top: 18px;
	width:400px;
	height: 24px;
	font-size: 70%;
	color: #333;
	text-decoration: none; 
	text-align: left;
	line-height: 1.4;
	margin:0px;
	padding:0px;
}
#footNavi a,
.class_name a:link,
.class_name a:visited,
.class_name a:active{
	text-decoration: none; 
	color: #333;
}
#footNavi a:hover  {
	text-decoration: underline; 
	color:#0099FF;
}

/*----震災関連----*/
#saigai {
	font-size: 85%;
	color:#333;
	margin-top:10px;
	padding:10px 50px;
	border: 3px solid #eaeaea;
	color: #333;
	line-height: 1.4;
	background-color:#FEFEF5;
}

.s_right {
	text-align: right;
	margin:0px;
	padding:0px;
}
.s_arrow {
	background: url(../img/s_arrow.gif) no-repeat center left;
	padding: 0 0 0 13px;
	margin:0px;
}

/*復興メッセージ*/
div#massage {
  margin:0;
  padding:0;
}

dl#teigen {
  width:569px;
  height:360px;
  background:url(../img/top_teigen.gif) no-repeat;
  margin:0;
  padding:0;
}

dl#teigen dt {
}


dl#teigen dd {
  padding-left:15px;
}


dl#teigen dd ul {
  margin:0;
  padding:0;
}

dl#teigen dd ul li{
  padding-top:10px;
  list-style-type:none;
}