@charset "UTF-8";
/* CSS Document */

@import url("reset.css");
@import url("fonts.css");

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 16px;
	line-height: 200%;
	color: #333333;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}


.clear {
	clear:both;
}

div#headline {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(../image/bg.jpg) no-repeat top center;
	text-align:center;
}

div#headline .banner {
	width:100%;
	margin:0px auto 30px auto;
	padding:15px 0px;
	border-bottom:#ececec 1px solid;
	background-color:rgba(255,255,255,0.8);
}

div#headline .headlinec{
	width:100%;
	margin:0px auto 0px auto;
	padding:40px 0px;
	background:#f9f9ef;
	text-align:center;
}

div#headline .headline03{
	width:100%;
	margin:0px auto 0px auto;
	padding:30px 0px;
	text-align:center;
	background:url(../image/headline03_bg.jpg) no-repeat top center;
}

div#headline h1 {
	margin:0px auto 30px auto;
	padding:20px 0px 0px 0px;
	text-align:center;
}

div#headline h2 {
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}


div#wrapper {
	margin:0px auto;
	padding:0px;
}

div#wrapper h1 {
	width:850px;
	margin:0px auto 50px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h2 {
	margin:0px auto 40px auto;
	padding:40px 0px 40px 0px;
	text-align:center;
	background:#2c457a;
}

div#wrapper h3 {
	margin:0px auto 40px auto;
	padding:40px 0px 40px 0px;
	text-align:center;
	background:#00a6c1;
}
div#wrapper h4 {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h5 {
	margin:0px auto 40px auto;
	padding:40px 0px 40px 0px;
	text-align:center;
	background:#f99bba;
}

div#wrapper .beige {
	margin:0px auto 50px auto;
	padding:50px 0px;
	text-align:left;
	background:#f9f9ef;
}

div#wrapper .pink {
	margin:0px auto 50px auto;
	padding:50px 0px;
	text-align:left;
	background:#fff2f6;
}


div#wrapper .box_01 {
	margin:0px auto 0px auto;
	padding:40px 0px;
	text-align:left;
	background:url(../image/box_01.jpg) no-repeat top center;
}

div#wrapper .box_01in {
	width:830px;
	margin:0px auto 20px auto;
	padding:30px 0px 12px 0px;
	text-align:left;
	background-color:rgba(255,255,255,0.8);
}

div#wrapper .box_02 {
	margin:0px auto 0px auto;
	padding:40px 0px 0px 0px;
	text-align:center;
	background:url(../image/box_02.jpg) no-repeat top center;
}

div#wrapper .box_03 {
	margin:0px auto 0px auto;
	padding:40px 0px;
	text-align:center;
	background:url(../image/box_03.jpg) no-repeat top center;
}

div#wrapper .box01 {
	width:735px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#wrapper .box01bg {
	width:735px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
	background:url(../image/box01bg.png) no-repeat top right;
}

div#wrapper .box01bg p {
	margin:0px 0px 18px 0px;
	padding:0px;
}
div#wrapper .box02 {
	margin:30px 70px 20px auto;
	padding:22px 40px 17px 40px;
	background:#ffffff;
	line-height:150%;
	text-align:left;
	border:#eeeeee 1px solid;
	box-sizing: border-box;
}

div#wrapper .box02 p {
	margin:0px 0px 0px 0px;
	padding:0px;
}
div#wrapper .box02_ttl {
	margin:0px auto 10px;
	padding:0px 0px 5px 0px;
	text-align:left;
	font-size:30px;
	border-bottom:#00a6c1 2px solid;
	box-sizing: border-box;
}

div#wrapper .box03 {
	margin:0px auto 30px auto;
	padding:20px 20px;
	font-size:14px;
	text-align:left;
	background:#fefdf6;
	box-sizing: border-box;
}

div#wrapper .frame01 {
	width:900px;
	margin:0px auto 0px auto;
	padding:15px 15px 15px 15px;
	border:#d1c0a5 1px solid;
	box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.298039) 0px 0px 5px 1px;
	text-align:center;
	background:url(../image/frame01_bg.png) repeat top left;
}

div#wrapper .frame01in {
	margin:0px auto 0px auto;
	padding:33px 64px 20px 64px;
	text-align:left;
	border:#ffffff 7px solid;
	background-color:rgba(255,255,255,0.6);
}

div#wrapper .frame02 {
	width:864px;
	margin:0px auto 30px auto;
	padding:17px 0px 17px 0px;
	text-align:center;
	border:7px solid #ffbcda;
	background:url(../image/frame02_bg.png) repeat top left;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */

}

div#wrapper .frame02in {
	width:820px;
	margin:0px auto 0px auto;
	padding:20px 35px 20px 35px;
	text-align:left;
	border:#eeeeee 1px solid;
	background:#ffffff;
	box-sizing: border-box;
}
div#wrapper .frame02_ttl {
	width:750px;
	margin:0px auto 20px auto;
	padding:0px 0px 10px 0px;
	text-align:left;
	border-bottom:#dcdcdc 2px solid;
}

div#wrapper .frame02in p {
	margin:0px 0px 18px 0px;
	padding:0px;
}


