@charset "utf-8";
/* ------------------------------------------------
 * Style Name  :  top.css
 * --------------------------------------------- */

/* Universal Reset
 * --------------------------------------------- */
* { padding: 0; margin: 0; }
body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object { margin: 0; padding: 0; }

/* Body and base setting
 * --------------------------------------------- */

body {
 font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	*font-size:small;
	*font:x-small;
 color: #000000;
 height: 100%;
 width: 100%;
 bottom: 0;
 background: url(../images/body_bg.gif) repeat left top;
}

/* General Params
 * --------------------------------------------- */
html {
	overflow-y: scroll;
	height: 100%;
	width: 100%;
} /* Firefox bar */

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: normal;
	font-size: 100%;
}

li,dt,dl { margin: 0; padding: 0; }

ol,ul,li { margin: 0; padding: 0px; list-style-type: none; }

img { border: 0; vertical-align:bottom; }

a img { border: 0; text-decoration: none; }

input { vertical-align: middle; }

br { letter-spacing: 0; } /* IE No <br/> hack */

p { margin-bottom: 1em; }

sup { vertical-align: text-top;}

sub { vertical-align: text-bottom;}

/* tables still need 'cellspacing="0"' in the markup */
table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing:0; }

caption,th,td { text-align: left; }

address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight:normal; }

select,input,button,textarea,button { font: 99% arial,helvetica,clean,sans-serif; }

* html input,* html textarea,* html select {font-size: 100%;}

*:first-child+html+input,*:first-child html+textarea,*:first-child+html select { font-size: 100%; }

pre,code,kbd,samp,tt { font-family: monospace; *font-size:108%; line-height:100%; }


/* Hyper Link
 * --------------------------------------------- */
a {
	color: #444444;
	text-decoration: underline;
	_position: relative; /* for ie6 */
}

a:visited {
	color: #444444;
	text-decoration: underline;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

a:visited:hover{
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0px; line-height: 0px; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for ie5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude mac ie5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }


/* top contents
-------------------------------------------------*/
body#top #contents {
	width: 100%;
	margin: 0;

	padding: 0 0 0 0;


	text-align: center;


	text-align: center;
}

body#top #contents .contents_include {
	width: 920px;
	height:100%;
	margin: 0 auto 0;
	background:#fff;
	padding-bottom:10px;

}

body#top #contents .contents_include h1 {
	padding-top:23px;
	margin:0  0 37px 35px;
	text-align: left;
}


body#top #contents .contents_include .syou_box01 {
	width:810px;
	margin:0 0 20px 39px;
}

body#top #contents .contents_include .syou_box01 li {
	float:left;
}

body#top #contents .contents_include .syou_box02 {
	width:810px;
	margin:0 0 50px 39px;
}

body#top #contents .contents_include .wChance{
	width:810px;
	margin-left:39px;
	clear:left;
}

body#top #contents .contents_include .syou_box02 li {
	float:left;
}


body#top #contents .contents_include .base {
	display: block;
	margin: 0;
	padding: 0 0 91px 0;
}

body#top #contents .contents_include .base h2{
	margin-bottom:27px;
}


body#top #contents .contents_include .hyo {
	width: 766px;
	margin: 0 0 30px 61px;
	padding: 0 0 10px 0;
	text-align:left;
}


body#top #contents .contents_include .hyo h3 {
	margin-bottom:16px;
}

body#top #contents .contents_include .hyo h4 {
	margin-bottom:13px;
}

body#top #contents .contents_include .hyo p {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:17px;
}


body#top #contents .contents_include .hyo p.text_atten {
	font-size:0.8em;
	margin-bottom:0;
}


/* btnarea */
body#top #contents #btnarea {
	width: 920px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0;
}

body#top #contents #btnarea .btn_oubo {
	margin-top:35px;
}

body#top #contents #btnarea .kiyaku_box {
	width: 810px;
	text-align: left;
	margin: 0 auto 38px auto;
	padding:0;
}

body#top #contents #btnarea .kiyaku_box h5 {
	margin-bottom:6px;
}

body#top #contents #btnarea .kiyaku_box p {
	height:280px;
	padding:9px 12px;
	border:#c0c0c0 1px solid;
	overflow-y :scroll;
}

body#top #contents #btnarea .kiyaku_box p span{
	font-weight:bold;	
}





/* --------------------------------------------- */

/* introPage
 * --------------------------------------------- */

.introText{
	width:920px;
	text-align:center;
	margin:0 auto 18px;	
}

.introText02{
	width:920px;
	text-align:center;
	margin:0 auto 30px;	
}

.introText03{
	width:920px;
	text-align:center;
	margin:0 auto 60px;	
}

.guaranteeTitle{
	width:695px;
	margin:0 auto 10px;	
}

#guarantee{
	width:693px;
	height:863px;
	margin:0 auto 25px;
	border:1px solid #174494;
}

#guarantee .img01{
	width:693px;
	height:424px;
	margin:0;
	padding:0;
}

#guarantee .img02{
	width:693px;
	height:439px;
	margin:0;
	padding:0;
}

#downloadBtn{
	width: 920px;
	text-align: center;
	margin: 0 auto 60px auto;
	padding:0;
}