@charset "UTF-8";

/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2008-09-01
	Modified: 2009-09-14
===========================================================*/


html{font-size: 6.25% !important;}

body {
	line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  background:#fff;
}
body{font-size: 16px !important;  }   /* 古いブラウザ用 */
body{font-size: 16rem !important;  }

select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
.clear{clear:both;}
.clearfix{display:inline-block;}
.clearfix:after{content:".";font-size:.1em;line-height:0;display:block;height:0;visibility:hidden;clear:both;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.none{display:none;}
.hide{visibility:hidden;}


/*-----------------------------------------------------------
	universal
-----------------------------------------------------------*/
a:link {
	color: #3f7ac3;
	text-decoration: none;
} a:visited {
	color: #3F7AC3;
	text-decoration: none;
} a:hover {
	color:#d5274f;
	text-decoration: underline;
}

.nomargin {
	margin-bottom: 0px !important;
} .margin5 {
	margin-bottom: 5px !important;
} .margin10 {
	margin-bottom: 10px !important;
} .margin15 {
	margin-bottom: 15px !important;
} .margin20 {
	margin-bottom: 20px !important;
} .margin25 {
	margin-bottom: 25px !important;
} .margin30 {
	margin-bottom: 30px !important;
} .margin35 {
	margin-bottom: 35px !important;
} .margin40 {
	margin-bottom: 40px !important;
}

.posCenter {
	text-align: center !important;
} .posRight {
	text-align: right !important;
}

.textSmall {
	font-size: 93% !important;
}

.linkArrow {
	padding-left: 20px !important;
	background: transparent url(../images/icoArrow.png) 0.1em 0 no-repeat    !important;
}
.pdf {
	padding-left: 20px !important;
	line-height: 1.6 !important;
	background: transparent url(../images/icoPdf.png) 0.1em 0.4em no-repeat    !important;
} .ebook {
	padding-left: 20px !important;
	line-height: 1.6 !important;
	background: transparent url(../images/icoEbook.png) 0 0.1em no-repeat    !important;
}

.floatLeft {
	float: left;
}.floatRight {
	float: right;
}



	/*-----------------------------------------------------------
		#container and subordinate selector
	-----------------------------------------------------------*/
	div#container {
		margin: 0 auto;
		width: 950px;
		text-align: left;
	}



			/*-----------------------------------------------------------
				#headerInner and subordinate selector
			-----------------------------------------------------------*/
			div#headerInner {
				width: 950px;
				height: 82px;
				position: relative;
			}

				div#headerInner h1.title,
				div#headerInner p.title {
					position: absolute;
					top: 34px;
					left: 2px;
				}

				/*-----------------------------------------------------------
					#headMenu and subordinate selector
				-----------------------------------------------------------*/
				div#headMenu {}

					/*-----------------------------------------------------------
						#headMenu .lorem and subordinate selector
					-----------------------------------------------------------*/
					div#headMenu div.lorem {}

						div#headMenu div.lorem dl {
							display: none;
						}

							div#headMenu div.lorem dt {
								position: absolute;
							} div#headMenu div.lorem dt.item00 {
								top: 11px;
								left: 474px;
							}

								div#headMenu div.lorem dt img {
									vertical-align: top;
								}

							div#headMenu div.lorem dd {
								position: absolute;
							} div#headMenu div.lorem dd.item01 {
								top: 8px;
								left: 534px;
							} div#headMenu div.lorem dd.item02 {
								top: 8px;
								left: 565px;
							} div#headMenu div.lorem dd.item03 {
								top: 8px;
								left: 596px;
							}

								div#headMenu div.lorem dd img {
									vertical-align: top;
								}

							div#headMenu div.lorem p.item04 {
								position: absolute;
								top: 10px;
								left: 495px;
							}

					/*-----------------------------------------------------------
						#headMenu .ipsum and subordinate selector
					-----------------------------------------------------------*/
					div#headMenu form {}

						div#headMenu form div.ipsum {}

							div#headMenu form div.ipsum label {}

								div#headMenu form div.ipsum label img.item00 {
									position: absolute;
									top: 9px;
									left: 640px;
								}

							div#headMenu div.ipsum input.item01 {
								position: absolute;
								top: 10px;
								left: 755px;
								width: 120px;
								height: 20px;
							}

							div#headMenu form div.ipsum input.item02 {
								position: absolute;
								top: 10px;
								left: 884px;
							}

					/*-----------------------------------------------------------
						#headMenu .dolor and subordinate selector
					-----------------------------------------------------------*/
					div#headMenu div.dolor {}

						div#headMenu div.dolor ul {}

							div#headMenu div.dolor li {
								position: absolute;
								top: 65px;
							} div#headMenu div.dolor li.item00 {
								top: 17px;
								left: 259px;
							} div#headMenu div.dolor li.item01 {
								top: 17px;
								left: 360px;
							} div#headMenu div.dolor li.item02 {
								left: 453px;
							} div#headMenu div.dolor li.item03 {
								left: 540px;
							} div#headMenu div.dolor li.item04 {
								left: 626px;
							} div#headMenu div.dolor li.item05 {
								left: 785px;
							} div#headMenu div.dolor li.item06 {
								left: 863px;
							}

								div#headMenu div.dolor li a {}

									div#headMenu div.dolor li a img {
										vertical-align: top;
									}

				/*-----------------------------------------------------------
					#headNavi and subordinate selector
				-----------------------------------------------------------*/
				div#headNavi {
					margin: 25px 0 0 0;
					position: relative;
					width: 950px;
					height: 46px;
					z-index: 100;
				}

						div#headNavi ul {}

							div#headNavi li {
								position: absolute;
							} div#headNavi li.alpha {
								top: 0px;
								left: 0px;
							} div#headNavi li.beta {
								top: 0px;
								left: 191px;
							} div#headNavi li.gamma {
								top: 0px;
								left: 380px;
							} div#headNavi li.delta {
								top: 0px;
								left: 570px;
							} div#headNavi li.epsilon {
								top: 0px;
								left: 759px;
							}

								div#headNavi li a {}

									div#headNavi li a img {
										vertical-align: bottom;
									}

									div#headNavi li ul {
										display: none;
									}

										div#headNavi li li {
											position: static;
										}

		/*-----------------------------------------------------------
			#locus and subordinate selector
		-----------------------------------------------------------*/
		div#locus {
			margin: 0 0 25px 0;
			padding: 0 0 5px 0;
			border-bottom: solid 1px #d8d8d8;
		}

			div#locus ul {
				display: inline;
			}

				div#locus li {
					margin: 0 0 0 3px;
					padding: 0 0 0 15px;
					display: inline;
					/*background: transparent url(./bgArrowLocus.png) 0em 0.2em no-repeat;*/
					background: transparent url(../images/bgArrowLocus.png) 0em 0.4em no-repeat;
				} div#locus li.root {
					margin: 0;
					padding: 0;
					background: none;
				}


		/*-----------------------------------------------------------
			#eyecatch and subordinate selector
		-----------------------------------------------------------*/
		div#eyecatch {
			margin: 0 0 30px 0;
			position: relative;
			width: 950px;
			height: 311px;
			background: transparent url(../images/bgEyecatch.png) 0 0 no-repeat;
			z-index: 0;
		}

			div#eyecatch h2 {
				position: absolute;
				top: 7px;
				left: 7px;
			}

			div#eyecatch ul {}

				div#eyecatch li {
					position: absolute;
				} div#eyecatch li.item03 {
					top: 267px;
					left: 21px;
				} div#eyecatch li.item04 {
					top: 267px;
					left: 268px;
				} div#eyecatch li.item05 {
					top: 267px;
					left: 514px;
				}

				div#eyecatch li img {
					vertical-align: top;
				}
				
				div#eyecatch dl#eyecatchBanner dt,
				div#eyecatch dl#eyecatchBanner dd
				 {
					position: absolute;
				} 
				div#eyecatch dl#eyecatchBanner dt.item00 {
					top: 14px;
					left: 774px;
				} div#eyecatch dl#eyecatchBanner dd.item00 {
					top: 57px;
					left: 780px;
				} div#eyecatch dl#eyecatchBanner dd.item01 {
					top: 125px;
					left: 780px;
				}
				 div#eyecatch dl#eyecatchBanner dd.item02 {
					top: 193px;
					left: 780px;
				}
				div#eyecatch dl#eyecatchBanner dd img {
					vertical-align: top;
				}	

		/*-----------------------------------------------------------
			#contents and subordinate selector
		-----------------------------------------------------------*/
		div#contents {
			min-height: 510px;
			background: transparent url(../images/bgContents.png) 0 0 repeat-y;
		} div.noBackground {
			background: none !important;
		}

			/*-----------------------------------------------------------
				#contentsInner and subordinate selector
			-----------------------------------------------------------*/
			div#contentsInner {
				float: left;
				width: 755px;
			} div.singleColumn {}

				/*-----------------------------------------------------------
					#sideNavi and subordinate selector

				-----------------------------------------------------------*/
				div#sideNavi {
					padding: 6px;
					float: left;
					_width: 170px;
					width: 158px;
					
				}

					div.sideNaviInner {
						padding: 1px;
						background: #fff;
					}
					
					/*-----------------------------------------------------------
						movNavi
					-----------------------------------------------------------*/
					
					div#movNavi {
						margin:10px 4px;
					}

						/*-----------------------------------------------------------
							.lorem and subordinate selector
						-----------------------------------------------------------*/
						div.sideNaviInner div.lorem {
							background: #fff url(../images/bgSideNaviInner.png) 0 0 repeat-y;
						}

							div.sideNaviInner div.lorem h2 {}

								div.sideNaviInner div.lorem h2 img {
									vertical-align: top;
								}

							div.sideNaviInner div.lorem ul {}

								div.sideNaviInner div.lorem li {
									margin: 0 0 1px 0;
								}

									div.sideNaviInner div.lorem li img {
										vertical-align: top;
									}

							div.sideNaviInner div.lorem h3 {
								margin: -1px 0 0 0;
							}

								div.sideNaviInner div.lorem h3 img {
									vertical-align: top;
								}





					/*-----------------------------------------------------------
						.eyecatch and subordinate selector
					-----------------------------------------------------------*/
					div#contentsBox div.eyecatch {
						margin: 0 0 35px 0;
					}

						div#contentsBox div.eyecatch h1 {}

							div#contentsBox div.eyecatch img {
								vertical-align: top;
							}

					/*-----------------------------------------------------------
						.titles and subordinate selector
					-----------------------------------------------------------*/
					div#contentsBox div.titles {}

						div#contentsBox div.titles .alpha {
							margin: 0 0 15px 0;
							padding: 8px 10px;
							border-left: solid 4px #f6446c;
							background: #f4f4f4 url(../images/bgIpsumH2.png) bottom right no-repeat;
							font-weight: 600;
							font-size: 108%;
							color: #575757;
						}

						div#contentsBox div.titles .beta {
							margin: 0 0 15px 0;
							padding: 0.3em 0;
							border-bottom: solid 1px #f6446c;
							width: 100%;
							_width: 100%;
							font-weight: 600;
							color: #575757;
						}

							div#contentsBox div.titles .beta span {
								padding: 0 0 0 1.5em;
								font-size: 93%;
								font-weight: 300;
							}

						div#contentsBox div.titles div.gamma {
							margin: 0 15px 10px 15px;
							padding: 0 0 5px 0;
							border-bottom: solid 1px #f9a0b4;
							width: 530px;
							text-align: right;
						}

						div#contentsBox div.titles div.delta {
							margin: 0 0 15px 0;
							padding: 8px 10px;
							border-left: solid 4px #f6446c;
							background: #f4f4f4 url(../images/bgIpsumH2.png) bottom right no-repeat;
						}

							div#contentsBox div.titles div.delta .item00 {
								float: left;
								font-weight: 600;
								font-size: 108%;
								color: #575757;
							}

							div#contentsBox div.titles div.delta .item01 {
								float: right;
							}

								div#contentsBox div.titles div.delta img {
									vertical-align: top;
								}


/*-----------------------------------------------------------
	調整
-----------------------------------------------------------*/

table.child, table.child th, table.child td{
    display: block!important;
}
table.child, table.child th, table.child td a{
    font-size: 120%;
}
#contentsBox,
#headContent{
    max-width: 900px;
    width: 100%;
    margin: auto;
}
#contentsBox th a:link {
    color: #000!important;
}
#contentsBox td a:link {
    color: #3f7ac3!important;
    text-decoration: underline!important;
}
#headContent .pankuzuObj {
    margin-left: 0px;
}
#footer {
    position: relative;
}