@charset "utf-8";
/*---------------------------------------
    リセットCSS（編集不要）
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6,small{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}
a img{vertical-align:bottom;}

/*--------------------------------
	汎用
---------------------------------*/
a {
  color: #3559bf;
}
a:hover {
  text-decoration: none;
}

.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt8 {margin-top: 8px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.ml40 {margin-left: 40px!important;}

.taR {text-align: right!important;}
.taC {text-align: center!important;}
.taL {text-align: left!important;}
.flL {float: left;}
.flR {float: right;}

.fwB {font-weight: bold!important;}
.fcR {color: #DB0000!important;}
.fsS {font-size: 86%!important;}
.fsL {font-size: 135%!important;}

.bgG {background: #F4F4F4!important;}
.bgY {background: #FEF5CD!important;}
.bgO {background: #EA6F08!important;}
.brN {border-right: none!important;}

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

/*--------------------------------
	全体
---------------------------------*/
body {
  line-height: 1.5;
  color: #333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 90%;
  background: #f7f7f7;
}

#wrapper {
  width: 978px;
  margin: 0 auto;
  padding:0;
  background: #fff;
  border: solid 1px #e9e9e9;
  border-top:none;
  border-bottom:none;
}

/*--------------------------------
	ヘッダー
---------------------------------*/
#header {
  position: relative;
  padding: 18px 0;
}

#logo {
  float: left;
  padding-left:21px;
}

/*--------------------------------
	コンテンツ
---------------------------------*/

/*  汎用
----------------------------------------*/
.inner_wrap {
	width: 864px;
	margin: 0 auto;
}

.note {
	font-size:12px;
	text-indent: -1em;
	margin-left: 1em;
}

.att li {
	padding-left: 20px;
	background: url(../img/ico_att.gif) no-repeat 0 0.18em;
}

.btn_area {
	width: 640px;
	margin: 30px auto 20px;
}

.content_table {
	border-width: 0 1px 1px 1px;
	border-color: #ccc;
	border-style: none solid solid solid;
	border-collapse: collapse;
}

.content_table th {
	width: 160px;
	background: #eee;
}

.content_table th,
.content_table td {
	padding: 20px 15px;
	border-top: 1px solid #ccc;
	vertical-align: top;
}

.pagetop {
  margin-bottom: 20px;
  text-align: right;
  width:900px;
}

/*  .main_read
----------------------------------------*/
.main_read {
	margin: 20px 0;
	font-size: 123%;
}

/*  .simulation
----------------------------------------*/

.w900 {
	width: 900px;
	margin: 20px auto;
}
h2.example{	font-size:18px;	color:#fff;	background-color:#ef7000;	padding:0px 20px;	line-height:1.5;	margin-bottom:5px;}
div.example{	border:3px solid #ec7000;	padding:16px 16px;}
div.example p img{	margin-top:16px;}
h2.feature {
	margin: 20px 0;
	font-size:28px;
}

/*  #info
----------------------------------------*/
#info {
	margin-bottom: 20px;
}

#info h2 {
	margin-bottom: 10px;
	padding: 5px;
	background: #bbb;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

#info .att_ttl {
	font-weight: bold;
	color: #DB0000;
}

#info .att {
	margin: 5px 0 25px;
}

/*  #otoku
----------------------------------------*/
#otoku {
	width: 900px;
	margin: 20px auto 30px;
}

#otoku h2 {
	margin-bottom: 10px;
	padding: 5px;
	background: #bbb;
	font-size: 24px;
	text-align: center;
	color: #fff;
}

/*--------------------------------
	フッター
---------------------------------*/
#footer {
  padding:14px 0;
  border-top:solid 6px #eb7408;
  width:900px;
  margin:0 auto;
}

#footer p {
  text-align: center;
}