 @import url("system.css");
/* common style ------------------------------------------------------- */

* {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, Arial;
}
body {
	margin:0;
	top:0;
	left:0;
	background-color:#FFF;
	font-size:12px;
}
.clear {
	clear:both;
}
a:link {
	color: #3333CC;
	text-decoration: none
}
a:visited {
	color: #6666CC;
	text-decoration: none
}
a:hover {
	color: #CC0000;
	text-decoration: none
}
a:active {
	color: #333399
}
.pannavi {
	margin-bottom:15px;
}
.alC {
	text-align:center;
}
.alR {
	text-align:right;
}
.alL {
	text-align:left;
}
.imgR { float:right; margin-left:15px; }
/* font */

p {
	line-height:150%;
	font-size:12px;
	margin:15px 0;
}
.d4 {
	font-size: 14px;
	line-height: 145%;
}
.d3 {
	font-size: 12px;
	line-height: 145%;
}
.green {
	color:#009966;
}
.greenB {
	color:#009966;
	font-weight:bold;
}
.rgreen {
	color:#80AA00;
}
.rgreenB {
	color:#80AA00;
	font-weight:bold;
}
.blue {
	color:#0F37B6;
}
.blueB {
	color:#0F37B6;
	font-weight:bold;
}
.red {
	color:#CC0033;
}
.redB {
	color:#CC0033;
	font-weight:bold;
}
.purple {
	color:#AD3A84;
}
.purpleB {
	color:#AD3A84;
	font-weight:bold;
}
.orange {
	color:#FF6600;
}
.orangeB {
	color:#FF6600;
	font-weight:bold;
}
/* margin */

.mgnB15 {
	margin-bottom:15px;
}
.mgnB20 {
	margin-bottom:20px;
}
.mgnB40 {
	margin-bottom:40px;
}
.mgnT15 {
	margin-top:15px;
}
.mgnT5 {
	margin-top:5px;
}
/* base layout ------------------------------------------------------- */

#wapper_all {
	background: url(../images/header_bg.jpg) repeat-x #FBF8EC;
	border-bottom:5px solid #FD698E;
}
#wapper_body {
	width:890px;
	background:url(../images/navi_bg.jpg) repeat-y;
}
#LeftNavi {
	float:left;
	width:220px;
}
#RightContents {
	float:right;
	width:670px;
}
/* right head ------------------------------------------------------- */

.seo {
	color:#FFF;
	text-align:right;
	padding:0px 5px 0;
	margin-bottom:117px;
}
.HeadNavi {
	background:url(../images/snavi_bg.jpg) repeat-x;
	text-align:right;
}
/* footer ----------------------------------------------------------- */

#footer {
	margin-top:5px;
	color:#999;
	width:890px;
}
#footer .fnavi {
	width:280px;
	float:left;
	margin-left:5px;
}
#footer .copyright {
	width:590px;
	float:right;
}
/* left navigation -------------------------------------------------- */

.logo a {
	background:url(../images/navi_logo.jpg) no-repeat;
	width:220px;
	height:132px;
	display:block;
	text-indent:-999px;
}
#LeftNavi ul, #LeftNavi li {
	list-style:none;
	margin:0;
	padding:0;
}
#LeftNavi li.anq {
	padding:15px 0;
	text-align:center;
}
#LeftNavi li.frn {
	padding:15px 0 10px 0;
	text-align:center;
}
#LeftNavi li.scent {
	padding-top:15px;
	text-align:center;
}
#LeftNavi li.alum {
	padding-top:5px;
	text-align:center;
}

#LeftNavi li.faq {
	padding-top:15px;
	text-align:center;
}
#LeftNavi li.voice {
	padding-top:5px;
	text-align:center;
}
#LeftNavi li.cont {
	padding-top:15px;
}
/* right contens ----------------------------------------------------- */

