@charset "utf-8";

/* CSS Document */

/*--------------------------------------------
	共通基本設定
--------------------------------------------*/

/* 相対へ*/
body,h1,h2,h3,h4,h5,h6,p,form,img,ul,li,dl,dt,dd
	{
	margin: 0px;
	padding: 0px;
	}

/* 画像の下に出る余白を除去 */
img {
	vertical-align:bottom;
	border: 0px;
	}

/* 左右フロート設定 */
.floatL
	{
	float: left;
	display:inline;
	}

.floatR
	{
	float: right;
	display:inline;
	}
	
.imgfoatL
	{
	float: left;
	margin:0 15px 0 0;
	}
	
.imgfloatR
	{
	float: right;
	margin:0 0 0 15px;
	}


/* フロートクリア */
.clearFix:after
	{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
	
.clearFix
	{
	display:inline-block;	/* IE7対応 */
	}
/* Hides from IE-mac \*/
* html .clearFix
	{
	height:1%;
	}

.clearFix
	{
	display:block;
	}
/**/

/* クリアクラス用 */
.clear{
	overflow:hidden;
	height:0;
	clear: both;
}
/* Hides from IE-mac \*/
* html .clear{
	display: none;
}
/**/

sup,sub
	{
	vertical-align: baseline;
	position: relative;
	}

sup { top: -4px;}
sub { top: 4px;}


/* テキスト関連 */
.txtsmall
	{
	font-size:x-small;
	}
/* Hides from IE-mac \*/
* html .txtsmall{
	font-size:xx-small;
}
/**/

a:link		{color:#0042ff;	text-decoration:underline}
a:visited	{color:#0042ff;	text-decoration:underline}
a:hover		{color:#0042ff;	text-decoration: none}

a.gray:link		{color:#5b5b5b;	text-decoration:underline}
a.gray:visited	{color:#5b5b5b;	text-decoration:underline}
a.gray:hover	{color:#5b5b5b;	text-decoration: none}

/* マージン設定 */

.mat5 { margin:5px 0 0 0;}
.mat8 { margin:8px 0 0 0;}
.mat10 { margin:10px 0 0 0;}
.mat15 { margin:15px 0 0 0;}
.mat20 { margin-top:20px!important;}
.mat30 { margin:30px 0 0 0;}
.mal5 { margin:0 0 0 5px;}

/* padding設定 */
.pat3 { padding-top:3px;!important;}
.pab10 { padding-bottom:15px;!important;}
.pab15 { padding-bottom:15px;!important;}
.pab30 { padding-bottom:30px;!important;}

/* リスト設定 */

ul{ list-style:none;!important}


/* 囲み線設定 */
.lineTop{
	border-top:#80a5ce 1px solid;
}
.lineBlue{
	padding:6px 10px;
	margin-top:17px;
	border:#1b3664 1px solid;
}
.lineBlue p{
	color:#1b3664;
	font-size:100%;
	line-height:1.5;
}

/* --------------------------------------------------

Base

-------------------------------------------------- */
body {
	margin:0;
	padding:0;
	color: #5b5b5b;
	font-size: 88%;
	line-height: 1.3;
}

#wrapper{
	width:976px;
	background:url("../img/body-bg.gif") repeat-y;
	margin:-1px auto 0;
	overflow:hidden;
}
#container{
	width:950px;
	margin:-1px 13px 40px;
}


/* --------------------------------------------------
#block1
-------------------------------------------------- */
#block1{
}
#block1 #main{
	width:950px;
	height:238px;
	background:url(../img/block1-h1.jpg) no-repeat;
}
#block1 #main h1,
#block1 #main p{
	display:none;	
}
#block1 #main #button{
	padding:12px 0 0 584px;
}

/* --------------------------------------------------
#bnr_Quo
-------------------------------------------------- */

#bnr_Quo{
	width:910px;
	margin:20px auto 0;
}

/* --------------------------------------------------
#block2
-------------------------------------------------- */
#block2{
	padding:22px 20px 0;
}
#block2 .section{
	width:910px;
/*	height:250px;*/
	background:url(../img/block2-bg.gif) no-repeat center bottom;
}
#block2 .section ul{
	padding:5px 11px 0;
}
#block2 .section li{
	float:left;
	margin-right:3px;
}
#block2 .section li.last{
	margin-right:0;
}
#block2 .section div.caption{
	padding:3px 14px 2px;
	font-size:88%;
}


/* --------------------------------------------------
#blockButton1
-------------------------------------------------- */
#blockButton1{
	margin:22px auto 20px;
}
div.button{
	margin:0 auto;
	width:592px;
	height:73px;
}
a.regBtn{
	display:block;
	width:592px;
	height:73px;
	background:url(../img/regBtn.gif) no-repeat;
	text-indent:-999pt;
}

/* --------------------------------------------------
#block3
-------------------------------------------------- */
#block3{
	padding:18px 21px 18px 20px;
	background:#112953;
	border-top:1px #cfd4dd solid;
	border-bottom:1px #cfd4dd solid;
}
#block3 .section{
	background:#112953 url(../img/block3-cont-bg.gif);
}
#block3 .leftBlock{
	float:left;
	width:450px;
}
#block3 .leftBlock .inner{
	padding:12px;
}
p.txtMid{
	font-size:90%;
}
#block3 .leftBlock .innerBtm{
	padding:6px 12px 0;
}
#block3 .leftBlock .inner h4{
	padding-bottom:7px;
}
#block3 .leftBlock .inner .clearFix{
	padding-bottom:10px;
}
#block3 .rightBlock{
	float:right;
	width:450px;
}
#block3 .rightBlock .inner{
	padding:12px 20px;
}
#block3 .rightBlock .inner p{
	padding-bottom:16px;
}

