@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:100%;
	background: #666;
	text-align:center;
	margin:0 auto;
	background:#fff;
	min-height:100%;
	height: auto !important;
	height: 100%;
}

div#container-inner{
	width:800px;
	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:800px;margin:0;}
div#conMain p{font-size:1em;}

div#footer{
	width:100%;
	min-width:100%;
	margin:0 0 0 0;
	padding:20px 0 3em;
	clear: both;
	border:1px solid #dcdcdc;
	font-size:80%;
	color:#777;
}
/*
div#head h1{
	font-size:150%;
	margin:15px 0;
	border-left:5px solid #ccc;
	padding:0 0 0 8px;
}
*/
div#head h1{
	width:800px;
	height:52px;
	background:url(../img/img_title.jpg) 0 0 no-repeat;
	margin-bottom:10px;
	display:block;
	text-indent:-9999px;
}
div#conMain h2{
	font-size:130%;
	background:#eee;
	padding:2px 0 2px 5px;;
	margin:1em 0 0.5em 0;
	color:#333;
}


table.profBox{
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:6px auto;
	clear:both;
}
table.profBox th{
	padding:20px 5px;
	border-bottom:1px solid #dcdcdc;
	text-align:left;
	font-weight:lighter;
	width:25%;
	font-size:0.9em;
}
table.profBox td{
	padding:20px 5px 20px 10px;
	border-bottom:1px solid #dcdcdc;
	line-height:1.4;
	width:75%;
	font-size:0.9em;
}

table.profBox th.last,
table.profBox td.last{border:none;}

table.profBox th span,
table.profBox td span{
	background:#d12f2f;
	padding:0 2px;
	font-size:80%;
	margin:0 0 0 10px;
	color:#fff;
}

table.profBox td span.att{background:none;color:#666;font-size:0.9em;}
table.profBox td span.waku_none{background:none; color:#CCC;font-size:1.0em; padding:0;margin:0;}
table.profBox td p{margin-bottom:6px;}

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

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


#btnPdf{width:88%;border:1px solid #ccc;padding:10px 20px;margin:15px auto 2em;background:#f6f6f6;}
#btnPdf p{float:left;margin:0.5em 0 0 0;}
#btnPdf img{float:right;}
#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:3px;border:1px solid #ccc;}

input.sizeS{width:100px;}
input.sizeM{width:200px;}
input.sizeL{width:400px;}


.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;
}


:root *> .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;
}

:root *> .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;
}
:root *> .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-size:1.7em;
	color:#005;
	text-align:center;
	padding:2em 0 1em;
}



/*---------------------------------------------------------
　TOPPAGE
---------------------------------------------------------*/
.top #container{background:#fffdec url(../img/bg_head.jpg) 0 0 repeat-x;}
.top #conMain{width:1000px;margin:0 auto;padding:25px 0 100px;}
.top #conMain ul{width:640px;margin:2em auto;}
.top #conMain ul li{float:left;margin:0 6px;}
.top #conMain ul li a{display:block;width:307px;height:60px;position:relative;overflow:hidden;}
.top #conMain ul li a:hover{font-size:1px;}
.top #conMain ul li a:hover img{position:relative;top:-60px;}




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