@charset "shift_jis";



/* css format */

/* --HTML-- */
html {
 }


/* html5 tag css format */

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {display: block;}

section,nav,article,aside,hgroup,header,footer,address {
  margin:0;
  padding:0;
  font-style:normal;
  font-weight:normal;
}

div,dl,ul,ol,section { overflow:hidden; }


/* --OTHER TAGS-- */
a {
  overflow:hidden;
  outline: none !important;
}

a img, img {
  border:0;

}
  
abbr, acronym {
  border:0;
}
  
address, caption, cite, code, dfn, em, th, strong, var {
  font-style:normal;
  font-weight:normal;
}
  
body,blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
  margin:0;
  padding:0;
}
  
caption, th {
  text-align:left;
}
  
code, kbd, pre, samp, tt {
  font-family:monospace;
  line-height:100%;
}

    /* for IE7 */
    *+html code, kbd, pre, samp, tt {
      font-size:108%;
    }
  
  
q:before, q:after {
  content:'';
}
  
/* form */
button, fieldset, form, input, label, legend, select, textarea {
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  padding:0;
  vertical-align:baseline;
}
  
/* tables still need 'cellspacing="0"' */
table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}

/* --BODY-- */
body {
  font-size:14px;
  line-height:1.4;
  color:#333333;
  margin:0;
  padding:0 ;
  background:#000000 url(../images/background.png) repeat-x left top;
}
  
    /* for IE7 */
    *+html body {
      font-family:'メイリオ', 'ＭＳ Ｐゴシック';
      font-size:80%;
    }
  
    /* for IE6 */
    * html body {
      font-family:'ＭＳ Ｐゴシック';
      font-size:100%%;
      text-align:center;
    }

/* css format end */


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

li { list-style:none; }

