@charset "shift_jis";
/* CSS Document */

/*all
---------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html { 
	height:100%;	/* for IE6 */
	min-height:100%;
}

body {
	height:100%;	/* for IE6 */
	min-height:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #323232;
	background-color:#FFFBC7;
}

img {
	border: none;
	vertical-align: middle;
}

p {
	margin-left:25px;
	clear:both;
}

a img:hover { 
	opacity: 0.8;			/* Opera, Safari用 */
	-khtml-opacity: 0.8;	/* Safari , 他ブラウザ用  */
	-moz-opacity: 0.8;		/* Firefox , Netscape用 */
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* =============================================================================
   color
   ========================================================================== */

/*-----------
color
-------------*/
   
.white   { color: #FFF !important; }
.gray    { color: #484848 !important; }
.red     { color: #96140F !important; }
.rose    { color: #E37888 !important; }
.purple  { color: #97589F !important; }
.orange  { color: #F2B75D !important; }
.yellow  { color: #f2b75d !important; }
.glass   { color: #99B254 !important; }
.green01 { color: #0C8422 !important; }
.green02 { color: #659275 !important; }
.aqua    { color: #96D2DC !important; }
.blue    { color: #62BDC0 !important; }

/*-----------
bg-color
-------------*/
.bg-white   { background-color: #FFF !important; }
.bg-gray    { background-color: #555 !important; }
.bg-red     { background-color: #E994BD !important; }
.bg-rose    { background-color: #E37888 !important; }
.bg-purple  { background-color: #97589F !important; }
.bg-orange  { background-color: #F2B75D !important; }
.bg-yellow  { background-color: #f2b75d !important; }
.bg-glass   { background-color: #99B254 !important; }
.bg-green01 { background-color: #0C8422 !important; }
.bg-green02 { background-color: #659275 !important; }
.bg-aqua    { background-color: #96D2DC !important; }
.bg-blue    { background-color: #62BDC0 !important; }




/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 60px; }
dd { margin: 0 0 0 40px; }
li {font-size: 18px; margin-top: 10px; clear: both; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

table {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
	margin: 0 0 20px;
	border-collapse: collapse;
	margin-left: 15px;
	clear: both;
}

table th {
	padding: 5px 10px;
	background: #WhiteSmoke;
}

table td {
	padding: 5px 10px;
	border-bottom: 1px #BBB solid;
}


.td01 {
	font-weight: bold;
	border-bottom: 1px #BBB solid;
	color: #399FA2;
}


/*----------------------
タイトル
----------------------*/
h3 { margin: 30px 0 15px 0; }
h4 { margin: 15px 0 15px 0; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
#title, h3, h4 { font-weight: bold; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

h3 {
	background-color: #399FA2;
	padding: 8px 15px;
	border-radius: 5px;				/* CSS3草案 */  
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;		/* Firefox用 */  
	color: #FFF;
	clear: both;
	display: block;
	float: left;
	width: 97%;
}

h4 {
	border-bottom: #399FA2 2px solid;
	color: #399FA2;
	background-color: #efefef;
	padding: 6px;
	padding-left: 15px;
	width: 95%;
	margin: 20px auto;
	clear: both;
	float: left;
	width: 97%;
}

.text {
	border: none;
	color: #399FA2;
	padding-left: 15px;
	background-color: #FFF;!important;
}

.date {
	border: none;
	color: #399FA2;
	padding-left: 15px;
	background-color: #FFF;!important;
}

h5 {
	color: #399FA2;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 5px 15px
}

hr {
	height: 1px;
	color: #000000;
	margin-top: 50px;
	margin-bottom: 50px;
}

.box {
	width: 95%;
	padding-top: 10px;
	padding-bottom: 20px;
	border: #CCCCCC 1px solid;
	margin: 20px auto;
}



/* header
---------------------------------------- */
#header {
	text-align: center;
	background-color: #FFFBC7;
	padding: 20px;
}

/* footer
---------------------------------------- */
#footer {
	text-align: center;
}

#footer-container{
	position: relative;
	background-color: #399FA2;
	border-top: 20px solid #399FA2;
	-webkit-box-shadow: 0 -40px 40px -40px #AAA;
	   -moz-box-shadow: 0 -40px 40px -40px #AAA;
	        box-shadow: 0 -40px 40px -40px #AAA;
	clear: both;
	text-align: center;
	color: #FFFFFF;
	margin-top: 50px;
	padding-bottom: 30px;
}

.support {
	text-align: left;
	width: 700px;
	margin: 0 auto;
}

.adress {
	text-align: center;
	border-top: 1px solid #E5E5E5;
	width: 590px;
	margin: 10px auto;
	padding-top: 20px;
}

.copyright{
	text-align: center;
}



/* other
---------------------------------------- */
/* 案内エリア */
/*div.top {
	display: block;
	padding:0 30px 20px 30px;
	width:90%;
	text-align:left ;
	margin:0 auto;
	-webkit-box-shadow:0 0px 40px -10px #AAA;
	   -moz-box-shadow:0 0px 40px -10px #AAA;
	        box-shadow:0 0px 40px -10px #AAA;
			background-color:#fff;
    -webkit-border-radius: 5px; 
	   -moz-border-radius: 5px;  

}
*/
div.top {
	display: block;
	padding:0px 30px 20px 30px;
	width:740px;
	text-align:left ;
	margin:0 auto;
	-webkit-box-shadow:0 0px 40px -10px #AAA;
	   -moz-box-shadow:0 0px 40px -10px #AAA;
	        box-shadow:0 0px 40px -10px #AAA;
			background-color:#fff;
    -webkit-border-radius: 5px;		/* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;		/* Firefox用 */  
}

/* 案内エリア */
div.guide {
	display: block;
	padding: 0px 30px 20px 30px;
	width: 740px;
	text-align: left ;
	margin: 0 auto;
	-webkit-box-shadow: 0 0px 40px -10px #AAA;
	   -moz-box-shadow: 0 0px 40px -10px #AAA;
	        box-shadow: 0 0px 40px -10px #AAA;
			background-color: #fff;
	-webkit-border-radius: 5px;		/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;		/* Firefox用 */  
}

/* 申込ボタンエリア */
div.application {
	display: block;
	margin: 15px;
	padding: 10px;
	text-align: center;
}

/* 内容入力確認エリア */
div.contentInput {
	display: block;
	padding: 20px 30px;
	width: 740px;
	text-align: left ;
	margin: 0 auto;
	-webkit-box-shadow: 0 0px 40px -10px #AAA;
	   -moz-box-shadow: 0 0px 40px -10px #AAA;
	        box-shadow: 0 0px 40px -10px #AAA;
			background-color:#fff;
    -webkit-border-radius: 5px;		/* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;		/* Firefox用 */  
}

/* 内容入力確認テーブル */
table.contentInput {
	width: 90%;
	margin: auto 5%;
}

td.title {
	width: 100px;
	color: #FF3300;
	white-space: nowrap;
}

td.input {
	height: 50px;
}

td.comit {
	height: 50px;
	text-align: center;
	vertical-align: bottom;
	border: none;
}
/*  */
font.info {
	font-size: 10px;
	color: red;
}

.column2 {
	float: left;
	width: 47%;
	text-align: center;
	display: block;
	padding: 10px;
}

.column2 img {
	float: left;
	width: 100%;
	text-align: center;
	display: block;
}

.topButton {
	background: #990000;
	width: 100%;
	margin: 30px auto;
	text-align: center;
	padding: 20px 0;
	color: #FFFFFF;
	font-size: 24px;
}

.topButton a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.topButton a:hover {
	display: block;
}