@charset "utf-8";

@import url(common.css);


/* -------------------------------------------------------------------
 index
------------------------------------------------------------------- */

/* 背景 --------------------*/

body.index div#wrap {
	background: url(../../img/wrap_bg.gif) repeat-y;
}

body.index div#wrap div#wrap-inner {
	background: url(../../img/wrap_bg_btm.gif) no-repeat left bottom;
}

/* ヘッダナビ --------------------*/

div#hd-inner h1 {
	position: absolute;
	top: -500px;
	left: 10px;
	width: 132px;
	padding-left: 0px;
	background: #FFFFFF;
}

div#hd-inner h1 img {
	margin: 3px 16px 1px 16px;
}

div.index div#hd-inner div#hd-navi01 {
	top: -500px;
}

div.index div#hd-inner div#hd-navi02 {
	top: -455px;
}


/* ヘッダメニュー --------------------*/

div#hd-inner {
	z-index: 10;
}

div#hd-navi02,
div#hd-navi01 {
	z-index: 15;
}

#hd object {
	position: relative;
	width: 780px; 
	z-index: 0;
}


/* フラッシュ下のボタン --------------------*/

div.index ul.flash-btm-button {
}

div.index ul.flash-btm-button:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.index ul.flash-btm-button { display:inline-block; }
/*\*/
* html div.index ul.flash-btm-button { height:1%; }
div.index ul.flash-btm-button { display:block; }
/**/

div.index ul.flash-btm-button li {
	float: left;
	height: 63px;
	text-indent: -9999px;
}

div.index ul.flash-btm-button li.btn01,
div.index ul.flash-btm-button li.btn01 a {
	width: 244px;
	background: url(../../img/main_button01.gif) no-repeat;
}

div.index ul.flash-btm-button li.btn02,
div.index ul.flash-btm-button li.btn02 a {
	width: 325px;
	background: url(../../img/main_button02.gif) no-repeat
}

div.index ul.flash-btm-button li.btn03,
div.index ul.flash-btm-button li.btn03 a {
	width: 211px;
	background: url(../../img/main_button03.gif) no-repeat;
}

/* ロールオーバー */

div.index ul.flash-btm-button li a {
	display: block;
	width: 100%;
	height: 100%;
}

div.index ul.flash-btm-button li a:hover { background-position: left bottom; }

/* コンテンツ --------------------*/

/* 枠 */

body.index div#wrap div#wrap-inner div#ct-area {
	padding-bottom: 35px;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-left {
	float: left;
	width: 244px;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-right {
	float: right;
	width: 536px;
}

/* 左コンテンツ */

body.index div#wrap div#wrap-inner div#ct-area div#ct-left h2 {
	margin-bottom: 9px;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-left p {
	margin-top: 11px;
}

body.index #prodmenu {
	position: relative;
	width: 201px;
	display: none;
	background: #E4EBF1;
}

body.index #prodmenu .prodin {
	position: absolute;
	top: 0px;
	left: 22px;
	width: 201px;
	background: #E4EBF1;
}

body.index #prodmenu .prodin ul {
	padding: 0px;
}

body.index #prodmenu li {
	width: 200px;
	background: none;
	border: none;
	text-align: center;
	line-height: 1.5;
}

* html body.index #prodmenu li {
	vertical-align: bottom;
}

body.index #prodmenu li a {
	margin: 0px;
	vertical-align: top;
}

/* 右コンテンツ */

div#ct-area div#ct-right div.button-box {
	margin: 20px 14px 0px 19px;
}

div#ct-area div#ct-right div.button-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ct-area div#ct-right div.button-box { display:inline-block; }
/*\*/
* html div#ct-area div#ct-right div.button-box { height:1%; }
div#ct-area div#ct-right div.button-box { display:block; }
/**/

div#ct-area div#ct-right div.button-box div.b-box {
	float: left;
	width: 242px;
}

div#ct-area div#ct-right div.button-box div.b-box p {
	width: 242px;
	padding-bottom:7px;
}

div#ct-area div#ct-right div.button-box div.b-box p.last{
	padding-bottom:12px;
	}

div#ct-area div#ct-right div.button-box div.b-box p a span {
	display: block;
	width: 242px;
	text-align:center;
	font-size: 12px;
	line-height: 2.0;
}

div#ct-area div#ct-right div.button-box div.map {
	float: right;
	width: 244px;
	font-size: 12px;
}

div#ct-area div#ct-right div.button-box div.map p {
	width: 244px;
	text-align:center;
	line-height: 2.0;
}

div#ct-area div#ct-right div.button-box div.map p a {
	display: block;
	width: 244px;
	padding-top: 184px;
	background: url(../../img/map_img.gif) no-repeat top left;
	font-weight: bold;
}

div#ct-area div#ct-right div.button-box div.map p a:hover {
	background-position: top right;
}

div#ct-area div#ct-right div.button-box div.map p a span {
	display: none;
}




div#ct-area div#ct-right div.button-box div.map ul li span{
	display: block;
	width: 242px;
	text-align:center;
	font-size: 12px;
	line-height: 1.5;
}

/* What's New */

div.what-new {
	position: relative;
	width: 536px;
	margin-top: 1px;
	background: url(../../img/title03.gif) no-repeat top left;
}

div.what-new h2 {
	width: 536px;
	height: 31px;
	background: url(../../img/title03.gif) no-repeat top left;
}

div.what-new h2 span {
	display: block;
	width: 20px;
	text-indent: -9999px;
}

div.what-new p {
	position: absolute;
	top: 11px;
	left: 112px;
	color: #FFFFFF;
	font-size: 10px;
}

div.what-new a {
	position: absolute;
	width: 28px;
	top: 12px;
	right: 15px;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new {
	margin: 10px 0px 0px 19px;
	color: #333333;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li {
	width: 477px;
	margin: 0px;
	background: #FFFFFF url(../img/line_dot01.gif) repeat-x left bottom;
	font-size: 12px;
	line-height: 1.7;
	/*\*/vertical-align: bottom;/**/	
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li { display:inline-block; }
/*\*/
* html body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li { height:1%; }
body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li { display:block; }
/**/

body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li span {
	display: block;
	float: left;
	width: 83px;
	padding: 4px 0px 5px 0px;
	font-weight: bold;
}

body.index div#wrap div#wrap-inner div#ct-area div#ct-right ul.what-new li a {
	display: block;
	float: left;
	width: 394px;
	padding: 4px 0px 5px 0px;
}