@charset "utf-8";

/* ==========================================================================================================

	各ページ共通

============================================================================================================*/

/*--基本設定 --*/
html {
	margin: 0;
	padding: 0;
}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,sans-serif;
	font-size: 14px;
	color: #000000;
	margin: 0;
	padding: 0px;
	text-align:center;
	/*text-align: left;*/
	font-size: 14px;
	line-height: 160%;
}

/*-- SNSボタン配置 --*/
#snsArea {
	width:980px;
	margin: 0 auto;
	text-align: right;
	padding-bottom: 15px;
}
#snsArea02 {
	/*width:980px;*/
	margin: 0 auto;
	text-align: right;
	padding: 0 0 10px 0;
}

/*-- シリーズタイトル --*/
#headerContainer {
	width: 100%;
	height: 153px;
	margin-top: 0;
	background: url(../images/bg/headerContainerBg.gif) repeat-x;
}


/*-- 背景・ラインありブロック --*/
.bgBlockContainer {
	width: 100%;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
	background: url(../images/bg/bgBlockContainerBg.gif) repeat;
}
/*-- 背景あり・ライン無しブロック --*/
.bgBlockContainerNoline {
	width: 100%;
	background: url(../images/bg/bgBlockContainerBg.gif) repeat;
}
/*-- 遺伝子背景パターン --*/
.geneBgType01 {
	width: 100%;
	background: url(../images/bg/geneBgType01Bg.png) no-repeat;
	background-position: center top;
}
.geneBgType02 {
	width: 980px;
	margin: 0 auto;
	background: url(../images/bg/geneBgType02Bg.png) no-repeat;
	background-position: right top;
	top: -40px;
	position:relative;
}
.geneBgType03 {
	width: 100%;
	background: url(../images/bg/geneBgType03Bg.png) no-repeat;
	background-position: center top;
}
.geneBgType04 {
	width: 980px;
	margin: 0 auto;
	background: url(../images/bg/geneBgType04Bg.png) no-repeat;
	background-position: left top;
	top: -40px;
	position:relative;
}










/*-- 背景なしブロック --*/
.whiteBlockContainer {
	width: 100%;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
	background-color: #ffffff;
}

/*-- 背景有り無し共通 --*/
.wrapper {
	width: 980px;
	margin: 0 auto;
	text-align:left;
}

/*-- テキストエリア --*/
.txt01Area {
	width: 966px;
	padding: 20px 7px 0 7px;
}
.txt02Area {
	width: 980px;
	padding: 20px 0 0 0;
}
.txt03Area {
	width: 980px;
	padding: 20px 0 20px 0;
}
.txt04Area {
	width: 840px;
	padding: 40px 0 0 33px;
	float: left;
	display: inline;
	position: absolute;
}
.txt05Area {
	width: 980px;
	background: url(../images/bg/txt06.jpg) no-repeat;
	background-position: right top;
}
.pointImg {
	float: right;
	display: inline;
	position:relative;
	z-index: 9999;
	padding: 20px 13px 15px 0;
}
.kakomi01 {
	width: 630px;
	border: 1px solid #C4C4C4;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin: 0 0 0 0;
	padding: 15px;
	float: right;
	display: inline;
	position:relative;
}
.kakomi02 {
	width: 588px;
	border: 1px solid #C4C4C4;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin: 25px 0 0 0;
	padding: 15px 250px 0 15px;
}
.kakomi02 p {
	font-size: 15px;
	line-height: 150%;
	color: #334c88;
	padding-bottom:10px;
}
.kakomi03 {
	width: 933px;
	border: 1px solid #C4C4C4;
	border-radius: 5px;
	margin: 0 0 0 0;
	padding: 20px;
	background: #FFFFFF url(../images/bg/kakomi03Bg.jpg) no-repeat;
	background-position: right top;
}



/*-- オーダーボタン --*/
.orderBtnArea {
	width: 980px;
	height: 145px;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
	padding-bottom: 30px;
}
.orderBtn {
	width: 980px;
	height: 145px;
}
a.orderBtn {
	display: block;
	width: 980px;
	height: 145px;
	text-indent: -9999px;
	background: url(../images/orderBtn.png) no-repeat;
	background-position: center top;
}
a.orderBtn:hover {
   background-position: center bottom;
}


/*-- 次回予告 --*/
.nextStage {
	width: 930px;
	margin-top: 30px;
	padding: 30px 25px 30px 25px;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}




/*-- テキスト制御 --*/
.h2_01 {
	width: 980px;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}
.h3_01 {
	width: 315px;
	height: 230px;
	float: left;
	display: inline;
	position:absolute;
	z-index: 9999;
}
.h3_02 {
	width: 714px;
	height: 95px;
	padding-top: 60px;
}
.h3_03 {
	width: 815px;
	height: 42px;
}
.h3_04 {
	width: 674px;
	height: 98px;
	padding: 60px 0 0 306px;
}
.h3_08 {
	width: 980px;
	height: 110px;
	padding: 30px 0 0 0;
}
.leadTxt {
	width: 930px;
	padding: 20px 25px 20px 25px;
    border-bottom: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #ffffff;
    -moz-box-shadow: 0 1px 0 #ffffff;
    box-shadow: 0 1px 0 #ffffff;
}
.txt01 {

}
.txt02 {
	width: 690px;
	margin-top: 20px;
}
.txt03 {
	width: 410px;
	margin-top: 60px;
	float: right;
	display: inline;
}
.txt04 {
	width: 980px;
}
.txt05 {
	/*width: 610px;*/
	padding: 20px 0 0 370px;
}
.txt06 {
	width: 980px;
	min-height: 130px;
	padding: 20px 135px 10px 0;
}
.txt07 {
	color: #334c88;
}
.txt08 {
	font-size: 18px;
}
.txt09 {
	width: 780px;
	padding: 0 0 0 0;
	float:right;
	display:inline;
}


/*-- バナーエリア --*/
.bunnerArea {
	text-align: center;
	margin-bottom: 40px;
}


/*-- フッターインフォ --*/
.info{
	font-size:12px;
	background:transparent url(../images/qr.gif) 340px 30px no-repeat;
	padding: 30px 0 30px 0;
	margin:0 0 0 170px;
	width: 650px;
	overflow:hidden;
	_zoom:1;
}

.info:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info .qr{
	float:right;
}
.info #infoTit{
	margin-bottom:14px;
}

.info  dl{
	line-height:1.8;
	float:left;
}
.info  dl  dt{
	float:left;
	clear:left;
	width:60px;
}
.info  dl dd{
	margin-left:60px;
}
.info  dl dd a{
	color:#000;
	text-decoration:underline;
}
.info  dl dd a:hover{
	text-decoration:none;
}

#footer {
	color:#FFF;
	font-size:71.5%;
	width:100%;
	margin:0 auto;
	padding: 20px 0 0 0;
	text-align:center;
	background: #000;
	overflow:hidden;
}
#footer p {
	margin-bottom: 2.0em;
}
#footer p span{
	font-weight:bold;
}