@charset 'utf-8';


html{
	/* フォントサイズはrem単位を使用 (1.0rem = 10px)*/
	font-size: 62.5%;
	height:100%;
}

* { margin:0; padding:0; }
a img{ border: none; }

body{
	font-size:12px; font-size: 1.2rem;
	height:100%;
	color:#333;
}

body.osMac{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

body.osWin{
	font-family:'メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
}

body.osOther{
	font-family:sans-serif;
	min-height: 480px;
}

table{border-collapse:collapse;}
th,td{padding:0;}

ul{list-style:none;}

h4{font-size:14px; font-size:1.4rem;}
h5{font-size:12px; font-size:1.2rem;}

img{
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}

.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}
.mb60{ margin-bottom:60px !important;}
.mb65{ margin-bottom:65px !important;}
.mb70{ margin-bottom:70px !important;}
.mb75{ margin-bottom:75px !important;}
.mb80{ margin-bottom:80px !important;}
.mb85{ margin-bottom:85px !important;}
.mb90{ margin-bottom:90px !important;}
.mb95{ margin-bottom:95px !important;}
.mb100{ margin-bottom:100px !important;}






#wrapper{
	position: relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height: 100%;
}

.clearfix:after{
	content:" ";
	display:block;
	clear:both;
	position:inline;
}

.clear{
	clear:both;
}

body.ie7 .clearfix{
	zoom:1;
}

a:link    { color:#007700; font-style:normal; text-decoration:underline;}
a:visited { color:#337733; text-decoration:underline; }
a:hover   { color:#00AA00; font-style:normal; text-decoration:none; }
a:active  { color:#007700; text-decoration:none; }

li {list-style: none;}


.annotation{
	font-size:10.5px;font-size: 1.05rem;
	line-height:14px; line-height: 1.4rem;
	color:#888;
}


.red{
	color:#F33;
}





/*** #mainMenu ***/

#mainNavi{
	position:fixed;
	z-index:8;
	width:100%;
}

#aplogo{
	margin-top:15px;
	margin-left:27px;
	float:left;
}

#aplogo a{
	background:transparent;
}

#mainNavi{
	min-width:1020px;
	width:100%;
}

#mainMenu{
	display:block;
	margin:30px 30px 30px 128px;
	height:30px;
	background:#FFF;

	-moz-opacity: 0.95;
	-webkit-opacity: 0.95;
	-o-opacity: 0.95;
	-ms-opacity: 0.95;
	opacity: 0.95;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;

	-moz-box-shadow:0px 1px 8px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 1px 8px rgba(0,0,0,0.15);
	-o-box-shadow:0px 1px 8px rgba(0,0,0,0.15);
	-ms-box-shadow:0px 1px 8px rgba(0,0,0,0.15);
	box-shadow:0px 1px 8px rgba(0,0,0,0.15);
	
	-moz-user-select : none;
	-webkit-user-select : none;
	-ms-user-select : none;
	user-select : none;

	-pie-box-shadow:0px 1px 4px #777777;
	behavior: url(/common/htc/PIE.php);
}

#mainMenu>li{
	float:left;
	height:30px;
}

#mainMenu .menuHitArea{
	position:relative;
}

#mainMenu .over{
	background:#669966;
}

#mainMenu li.menu1.over{
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-ms-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

}


#mainMenu li a{
	height:30px;
}

#mainMenu ul.menuPullDown{
	z-index:10;
	min-width: 154px;
	position:absolute;
	display: none;
	background:#669966;	
	padding:5px 0;
	top:30px;
	left:0px;

	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-o-border-bottom-left-radius: 4px;
	-ms-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;

	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-ms-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	-o-box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	-ms-box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	box-shadow:0px 2px 5px rgba(0,0,0,0.15);

}

#mainMenu li.over ul.menuPullDown{
	display: block;
}

#mainMenu ul.menuPullDown a{
	display:block;
	padding-left:8px;
	padding-right:12px;
	white-space: nowrap;
}

body.ie7 #mainMenu ul.menuPullDown{
	width:220px;
}
 
#mainMenu ul.menuPullDown a:hover{
	background:url("../img/menu/menu_child_active_bg.gif") repeat-x top left;
}

