@import "reset.css";
@import "basic.css";
@import "module.css";
@import "layout.css";
@import "form.css";


/* @group header */

#header {
	background: url(../images/top/bgHeader.png) repeat-x;
	height: 90px;
}

#header div.inner {
	height: 90px;
	background: url(../images/top/bgHeader02.jpg) no-repeat;
}

#header p {
	text-indent: -9999px;
	padding: 15px 0 0 10px;
}

#header p a {
	display: block;
	background: url(../images/common/logo.png) no-repeat;
	width: 92px;
	height: 22px;
	overflow: hidden;
}

/* @end */

/* @group mainImg */

#mainImg {
	background: url(../images/top/bgMain02.jpg) no-repeat center top;
}

#mainImg div.inner {
	height: 469px;
	position: relative;
}

h1 {
	text-indent: -9999px;
	background: url(../images/top/h1Main.jpg) no-repeat;
	width: 213px;
	height: 33px;
	position: absolute;
	margin: 280px 0 0 313px;
}

#mainImg  p {
	position: absolute;
	background: url(../images/top/buyBtn.jpg) no-repeat;
	margin: 372px 0 0 31px;
}

#mainImg  p a {
	text-indent: -9999px;
	width: 266px;
	height: 77px;
	display: block;
}

#mainImg h2 {
	position: absolute;
	text-indent: -9999px;
	background: url(../images/top/h2Main.jpg) no-repeat;
	width: 300px;
	height: 143px;
	margin: 312px 0 0 312px;
}

/* @end */

/* @group excuse */

#excuse h3 {
	background: url(../images/top/h3Excuse.png) no-repeat;
	height: 67px;
	text-indent: -9999px;
}

#checkList {
	background: url(../images/top/bgExcuse.png) no-repeat ;
	height: 338px;
}

#excuse ul {
	margin-left: 70px;
	padding-top: 47px;
}

#excuse ul li {
	text-indent: -9999px;
	height: 37px;
	margin-bottom: 22px;
}

#chLi01 {
	background: url(../images/top/liChLi01.png) no-repeat;
	width: 520px;
}

#chLi02 {
	background: url(../images/top/liChLi02.png) no-repeat;
	width: 425px;
}

#chLi03 {
	background: url(../images/top/liChLi03.png) no-repeat;
	width: 449px;
}

#chLi04 {
	background: url(../images/top/liChLi04.png) no-repeat;
	width: 520px;
}


/* @end */

/* @group expectation */

#expectation div.inner {
	background: url(../images/top/bgMExpectation.png) repeat-y;
}

#expCom {
	background: url(../images/top/bgBExpectation.png) no-repeat 0 bottom;
	margin-top: 25px;
	padding-bottom: 60px;
}

#expectation h3 {
	background: url(../images/top/h3Expectation.png) no-repeat;
	text-indent: -9999px;
	height: 79px;
}

#doctor {
	float: right;
	display: inline;
	width: 201px;
	margin: 0 35px 0 10px;
}

#doctor p {
	margin-bottom: 0;
	color: #482813;
	font-size: 80%;
}

#expCom div.textArea {
	margin-left: 36px;
}



/* @end */

/* @group voice */

#voice {
	background: url(../images/top/bgMVoice.png) repeat-y center;
  }

#voice div.inner {
	background: url(../images/top/bgVoice.png) no-repeat 0 bottom; 
}

#voice h3 {
	background: url(../images/top/h3Voice.png) no-repeat;
	height: 112px;
	width: 830px;
	text-indent: -9999px;
}

#voiceContents {
	margin: 0 62px;
}

#voiceContents div.entryBox {
	float: left;
	display: inline;
	width: 346px;
	background-color: #f7f3dc;
	border: 1px solid #e0d6a4;
	margin-bottom: 13px;
}

#voiceContents div.EBleft {
	margin-right: 10px;
}

#voiceContents #voiceEntry01,
#voiceContents #voiceEntry02 {
	border-top-style: none;
}

#voice h4 {
	text-indent: -9999px;
	height: 38px;
	width: 338px;
	margin-top: 5px;
}

#voiceEntry01 h4 {
	background: url(../images/top/h4voice01.png) no-repeat;
}

#voiceEntry02 h4 {
	background: url(../images/top/h4voice02.png) no-repeat;
}

#voiceEntry03 h4 {
	background: url(../images/top/h4voice03.png) no-repeat;
}

#voiceEntry04 h4 {
	background: url(../images/top/h4voice04.png) no-repeat;
}

#voiceEntry05 h4 {
	background: url(../images/top/h4voice05.png) no-repeat;
}

#voiceEntry06 h4 {
	background: url(../images/top/h4voice06.png) no-repeat;
}

#voiceContents h4 {
	margin-left: 5px;
}

#voiceContents p {
	padding: 10px 15px 0;
}

#voiceContents p span.voiceName {
	display: block;
	text-align: right;
	margin-top: 20px;
}

#voice img {
	width: 720px;
	height: 335px;
}

#voiceImg {
	margin-left: 55px;
	padding-bottom: 77px;
}

#voiceImg p {
	font-size: 70%;
	margin-top: 10px;
	margin-left: 26px;
	margin-right: 68px;
}

/* @end */


/* @group history */

#history {
	background: url(../images/top/bgHistory.jpg) no-repeat center top;
}

#history div.inner {
	background: url(../images/top/bgBHistory.jpg) no-repeat 0 bottom;
}

#history h3 {
	background: url(../images/top/h3History.png) no-repeat;
	width: 411px;
	height: 219px;
	text-indent: -9999px;
	float: left;
	display: inline;
	margin: 45px 0 0 33px;
}

#history h4 {
	text-indent: -9999px;
	overflow: hidden;
	height: 22px;
}

#history p {
	margin-bottom: 0;
	padding: 7px 0 0 10px;
}

#historyEntry01 {
	clear: both;
	padding: 20px 267px 0 45px;
}

#historyEntry01 h4 {
	background: url(../images/top/h4HisEn01.png) no-repeat;
}

#historyEntry02 {
	padding: 20px 211px 31px 210px;
}

#historyEntry02 h4 {
	background: url(../images/top/h4HisEn02.png) no-repeat;
	width: 390px;
}

#historyEntry03 {
	padding: 34px 284px 0 160px;
}

#historyEntry03 h4 {
	background: url(../images/top/h4HisEn03.png) no-repeat;
}

#historyEntry04 {
	padding: 40px 213px 50px 22px;
}

#historyEntry04 h4 {
	background: url(../images/top/h4HisEn04.png) no-repeat;
}

/* @end */

/* @group footer */

#fooderInfo {
	float: left;
	display: inline;
	margin-left: 13px;
}

#fooderInfo h5 {
	float: left;
	display: block;
}

#fooderInfo p {
	margin-left: 110px;
}

#fooderNavi {
	float: right;
	display: inline;
	margin-right: 13px;
}

#fooderNavi ul li {
	float: left;
	display: inline;
	margin-left: 5px;
}

#fooderNavi ul li.first {
	border-right: 1px solid #2f2f2f;
	padding-right: 5px;
}

#fooderNavi p.copy {
	text-align: right;
	clear: both;
}

/* @end */