@charset "utf-8";

/*************************************************
/* BASIC
**************************************************/
body {
	width: 100%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 16px;
	background: #ffffff;
	color: #333333;
	line-height:1.7em;
	height:100%;
	/* border-top: 7px 00a99d solid; */
	margin: 0 auto;
	padding: 0;
}
#container {
	background-image: url("../images/bg.jpg");
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sp-show {display:none;}

/* reset
------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, table,th, td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:bold;
}
img {
	display: block;
	border: none;
	height:auto;
	width: inherit; /* for ie8 */
}
div {overflow: hidden;}
a:link,a:visited {color:#4677c3;text-decoration:none;}
a:hover,a:active {color:#113f85;text-decoration:underline;}
a:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";background: #fff;}
a:hover img.nochange{opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
 
/* float
------------------------------------------------ */
.clear-lr {clear: both}
.f_left {float: left;}
.f_right {float: right;}

/* layout
------------------------------------------------ */
#expire-bg,#header-bg, #mainvisual-bg,#h2-bg, .content-bg, #footer-bg, #copy-bg {
	width: 100%;
	overflow: hidden;
}
.expire,#header,.mainvisual,.content,.footer, .copy {
	width: 930px; 
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	overflow: hidden;
	text-align: left; 
	padding: 0;
	margin: 0 auto; 
}
/*************************************************
/* HEADDER
**************************************************/
#header-bg {
	background-color: #edfcff;
}
#header {
}
/* --- ロゴ --- */
h1 {margin: 15px 0;}

/*************************************************
/* MAIN VISUAL
**************************************************/
#expire-bg {
	background-color: #444;
	border:1px solid #fff;
}
#mainvisual-bg {
	background-image: url("../images/mainvisual-bg.png");
}
.mainvisual {
	position: relative;
}
.expire {
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	padding: 5px;
}

/*************************************************
/* CONTENTS
**************************************************/
.content-bg {
}
.content {
	margin-bottom: 50px;
}
.section {
	clear: both;
	overflow: hidden;
	background-color: #fff;
	margin-top: 50px;
	padding-bottom: 20px;
}
/*.section img {
	margin: 0 auto;	
}*/
.section-inner {
	padding:10px 20px;
}
.sapota-img {
	background-image: url("../images/sapota.png");
	background-repeat:no-repeat;
	background-position: 775px bottom
}
.sapota-img2 {
	background-image: url("../images/sapota2.png");
	background-repeat:no-repeat;
	background-position: 690px 110px;
}

/* texts
------------------------------------------------ */
h3 {
	overflow:hidden;
	clear: both;
	display: block;
}
h4 {
	clear: both;
	color: #534741;
	font-size: 120%;
	font-weight: bold;
	background : url("../images/h4.png") no-repeat left center;
	line-height: 49px;
	padding: 17px 0 0 55px
}
p {
	margin-top: 1.2em;
}
/*p:first-child {
	margin-top: 0;
}*/
.text-80 {font-size: 80%;}
.text-120 {font-size: 120%;}
.text-160 {font-size: 160%;}
.text-220 {font-size: 220%;line-height:1.3em}
.text-blue {color: #0079d3;}
.text-red {color: #ce3241;}
.text-wine-red {color: #7f000f;}
.text-bold {font-weight: bold;}}
.text-center,.text-center th {text-align: center;}

/* margin padding width
------------------------------------------------ */
.margin-top0 {margin-top: 0}
.margin-top10 {margin-top: 10px}
.margin-top20 {margin-top: 20px}
.margin-top30 {margin-top: 30px}
.margin-top60 {margin-top: 60px}
.margin-top90 {margin-top: 90px}
.margin-l30 {margin-left: 30px}
.margin-r10 {margin-right: 10px}
.margin-r20 {margin-right: 20px}
.margin-r30 {margin-right: 30px}
.margin-r40 {margin-right: 40px}
.margin-r50 {margin-right: 50px}
.padding-50 {padding: 0 40px 40px 40px}
.width70 {width: 70%;}

/* border
------------------------------------------------ */
.border-yellow {border: 8px solid #c1272d;}

/* list
------------------------------------------------ */
ul.mark {
	text-indent: -1.7em;
	margin-left: 2em
}
ul.disc {
	list-style-type: disc;
	text-indent: 0;
	margin: 1em 0 1em 2em
}
ul.asterisk {
	text-indent: -1em;
	margin: 1.2em 0 0 1.2em
}
ul.asterisk li:before { content:"※" }
ol.number {
	font-size: 85%;
	line-height: 1.5em;
}
ol.number li  {
	list-style-type: decimal;
	list-style-position: inside;
}
ol.number li a, ul.disc li a {
	text-decoration: none;
}
ol.number li a:hover, ul.disc li a:hover  {
  text-decoration: underline;
 }

/* table
------------------------------------------------ */
table {
	border-collapse:separate;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	min-width: 85%
}
tr {
	border-top: 1px solid #ccc;
}
th {
	background-color: #f0f0f0;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	padding: 4px 15px;
}
td {
	padding: 4px 15px;
	border-bottom: 1px solid #ccc;
}
p + table {margin-top: 10px}

/*************************************************
/* FOOTER COPY
**************************************************/
#footer-bg {
	background-color: #00a99d;
	text-align:left;
	padding-bottom: 15px;
}
#copy-bg {
	border-top: 1px #fff solid;
	background-color: #444;
	color: #fff;
	font-size: 70%;
}
.footer,.footer a {
	color: #fff;
}
.footer ul li {
	font-size: 75%;
	display: inline-block;
	margin-right: 20px;
    *display: inline;  
    *zoom: 1;  
}


@media screen and ( max-width : 760px ),
handheld and ( max-width : 760px ) {
	body {font-size: 14px;}
	img,.mainvisual {max-width:100%;;margin: 0}
	#container {background-size: 7px 22px;}
	.expire,#header,.content,.footer,.copy,.width65  {width:100%;}
	.content {margin-bottom:0}
	.copy {line-height: 1.3em;padding:5px 2%;}
	.expire {margin:0px auto;padding:5px;}
	.sp-hide {display:none;}
	.sp-show {display:block;}
	.sp-clear {clear:both}
	.sp-left {float:left}
	.sp-right {float:right;}
	.sp-margin-0 {margin:0}
	.sp-margin-l0 {margin-left:0}
	.sp-margin-top0 {margin-top: 0}
	.sp-margin-top30 {margin-top: 30px}
	.sp-padding2 {padding:0 2% 20px 2%}
	ul.disc {margin-left: 1.5em}
	h1 {width:85%;margin:10px 0 5px 5px}
	h3 {background-color:#00a99d;color:#fff;font-size:120%;padding:10px 5px;}
	h4 {background-image:none;background-color:#f2efdd;line-height:1.4em;border-left:5px #00a99d solid;border-bottom:1px #00a99d solid;padding:4px 0 0 10px;}
	h4,.text-160,.text-120 {font-size:110%;}
	.text-220 {font-size:150%;}
	.section {margin-top:0}
	.section-inner {margin: 0;padding:0 2% 10px 2%;}
	.sp-width100{margin: 0 2% 10px 2%;width:96%;}
	.sapota-img {background-image:none;}
	.border-yellow {border: 6px solid #c1272d;}
}