@charset "shift_jis";

/* --------------------------------------------------------
imgArea style
-------------------------------------------------------- */
div#imgArea {
	position: relative;
	width: 798px;
	height: 505px;
	background: url(../images/img_topbg_2010.jpg) left 22px no-repeat transparent;
	overflow: hidden;
}

/* --------------------------------------------------------
header style
-------------------------------------------------------- */
#header p{
	padding: 0 15px;
}

/* --------------------------------------------------------
content style
-------------------------------------------------------- */

/* -----------------------------------------/* main navi */
div#imgArea h3,div#imgArea ul li {
	position: absolute;
}

div#imgArea h3 a,div#imgArea ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

div#imgArea h3 a:hover,div#imgArea ul li a:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #fff;
}

h3#btn_01 {
	width: 157px;
	height: 16px;
	left: 94px;
	top: 419px;
}

h3#btn_01 a {
	width: 157px;
	height: 15px;
}

h3#btn_05 {
	width: 142px;
	height: 16px;
	left: 375px;
	top: 419px;
}

h3#btn_05 a {
	width: 142px;
	height: 16px;
}

h3#btn_08 {
	width: 112px;
	height: 16px;
	left: 568px;
	top: 419px;
}

h3#btn_08 a {
	width: 112px;
	height: 16px;
}

li#btn_02 {
	width: 235px;
	height: 12px;
	left: 94px;
	top: 446px;
}

li#btn_02 a {
	width: 235px;
	height: 12px;
}

li#btn_03 {
	width: 195px;
	height: 12px;
	left: 94px;
	top: 463px;
}

li#btn_03 a {
	width: 195px;
	height: 12px;
}

li#btn_04 {
	width: 122px;
	height: 12px;
	left: 94px;
	top: 480px;
}

li#btn_04 a {
	width: 122px;
	height: 12px;
}

li#btn_06 {
	width: 73px;
	height: 12px;
	left: 375px;
	top: 446px;
}

li#btn_06 a {
	width: 73px;
	height: 12px;
}

li#btn_07 {
	width: 95px;
	height: 12px;
	left: 375px;
	top: 463px;
}

li#btn_07 a {
	width: 95px;
	height: 12px;
}

li#btn_09 {
	width: 142px;
	height: 12px;
	left: 568px;
	top: 446px;
}

li#btn_09 a {
	width: 142px;
	height: 12px;
}

li#btn_10 {
	width: 108px;
	height: 12px;
	left: 568px;
	top: 463px;
}

li#btn_10 a {
	width: 108px;
	height: 12px;
}

li#btn_11 {
	width: 122px;
	height: 12px;
	left: 568px;
	top: 480px;
}

li#btn_11 a {
	width: 122px;
	height: 12px;
}

/* --------------------------------------------/* banner */
/*#banner{
	position: relative;
	float:left;
	width:374px;
	height:160px;
	margin:23px 0 20px;
	background: url(../images/banner.jpg) left top no-repeat;
}*/

#banner {
	clear: both;
	width:700px;
	height:200px;
	margin: 40px auto 0;
	padding-bottom: 20px;
}

#banner div {
	width:340px;
	height: 80px;
	margin-bottom: 20px;
}

.bnrL {
	float: left;
}

.bnrR {
	float: right;
}

#contentArea p {
	width: 700px;
	margin: 20px auto 0;
	font-size:10px;
	line-height: 1.5;
	letter-spacing: 2px;
	color:#231815;
}

#attention {
	width: 700px;
	margin: 45px auto 0;
	padding-bottom: 30px;
}

*html #attention img {
	display: block;
}

#attention p {
	position: relative;
	width: auto !important;
	width: 100%;
	padding: 15px 12px 25px;
	margin: 0;
	font-size:12px;
	line-height: 1.4;
	letter-spacing: 1px;
	color:#E60012;
	text-align: left;
	border: solid 3px #E60012;
	border-top: none;
}

#attention p span {
	display: block;
	position: absolute;
	width: 37px;
	height: 14px;
	right: 12px;
	bottom: 10px;
}

#banner p {
	position: absolute;
	width:90px;
	height:12px;
	right: 0;
	top: 155px;
}

#banner p a {
	display: block;
	width: 90px;
	height: 12px;
}

#banner p a:hover {
	padding-bottom: 1px;
	border-bottom: 1px solid #00889c;
}