a:link { color:#0066ff; }
a:visited { color:#660066; }
a:hover { color:#3399ff; }


/* color */

.skyBlue {
  color:#00ccff;
}

.yellow { color:#ffcc33; }

.fBlueB2 {
  font-size:16px;
  color:#001199;
  font-weight:bold;
}

.imfl { float:left; margin:0 10px 10px 0; border:1px solid #666666; }
.imfr { float:right; margin:0 0px 10px 10px; border:1px solid #666666; }
.cl { clear:both; }




/* header */
header { overflow:hidden; width:900px; margin:0 auto; background-color:#303a41;  }
header h1 { float:left; text-indent:-900%; background:transparent url(../images/logo.png) no-repeat left top; width:290px; line-height:80px; }
.logo-1ban{background:transparent url(../images/logo-1ban.png) no-repeat left top;}
.logo-2ban{background:transparent url(../images/logo-2ban.png) no-repeat left top;}

header h1 a { display:block; width:290px; height:80px; }

header form { width:400px; float:right; padding-top:15px; }
header form p { float:left;170px; margin-right:20px; }
.icon02 { text-indent:15px; background:transparent url(../images/icon02.png) no-repeat left 4px; color:#ffffff; font-size:12px; }
.mgbtm5 { margin-bottom:5px; }
.mgtop { margin-top:12px; text-indent:-900%; width:78px; height:26px; border:none; text-align:left; cursor:pointer; }
.mgtop a { display:block;width;78px; heigh:26px; background:transparent url(../images/headbtn.png) no-repeat center top; }
.mgtop a:hover { background:transparent url(../images/headbtn.png) no-repeat center -26px; }
/* designBox */
#designBox { clear:both; background:#ffffff url(../images/headimg.jpg) no-repeat left top; padding:245px 10px 10px; margin:0 auto; width:880px; }
#rightBox { float:right; width:660px; }
#leftBox { float:left; width:210px; padding-right:10px; }


/* nav */
nav #topNav { padding-top:25px; }
nav #topNav li { text-indent:-900%; float:left; }
nav #topNav li a { display:block; line-height:40px; }
nav #topNav .nav01 { width:118px; }
	nav #topNav .nav01 a       { background:transparent url(../images/navbar.png) left top; }
	nav #topNav .nav01 a:hover { background:transparent url(../images/navbar.png) left -40px; }

nav #topNav .nav02 { width:171px; }
	nav #topNav .nav02 a       { background:transparent url(../images/navbar.png) -118px top; }
	nav #topNav .nav02 a:hover { background:transparent url(../images/navbar.png) -118px -40px; }

nav #topNav .nav03 { width:150px; }
	nav #topNav .nav03 a       { background:transparent url(../images/navbar.png) -289px top; }
	nav #topNav .nav03 a:hover { background:transparent url(../images/navbar.png) -289px -40px; }

nav #topNav .nav04 { width:214px; }
	nav #topNav .nav04 a       { background:transparent url(../images/navbar.png) -437px top; }
	nav #topNav .nav04 a:hover { background:transparent url(../images/navbar.png) -437px -40px; }


/* mainBlock*/
#mainBlock { padding:10px 0 0 0; width:655px; }
#subBlock { border:1px solid #9da5a9; margin-top:6px; }
	#subBlock h2 { text-indent:-900%; line-height:55px; }
	#subBlock h2.mh01 { background:transparent url(../images/mhead01.png) left top; }
	#subBlock h2.mh02 { background:transparent url(../images/mhead02.png) left top; }
	#subBlock h2.mh03 { background:transparent url(../images/mhead03.png) left top; }
	#subBlock h2.mh04 { background:transparent url(../images/mhead04.png) left top; }
	#subBlock h2.mh05 { background:transparent url(../images/mhead05.png) left top; }
	#subBlock h2.mh06 { background:transparent url(../images/mhead06.png) left top; }
	#subBlock dl.mh01 { padding:0 10px 10px 10px; }
	#subBlock dl.mh01 dt { text-indent:20px; background:transparent url(../images/icon01.png) no-repeat left 50%; font-weight:bold; line-height:40px; }
	#subBlock dl.mh01 dd { background-color:#f6f6f6; border:1px solid #eeeeee; padding:10px 10px 0 10px; margin-bottom:10px; }
	#subBlock dl.mh01 dd p { margin-bottom:10px; }

	#subBlock form.mh02 { padding:0 10px 10px 10px;}
	#subBlock form.mh02 dl { padding-bottom:10px;}
	#subBlock form.mh02 h3 { text-indent:20px; background:transparent url(../images/icon01.png) no-repeat left 50%; font-weight:bold; line-height:30px; margin-top:10px; }
	.fm01 dt { padding: 5px 0;  float:left; background-color:#0088cc; border:1px solid #0077bb; text-align:center; width:165px; line-height:20px; color:#ffffff; font-weight:bold; clear:both; border-top:none; }
	.fm01 dd { padding:5px; line-height:20px; background-color:#f6f6f6; border:1px solid #9da5a9; border-top:none; float:left; width:454px; }
	.lhpcad { line-height:120px !important; }
	.lhpcadd { height:120px !important; }

	.fm02 dt { width:165px; float:left; background-color:#0088cc; border:1px solid #0077bb; text-align:center; line-height:30px; color:#ffffff; font-weight:bold; border-top:none; }
	.fm02 dd { width:137px; padding:5px; line-height:20px; background-color:#f6f6f6; border:1px solid #9da5a9; border-top:none; float:left; }
	
	.bdtpb { border-top:1px solid #0077bb !important; }
	.bdtpg { border-top:1px solid #9da5a9 !important; }
	.eBtTXT {  padding:10px 0 10px 20px; background-color:#f6f6f6; border:1px solid #9da5a9; float:left; width:303px; font-size:12px; }
	.eBtBTN { float:right; }
	.eBtBTN button { width:298px; height:70px; background:transparent url(../images/entrywbutton.png) no-repeat center top; border:none; cursor:pointer; }
	.eBtBTN button:hover { background:transparent url(../images/entrywbutton.png) no-repeat center -70px;}

	.endForm { width:453px !important; }



	#subBlock div.mh03 { padding:0 10px 10px 10px; }
	#subBlock div.mh03 h3 { text-indent:20px; background:transparent url(../images/icon01.png) no-repeat left 50%; font-weight:bold; line-height:40px; }
	#subBlock div.mh03 p { background-color:#f6f6f6; border:1px solid #eeeeee; padding:10px 10px 0 10px; margin-bottom:10px; }


/* side */

#sideTop01 { background:transparent url(../images/entrytopside.png) no-repeat left top; padding:51px 0 134px 10px; margin-bottom:10px; }
#sideTop01 p { text-indent:-900%; width:180px; }
#sideTop01 a { display:block; background:transparent url(../images/sideentry.png) no-repeat left top; height:90px; }
#sideTop01 a:hover { background:transparent url(../images/sideentry.png) no-repeat left -90px; }

.sideBottom { width:190px; background:transparent url(../images/entrybottomside.png) no-repeat left top; padding:51px 0 0 10px; margin-bottom:10px; }
.sideBottom img { margin:148px 0 0 105px; }

#sideTop02 { background:transparent url(../images/entryside.png) no-repeat left top; padding:51px 0 374px 10px; margin-bottom:10px; height:10px; }
#sideTop03 { background:transparent url(../images/entryside2.png) no-repeat left top; padding:51px 0 374px 10px; margin-bottom:10px; height:10px; }
.spqr { background-color:#303a41; padding:10px; overflow:hidden; width:180px; color:#ffffff; }
.spqr img { float:right; margin:0 0 0 10px; }

/* errorrBOX */

.errorBox { font-size:12px; color:#ff0000; }


/* footer */

footer { text-align:center; margin:0 auto; background:#eeeeee; width:900px; padding:10px 0; }
footer nav { width:500px; margin:0 auto 10px auto; }
footer nav ul { padding-top:10px; font-size:12px; }
footer nav li { width:125px; float:left; text-indent:10px; background:transparent url(../images/icon03.png) no-repeat left 50%; text-align:left; }


.xxx { width:770px !important;}
.xxx li { width:150px !important;}


form section{padding:10px;}

.msg{font-size:10px;}










/* PR banner */
#pr{margin:0 auto; text-align:center;}

/* mother bar */
#mother{width:100%; height:50px; position:absolute; top:0; left:0; background:url(../images/mother_bg.png) repeat-x 0 0; border-bottom:1px solid #666;}
#mother h1{display:block; width:900px; margin:0 auto; color:#fff; line-height:50px; text-indent:-9999px;}
