@charset "utf-8";

/*---------------------------------------------------------
　サイト共通
---------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
html
{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
}
body
{
	text-align:center;
	margin:0px auto;
	background:#fff;
	font-size:small;
	height:100%;
}

body > #container
{
	height: auto;
}


h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td
{
	vertical-align: top;
	text-align: left;
}
img{border:none;}
ul, li{list-style:none;}

a{color:#3396eb;text-decoration:none;}
a:link{color:#3396eb;text-decoration:none;}
a:visited{color:#3396eb;text-decoration:none;}
a:active{color:#3396eb;text-decoration:none;}
a:hover{color:#3396eb;text-decoration:underline;}


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

.clearfix {min-height: 1px;}

* html .clearfix {
	height: 1px;
	/**//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear{clear:both; font-size: 1px;}


* html div#container{
height:100%;
}

div#container{
	width:auto;
	background: #666;
	text-align:center;
	margin:0 auto;
	background:#fff;
	min-height:100%;
	height: auto !important;
	height: 100%;
}

div#container-inner{
	width:100%;
	text-align:left;
	margin:0 auto;
	position:relative;
	min-height:100%;
	background:#fff;
}

	/*--CLEAR--*/
	div#container-inner:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
		font-size: 0;
	}

/*---------------------------------------------------------
　CONTENTS
---------------------------------------------------------*/
div#conMain{width:96%;margin:0 auto;}
div#conMain p{font-size:1em;margin-left:5px;}

div#footer{
	width:100%;
	margin:0;
	padding:1em 0;
	clear: both;
	font-size:80%;
	color:#777;
	background:#ddd;
}

div#head h1{
	background:url(../img/img_title_sp2.jpg) 0 0 no-repeat;
	margin-bottom:10px;
	display:block;
	text-indent:-9999px;
	/*-moz-background-size:cover;*/
	background-size:100% auto;
}

div#conMain h2{
	font-size:16px;
	background:#eee;
	padding:2px 0 2px 5px;;
	margin:1em 0 0.5em 0;
	color:#333;
}


.inner{width:96%;margin:0 auto 10px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.inner h3{font-size:14px;margin-bottom:5px;}
.inner p{font-size:12px;margin-bottom:5px;}


div.btnArea{width:96%;text-align:center;margin:2em auto;font-size:1.2em;}
div.btnArea p{display:inline;margin-left:5px;}

.alrt_msg{color:#d12f2f;font-size:90%;}


#btnPdf{width:88%;border:1px solid #ccc;padding:5px 10px;margin:15px auto 2em;background:#f6f6f6;text-align:center;}
#btnPdf p{text-align:left;margin:0.5em 0 0 0;}
#btnPdf img{}
#btnPdf a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}



	/*--CLEAR--*/
	div#conMain:after,
	div.btnArea:after,
	#btnPdf:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
		font-size: 0;
	}



/*---------------------------------------------------------
　フォームスタイル　CSS3
---------------------------------------------------------*/
input, select{margin:0 5px;padding:5px;border:1px solid #ccc;}

input.sizeS{width:25%;}
input.sizeM{width:50%;}
input.sizeL{width:90%;}


.text, textarea, div.innerBox select{
	border:1px solid #ccc;
	padding: 5px;
	color: #999;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Webkit */
	-moz-border-radius: 5px;	/* Firefox */
	zoom: 1;	/* IE */
}

.submit{
	font-size:0.9em;
	line-height: 1;
	font-weight: bold;
	color: #666;
	background: #ddd;
	border: solid 1px #ccc;
	display: inline-block;
	margin: 0 2px;
	padding: .52em 1.3em .48em;
	overflow: visible;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(237,237,237)),
	    color-stop(1, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(237,237,237) 0%,
	    rgb(255,255,255) 100%
	);
}

.submit:hover{
	background: #e4e4e4;
	border-color: #ccc;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(204,204,204)),
	    color-stop(1, rgb(249,249,249))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(204,204,204) 0%,
	    rgb(249,249,249) 100%
	);
}

.submit:active {
	border-color: #444;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(229,229,229)),
	    color-stop(1, rgb(204,204,204))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(239,239,239) 0%,
	    rgb(204,204,204) 100%
	);
}

button::-moz-focus-inner, .button::-moz-focus-inner, .submit input::-moz-focus-inner {border: none;padding: 0;}
button:focus, .button:focus, .submit input:focus {outline: none;}


/*青系ボタン*/
.colBlue{
/*	color: #0971b9;	青文字*/
	color: #fff;
	background: #178cde;
	border: solid 1px #d4e3ed;

	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(174,98,98)),
	    color-stop(1, rgb(233,188,188))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(82,175,239) 0%,
	    rgb(255,255,255) 100%
	);
}

.colBlue:hover{
	background: #158,207,242;
	border-color: #d4e3ed;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(210,175,175)),
	    color-stop(1, rgb(236,207,207))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(158,207,242) 0%,
	    rgb(249,249,249) 100%
	);
}

.colBlue:active {
	border-color: #d4e3ed;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(229,229,229)),
	    color-stop(1, rgb(204,204,204))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(239,239,239) 0%,
	    rgb(204,204,204) 100%
	);
}

div#conMain p#confirm_msg{
	font-weight:bold;
	font-size:1.0em;
	color:#005;
	text-align:center;
	padding:2em 0 1em;
}