#mainMenu img.menuBlankTarget{
	margin-left:5px;
}

li#menuSpace{
	background:none;
	float:none;
	text-align:right;
	padding-right:15px;
	padding-top:1px;
	cursor:default;
}


li#menuSpace .caption{
	display:inline;
	font-size:11px; font-size:1.1rem;
	background: url("../img/icon_camera.gif") no-repeat left 1px;
	text-indent: 0;
	padding-left:17px;
	line-height: 30px;
	
}





/*** .contentWrapper ***/
.contentWrapper{
	width:900px;
	margin:auto;
	padding: 105px 0px 60px;
	background:url("../img/content_bg01.png") no-repeat 0px 85px;
}

.contentInner{
	padding-bottom:20px;
	width:900px;
	background:url("../img/content_bg03.png") no-repeat 0 bottom;
}


/*** article ***/

.article{
	position:relative;
	width:750px;
	padding:55px 75px 45px;
	background:url("../img/content_bg02.png") repeat-y;
}

.article h2{
	position:absolute;
	top:-105px;
	right:-20px;

	-moz-user-select : none;
	-webkit-user-select : none;
	-ms-user-select : none;
	user-select : none;
}
.article h3{
	background:url("/common/img/title_bg.gif") no-repeat;
	margin-left:-35px;
	padding-left:35px;
	margin-top:-28px;
	padding-top:28px;
	margin-bottom:30px;
}

.article h3 span.title{
	background-color:#FFF;
	padding-right:20px;
	display:inline-block;
}

body.ie7 .article h3 span.title{
	display:inline;
	zoom:1;
}

.article h4{
	margin-bottom: 30px;
	color:#66AA11;
}

.article .section{
	font-size:1.2rem;
	line-height:22px;
	line-height:2.2rem;
	letter-spacing:-0rem;
	margin-bottom:50px;
}

.article .oddColumn{
	width:351px;
	float:left;
}
.article .rigthColumnLine{
	background:url("/common/img/colmun_line.gif") repeat-y right top;	
	padding-right:25px;
}

.article .evenColumn{
	width:350px;
	margin-left:400px;
	margin-bottom:0;
}

.article .evenColumn:after{
	content:" ";
	display:block;
	clear:both;
}



dl.clauseList{
	margin-top:5px;
	margin-bottom:15px;
}

dl.clauseList dt{
	width:240px;
	float:left;
	background: url("/common/img/list_line.gif") repeat-x;
	background-position: 0 9px;
	background-position: 0 0.9rem;
}

dl.clauseList dt span{
	background:#FFF;
	padding-right:10px;
}

dl.clauseList dd{
	margin:0px 0 15px 250px;
}

dl.clauseList dd:after{
	content:" ";
	display:block;
	clear:both;
}


/*** .pageTopLine ***/

.pageTopLine{
	clear:both;
	position:relative;
	z-index:1;
	background:url("/common/img/bg_page_top.gif") left center repeat-x;
	margin-bottom:30px;
	width:750px;
	text-align: right;
	line-height: 24px;
}

.pageTopLine img{
	margin:0;
}


/*** HR ***/
.article hr{
	border:none;
	width:100%;
	height:1px;
	background:url("/common/img/bg_hr.gif") left center repeat-x;
}


/*** linklist ***/

ul.linklist{
	background:url("/common/img/bg_link_area.gif");
	border-radius: 4px;
	padding:11px 10px 9px 15px; 
	display:inline-block;
	margin-bottom: 30px;
	font-size:11px;font-size:1.1rem;
	position: relative;
	z-index: 1;
}

body.ie7 ul.linklist{
	display:inline;
	zoom:1;
}


ul.linklist li{
	float:left;
	padding-left:14px;
	padding-right:15px;
	background:url("/common/img/mark_minilink.gif") no-repeat left 4px;
}

ul.linklist li.return{
	background-image:url("/common/img/mark_return.gif");
}

ul.linklist li a{
	text-decoration: none;
}



/*** send form ***/
div.sendform{
	padding:10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;	
	background: url("/common/img/bg_form.gif") ;
}

div.sendform table th{
	width:150px;
	font-weight: normal;
	text-align: right;
	padding:10px 10px;
	background: url("/common/img/bg_form_th.gif");
	border:1px solid #DDD;
	font-size:11px; font-size:1.1rem;
	vertical-align:middle;
}

