@charset "shift_jis";

/* ==== 基本構造 ==== */


/* ==== イメージの設定 ==== */
.img_box {
	width:100%;
	max-height:80%;
	text-align: center;
}
.img_box img {
	width:95%;
	max-width:768px;
}

.img_box2 {
	width:100%;
	max-height:80%;
	text-align: center;
}
.img_box2 img{
	width:95%;
	max-width:256px;
}

.img_box3 {
	width:100%;
	text-align: center;
}
.img_box3 img{
	width:95%;
}

/* ==== ボタンコントロール ==== */
#pg_chg {
	position:relative;
	margin: 0 auto;
	width:290px;
	bottom:4px;
	height:80px;
}

/* メディアテーブル */
@media screen and (min-width: 480px) {
	#pg_chg > div {
		bottom:0;
		height:98px;
	}
}

/* ==== ボタン初期表示　＆　クリック ==== */
a.btn_pg_prev {
	position: absolute;
	margin-top: 28px;
	left: 0;
	width: 90px;
	height: 67px;
	background: url("img_mb/str/btn_prev.png") no-repeat;
	background-size: 90px 67px;
}
a:active.btn_pg_prev {
	margin-top: 32px;
	margin-left: 4px;
	background-image: url("img_mb/str/btn_prev_act.png");
	background-size: 81px 57px;
}

a.btn_pg_reset {
	position: absolute;
	margin-top: 5px;
	left: 64px;
	width: 158px;
	height: 82px;
	background: url("img_mb/str/btn_reset.png") no-repeat;
	background-size: 158px 80px;
}
a:active.btn_pg_reset {
	left: 69px;
	background-image: url("img_mb/str/btn_reset_act.png");
	background-size: 147px 70px;
}

a.btn_pg_next {
	position: absolute;
	margin-top: 28px;
	left: 196px;
	width: 90px;
	height: 67px;
	background: url("img_mb/str/btn_next.png") no-repeat;
	background-size: 90px 67px;
}
a:active.btn_pg_next {
	margin-top: 32px;
	margin-left: 6px;
	background-image: url("img_mb/str/btn_next_act.png");
	background-size: 81px 57px;
}

/* ==== ボタン非活性 ==== */
a.btn_pg_prev_dis {
	position: absolute;
	margin-top: 32px;
	left: 0;
	width: 90px;
	height: 53px;
	background: url("img_mb/str/btn_dis.png") no-repeat;
	background-size: 90px 53px;
}
a.btn_pg_next_dis {
	position: absolute;
	margin-top: 32px;
	left: 196px;
	width: 90px;
	height: 53px;
	background: url("img_mb/str/btn_dis.png") no-repeat;
	background-size: 90px 53px;
}

/*=================================*/
/* 角丸対応                        */
/*=================================*/
/* よくあるご質問 */
/* 沿革 */
#D_01 > div > div:nth-child(2) > ul > li.ui-last-child > a {
	-webkit-border-radius: 0 0 10px 10px;
		 -moz-border-radius: 0 0 10px 10px;
					border-radius: 0 0 10px 10px;
}
/*=================================*/
/* リストビュー等の設定            */
/*=================================*/
#D_01 > div {
	margin-top: 22px;
	margin-bottom: 5px;
}
#D_01 > div > div > ul.ui-listview > li {
	max-height: 42px;
}
#D_01 > div > div > ul.ui-listview > li.ui-li-divider {
	padding: 5px 15px;
}