/*--ページ、ヘッダー、コンテンツ--*/
body {
font-size:12px;
}


.ui-page{
	background:#ffffff;
}
.ui-header{
	background: #A4E73B;
	background: #A4E73B;
	background: #A4E73B;
	border:1px solid #c0c0c0;
}
.ui-header .ui-title{
	color:#ffffff;
	text-shadow:none;
	text-align:left;
	margin:0.5em 5% 0.5em;
}
.ui-content{
	background:#ffffff;
}

/*--トップページ 画像--*/
.logo{
	text-align:center;
}
.logo img{
	width:90%;
}
.main_img img{
	width:100%;
}
.sub_img{
	padding:10px 0px;
	text-align:center;
}
.sub_img img{
	width:90%;
}

#news{
border: 1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
padding:10px 10px 10px 10px;
}

/*---下層ページの画像---*/
.img_w{
	width:100%;
}

/*--ページトップへ--*/
.pagetop{
	padding:10px 5px;
	text-align:right;
	background:#efefef;
}
/*--フッター--*/
#footer{
	text-align:center;
	padding:20px 0px;
	font-size:11px;
	background:#efefef;
}

/* =============================================================
  カスタマイズ
 ============================================================ */

#subtable {
display:table;
margin: 0 auto;
margin:20px 10px 20px 0;
width: 100%;
border-collapse:collapse;

}
.subrow {
display:table-row;
}
.subrow>div {
display:table-cell;
margin:15px;
padding:15px;
border:1px solid;
border-color:#ccc;
background-color:#fff;
}

#boxA {  position: absolute; left: 33%; width: 80px; height:120px;float:left;text-align: center;  }
#boxB {  position: absolute left: 77%; width: 80px; height:120px;float:left;text-align: center;  }
#boxC {  position: absolute; left: 66%; width:80px;height:120px;float:left;text-align: center;  }

#gyomuA {float:left;width:120px;padding:10px;}
#gyomuB {float:left;width:120px;padding:10px;}



hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}

/*-ボタンコーナー部分-*/
.ui-btn-corner-all{
	border-radius:5px;
}
/*-ボタンサイズ-*/
.ui-btn-inner{
	padding:5px 20px;
}
/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{
	border-radius:15px;
}
/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:13px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left:60px;
}
/*-リストビュー サムネイル部分-*/
.ui-listview .ui-li-thumb {
	max-height: 36px;
	max-width: 36px;
	left: 8px;
	top:  12px; 
}

/*--トップ　リストビュー(ニュース)--*/
li.toplist_news{
	background:#ffffff;
	font-size:13px;
	line-height:13px;
}
li.toplist_news:hover{
	font-weight:normal;
}
li.toplist_news.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_news.ui-btn-active:visited,
li.toplist_news.ui-btn-active:hover,
li.toplist_news.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_news p{
	font-size:11px;
	font-weight:bold;
}
li.toplist_news.ui-btn-up-c{
	font-weight:100;
}

/*--トップ　リストビュー(メニュー)の背景色、タップ時--*/
li.toplist_menu1{
	background:#dcdcdc;
}
li.toplist_menu2{
	background:#efefef;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}

/* =============================================================
  INFO STYLES
 ============================================================ */

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.info {border: 1px solid #ccc;text-align: left;font-size: 1em;line-height: 1.3;color: #444;overflow: auto;height: 17em;background-color: #fcfcfc;}
.info dl {padding: 0.5em 0;border-bottom: 1px solid #ccc;}
.info dt {padding-bottom: 0;width: 8em;}
@media screen and (min-width: 480px) {
.info dt {clear: left;float: left;}