@charset "euc-jp";
/* CSS Document */

/* 基本設定 */

body {
	margin: 0;
	padding: 0;
	background-color: #ddd;
	font-family: meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	}
	
/* 基本構造 */
#HeadArea {
	margin: 0;
	padding: 0;
	background: url(../images/bg_head.gif) top left repeat-x;
	width: 100%;
	height: 75px;
	}
#Container {
	margin: 0;
	padding: 15px 0;
	background: url(../images/bg_main.gif) left top repeat-x;
	width: 100%;
	font-size: 95%;
	}
#ContentsArea {
	border-radius: 0.7em;
	box-shadow: 0 0 3px 1px #ccc;
	margin: 10px auto;
	padding: 20px 0;
	background-color: #fff;
	width: 950px;
	clear: both;
}
#MainArea {
	margin: 0 40px 0 30px;
	width: 510px;
	float: left;	
	line-height: 1.6em;
}
#SubArea {
	margin: 20px 38px 20px 0;
	padding: 0;
	width: 310px;
	float: right;
}
* html #SubArea {
	margin-right: 13px;
	width: 309px;
}
#FootArea {
	margin: 0;
	padding: 0;
	background: url(../images/bg_foot.jpg) top left repeat-x;
	background-color: #003;
	width: 100%;
	height: 75px;
}
#NaviArea {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	font-size: 90%;
	font-weight: bold;
}
#CopyArea {
	margin: 0;
	padding: 30px 0;
	background-color: #000;
	border-top: 1px solid #666;
	width: 100%;
	height: 75px;
	font-size: 85%;
}

/* ヘッダー設定 */
#HeadArea h1 {
	margin: 0 auto;
	width: 940px;
	text-align: center;	
}

/* メインエリア設定 */
h2 {
	color: #069;	
}
.txtred {
	color: #F00;	
}

.bgcolor {
	padding: 3px 5px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}

.wave{
  background:url(../images/nami.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

/* サブエリア設定 */
#SubArea h3 {
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
	width: 310px;
	background-color: #000;
	border-radius: 0.5em 0.5em 0 0;
	text-align: center;
	color: #fff;	
}
* html #SubArea h3 {
	padding-top: 0;
}
#SubArea .wrap {
	padding: 5px 10px 25px;
	background-color: #eee;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;	
	line-height: 1.6em;
	border-radius: 0 0 0.5em 0.5em;
}
* html #SubArea .wrap {
	padding: 5px 9px 20px;
}
.framewrap {
	padding: 5px;
	width: 280px;
	height: 120px;
	background-color: #fff;
	overflow: auto;	
}

/* ページ下部ナビエリア設定 */
#NaviArea ul {
	margin: 0;
	padding: 20px 0;
	width: 940px;
	list-style: none;
	text-align: right;
}
#NaviArea ul li {
	padding: 0 10px;
	display: inline;
	border-left: 1px solid #fff;
}
#NaviArea ul li.first {
	border: none;
}
#NaviArea ul li a {
	color: #fff;
}

/* ページ下部コピーライトエリア設定 */
#CopyArea .wrap {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	text-align: right;
}
#CopyArea p, #CopyArea p a {
	margin: 0;
	padding: 3px 0;
	color: #fff;
}
	
/* clearfix */
.clearfix {
	zoom:1;
	}
	
.clearfix:after {
    content: ""; 
    display: block; 
    clear: both;
	}
	
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}


/* ========== サブページ独自スタイル ========== */
#SubPage #MainArea {
	margin: 0 30px;
	width: 890px;	
}

/* ========== 独自スタイル追加 ========== */



#MainArea ul.red_point {
	margin: 0;
	padding: 0;
	list-style: none;
}
#MainArea ul.red_point li {
	margin: 15px;
	padding: 0;
	list-style-image:url(../images/point.jpg);
}
#MainArea .txt_link {
	color: #00f;
}
#SubArea .center {
	text-align:center;
}
#SubArea .notice {
	color: #f00;
	font-weight: bold;
}
#SubArea .email_form {
	width: 280px;
	height: 40px;
	font-size:220%;	
}
	

	
/* ==================================================
  Media Queries による切り替え
===================================================== */