div.sendform td{
	background:#FFF;
	width:600px;
	padding:10px ;
	border:1px solid #DDD;
}

div.sendform td.errorMessage{
	color:#F33;
}

div.sendform table input ,
div.sendform table textarea {
	box-sizing:border-box;
	width:100%;
	border:1px solid #DDD;
	padding:5px;
	resize: none;
	font-size:12px; font-size:1.2rem;
}

#mailnewsPanel table input{
	width:400px;
}

div.sendform div.sendButtonArea{
	margin-top:15px;
	margin-bottom:5px;
	text-align: center;
}

table .valignTop{
	vertical-align: top;
}

div.sendform div.errorMessage{
	color:#F33;
	box-sizing:border-box;
	width:100%;
	display: none;
}



div.sendform .sendformMessage{
	background: url("/common/img/bg_form_th.gif");
	border:1px solid #DDD;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding:50px;
}




.asterisk{
	color:#F33;
}

.formGender label{
	margin-left: 3px;
}

.formMail input,
.formPasswd input{
	margin-right:5px;
}

.formMail p,
.formPasswd p{
	margin-top:10px;
}

.formMail span,
.formMail a,
.formPasswd span,
.formPasswd a{
	font-size: 10px;font-size: 1.0rem;
}

.formGender #gender_1{
	width:auto;
}

.formGender #gender_2{
	width:auto; margin-left:20px;
}

.formGender label{
	white-space:nowrap;
}

div.sendform table th.formMessage{
	padding:15px;
	text-align: left;
}

div.formMessage{
	padding:15px;
	margin-bottom:10px;
	text-align: center;
	font-weight: normal;
	background: url("/common/img/bg_form_th.gif");
	border:1px solid #DDD;
	font-size:12px; font-size:1.2rem;
}

#mailnewsPanel div.errorMessage{
	padding:15px;
	margin-bottom:10px;
	text-align: left;
	font-weight: normal;
	background: url("/common/img/bg_form_th.gif");
	border:1px solid #DDD;
	font-size:12px; font-size:1.2rem;	
	color:#F33;
}


/*** #footer ***/

#footerWrapper{
	color:#FFF;
	position: absolute;
	bottom:0;
	left:0px;	
	width:100%;
	min-width:1020px;
}
#footerWrapper a:link    { color:#FFFFFF; text-decoration:none;}
#footerWrapper a:visited { color:#FFFFFF; text-decoration:none;}
#footerWrapper a:hover   { color:#AADDAA; text-decoration:none;}
#footerWrapper a:active  { color:#88AA88; text-decoration:none;}


#footer{
	color:#FFF;
	margin:0px 30px;
	background:#111;
	opacity: 0.9;
	height:30px;

	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	-ms-border-top-left-radius: 4px;
	border-top-left-radius: 4px;	

	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
	-ms-border-top-right-radius: 4px;
	border-top-right-radius: 4px;

	-moz-user-select : none;
	-webkit-user-select : none;
	-ms-user-select : none;
	user-select : none;
}

#copyright{
	float:left;
	line-height:30px;
	
	letter-spacing: 0.1rem;
	padding-left: 10px;
	font-size:10px; font-size:1.0rem;
	font-family: Helvetica,Arial;
	font-weight: lighter;
}

#footerNavi{
	position:absolute;
	right:40px;
}

#footerNavi li{
	float:left;
	line-height:27px;
	font-size:9.5px; font-size:0.95rem;
	padding:3px 10px 0px;
}






/*** #backgroundArea ***/

#jsBackgroundArea,
#jsBackgroundMask{
	position:fixed;
	top:0;
	left:0;
	overflow: hidden;
	width:100%;
	height:100%;
	z-index:-1;
	min-width: 1020px;
	min-height:480px;
}

#jsBackgroundMask{
	position:absolute;
	z-index:-1;
	background:url("/common/img/bg_mask.png");
}

#jsBackgroundArea img{
	z-index: -2;
}

/*--- IE対策 ---*/

#jsBackgroundArea img{
	-ms-interpolation-mode: bicubic;
	zoom: 1;
}