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




body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	background-color: #ccc;
	margin: 0px;
	padding: 0px;
	text-align: center;
}



ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}



table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*リンク設定
---------------------------------------------------------------------------*/


a {
	color: #217fc4; text-decoration:underline;
}
a:hover {
	color: #217fc4;
	text-decoration: none;
}


/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
width:850px;
  margin:0 auto; padding:0px;
  position:relative;
  min-height:100%;height: auto !important;
  _height:;
	background-color:#FFF;
}



/*ヘッダー（サイト名ロゴとかが入っている上段のブロック）
---------------------------------------------------------------------------*/
.header_pub {
	text-align: left;
	width: 710px;
	height: 277px;
	position: relative;
	background-image: url(images/header_bg_pub.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

/*h1タグ設定*/
.header_pub h1 {
	font-size: 36px;	/*文字サイズ*/
	line-height: 45px;
	font-weight: bold;
	color:#217fc4;
	position: relative;
	width:700px; height:45px;
	margin:0px; padding:0px 0px 0px 10px;
	float:left;
}



/*h3タグ設定*/
.header_pub h3 {
	font-size: 18px;	/*文字サイズ*/
	line-height: 26px;
	font-weight: bold;
	position: relative; margin:10px 0px 0px 20px; padding:6px 3px 3px 3px;
	color:#FFF;
	float:left;background-image: url(images/fusen_bg.jpg);
	background-repeat:no-repeat;
	height:29px; width:340px;
}



.aka_futo_24{ padding:0px 0px 0px 10px;
	font-weight:bold;
	color:#C00; font-size:24px; 
}


#sub{ margin:0px; padding:0px 0px 0px 20px;
	font-size:15px; line-height:28px;
	float:left;width:80%;
}


.b-copy{
	margin:0px 0px 0px 20px; padding:2px;
	float:left;
}



#conts {
	text-align: left;
	width: 100%; height:100%; min-height:100%;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	padding: 0px;
	clear: left;
	background-color:#FFF;
}


#conts h1 { font-size: 18px;	/*文字サイズ*/
	line-height: 26px;
	font-weight: bold;
	position: relative; margin:20px 0px 0px 20px; padding:6px 3px 3px 3px;
	color:#FFF;
	float:left;background-image: url(images/fusen_bg.jpg);
	background-repeat:no-repeat;
	height:29px; width:340px;
}



#conts h3 { font-size: 18px;	/*文字サイズ*/
	line-height: 26px;
	font-weight: bold;
	position: relative; margin:20px 0px 0px 20px; padding:6px 3px 3px 3px;
	color:#FFF;
	float:left;background-image: url(images/fusen_bg02.jpg);
	background-repeat:no-repeat;
	height:29px; width:549px;
}

#conts h4 { font-size: 18px;	/*文字サイズ*/
	line-height: 26px;
	font-weight: bold;
	position: relative; margin:20px 0px 0px 20px; padding:3px;
	color:#217fc4;
	float:left;border-left: 8px #53b5fc solid;
}


.sp80{
	height:80px; width:100%;
}


.clr{
	clear:both;
}
	
	
/*フッターメニュー
---------------------------------------------------------------------------*/
ul.footermenu {
	clear: both;
	padding:0px;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width: 810px;background-color:#FFF;
}

ul.footermenu li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
}




/*フッター（コピーライトとか入っている最下部ブロック）
---------------------------------------------------------------------------*/
#footer {
	text-align: center;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	width: 810px;
	padding: 20px 4px 20px;background-color:#FFF;
}

#footer_summary p { 
clear: both;
	margin-left:auto;
	margin-right:auto;
height:18px;width: 780px; padding-left:50px;
	text-align: left;
}

	
	


/* add display:inline to floated elements */
#header h2,
#catch,
#appli,
#appli_bt,
#step-w,
#step,
#step02,
#step03,
ul.step_t,
ul.step_t li,
#price02,
#example01,
#example02,
#inquiry,
#un-left,
#discr,
#discr02,
.bn {display:inline;}

/* convert min height values */
#container {height:100%;}


/* fix negative margins */
#appli {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#header,
#header h1,
#header h2,
#header h3,
#catch,
#appli_bt {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}