@charset "utf-8";


/* CSS Import Style
---------------------------------------------------- */
@import "01styles_main.css";
@import "02styles_layout.css";


/* earthquake common Style
---------------------------------------------------- */

/* member, non-member common */
h2 {
}

h3 {
	margin-bottom: 20px;
}

h4 {
	margin: 20px 0;
}

h5 {
	margin: 15px 0;
	border-bottom: 1px dotted #c2c7cb;
	padding: 0 0 5px 20px;
	background: url(/images/icon_circle_earthquake.gif) no-repeat left 2px;
	font-weight: bold;
}

h5.v2 {
	margin-top: 40px;
}

.colorEarthquake {
	color: #b88600;
}

caption {
	padding: 20px 0 0;
	font-size: 93%;
}

.earthquakeStress {
	color: #e81953;
	font-weight: bold;
}

/* Win IE7 */
*:first-child+html .mark {
	font-size: 160%;
}

.bgEgearthquake {
	background-color: #dba001;
	color: #FFFFFF;
	padding: 0 2px;
}

#mainContents table {
	width: 99%;
}

#mainContents table th {
	background-color: #dba001;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

#mainContents table th,
#mainContents table td {
	padding: 2px 5px;
	border: 1px solid #999999;
}

#mainContents table td.color1 {
	background-color: #fdf7d7;
}

.earthquakeList li {
	background: url(/images/icon_list_earthquake.gif) no-repeat left 6px;
	padding-left: 1em;
}

.earthquakeList li li {
	margin-left: 1em;
	background-image: none;
	padding-left: 0;
	list-style-type: disc;
}

.earthquakeContentsBox1 {
	margin-top: 1em;
	background: url(/images/bg_contents_M.gif) repeat-y left top;
	width: 620px;
}

.earthquakeContentsBox1 .frmT,
.earthquakeContentsBox1 .frmB {
	height: 9px;
	font-size: 0;
}

.earthquakeContentsBox1 .frmT {
	background: url(/images/bg_contents_T.gif) no-repeat left top;
	padding-top: 10px;
}

.earthquakeContentsBox1 .frmB {
	background: url(/images/bg_contents_B.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

.earthquakeContentsBox1 .inner,
.earthquakeContentsBox1 .inner2,
.earthquakeContentsBox1 .inner2last {
	margin: 0 20px;
	width: 580px;
}

.earthquakeContentsBox1 .inner2 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #c2c7cb;
	padding-bottom: 10px;
}

.earthquakeContentsBox1 .inner2last {
	padding-bottom: 10px;
}

.earthquakeContentsBox1 .inner .detail,
.earthquakeContentsBox1 .inner2 .detail,
.earthquakeContentsBox1 .inner2last .detail {
	float: left;
	width: 420px;
}

.earthquakeContentsBox1 .inner p.pic,
.earthquakeContentsBox1 .inner2 p.pic,
.earthquakeContentsBox1 .inner2last p.pic {
	float: right;
	width: 150px;
	text-align: right;
}

.earthquakeContentsBox2 {
	width: 620px;
}

.earthquakeContentsBox2 .boxL,
.earthquakeContentsBox2 .boxR {
	float: left;
	padding-bottom: 15px;
	width: 305px;
}

.earthquakeContentsBox2 .boxL {
	margin-right: 10px;
}

.earthquakeContentsBox2 p.pic {
	float: left;
	margin-right: 10px;
	width: 127px;
}

.earthquakeContentsBox2 ul.listMenu {
	float: left;
	width: 168px;
}


/* earthquake top Style
---------------------------------------------------- */
.topBox1 p.pic {
	float: right;
	margin-left: 30px;
}

.topBox1 p.detail {
	padding-top: 50px;
}

.topBox2 {
	margin-top: 20px;
	border: 1px solid #e0ddd4;
	background-color: #fdf7d7;
	padding: 8px 10px;
	width: 598px;
}

.topBox2 dl {
	width: 598px;
}

.topBox2 dl dt {
	float: left;
	margin-right: 14px;
	width: 96px;
}

.topBox2 dl dd {
	float: left;
	width: 488px;
}

.topBox3 {
	border: 2px solid #d8bd00;
	background-color: #fdf7d7;
	padding: 10px;
	width: 596px;
}

#mainContents p.arrow {
	margin-top: 4px;
	text-align: center;
}


