@charset "utf-8";
/*-----------------------------------------------
bodyスタイル
----------------------------------------------- */
body img {
	vertical-align:bottom;
}
html {
	padding:0;
	margin:0;
	background-color:#ededee;

}
body {
	text-align:center;
	padding:0;
	margin:0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height:1.5;
	color: #565656;
}
#body {
	padding:0;
	font-size:100%;
}

.zone .inner{
	width: 510px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

a{ color:#0033cc; text-decoration:none;}
a:hover{ text-decoration:underline;}

/* ＋＋＋＋＋＋ header ＋＋＋＋＋＋ */
#header{
	background-color:#004A9A;
	color:#FFF;
	padding-bottom:8px;
	border-bottom:solid 1px #ffffff;
}

#header #title{
	float:left;
	margin:0px;
	margin-top:42px;
	margin-left:15px;
	font-size:2.2em;
	width:310px;
}
#header #logo{
	float:right;
	margin-top:10px;
	margin-right:14px;
}
#header #version{ text-align:right; padding-right:22px;}
#header #version ul{
	margin:0;
	display:inline-block;
	font-size:11px;
	text-align:left;
}
#header #version li{
	list-style:none;
	text-align: right;
}

/* ＋＋＋＋＋＋ main ＋＋＋＋＋＋ */

#main {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding:18px
}
#main ul{ margin:0; margin-left:18px;	margin-right:14px;}
#main li{
	list-style:none;
	background-image: url(../images/list_marker.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:42px;

}
#main li a{
	display:block;
	background-image: url(../images/paper.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-size:1.8em;
	font-weight:bold;
	padding:1.2em 74px 1.2em 0px;

}
/* ＋＋＋＋＋＋ footer ＋＋＋＋＋＋ */

#footer {
	margin-top:2em;

}

#footer p {
	text-align: center;
}


/*-----------------------------------------------
メッセージarea
----------------------------------------------- */

.boxMsg{ 
	padding:20px;
	margin:20px 20px 0px 20px;
	border:solid 0px #c7c7c7;

}

.boxText{ text-align:left; font-size:1.1em;	margin-bottom:0em;}
.boxText p{ margin-bottom:0;}
.boxBtn{
	font-size:1.6em;
}
.boxBtn p{ margin-bottom:0;}
.boxBtn a{
	background-color: #004A9A;
	color: #FFF;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	
	
	background-image: -moz-linear-gradient(top, #005abc, #004A9A); /* これはFirefox 3.6 用*/
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #005abc),color-stop(1, #004A9A)); /* これはSafari & Chrome などのwerbtik系*/
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005abc', endColorstr='#004A9A'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005abc', endColorstr='#004A9A')"; /* IE8 */
	background: linear-gradient(to bottom, #005abc, #004A9A);
	width:60%;
}
.boxBtn a:hover{
	text-decoration:none;
	background-color: #005abc;
	background-image: -moz-linear-gradient(top, #007dde, #006bc6); /* これはFirefox 3.6 用*/
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #007dde),color-stop(1, #006bc6)); /* これはSafari & Chrome などのwerbtik系*/
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007dde', endColorstr='#006bc6'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#007dde', endColorstr='#006bc6')"; /* IE8 */
	background: linear-gradient(to bottom, #007dde, #006bc6);
}


/*-----------------------------------------------
CSSハック
----------------------------------------------- */
.clearfix:after,
.main .block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */
