@charset "utf-8";

body {
	background:url(../img/background_rep.gif);
}


/* ========================================================================================================== *
	 Image Area
 * ========================================================================================================== */

#image-area {
	background:url(../../img/bg_swf.jpg) no-repeat 0 0;
}

.swf {
	height:350px;
}



/* ========================================================================================================== *
	 Side Area
 * ========================================================================================================== */

#side-area marquee {
	width:236px;
	background:url(../../img/bg_telop.gif) repeat-x 0 0;
	color:#ff0;
	font-size:1.2em;
	line-height:20px;
}

#side-area .hmcm {
	margin-top:10px;
	height:177px;
}



/* ========================================================================================================== *
	 Contents Area
 * ========================================================================================================== */

#contents-toparea #item-info {
	margin-top:10px;
	background:url(../../img/box_contents_660open.gif) no-repeat 0 0;
}

#contents-toparea #item-info .mainMenu {
	height:110px;
	text-align:center;
	padding:6px 15px 0;
	background-color:#fff;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#contents-toparea #item-info .mainMenu .devices {
	float:left;
	width:310px;
}

#contents-toparea #item-info .mainMenu .care {
	float:right;
	width:310px;
}

#contents-toparea #item-info .mainMenu .nova {
	float:left;
	width:310px;
}

#contents-toparea #item-info .mainMenu .fbj {
	float:right;
	width:310px;
}

#contents-toparea #item-info .title {
	padding:15px 15px 0 15px;
	color:#d30052;
	font-size:1.2em;
	font-weight:bold;
}

#contents-toparea #item-info .word {
	padding:6px 15px 0;
	background-color:#fff;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#contents-toparea #contents-section {
	margin-top:10px;
	background:url(../../img/box_contents_660open.gif) no-repeat 0 0;
}

#contents-toparea #about-box {
	text-align:left;
	padding:6px 10px;
	background-color:#fff;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

#contents-toparea #about-box .inner {
	margin:5px 5px 0;
	position:relative;
}

#contents-toparea #about-box .inner .image {
	position:relative;
	top:0;
	left:0;
}

#contents-toparea #about-box .inner .title {
	position:absolute;
	right:0; top:0;
	width:163px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 10px;
}

#contents-toparea #about-box .inner .title span {
	display:block;
	font-weight:normal;
	font-size:0.9em;
}

#contents-toparea #about-box .inner .word {
	position:absolute;
	right:0; top:5px;
	width:445px;
	text-align:left;
}

#contents-toparea #about-box .inner .detail {
	position:absolute;
	right:0; bottom:0;
}

#contents-toparea .subcontents .box {
	float:left;
	padding:0 15px;
	text-align:center;
	height:250px;
	background:url(../../img/box_subcontents.gif) no-repeat 0 0;
}

#contents-toparea .subcontents .box .image {
	padding-top:15px;
}

#contents-toparea .subcontents .box .title {
	margin-top:10px;
	font-weight:bold;
	font-size:1.2em;
}

#contents-toparea .subcontents .box .title span {
	display:block;
	font-weight:normal;
	color:#4d4d4d;
	font-size:0.9em;
}