/* apparatus Style
---------------------------------------------------- */
.apparatusBox1,
.apparatusBox2,
.apparatusBox3 {
	width: 620px;
}

.apparatusBox1 p.detail,
.apparatusBox2 p.detail,
.apparatusBox3 .boxL {
	margin-right: 10px;
	float: left;
}

.apparatusBox1 p.pic img,
.apparatusBox2 p.pic img,
.apparatusBox3 p img {
	border: 1px solid #333333;
}

.apparatusBox1 p.pic,
.apparatusBox2 p.pic,
.apparatusBox3 .boxR {
	float: left;
}

.apparatusBox1 p.detail {
	width: 432px;
}

.apparatusBox2 p.detail {
	width: 305px;
}

.apparatusBox1 p.pic {
	width: 178px;
}

.apparatusBox2 p.pic {
	width: 305px;
}

.apparatusBox3 .boxL,
.apparatusBox3 .boxR {
	width: 305px;
}


/* qa Style
---------------------------------------------------- */
.qaArea dl {
	margin: 8px 7px 0;
	border-bottom: 1px dotted #c2c7cb;
	width: 606px;
}

.qaArea dl dt {
	background: url(/images/icon_qa_q.gif) no-repeat left top;
	padding: 0 0 10px 28px;
}

.qaArea dl dd {
	background: url(/images/icon_qa_a.gif) no-repeat left top;
	padding: 0 0 10px 28px;
}


/* price Style
---------------------------------------------------- */
#price.mainBox table td {
	text-align: center;
}

#price.mainBox table td.color1 {
	width: 300px;
	text-align: left;
}


/* link Style
---------------------------------------------------- */
.earthLinkBox {
	background: url(/earthquake/images/bg_link.gif) no-repeat right bottom;
	padding-bottom: 93px;
	width: 620px;
}

.earthLinkBox .boxL {
	float: left;
	width: 304px;
}

.earthLinkBox .boxR {
	float: right;
	width: 304px;
}

.earthLinkBox ul.listMenu li {
	margin-bottom: 15px;
}

.earthLinkBox ul.listMenu li img {
	vertical-align: middle;
	margin-left: 5px;
}


/* knowledge Style
---------------------------------------------------- */
.knowledgeMenu {
	margin: 0 1px 30px;
	border: 1px solid #c2c7cb;
	background-color: #f9fafc;
	padding: 0 5px 8px;
	width: 606px;
}

.knowledgeMenu dl,
.knowledgeMenu dl.last {
	padding :8px 0 6px;
	width: 606px;
}

.knowledgeMenu dl {
	border-bottom: 1px dotted #616161;
}

.knowledgeMenu dl.last {
	border: none;
	padding-bottom :0;
}

.knowledgeMenu dt {
	float: left;
	width: 130px;
}

.knowledgeMenu dd {
	float: left;
	width: 476px;
}

.knowledgeMenu ul.listMenu {
	padding: 0;
}

.knowledgeMenu ul.listMenu li {
	display: inline;
	margin-right: 24px;
}	

.knowledgeTaisin {
	clear: both;
	padding-top: 15px;
}

dl.knowledgeTimeList {
	width: 580px;
}

dl.knowledgeTimeList dt {
	float: left;
	width: 130px;
	font-weight: bold;
}

dl.knowledgeTimeList dd {
	float: left;
	width: 450px;
}

dl.knowledgeTimeList dd strong {
	color: #b88600;
}

dl.knowledgeTimeList dd p {
	font-size: 100%;
	margin-bottom: 5px;
}


/* movie window Style
---------------------------------------------------- */
#layout3 #miniBox #miniMain {
	text-align: center;
	padding-top: 0;
}