@charset "utf-8";



/*

=====================================================================

*

*    baselayout設定CSS

*

* =================================================================== 

*/



html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {

	margin: 0;

	padding: 0;

	font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;

}



*:first-child+html * {

/* Win IE 7向け調整 */

	lettter-spacing: 1;	/* hasLayout問題の解消 */

}



img{

	border:0;

	margin: 0;

	padding: 0;

	vertical-align: top;

}



a:link,a:visited {

	color: #007693;

	text-decoration:none;	

}

a:hover, a:active, a:focus {

	text-decoration:underline;	

}



div.clear{clear:both; margin: 0; padding: 0; }

.clear{ clear:both;	margin: 0; padding: 0; }

hr{ margin: 0px; padding: 0px; display: none; }

.hidden { display: none; }



*{

	zoom:1;

}



/*

=====================================================================

*

*    IE用印刷設定CSS

*

* =================================================================== 

*/



@media print{

	body {

		_zoom: 67%; /*WinIE only */

	}

}



/* Clearfix

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



.clearfix:after {

	content: ".";  /* 新しい要素を作る */

	display: block;  /* ブロックレベル要素に */

	clear: both;

	height: 0;

	visibility: hidden;

}

  

.clearfix {

	min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



body {

  font-size: 12px;

  background-color: #f6f6f6;

}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/* ****************************************************

 *

 * common

 *

******************************************************* */

/* bgInner

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

#bgInner {
	position: relative;

  width: 100%;

  min-width: 960px;

  float: left;

  background: #f6f6f6 url(../images/cmn_bg_01.gif) repeat-x bottom center;

}



/* wrapper

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

#wrapper {

  width: 960px;

  padding: 0;

  margin: 0 auto;

}

#wrapper .linkList a {

		padding-left: 20px;

  background: url(../images/cmn_arw_03.png) no-repeat left center;

		color: #000000;

		font-size: 10px;
}

#wrapper .button a,#wrapper .button_sp a {

		display: inline-block;

		width: 150px;

		color: white;

		text-decoration: none;

		background-color: #007693;

		text-align: center;

		padding: 5px 0px 5px 15px;

}
		
#wrapper .button a:hover,#wrapper .button_sp a:hover {

		color: white;

		background-color: #009fc6;
}

#wrapper .button a span,#wrapper .button_sp a span {

		padding: 0 20px;

		background: url(../../common/images/cmn_arw_04.png) no-repeat left center;

}

#wrapper .pagetop {
		margin: 12px 25px;

		text-align: right;

		color: #000000;

		font-size: 10px;
}

#wrapper .pagetop a {

  padding-left: 15px;

  background: url(../images/cmn_arw_05.png) no-repeat 0 .5em;

		color: #000000;

		font-size: 10px;

		text-decoration: underline;

}

#wrapper .pagetop a:hover {

		text-decoration: none;

}

#wrapper .fb {

		position: fixed;

		top: 129px;

		right: 0;

		z-index: 10;

}

#wrapper .tw {

		position: fixed;

		top: 82px;

		right: 0;

		z-index: 100;

}


/* header

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

#header {

  width: 960px;

  margin-bottom: 14px;

  float: left;

}

#header #logo {

  float: left;

  width: 155px;

  margin: 52px 0 0 25px;

}

#header #snavi, #header #gnavi {

  float: right;

  margin: 5px 0 0 0;

}

#header #snavi ul, #header #gnavi ul {

  list-style-type: none;

  float: right;

}

#header #snavi li, #header #gnavi li {

  float: left;

  background: #f6f6f6 url(../images/cmn_arw_01.png) no-repeat left center;

  padding: 10px;

		margin-right: 8px;

}

#header #snavi a, #header #gnavi a {

  text-align: left;

  display: block;

  color: #333333;

  font-size: 10px;

}

#header #gnavi {

  margin: 4px 0 0 0;

}

#header #gnavi li {

  padding: 0px;

}

#header #gnavi li.icon {

  background: #f6f6f6 url(../images/cmn_arw_02.png) no-repeat 7px center;

}

#header #gnavi li.icon a {

  font-size: 12px;

  padding: 10px 15px 10px 27px;

}

#header #gnavi li.icon a:hover,
#header #gnavi li.on a {

  background: #333333 url(../images/cmn_arw_02.png) no-repeat 7px center;

  color: white;

  text-decoration: none;

}

#header #gnavi .sub {

		display: block;

  font-size: 10px;

  padding-top: 3px;

  font-family: Arial,Verdana,Helvetica,sans-serif;

  color: #9c9c9c;

}


/* #pageHead

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

#pageHead {
	position: relative;
	width: 960px;
	border-top: 7px solid #0a0e11;
	text-align: center;
}

#pageHead h2 {
	margin-bottom: 8px;
	padding: 38px 0;
	border-bottom: 1px solid #777777;
	font-size: 28px;
	z-index: 2;
}

#pageHead h2 span {
	position: relative;
	z-index: 5;
	font-weight: bold;
}

#pageHead h2 span.sub {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	color: #edecec;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 45px;
	font-style: italic;
	font-weight: normal;
	z-index: 1;
}

#pageHead .button {
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 10;
}

#pageHead .back {
	float: left;
	padding-left: 13px;
	font-size: 10px;
}

#pageHead .back a {
	padding-left: 13px;
	background: url(../images/cmn_arw_06.png) no-repeat left center;
}

#pageHead .location {
	text-align: right;
	font-size: 10px;
}

#pageHead a {
	color: #000000;
	text-decoration: underline;
}

#pageHead a:hover {
	text-decoration: none;
}

#pageHead .bnr {
	margin-top: 14px;
	text-align: center;
}


/* #footer

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

#footer {

  width: 960px;

  height: 157px;

}

#footer .copyright {

  float: left;

		padding: 45px 0 0 20px;

  color: #9c9c9c;

  font-size: 10px;

}

#footer .secure {

  float: right;

		padding-top: 22px;

  text-align: right;

}



/* Common

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


.flL,.left { float: left; }

.flR,.right { float: right; }

#mainContents {
	margin: 10px 5px 0;
	padding-top: 8px;
	background: #ffffff url(../images/cmn_line_01.gif) repeat-x;
}

#mainContents h3 {
	font-size: 22px;
	font-weight: bold;
	padding-left: 13px;
	border-left: 5px solid #007693;
	line-height: 1.3;
}

#mainContents .formArea,
#mainContents .checkArea {
	margin-top: 30px;
	padding: 45px 30px 50px 50px;
	background: #f9f9f9;
}

#mainContents .formArea dl,
#mainContents .checkArea dl {
	padding-bottom: 26px;
	line-height: 1.5;
}

#mainContents .formArea dt,
#mainContents .checkArea dt {
	float: left;
	width: 170px;
	padding-top: 4px;
}
*:first-child+html #mainContents .formArea dt {
	padding-right: 22px;
}

#mainContents .formArea dt span,
#mainContents .checkArea dt span {
	color: #bf2424;
	font-size: 10px;
}

#mainContents .formArea dd,
#mainContents .checkArea dd {
	margin: 0 0 14px 192px;
}

*:first-child+html #mainContents .formArea dd, {
	margin-left: 0;
}

#mainContents .formArea dd input,
#mainContents .formArea dd textarea,
#mainContents .checkArea dd textarea {
	width: 480px;
	padding: 5px 8px;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}
#mainContents .formArea dd .err,
#mainContents .checkArea dd .err {
	background: #ffe9e3;
}
#mainContents .formArea dd .size01,
#mainContents .checkArea dd .size01 {
	width: 202px;
	margin-right: 7px;
}
#mainContents .formArea dd .size02,
#mainContents .checkArea dd .size02 {
	width: 42px;
}
#mainContents .formArea dd .size03,
#mainContents .checkArea dd .size03 {
	width: 60px;
}
#mainContents .formArea dd .size04,
#mainContents .checkArea dd .size04 {
	width: 30px;
}

#mainContents .formArea dd .note,
#mainContents .checkArea dd .note {
	font-size: 10px;
}

#mainContents .formArea dd .errTxt,
#mainContents .checkArea dd .errTxt {
	display: inline-block;
	margin-left: 7px;
	padding: 5px 8px;
	border: 1px solid #e63535;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #e63535;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.4;
}

#mainContents .formArea dd.radio {
	padding: 1em 0;
}

#mainContents .formArea dd.radio input {
	width: auto;
	padding: 0;
	border: none;
	vertical-align: middle;
}

#mainContents .formArea dd.radio label {
	margin: 0 30px 0 10px;
}

#mainContents .formArea .button,#mainContents .checkArea .button {
	text-align: center;
}

#mainContents .formArea .button a,#mainContents .checkArea .button a {
	width: 230px;
	font-size: 16px;
}


/* Margin

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



/*TOP*/

.mgT2{margin-top:2px;}

.mgT3{margin-top:3px;}

.mgT5{margin-top:5px;}

.mgT10{margin-top:10px;}

.mgT20{margin-top:20px;}

.mgT30{margin-top:30px;}

.mgT40{margin-top:40px;}





/*BOTTOM*/

.mgB2{margin-bottom:2px;}

.mgB3{margin-bottom:3px;}

.mgB5{margin-bottom:5px;}

.mgB10{margin-bottom:10px;}

.mgB15{margin-bottom:15px;}

.mgB20{margin-bottom:20px;}

.mgB25{margin-bottom:25px;}

.mgB30{margin-bottom:30px;}

.mgB35{margin-bottom:35px;}

.mgB40{margin-bottom:40px;}

.mgB45{margin-bottom:45px;}

.mgB50{margin-bottom:50px;}

.mgB55{margin-bottom:55px;}

.mgB60{margin-bottom:60px;}

.mgB70{margin-bottom:70px;}

.mgB75{margin-bottom:75px;}

.mgB80{margin-bottom:80px;}

.mgB90{margin-bottom:90px;}

.mgB100{margin-bottom:100px;}



/*RIGHT*/

.mgR3{margin-right:3px;}

.mgR5{margin-right:5px;}

.mgR10{margin-right:10px;}

.mgR15{margin-right:15px;}

.mgR20{margin-right:20px;}

.mgR25{margin-right:25px;}

.mgR30{margin-right:30px;}

.mgR35{margin-right:35px;}

.mgR50{margin-right:50px;}

.mgR60{margin-right:60px;}

.mgR80{margin-right:80px;}



/*LEFT*/

.mgL3{margin-left:3px;}

.mgL5{margin-left:5px;}

.mgL10{margin-left:10px;}

.mgL15{margin-left:15px;}

.mgL20{margin-left:20px;}

.mgL25{margin-left:25px;}

.mgL35{margin-left:35px;}

.mgL40{margin-left:40px;}

.mgL50{margin-left:50px;}



/* Padding

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

/*TOP*/

.pdT2{padding-top:2px;}

.pdT3{padding-top:3px;}

.pdT5{padding-top:5px;}

.pdT10{padding-top:10px;}

.pdT20{padding-top:20px;}

.pdT30{padding-top:30px;}

.pdT40{padding-top:40px;}



/*BOTTOM*/

.pdB2{padding-bottom:2px;}

.pdB3{padding-bottom:3px;}

.pdB5{padding-bottom:5px;}

.pdB10{padding-bottom:10px;}

.pdB15{padding-bottom:15px;}

.pdB20{padding-bottom:20px;}

.pdB25{padding-bottom:25px;}

.pdB30{padding-bottom:30px;}

.pdB35{padding-bottom:35px;}

.pdB40{padding-bottom:40px;}

.pdB45{padding-bottom:45px;}

.pdB50{padding-bottom:50px;}

.pdB55{padding-bottom:55px;}

.pdB60{padding-bottom:60px;}

.pdB70{padding-bottom:70px;}

.pdB75{padding-bottom:75px;}

.pdB80{padding-bottom:80px;}

.pdB90{padding-bottom:90px;}

.pdB100{padding-bottom:100px;}



/*RIGHT*/

.pdR3{padding-right:3px;}

.pdR5{padding-right:5px;}

.pdR10{padding-right:10px;}

.pdR15{padding-right:15px;}

.pdR20{padding-right:20px;}

.pdR25{padding-right:25px;}

.pdR30{padding-right:30px;}

.pdR35{padding-right:35px;}

.pdR50{padding-right:50px;}

.pdR60{padding-right:60px;}

.pdR80{padding-right:80px;}



/*LEFT*/

.pdL3{padding-left:3px;}

.pdL5{padding-left:5px;}

.pdL10{padding-left:10px;}

.pdL15{padding-left:15px;}

.pdL20{padding-left:20px;}

.pdL25{padding-left:25px;}

.pdL35{padding-left:35px;}

.pdL40{padding-left:40px;}

.pdL50{padding-left:50px;}



.alL{ text-align:left; }

.alC{ text-align:center; }

.alR{ text-align:right; }