/* スマホ向けのスタイル　〜640px */
@media only screen and (max-width: 640px) {
/* 基本構造 */
#HeadArea {
	height: auto;
	background-color: #000;
	}
#Container {
	padding: 1.5em 0;
	}
#ContentsArea {
	margin: 0 auto;
	padding: 1em 0;
	width: 95%;
}
#MainArea {
	margin: 0 auto;
	width: 90%;
	float: none;	
}
#SubArea {
	margin: 0.8em auto;
	width: 90%;
	float: none;
}
#FootArea {
	height: auto;	
	background-color: #000;
}
#NaviArea {
	width: 100%;
	height: auto;
}
#CopyArea {
	padding: 1.5em 0;
	height: auto;
}

/* ヘッダー設定 */
#HeadArea h1 {
	width: 100%;
	}
#HeadArea h1 img{
	max-width: 100%;
	height: auto;
}

/* メインエリア設定 */
#MainArea img{
	max-width: 100%;
	height: auto;
}
.bgcolor {
	padding: 0.1em 0.2em;
}


/* サブエリア設定 */
#SubArea h3 {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #000;
}
#SubArea .wrap {
	padding: 0.5em 0 1em;
	width: 100%;
}
#SubArea .wrap img {
	margin: 1em 5%;
	width: 90%;
	height: auto;
}
#SubArea .wrap p{
	margin: 0 auto;
	width: 90%;
}
.framewrap {
	margin: 1em auto 0;
	padding: 0.5em 0;
	width: 90%;
}

/* ページ下部ナビエリア設定 */
#NaviArea ul {
	margin: 0 auto;
	padding: 0;
	width: 99%;
	border-top: 1px solid #333;
}
#NaviArea ul li {
	padding: 0;
	display: block;
	width: auto;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #333;
	border-left: none;
	text-align: center;
}
#NaviArea ul li a {
	display: block;
}

/* ページ下部コピーライトエリア設定 */
#CopyArea .wrap {
	width: 100%;
	text-align: center;
}
#CopyArea p {
	margin: 0 0.2em;
	font-size: 90%;	
}

/* ========== 独自スタイル ========== */
#SubArea form {
	padding: 0.8em 5%;
	width: 90%;
}

#SubArea .email_form {
	width: 98%;
	box-sizing: border-box;
}

#SubArea input[type="image"] {
	margin: 0 auto;
	width: 98%;
	height: auto;	
}

#SubArea .wrap p.bgcolor {
	font-size: 90%;	
}




}


/* スマホ以上の画面サイズのスタイル　641px〜 */
@media only screen and (min-width: 641px) {
body {
	min-width: 950px;
}
}

<!--============フォームのCSSここから============-->
<style type="text/css">



#asumeruform{
    width:273px;
}

#asumeruform table {
    border-collapse : collapse ;
	margin: 0 0 10px;
	width: 273px;
	table-layout: fixed;
    border-color:#ccc;
}

#asumeruform table th {
	width: 111px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #ffffcc; 
	text-align: left;
	vertical-align: middle;
    font-size:12px;
    color:#000; 
}


#asumeruform table tr{
    border-color:#ccc;

}

#asumeruform table td {
	padding: 10px;
	border: 1px solid #ccc;
    color: #000;
    font-size:12px;
    background: #ffffff; 
}

#asumeruform input{
    font-size: 12px;
}

#asumeruform .inputselect {
	padding: 3px;
    font-size: 12px;
    color:#000;
}


#asumeruform .inputtext.inputtextshortest {
	width: 100px;
}

#asumeruform .inputtext.inputtextshort {
	width: 200px;
}

#asumeruform .inputtext.inputtextlong {
	width: 115px;
}

#asumeruform textarea {
    font-size: 12px;
	width: 350px;
	height: 150px;
	padding: 3px;
}

#asumeruform .formbtn {
    margin-left:72px;
	font-size: 16px;
    	width: 124px;
    height:35px;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px #ccc;
	border-radius: 6px;
	box-shadow: 0 2px 2px #ccc;
}

#asumeruform span.require {
	color: red;
	font-weight: bold;
}


</style>
<!--============フォームのCSSここまで============-->