/* ----------------------------------------------/* info */
#info{
	padding:29px 0 20px;
	float:right;
	width:403px;
}

#info h3{
	background:url(../images/ind_h3_001.gif) left top no-repeat;
	height:25px;
	border-bottom: 1px solid #eee;
}

#info dl{
	margin:9px 0 9px;
	border-bottom: 1px solid #eee;
}

#info dt{
	display:block;
	width:50px;
	float:left;
}

#info dd{
	padding:0 0 9px;
	margin:0 0 0 60px;
	width:300px;
	text-align:left;
}

#info ul{
	list-style:none;
	margin:16px 0 0 193px;
}

#info li{
	float:left;
	margin:0 20px 0 0;
	display:block
}

#info li#request{
	background:url(../images/ind_li_001.gif) left top no-repeat;
	height:12px;
	width:63px;
}

#info li#contact{
	background:url(../images/ind_li_002.gif) left top no-repeat;
	height:12px;
	width:87px;
}

#info li a{
	display:block;
	margin:0 0 0 10px;
	height:12px;
}

#info li#request a{
	width:53px;
}

#info li#contact a{
	width:77px;
}

/* ----------------------------------------------/* info2 */
#info02{
	float:right;
	width:403px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	font-size: 10px;
	font-weight: normal;
}


#info02 dt{
	display:block;
	width:50px;
	float:left;
}

#info02 dd{
	padding:0 0 9px;
	margin:20px 0 0 60px;
	width:300px;
	text-align:left;
}

#info02 ul{
	list-style:none;
	margin:20px 0 0 193px;
}

#info02 li{
	float:left;
	margin:0 0 0 0;
	display:block
}

#info02 li#request{
	background:url(../images/ind_li_001.gif) left top no-repeat;
	height:12px;
	width:63px;
}

#info02 li#contact{
	background:url(../images/ind_li_002.gif) left top no-repeat;
	height:12px;
	width:87px;
}

#info02 li a{
	display:block;
	margin:0 0 0 10px;
	height:12px;
}

#info02 li#request a{
	width:53px;
}

#info02 li#contact a{
	width:77px;
}

.info03{
	width: 137px;
	float: left;
	height: 50px;
	clear: left;
}

#info03.td01{
	width:135px;
	background-image: url(../images/exuviance_seal.gif);
	background-repeat: no-repeat;
	display: block;
	height: 87px;
}

#info03.td02{
	width:135px;
	height: auto;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	text-indent: 5px;
}

/* ----------------------------------------------/* footer */

/*
#top #footer{
    position:absolute;
    top:79%;
	_top:81%;
	height:65px;
	padding:50px 0 0;
	z-index:1;
}
*/
	
/* --------------------------------------------------------
display none
-------------------------------------------------------- */
h1,
h2,
#header p span,
h3 span,
h4 span,
#main_navi a span,
#banner p span,
#info h3 span,
#info h4 span,
#info li a span{
	display: none;
}

/* --------------------------------------------------------
font
-------------------------------------------------------- */

/* ----------------------------------------------/* size */

body,
p,
h4,
#main_navi,
#info{
	font-size: 10px;
}

/* ---------------------------------------------/* color */

body,
p{
	color:#666;
}

#login{
	color:#C2CFCD;
}

#login a{
	color:#C2CFCD;
}

#info dd a{
	color:#007768;
}

/* 20100819’ljÁ ---------------------------------*/
.innerBox {
	position: relative;
	clear: both;
	width: 700px;
	margin: 50px auto 0;
	text-align: left;
}

.innerBox h2 {
	display:block;
	padding-bottom: 20px;
}

#contentArea .innerBox p {
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height: 1.5;
	letter-spacing: 0;
	color:#231815;
}

#readImg {
	display: block;
	margin-top: 20px;
	padding-bottom: 20px;
}

.btnInq {
	display: block;
	margin-top: 25px;
	padding-bottom: 5px;
}

.txtRed {color: #E60012;}

#rightBox {
	float: right;
	width: 189px;
	height: 240px;
	margin-top: -20px;
}

#contentArea .innerBox p.short {width: 508px;}

#contentArea .innerBox #attTxt {
	display: block;
	width: 508px;
	margin-top: 20px;
	padding-bottom: 65px;
}

#contentArea .innerBox #attTxt p {
	width: 508px;
	padding-left: 12px;
	text-indent: -12px;
	color: #E60012;
}