.contents {
	margin:15px 0 15px 10px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h3 {
	border-bottom:2px solid #DC2969;
	margin-bottom:20px;
}
h4 {
	border-left: 5px solid #F2226D;
	padding:2px 5px;
	margin:20px 0;
}
.topLineUp ul {
	margin:0;
	padding:0;
	list-style:none;
}
.topLineUp li {
	float:left;
	width:132px;
	height:92px;
	display:block;
}
.topLineUp li a {
	display:block;
	width:132px;
	height:92px;
	text-indent:-999px;
}
.topLineUp li.coloskin a {
	background:url(../../images/top_lineup_01_off.jpg) 0 0;
}
.topLineUp li.ectem a {
	background:url(../../images/top_lineup_02_off.jpg) 0 0;
}
.topLineUp li.exsiu a {
	background:url(../../images/top_lineup_03_off.jpg) 0 0;
}
.topLineUp li.mongol a {
	background:url(../../images/top_lineup_04_off.jpg) 0 0;
}
.topLineUp li.aroecream a {
	background:url(../../images/top_lineup_05_off.jpg) 0 0;
}
.topLineUp li a:hover {
	background-position:0 92px;
}
.topixNews {
	background-color:#FFF;
	border:1px solid #DC2969;
}
.topixNews ul {
	list-style:none;
	margin:10px 20px;
	padding:0;
}
.topixNews li {
	background:url(../images/icon_sq_brwn.jpg) no-repeat left top;
	margin-bottom:10px;
	padding-left:15px;
	line-height:135%;
}
.AnqBox {
	margin:15px 0;
	background:url(../../images/counsel_bg.jpg) no-repeat;
	padding: 13px 0 10px 230px;
	line-height:150%;
}
.FlaBox {
	margin:0px 0 15px;
	padding: 0px;
	border:1px solid #DC2969;
	height: 228px;
	width: 658px;
}
/* IE6 */

* .AnqBox {
	margin:15px 0;
	background:url(../../images/counsel_bg.jpg) no-repeat;
	padding: 7px 0 13px 230px;
	line-height:150%;
}
.contBox {
	background-color:#FFF;
	border:1px solid #DC2969;
	padding:15px;
}
.contBox table.spec {
	width:100%;
}
.contBox table.spec th {
	border-bottom:1px solid #CCC;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
.contBox table.spec td {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	vertical-align:top;
}
.contBox table.spec ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.contBox table.spec li {
	margin-bottom: 10px;
}
.usenotes ul, .usenotes ol {
	margin:10px 0 0 20px;
	padding:0;
}
.usenotes li {
	margin:0 0 10px 0;
	line-height:135%;
	padding:0;
}
.usenotes ul li {
	margin-bottom:5px;
}
/* enquate -------------- */

table.enqBasic, table.enqItem, table.enqItemDtl {
	background-color:#666;
	width:100%;
}
table.enqBasic th, table.enqBasic td, table.enqItem th, table.enqItem td, table.enqItemDtl th, table.enqItemDtl td {
	padding:5px;
}
table.enqBasic th {
	background-color:#C9C9C9;
	width:15%;
}
table.enqBasic td {
	background-color:#EFEFEF;
}
table.enqItem th {
	background-color:#F791B6;
	width:15%;
}
table.enqItem td.qes {
	background-color:#FCCDDF;
}
table.enqItem td {
	background-color:#FFEEEE;
}
table.enqItemDtl th {
	background-color:#9AC25C;
	width:15%;
}
table.enqItemDtl td.qes {
	background-color:#D3E4BA;
}
table.enqItemDtl td {
	background-color:#F0F7E8;
}


/* sitemap -------------- */
.sitemap {
	float:left;
	width:300px;
	margin-bottom:10px;
	line-height:1.2em;
	font-size:small;
}

.sitemap div.title {
	border-left:3px solid #F2226D;
	border-bottom:1px dotted #F2226D;
}

.sitemap div.title {
	padding:2px 0 2px 5px;
	margin-bottom:10px;
	font-weight:bold;
}

.mgnL20 { margin-left:20px; }

.sitemap div.list ul {
	margin: 10px 10px 5px 20px;
	padding: 0px;
}


/* FAQ -------------- */

.faqlist ul {
	list-style:none;
	margin: 10px 10px 5px 20px;
	padding: 0px 0px 15px;
}


.faqlist li.q {
	line-height:1.4em;
	padding:5px 10px 5px 35px;
	margin-bottom:5px;
	background-image: url(../images/icon_faq_q.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.faqlist li.a {
	line-height:1.4em;
	padding:5px 10px 5px 35px;
	margin-bottom:5px;
	background-image: url(../images/icon_faq_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


/* User Voice -------------- */

#voicelist ul {
	list-style:none;
	margin: 10px 10px 5px 20px;
	padding: 0px 0px 15px;
}


#voicelist li {
	line-height:1.4em;
	padding:5px 10px 5px 35px;
	margin-bottom:5px;
	background-image: url(../images/icon_voice.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


/* Questionnaire -------------- */

.enq_q3L {
	float:left;
	width: 65px;
}

.enq_q3R {
	float:left;
	width: 423px;
	padding-left: 7px;
	margin-bottom: 5px;
}
.w20 { width:20px; }
.w40 { width:40px; }
