@charset "utf-8"; 

/* ---- Micro clearfix ---- */
 
.cf {
	zoom: 1;
/*	display: inline-block; */
	}
.cf: before,
.cf: after {
	content: "";
	display: table;
	}
.cf: after {
	clear: both;
	height: 0;
	visibility: hidden;
	}

/* ---- 初期設定 ---- */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #222;
	background: #cc9;
	font-family: sans-serif;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
}
a:link{
  color: #00d;
}
a:visited{
  color: #00d;
}
a:active{
  color: #00d;
}
a:hover{
  color: #f44;
}

h1, h2, h3 {
	margin: 0;
	line-height: 1.1;
	font-family: century, "Hiragino Mincho ProN", "游明朝", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0px;
}
h4 {
	margin: 0;
	line-height: 1.2;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	letter-spacing: 0px;
}
nav {
	font-family: century, "Hiragino Mincho ProN", "游明朝", "ＭＳ Ｐ明朝", serif;
}
p {
	margin: 0 0 1em;
	line-height: 1.4;
	color: #333;
	text-align: left;
	letter-spacing: -1px;
}
ul {
	margin: 0 0 2em;
	padding: 0;
	list-style-position: inside;
}

/* ---- 基本レイアウト ---- */

#wrapper {
	padding: 13px 0px 10px 0px;
	margin: 0 auto;
	background: url(images/background14a.png);
}
header {
	padding-left: 0;
}
nav {
	clear: both;
}
.searchbox {
	width: 100%;
	max-width: 370px;
	margin: -20px 0 10px 0;
	border: 1px solid #ccc;
}
table {
	width: 745px;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	table-layout: fixed;
	border-spacing: 0;
	font-size: 0.9em;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	background: #ffd;
}
 
table th,
table td {
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 2px;
	line-height: 1.2;
}

.border0,
.border00,
.border000 {
    border-left-style: hidden;
    border-right-style: hidden;
}
.border00,
.border000 {
    border-top: 1px solid #fff;
}
.border000 {
    border-bottom-style: hidden;;
}
#common-contents,
#common-contents1,
#common-contents2,
#common-contents3,
#common-contents3a,
#common-contents4a {
	width: 95%;
}
#common-contents {
	margin: 0 auto 1em;
}
#common-contents0 {
	margin: 0 auto 0;
}
#common-contents1,
#common-contents2,
#common-contents3,
#common-contents3a,
#common-contents4 {
	clear: both;
}
#common-contents1 {
	margin: 0 0 1em;
}
#common-contents2 {
	margin: 0 auto 1em;
}
#common-contents3 {
	margin: 10px auto 1em;
}
#common-contents3a {
	margin: -30px 0 40px 1.5em;
}
#common-contents3b {
	margin: -27px 10px 40px 0.7em;
}
#common-contents4 {
	margin: 20px auto 1em;
}
#common-contents4a {
	margin: 25px auto 1em;
}
#review {
	list-style-type: disc;
	list-style-position: outside;
}
#ch {
	list-style-type: circle;
	list-style-position: outside;
}
.exp {
	margin: 0 0 0 17px;
}
article.main,
article.main0,
article.main1,
article.main1a,
article.main2,
article.main2a,
article.main2b,
article.main3 {
	width: 100%;
}
article.main {
	margin: -10px 0 5px 0;
}
article.main0 {
	margin: -5px 0 5px 0;
}
article.main1 {
	margin: -25px 0 5px 0;
}
article.main1a {
	margin: -10px 0 5px 0;
}
article.main2,
article.main2a,
article.main2b,
article.main3,
article.main4 {
	margin: 15px 0 -10px 0;
}

article.sub {
	margin: -10px 0 5px 0;
}
article.sub1a,
article.sub1b,
article.sub1c {
	margin: 7px 0 -34px 0;
}
section {
	margin: 0 0 2em;
}
footer {
	clear: both;
	width: 100%;
	margin: 10px 0 0 0;
	text-align: center;
	padding: 0 0 -10px 0;
}
#page-top{
	width:90px;
	height:50px;
	display:none;
	position:fixed;
	right:0px;
	bottom:16px;
/*	bottom:70px; */
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
/*	background:#774; */
	background: rgba(7, 7, 0, 0.5); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
