@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　Indexのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
レイアウト枠
--------------------------------------------------------------------------------------- */

div#ctArea {
width: 760px;
min-height: 290px;
margin: 0 0 0 30px;
background: none;
}
* html div#ctArea {
height: 290px;
}

/* TOPレイアウト ------------------------------ */

div#ctAreaTop {
width: 790px;
min-height: 390px;
padding: 25px 0 25px 0;
margin: 0 0 0 15px;
background: none;
}
* html div#ctAreaTop {
position: relative;
height: 390px;
}

div#ctAreaTop div#rightBox {
	width: 370px;
	background: #f0eee7;
	margin: 0 0 10px 0;
}

div#ctAreaTop div#rightBox h2 {
	position: relative;
	height: 31px;
}

div#ctAreaTop div#rightBox h2 a {
	display: block;
	position: absolute;
	top: -20px;
}

div#ctAreaTop div#rightBoxIn {
	width: 368px;
	background: #f0eee7;
	border: 1px #cccccc solid;
}

div#ctAreaTop div#rightBoxIn dl {
	background: url(../image/top/dot_technology.gif) repeat-x left bottom;
	padding: 0 0 3px 0;
}

div#ctAreaTop div#rightBoxIn dl.none {
	background: none;
	padding: 0 0 0 0;
}

div#ctAreaTop div#rightBoxIn dl dt {
	float: left;
}

div#ctAreaTop div#rightBoxIn dl dd {
	float: right;
	font-size: 86%;
	color: #666666;
	padding: 3px 0 0 0;
	width: 230px;
}

div#ctAreaTop div#right {
	width: 370px;
	float: right;
}

div#ctAreaTop div#right div.bnr p {
	margin: 0 0 10px 0;
}

div#ctAreaTop div#left {
	float: left;
	width: 390px;
}

div#ctAreaTop div#left dl {
width: 388px;
margin: 0 0 8px 0;
padding: 0 0 8px 0;
background: url(../image/top/dot.gif) repeat-x left bottom;
}

div#ctAreaTop div#left dl dt {
	float: left;
	margin: 0 5px 0 0;
}

div#ctAreaTop div#left dl dt img,
div#ctAreaTop div#left dl dd img {
	vertical-align: middle;
}

* html div#ctAreaTop div#left dl dt img,
* html div#ctAreaTop div#left dl dd img {
	vertical-align: top;
}

div#ctAreaTop div#left dl dd {
float: left;
width: 320px;
}

div#ctAreaTop div#left dl dd strong {
	display: block;
	color: #999999;
	font-size: 86%;
}

div#pageAreaTop {
width: 100%;
margin: 0 auto;
background: url(../image/top/bg_page_area.gif) repeat-x;
text-align: left;
}

div#pageAreaTopIn {
width: 820px;
margin: 0 auto;
}

div#flashArea {
	width: 100%;
	background: #4387DF url(../image/top/bg_flash_area.gif) repeat-x 0 0px;
	text-align: left;
	padding: 0;
}

div#flashAreaBg {
	width: 100%;
	margin: 0 auto;
	background: url(../image/top/bg_top_promo0.jpg) no-repeat center 5px;
}

div#flashAreaIn {
	width: 834px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: url(../image/top/bg_flash_area_in.gif) no-repeat center 0px;
}

div#pageAreaTop_bg {
width: 834px;
margin: 0 auto;
text-align: left;
background: url(../image/top/bg_ct.png) no-repeat;
}
* html div#pageAreaTop_bg{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

div#pageAreaTopIn {
	width: 820px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: #ffffff;
}

.message {
	margin: 10px auto 5px auto;
	width: 800px;
}