/* --------------------------------------------------
#blockButton3
-------------------------------------------------- */
#blockButton3{
	margin-top:20px;
	position:relative;
	width:950px;
	height:325px;
	background:white url("../img/blockButton3-bg.gif") no-repeat;
}
#blockButton3 .buttonArea{
	position:absolute;
	width:595px;
	top:211px;
	left:177px;
}
a.regBtn2{
	display:block;
	width:592px;
	height:73px;
	background:url(../img/regBtn2.gif) no-repeat;
	text-indent:-999pt;
}
a.regBtn3{
	display:block;
	width:592px;
	height:73px;
	background:url(../img/regBtn3.gif) no-repeat;
	text-indent:-999pt;
	margin:0;
}
.btnArea{ text-align:center; margin:0 5px 7px;}
.btnArea2{
	text-align:center;
	font-size:88%;
	margin-top:0px;
	margin-bottom:17px;
}
.btnArea3{ text-align:center; font-size:88%; margin-top:10px;}


/* --------------------------------------------------
#bnr_Back
-------------------------------------------------- */

#bnr_Back{
	width:910px;
	margin:0 auto 30px;
}


/* --------------------------------------------------
#mt4
-------------------------------------------------- */
#mt4{
	background:#eaf1ec;
	width:910px;
	margin:0 auto;
}
#mt4 .sectionL{
	float:left;
	width:536px;
}
#mt4 .sectionL .inner{
	padding-top:20px;
	padding-left:30px;
}
#mt4 .sectionL p{
	padding:25px 36px 20px 0;
}

#mt4 .sectionL p span{
	font-size:88%;
}
#mt4 .sectionR{
	float:right;
	width:374px;
}
#mt4 .sectionR .inner{
	padding-top:23px;
	padding-bottom:17px;
}
#mt4 .sectionR .inner .logo{
	margin-bottom:6px;
}


/* --------------------------------------------------
#bnr_Mt4
-------------------------------------------------- */

#bnr_Mt4{
	width:910px;
	margin:20px auto 0;
}


/* --------------------------------------------------
#blockButton2
-------------------------------------------------- */
#blockButton2{
	margin:10px auto 0;
}

/* --------------------------------------------------
sonosita 
-------------------------------------------------- */
#block6 .inner{
	margin:27px 20px 0 20px;
}
h3.regCatch-block6{
	width:641px;
	margin:20px auto -10px;
}
#block6 .grayBox{
	margin:32px 0 0 0;
	padding:15px 20px 15px 48px;
	background-color:#eeeeee;
}
#block6 .grayBox{
	margin:32px 0 0 0;
}
#block6 .teikei{
	margin:50px 0 0 14px;
	display:block;
}
#block7 .inner{
	margin:30px 41px 0 41px;
}
#block7 .inner .imgBox{
	margin-top:20px;
	padding:0;
	background: url(../img/bg_gaiyo.gif) repeat-y;
}
#block7 .inner .imgBoxBtm{
	padding-bottom:4px;
	background:url(../img/bg_gaiyo_btm.gif) no-repeat left bottom;
}
#block7 .inner .imgBoxTop{
	padding-top:2px;
	background:url(../img/bg_gaiyo_top.gif) no-repeat left top;
}
#block7 .inner .imgArea{
	width:842px;
	margin:0 0 0 0;
}
#block7 .inner .imgBoxL{
	width:450px;
	float:left;
}
#block7 .inner .imgBoxR{
	width:310px;
	float:right;
}
#block7 .inner .imgArea h4{
	line-height:0;
	margin:10px 0 0 0;
	font-size:0;
}
#block7 .inner .imgArea p{
	margin:10px 0 0 0;
	font-size:88%;
}
#block7 .inner .imgArea .floatL{
	width:180px;
}
#block7 .img02{
	padding-left:2px;
	margin:0;
}

#block7 .inner .imgArea .floatR{
	width:270px;
}
#block7 .inner .inc5000{
	width:410px;
	margin:0 0 0 455px;
	padding-top:25px;
}
#block7 .inner .inc5000L{
	width:90px;
	float:left;
}
#block7 .inner .inc5000R{
	width:310px;
	float:right;
}
#block7 .inner .inc5000 p{
	font-size:88%;
}

/* @end */
.widPA1{ width:645px;}

/* @group footer */

/* Custom Class */
.bdline{
	border-bottom:#c3d8ee 1px solid;
}
.bdline2{
	border-bottom:#999 1px solid;
}
.caps{
	text-indent:-1em;
	padding-left:1em;
	font-size:88%;
}

/* --------------------------------------------------
Footer
-------------------------------------------------- */
#footer{
	margin: 0;
	text-align:center;
	font-size:88%;
	border-top:#c3d8ee 1px solid;
	padding-top:10px;
	margin-top:20px;
	line-height:1.5;
}
#footer .expDate{
	width:867px;
	text-align:right;
	margin: 0 auto 25px auto;
}
#footerMiddle{
	margin-top:35px;
}
#footerNote{
	width:867px;
	margin:15px auto 0 auto;
	background:url(../img/bg_att.gif) repeat-y;
}
#footerNoteBtm{
	background:url(../img/bg_att_btm.gif) no-repeat left bottom;
}
#footerNoteTop{
	text-align:left;
	padding:20px 32px;
	background:url(../img/bg_att_top.gif) no-repeat left top;
}


/* --------------------------------------------------
POP UP 100709
-------------------------------------------------- */
.px12{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:16px;
	color:#333333;
}
.style2 {color: #bb1417}