/*	background:#996; */
	background: rgba(127, 127, 63, 0.5); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
}
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/* ---- 各要素デザイン ---- */

h1, h2, h3, h4 {
	color: #024;
}
h1 {
	border-radius: 10px 10px 0 0;
}
h2, h3 {
	border-radius: 5px 5px 0 0;
}
h4 {
	border-radius: 0 0 10px 10px;
}
h1 {
	width: 92%;
	font-size: 2.0em;
	color: #ffa;
	text-align: center;
	text-shadow: 2px 1px 1px #234;
	padding: 1px 0px 1px 0px;
	margin: 0 0 0 4%;
    box-shadow: 2px 2px #234;
}
h2, h3 {
	width: 94%;
	font-size: 1.2em;
	padding: 4px 10px 4px 10px;
	margin: 0;
	border: 1px solid #be6;
}
h4 {
	width: 92%;
	font-size: 0.9em;
	color: #ad8;
	text-align: center;
	text-shadow: 1px 1px 1px #234;
	padding: 1px 0px 1px 0px;
	margin: 0 0 0px 4%;
    box-shadow: 2px 2px #234;
}
p.explain {
	width: 94%;
	font-size: 0.9em;
	text-align: center;
	color: #333;
	margin: 5px 0 -5px 4%;
}
p.info, p.info2, p.info3, p.info4 {
	background: #fff;
	border: 1px solid #ccc;
}
p.info, p.info2 {
	width: 94%;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}
