@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2013.02.18
最終更新日: 2013.03.12

mobile.css： 共通設定(スマートフォン版)
---------------------------------------------------- */
body {
	width:100%; 
	height:100%;
	/*-webkit-text-size-adjust: 100%;
	 -ms-text-size-adjust: 100%; */
	font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	/*-webkit-text-size-adjust: none;*/
	line-height:1.6;
	color:#58310c;
	background:url(../app_image/back.png);
	-webkit-text-size-adjust: 100%;

}

html {
	height:100%;
}

img {
	max-width: 100%; 
	height:auto;
}

h1,h3 {
	width:0;
	height:0;
	margin:0;
	padding:0;
	line-height:0;
	text-indent:-9999px;
	font-size:0;
}

a:link, a:visited {
	color:#58310c;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:underline;
}



div#wrapper {
  font-size:13px;
	position:relative;z-index:1;
	width:100%;/*320px*/
	height:auto;
	margin:0 auto;
}

/*clearfix*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

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

h2 {
	width:200px;
	margin:5px auto;
}

.tab ul{
	width:96.56%;/*309px*/
	display:table;
	margin:0 auto;
	}
	
	.tab ul li{
		position:relative; z-index:1;
		display:table-cell;
		bottom:-4px;
	}
	
	.tab ul li.on {
		position:relative; z-index:3;
		}

div.news{
	display:table;
	margin:0 auto;
	width:96.87%;/*310*/
	height:100%;
	background-color: #ebe09c;
	border: 3px solid #6b3028;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	position:relative; z-index:2;
}

.space{
	height:20px;
}


.b_inner{
	font-weight:bold;
	width:290px;
	height:auto;
	margin:10px auto;

}

div.inner{
	font-weight:bold;
	width:300px;
	margin:0px auto;
}

div.head_line{
	font-weight:bold;
	padding:5px;
	width:90%;
	margin:10px auto;
	border-bottom:2px dotted #58310c;
}

div.head_line dt {
	margin-bottom:1%;
	}

div.head_line .banner img {
	box-sizing:border-box;
	border:2px solid rgba(255,255,255,1.00);
	}

div.head_line p.title{
	margin-top:1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis; /* Opera9,10対応 */
	}

div.head_line p.title-only{
	margin-top:1%;
 	overflow : hidden;
	text-overflow: ellipsis;
	line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	}

/*div.head_line p.title-only:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

div.head_line p.title-only.title:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}*/



dl dt{
	background: url(../app_image/info_importance.png) no-repeat 0% ;background-size:50%;
	color: #58310c;
	font-weight:bold;
	width:150px;
	height:21px;
}


dl dt.ca01{
	background: url(../app_image/info_campaign.png) no-repeat 0% ;background-size:50%;}
dl dt.ca02{
	background: url(../app_image/info_notice.png) no-repeat 0% ;background-size:50%;}
dl dt.ca03{
	background: url(../app_image/info_fault.png) no-repeat 0% ;background-size:50%;}
dl dt.ca04{
	background: url(../app_image/info_app.png) no-repeat 0% ;background-size:50%;}
dl dt.ca04{
	background: url(../app_image/info_mente.png) no-repeat 0% ;background-size:50%;}


dl dt span{
	vertical-align:middle;
		height:21px;
	display:block;
	padding-top:2px!important;
	padding-left:80px;
	font-weight:bold;
	line-height:bottom;
}

dl dd {
	padding-left:5px;
	height:auto;
}

dl dd p{
	font-weight:bold;
}

dl dd a{
	color: #58310c;
	font-weight:bold;
	
}

.news_inner{
	font-weight:bold!important;
	padding:5px;
	width:90%;
	margin:10px auto;
	border: solid 2px #58310c;
	background:#d4ca8d;
	 box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.6);
}

.news_inner *{font-weight:bold!important;}

/*.news_inner div{
	font-weight:bold!important;
}

.news_inner div span{
	font-weight:bold!important;
}

.news_inner div p{
	font-weight:bold!important;
}*/

table{
	width:270px!important;
	
}

table td{
	font-weight:bold!important;

}

/*page_top*/


/*ページ送り*/

div.pagination{
	width:100%;
	height:50px;
	display: table;
}

div.pagination ul{
	margin:10px;
}
div.pagination ul li{
	float:left;
	display: table-cell;
}

div.pagination ul li.next{
		float:right;
}

div.pagination ul li.prev{
		float:left;
}

div.pagination ul li.next,
div.pagination ul li.prev{
	width:82px;
	height:32px;
	margin: auto;
	
	
}

div.pagination ul li.page_top a{
	text-indent:-9999px;
	display:block;
	width:82px;
	height:32px;
	background: url(../app_image/btn_top.png) center;
	background-size:100%;
	margin-left:18px
}


div.pagination ul li.list_top a,
div.pagination p.btn_list a,
div.pagination ul li.next a,
div.pagination ul li.prev a{
	text-indent:-9999px;
	display:block;
	width:82px;
	height:32px;
	margin: auto;
	background: url(../app_image/btn_prev.png) center;
	background-size:100%;
}

div.pagination ul li.list_top a{
	background: url(../app_image/btn_top.png) center;
	background-size:100%;
	margin-left:18px
}

div.pagination p.btn_list a{
	background: url(../app_image/btn_list.png) center no-repeat;
	background-size:100%;
	margin:0 auto;
	width:110px;
 }

div.pagination ul li.next a{
	background: url(../app_image/btn_next.png) center;
	background-size:100%;
}