div#wrapper .frame03 {
	width:864px;
	margin:0px auto 30px auto;
	padding:17px 0px 17px 0px;
	text-align:center;
	border:7px solid #9ae0ff;
	background:url(../image/frame02_bg.png) repeat top left;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */

}

div#wrapper .frame04 {
	width:864px;
	margin:0px auto 30px auto;
	padding:17px 0px 17px 0px;
	text-align:center;
	border:7px solid #ffc0d5;
	background:url(../image/frame02_bg.png) repeat top left;
}

div#wrapper .frame04_ttl {
	margin:0px auto 20px auto;
	padding:0p;
	text-align:center;
}

div#wrapper .frame05 {
	width:820px;
	margin:0px auto 30px auto;
	padding:0px 0px 17px 0px;
	text-align:center;
	border:15px solid #b5e8ff;
	background:url(../image/frame02_bg.png) repeat top left;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	box-sizing: border-box;
}

div#wrapper .frame05_ttl {
	width:790px;
	margin:0px auto 20px auto;
	padding:12px 20px;
	text-align:left;
	background:#00b0ff;
	box-sizing: border-box;
}


div#wrapper .frame06 {
	width:840px;
	margin:0px auto 50px auto;
	padding:50px 0px 32px 0px;
	text-align:center;
	background:#fefdf1;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 5px 1px;
	box-sizing: border-box;
}

div#wrapper .frame06 .box01 {
	width:735px;
	margin:0px auto 40px auto;
	padding:0px;
	text-align:left;
}

div#wrapper .frame06 .box01 p {
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	background:url(../image/line01.png) repeat-x bottom;
}

div#wrapper .ul01 {
	margin:0px auto;
	padding:0px;
}


div#wrapper .ul01 li {
	margin:0px auto 18px auto;
	padding:0px 0px 0px 45px;
	font-size:22px;
	list-style:none;
	background:url(../image/icon01.png) no-repeat top left;
	text-align:left;
}

div#wrapper .ul02 {
	width:740px;
	margin:0px auto;
	padding:0px;
}


div#wrapper .ul02 li {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 35px;
	font-size:18px;
	list-style:none;
	background:url(../image/icon02.png) no-repeat left 5px;
	text-align:left;
}

.img_right {
	float:right;
	margin:0px 0px 20px 20px;
	padding:0px;
}
figcaption {
	margin:0px auto;
	padding:0px;
	font-size:14px;
	text-align:center;
	line-height:160%;
}

div#wrapper .table01 {
	width:100%;
	margin:0px auto 20px auto;
	border-top: 5px solid #999999;
	border-left: 5px solid #999999;
	border-right: 5px solid #999999;
	border-bottom: 5px solid #999999;
	box-sizing: border-box;
	line-height: 150%;
}

div#wrapper .table01 th {
	padding:5px 20px;
	font-weight:bold;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background:#FCFCFC;
	text-align:left;
}


div#wrapper .table01 td {
	padding:5px 10px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:left;
}
div#wrapper .table01 td p{
	margin:5px auto 0px auto;
	padding:0px;
}

.kiyaku {
	width: 735px;
	height: 200px;
	margin:0px auto 20px auto;
	padding:5px 10px;
	overflow: scroll;
	font-size:14px;
	border:#999999 solid 1px;
	line-height:170%;
}


div#footer{
	padding:20px 0px 15px 0px; 
	text-align:center; 
	margin:0px auto 0px auto; 
	background:#c5edff;
	}
	
div#footer p {
	font-size:12px;
	line-height:150%;
	text-align:center; 
	margin:0px 0px 18px 0px; 
	padding:0px;
	}
div#footer a{
	color:#535353;
	text-decoration: none;
	}

@media screen and (min-width: 1800px) {
/* PC用のスタイル記述 */

div#wrap {
	width:1800px;
	margin:0px auto;
	padding:0px;
}
}











.gen50 {
	color: #f00;
	font-size: 100%;
	margin-bottom: 10px !important;
	text-align: center;
}

.banner {
	padding: 15px 0;
	margin: 0 auto 5px;
	text-align: center;
	width: 900px;
}

.banner10 {
	max-width: 48%;
	margin: 0 auto;
	text-align: center;
}

div#headline {
	border-top: solid 1px #ddd;
	background: url(../image/bg.jpg) no-repeat -250px -180px;}

div#headline h1 {
	text-align: center;
	margin: 0 auto 20px;
}

@media print, screen and (max-width: 900px) {
.banner { width: 100%;}

.banner10 {
	max-width: 94%;
	margin: 0 auto 10px;
}

div#headline { background: url(../image/bg.jpg) no-repeat -530px -150px;}
}



.br_sp { border: 10px solid #04cad3 !important;}

.spsmu {
	margin: 0 auto 10px;
	text-align: center;
}

.spsmu img {
	box-sizing: border-box;
	border: solid 4px #999;
	border-radius: 5px;
	width: 49%;
	margin: 0 auto 10px;
}

.clearfix:after {
  content: ".";
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/*------------------------------------
 トップページへ戻る
---------------------------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
	
#page-top a {
	display: table-cell;
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	vertical-align:middle;
	text-align: center;
	border-radius: 50%;
}
	
#page-top a:hover {
	text-decoration: none;
	background: #999;
}