p.info3 {
	width: 90%;
	padding: 4px;
	text-align: center;
	margin: 0 0 2% 4%;
	border-radius: 10px;
}
p.info4 {
	width: 94%;
	padding: 10px;
	border-radius: 5px;
}
p.menu_title1,
p.menu_title2{
	width: 95%;
	font-size: 0.7em;
	text-align: left;
	letter-spacing: 0px;
	color: #ffa;
	background: #053;
}
p.menu_title3 {
	width: 95%;
	font-size: 0.7em;
	text-align: left;
	letter-spacing: 0px;
	color: #053;
	background: #dda;
}
p.menu_title1 {
	margin: 38px 0 -5px 2.5%;
}
p.menu_title2 {
	margin: 20px 0 -5px 2.5%;
}
p.menu_title3 {
	margin: 5px 0 -5px 2.5%;
}
p.resizeimage img {
	width: 95%;
	text-align: center;
	margin: 20px auto -35px auto;
}
p.resizeimage2 img {
	width: 95%;
	text-align: center;
	margin: 15px auto 15px auto;
}
div.info {
	width: 94%;
	background: #fff;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4;
	letter-spacing: 0px;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
}
ul.info {
	width: 94%;
	background: #fff;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4;
	letter-spacing: 0px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
}
ul.info2 {
	width: 94%;
	background: #fff;
	padding: 10px;
	font-size: 0.8em;
	line-height: 1.4;
	letter-spacing: 0px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
}
p.message {
	width: 92%;
	text-align: left;
	color: #a00;
	margin: 0 0 15px 5%;
}
p.message1 {
	width: 92%;
	text-align: left;
	color: #a00;
	margin: 0 0 5px 5%;
}
p.message2 {
	width: 92%;
	color: #333;
	margin: 0 0 15px 5%;
}
p.tagline,
p.tagline1,
p.tagline2,
p.tagline3,
p.tagline3a,
p.tagline4,
p.tagline5 {
	text-align: center;
}
p.tagline1 {
	margin: 10px 0 0 0;
}
p.tagline2 {
	margin: 11px 0 5px 0;
}
p.tagline2a {
	margin: 5px 0 5px 0;
}
p.tagline3 {
	margin: 15px 0 5px 0;
}
p.tagline3a {
	margin: 30px 0 5px 0;
}
p.tagline3b {
	margin: 20px 0 -18px 0;
}
p.tagline4 {
	margin: 0 0 0 0;
}
p.tagline4a {
	margin: 0 0 0 0;
}
p.tagline5 {
	margin:-10px 0 0 0;
}
nav ul {
	list-style: none;
	margin: -3px 0 0 0;
	padding: 5px 5px 0 2.5%;
}
/*
h1, h4 {
	background: #053;
	background: -moz-linear-gradient(top, #7C7A37, #005638);
	background: -webkit-gradient(linear, left top, left bottom, from(#7C7A37), to(#005638));
	background: -o-linear-gradient(top, #7C7A37, #005638);
}
*/
h1 {
	background: #053;
	background: -moz-linear-gradient(top, #7C7A37, #005638);
	background: -webkit-gradient(linear, left top, left bottom, from(#7C7A37), to(#005638));
	background: -o-linear-gradient(top, #7C7A37, #005638);
}
h4 {
	background: #053;
	background: -moz-linear-gradient(top, #005638, #7C7A37);
	background: -webkit-gradient(linear, left top, left bottom, from(#005638), to(#7C7A37));
	background: -o-linear-gradient(top, #005638, #7C7A37);
}
nav ul.main li{
	background: #8b3;
	background: -moz-linear-gradient(top, #ad5, #7a2);
	background: -webkit-gradient(linear, left top, left bottom, from(#ad5), to(#7a2));
	background: -o-linear-gradient(top, #ad5, #7a2);
}
nav ul.main li,
nav ul.sub li,
nav ul.sub2 li {
	float:left;
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	text-align: center;
	line-height: 2.2em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
nav ul.sub li,
nav ul.sub2 li{
	width: 32.7%;
}
nav ul.main li,
nav ul.sub li,
nav ul.sub2 li{
	width: 32.7%;
}
h2, h3,
nav ul.sub li,
nav ul.sub2 li {
	background: #be6;
	background: -moz-linear-gradient(top, #df8, #ad5);
	background: -webkit-gradient(linear, left top, left bottom, from(#df8), to(#ad5));
	background: -o-linear-gradient(top, #df8, #ad5);
}
nav ul.main li:nth-child(3n),
nav ul.sub li:nth-child(3n),
nav ul.sub2 li:nth-child(3n),
nav ul.main li:nth-child(7) {
	float: none;
	overflow: hidden;
}
/*
nav ul.main li:nth-child(1),
nav ul.sub li:nth-child(1),
nav ul.sub2 li:nth-child(1) {
	width: 98.8%;
}
*/
/*
nav ul.main li:nth-child(5) {
	width: 65.6%
}
*/
/*
nav ul.main li:nth-child(1),
nav ul.sub li:nth-child(1),
nav ul.sub2 li:nth-child(1) {
	background: #fff;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #053;
	line-height: 1.2em;
	text-align: left;
}
*/
nav a {
	display: block;
}
nav a:hover,
nav #current a:hover,
nav #current2 a:hover,
nav #current3 a:hover,
nav #current4 a:hover {
	background: #ff7;
	background: -moz-linear-gradient(top, #ff9, #ee6);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9), to(#ee6));
	background: -o-linear-gradient(top, #ff9, #ee6);
}
nav #current a {
	background: #fc3;
	background: -moz-linear-gradient(top, #fe5, #eb2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fe5), to(#eb2));
	background: -o-linear-gradient(top, #fe5, #eb2);
}
nav #current2 a {
	background: #eb2;
	background: -moz-linear-gradient(top, #fd4, #da1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fd4), to(#da1));
	background: -o-linear-gradient(top, #fd4, #da1);
}
nav #current3 a {
	background: #fe6;
	background: -moz-linear-gradient(top, #ff8, #fd4);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8), to(#fd4));
	background: -o-linear-gradient(top, #ff8, #fd4);
}
nav #current4 a {
	background: #be6;
	background: -moz-linear-gradient(top, #df8, #ad5);
	background: -webkit-gradient(linear, left top, left bottom, from(#df8), to(#ad5));
	background: -o-linear-gradient(top, #df8, #ad5);
}

section ul.info {
	font-size: 0.9em;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	line-height: 1.6em;
	text-align: left;
	color: #333;
	list-style-position: outside;
	list-style-type: none;
}
a:link.menu,
a:visited.menu,
a:active.menu {
  color: #024;
}
a:hover.menu {
  color: #f44;
}
a:link.toptitle,
a:visited.toptitle,
a:active.toptitle {
  color: #ffa;
}
a:hover.toptitle {
  color: #f66;
}
table {
	margin: 0 0 10px 0;
/*	background: url(images/background14a.png); */
	background: #eee;
}
table th {
	background: #be6;
}
table td {
	padding: 2px 1px 2px 4px;
}
table tr.band th {
	font-size: 1.2em;
	padding: 3px;
	text-align: left;
	font-family: century, "Hiragino Mincho ProN", "游明朝", "ＭＳ Ｐ明朝", serif;
}
table tr.band1 th {
	font-size: 1.0em;
	padding: 3px;
	text-align: left;
	font-family: century, "Hiragino Mincho ProN", "游明朝", "ＭＳ Ｐ明朝", serif;
}
table tr.band2 th {
	font-size: 1.2em;
	padding: 3px;
	text-align: left;
	font-family: century, "Hiragino Mincho ProN", "游明朝", "ＭＳ Ｐ明朝", serif;
}
table tr.band th {
	background: #eb2;
	color: #000;
}
table tr.band1 th {
	background: #eb2;
	color: #000;
}
table tr.on {
	background: #efe;
}
table tr {
	background: #ffd;
}
table tr.list {
	background: #fed;
/*	background: #ffa; */
	line-height: 0.0em;
}

table tr.pr,
table tr.prr {
/*	background: url(images/background14a.png); */
	background: #eee;
	text-align: left;
}
p {
	width: 100%;
	font-size: 0.9em;
	letter-spacing: 0px;
    font-family: verdana, "Meiryo UI", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}
.pr {
	margin: -15px 0 0 0;
}
.pra {
	margin: -10px 0 -15px 0;
}
.pra2 {
	margin: -15px 0 -15px 0;
}
.pr0 {
	margin: 5px 0 0px 0;
}
.pr1 {
	margin: 5px 0 -10px 0;
}
.pr1a {
	margin: 5px 0 10px 0;
}
.pr1b {
	margin: -15px 0 20px 0;
}
.pr1c {
	margin: -15px 0 41px 0;
}
.pr2 {
	margin: 0 0 10px 0;
}
.pr2a {
	margin: auto;
}
.pr3 {
	margin: 10px 0 20px 0;
}
.pr4 {
	margin: 5px 0 -13px 5%;
	clear: both;
}
.pr4a {
	margin: 20px 0 10px 5%;
	clear: both;
}
.pr4b {
	margin: 0 0 15px 5%;
	clear: both;
}
.pr4c {
	margin: 5px 0 -15px 5%;
	clear: both;
}
.pr2, pr3 {
	text-align: center;
}
.scroll,
.scroll1,
.scroll1a,
.scroll2  {
	overflow-x: auto;
}
.scroll1 {
	margin: 18px auto 1em;
}
.scroll1a {
	margin: 25px auto 1em;
}
.scroll2 {
	clear: both;
}
.renga {
	color: #a00;
}
.bg_on,
.bg_off {
	border: 1px #777 solid;
}
.bg_on {
	background: #efe;
}
.bg_off {
	background: #ffd;
}
img.dummyimage {
	display: none;
}
img.dummyimage2 {
	display: none;
	margin-left: auto;
	margin-right: auto;
}
img.dummyimage3 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.banner_S {
	display: block;
	margin-left: auto;
	margin-right: auto;
 }
img.banner_M {
	display: none;
}
img.banner_L {
	display: none;
}

/* ■■---- iPhoneより大きいスマホ ----■■ */

@media all and (min-width: 321px) {

article.main1 {
	margin: 0 0 5px 0;
}
}

/* ■■---- PC・タブレット画面 ----■■ */

@media all and (min-width: 550px) {

#wrapper {
	padding: 17px 0 10px 0px;
	border: 1px solid #ccc;
	background: url(images/background14a.png);
/*	background: url(images/bg_leaf_w04.gif); *//* 4-5月 */
/*	background: url(images/bg_fuji_w3s.gif); *//* 5月 */
/*	background: url(images/bg_ajisai07_w02s.gif); *//* 5-6月 */
/*	background: url(images/bg_asagao_w1s.gif); *//* 7月 */
/*	background: url(images/bg_yoko_himawari1.gif); *//* 7-8月 */
/*	background: url(images/bg_fuurin_w01s.gif); *//* 8月 */
/*	background: url(images/bg_higanbana_w04s.gif); *//* 9月 */
/*	background: url(images/bg_akatonbo_w01s.gif); *//* 10月 */
/*	background: url(images/bg_w_momiji4s.gif); *//* 11月 */
/*	background: url(images/fuyu_bg_w2s.jpg); *//* 12-1月 */
/*	background: url(images/bg_nanten_w01.gif); *//* 1-2月 */
/*	background: url(images/bg_oni_w2s.gif); *//* 2月 */
/*	background: url(images/bg_06heart_w08s.gif); *//* 2月 */
/*	background: url(images/bg_ume_w01s.gif); *//* 2月 */
/*	background: url(images/bg_suisen_w04s.gif); *//* 2-3月 */
/*	background: url(images/bg_06sakura_w09s.jpg); *//* 3-4月 */
}
h1 {
	font-size: 2.2em;
	width: 96%;
	margin: -10px 0 0 10px;
}
h4 {
	font-size: 0.9em;
	width: 96%;
	margin: 0 0 0 10px;
}
nav {
	margin: 0;
}
nav ul {
	overflow: hidden;
	padding: 5px 0 0 1%;
}
nav ul.main li,
nav ul.sub li,
nav ul.sub2 li {
	float:left;
	font-size: 1.0em;
	line-height: 1.8;
	padding: 0;
}
nav ul.sub li {
	width: 16.24%;
	letter-spacing: -1px;
}
nav ul.sub2 li {
	width: 32.6%;
	letter-spacing: 1px;
}
nav ul.main li {
	width: 16.24%;
}
/*
nav ul.main li:nth-child(1),
nav ul.sub li:nth-child(1),
nav ul.sub2 li:nth-child(1) {
	display: inline;
	width: 98.1%;
	letter-spacing: 0;
}
*/

/*
nav ul.main li:nth-child(5) {
	width: 32.6%;
}
*/
nav ul.main li:nth-child(3n),
nav ul.sub li:nth-child(3n),
nav ul.sub2 li:nth-child(2n) {
	float: left;
	overflow: none;
}
nav a {
	line-height: 1.0;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
}
article.main,
article.main0,
article.main1,
article.main1a,
article.main2,
article.main2a,
article.main2b,
article.main3,
article.main4 {
	float: left;
}
article.sub,
article.sub0,
article.sub1,
article.sub2,
article.sub2a,
article.sub2b,
article.sub3,
article.sub4 {
	float: right;
}
article.main {
	width: 55%;
	margin: 0 0 5px 0;
}
article.sub {
	width: 41%;
	margin: 0 3px 0 0;
}
article.main0 {
	margin: 0 0 5px 0;
}
article.main0,
article.main1,
article.main1a {
	width: 38%;
}
article.sub0,
article.sub1 {
	width: 58%;
	margin: 0 1.5% 0 0;
}
article.main1a {
	margin: 8px 0 3px 0;
}
article.main2,
article.main2b {
	width: 48%;
	margin: 15px 0 -10px 0;
}
article.main2a {
	width: 48%;
	margin: -2px 0 -10px 0;
}
article.sub2,
article.sub2b {
	width: 48%;
	margin: 15px 0 -10px 0;
}
article.sub2a {
	width: 48%;
	margin: -2px 0 -10px 0;
}
article.main3 {
	width: 41%;
	margin: 15px 0 -10px 0;
}
article.sub3 {
	width: 55%;
	margin: 15px 0 -10px 0;
}
article.main4 {
	width: 55%;
	margin: 15px 0 -10px 0;
}
article.sub4 {
	width: 41%;
	margin: 15px 0 -10px 0;
}
p.tagline1 {
	text-align: right;
	margin: -10px 0 5px 0;
}
p.tagline2 {
	text-align: left;
}
p.tagline3,
p.tagline3a {
	text-align: center;
}
p.tagline3a {
	margin: 15px 0 5px 0;
}
p.tagline4 {
	text-align: center;
	margin: 0px 0 0 0;
}
p.tagline5 {
	text-align: center;
	margin: -10px 0 0 0;
}
p.menu_title1,
p.menu_title2,
p.menu_title3 {
	width: 97.2%;
	font-size: 0.8em;
}
p.menu_title1 {
	margin: 70px 0 -5px 1%;
}
p.menu_title2 {
	margin: 20px 0 -5px 1%;
}
p.menu_title3 {
	margin: 5px 0 -5px 1%;
}
/*
p.menu_title1 {
	margin: 68px 0 -5px 2.5%;
}
p.menu_title2 {
	margin: -13px 0 -5px 2.5%;
}
*/
footer {
	padding: 0 0 30px 0;
}
img.dummyimage {
	display: block;
	margin: 20px 0 3px 0;
}
img.dummyimage2 {
	display: block;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}
img.dummyimage3 {
	display: none;
}
img.banner_S {
	display: none;
}
img.banner_M {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.banner_L {
	display: none;
}
article.sub1a  {
	margin: 0 0 -38px 0;
}
article.sub1b  {
	margin: 0 0 -63px 0; /*バナー高さ25+50pxのとき */
}
article.sub1c  {
	margin: 0 0 -70px 0; /*バナー高さ75pxのとき */
}
.pr1b {
	margin: -15px 0 42px 0;
}
.pr1c {
	margin: -15px 0 -16px 0;
}
.pr4c {
	margin: 5px 0 -28px 5%;
}
#common-contents3b {
	margin: -27px 15px 40px 0.4em;
}
}

/* ■■---- 横幅650px以上 ----■■ */

@media all and (min-width: 650px) {

article.main0,
article.main1,
article.main1a {
	width: 45%;
}
article.sub0,
article.sub1 {
	width: 51%;
	margin: 0 2% 0 0;
}
p {
	letter-spacing: -0.5px;
}
p.message,
p.message1 {
	text-align: center;
}
table th,
table td {
	line-height: 1.3;
}
h1 {
	font-size: 2.3em;
	margin: -10px 0 0 20px;
	width: 92%;
}
h4 {
	margin: 0 0 0 20px;
	width: 92%;
}
h3 {
	width: 95.5%;
}
p.info2 {
	width: 95.5%;
}
table tr.prr {
	text-align: center;
}
div.info {
	letter-spacing: 0px;
}
ul.info {
	letter-spacing: 0px;
}
article.main2a,
article.main2b {
	width: 55%;
}
article.sub2a,
article.sub2b {
	width: 41%;
}
#common-contents3 {
	width: 95%;
	margin: 10px 20px 1em 20px;
}
}

/* ■■---- 横幅767px以上 ----■■ */

@media all and (min-width: 767px) {

article.main0,
article.main1,
article.main1a {
	width: 49%;
}
article.sub0,
article.sub1 {
	width: 46.5%;
	margin: 0 3% 0 0;
}
h1, h4 {
	width: 85%;
}
h3 {
	width: 97%;
}
p.info2 {
	width: 97%;
}
table {
	margin: 0 0 10px 1%;
}
p.explain {
	width: 85%;
}
table tr.pr {
	text-align: center;
}
article.sub1a  {
	margin: 0 10px -38px 0;
}
article.sub1b  {
	margin: 0 10px -63px 0; /* バナー高さ25+50pxのとき */
}
article.sub1c  {
	margin: 0 10px -70px 0; /* バナー高さ75pxのとき */
}
img.banner_S {
	display: none;
}
img.banner_M {
	display: none;
}
img.banner_L {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
}

/* ■■---- 横幅785px以上 ----■■ */

@media all and (min-width: 785px) {

table {
	margin: 0 5% 10px 20px;
    font-family: verdana, "メイリオ", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}
p {
    font-family: verdana, "メイリオ", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}
#wrapper {
	width: 785px;
	margin: 10px auto 0;
}
#banner {
	margin: 0 5% 0 5%;
}
article.main0,
article.main1,
article.main1a {
	width: 56%;
	float: left;
}
article.sub0,
article.sub1 {
	width: 40%;
	float: right;
}
h1, h4 {
	width: 85%;
}
nav ul {
	padding: 5px 5px 0 2.5%;
}
p.menu_title1,
p.menu_title2,
p.menu_title3 {
	width: 95%;
}
p.menu_title1 {
	margin: 70px 0 -5px 2.5%;
}
p.menu_title2 {
	margin: 20px 0 -5px 2.5%;
}
p.menu_title3 {
	margin: 5px 0 -5px 2.5%;
}
#page-top p{
	background:#774;
}
#page-top p:hover{
	background:#996;
}
#common-contents3b {
	margin: -27px 22px 40px 1.2em;
}
}