

/*  Base Setting
====================================================*/

* {
    margin: 0px;
    padding: 0px;
 }
 
body {
    background: #e1e1e1;
	color: #888;
/* \*/
	font-size: 0.75em !important;
	font-size: 12px;
/* */
/*\*//*/
	font-size: 0.75em;
/**/
	font-family:  "lr oSVbN", "qMmpS Pro W3", Osaka;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;*/
	line-height: 17px;
}

html[xmlns*=""] body:last-child * { font-size: 11px; }


ul {
    list-style: none;
	margin :0px;
	padding: 0px;
}

li {
    list-style:none;
	margin :0px;
	padding: 0px;
}

a {
	color: #14536D;
	text-decoration: none;
}

a:hover {
    color: #4393B4;
	text-decoration: underline;
} 

img { border: none; }

/*

img { 
    border: 0px;
    behavior: url(pngHack.htc);
}

*/

@media print{.NOPRINT{DISPLAY:none}}



/*  clearFix
====================================================*/
 
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix { display: inline-block; } /* IE7 */

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */ 


/*  wrapper
====================================================*/

#wrapper {

     width: 815px;
     margin: 0px auto;

	 /*border-right: 1px #CFCFCF solid;*/
}

#bg {
    float: left;
	width: 815px;
	background: url(../common/bg.jpg) repeat-y;
}

/*  header
====================================================*/
#header {
    width: 800px;
}

#top_header {
    width: 815px;
	float: left;
	background: url(../common/top_header_bg.jpg) no-repeat;
	padding-left: 23px;
	margin-bottom: 20px;
}

#top_header .fla{ 
    width: 768px;
	border-bottom: 1px solid #e1e1e1;
}



/*  mainContents
====================================================*/

#mainContents {
    width: 768px;
    float: left;
	margin-bottom: 20px;
	padding-left: 23px;
}

#content {
    padding: 0px 15px;
	margin-bottom: 35px;
	_margin-bottom: 20px;
	width: 738px;
}


/*  root
====================================================*/

#root {
    float: left;
	margin-bottom: 15px;
}
#root ul { float: left; }
#root li{
    float: left;
	display: block;
}
#root .allow { 
    margin:0px 5px;
	position: relative;
	top: -2px;
	_top: 0px;
}

html[xmlns*=""] body:last-child #root .allow { 
    margin:0px 5px;
	position: relative;
	top: -2px;
}


#root .top a,
#root .top a:hover { 
    float: left;
	width: 34px;
	height: 14px;
	text-indent: -9999px;
	}
#root .top a { background: url(../common/root_top.gif) no-repeat; }
#root .top a:hover { background: url(../common/root_top_over.gif) no-repeat; }

#root .pcm a,
#root .pcm a:hover,
#root .pcmFocus { 
    float: left;
	width: 56px;
	height: 14px;
	text-indent: -9999px;
	}
#root .pcm a { background: url(../common/root_pcm.gif) no-repeat; }
#root .pcm a:hover { background: url(../common/root_pcm_over.gif) no-repeat; }
#root .pcmFocus { background: url(../common/root_pcm_over.gif) no-repeat; }


#root .fujita a,
#root .fujita a:hover,
#root .fujitaFocus { 
    float: left;
	width: 92px;
	height: 14px;
	text-indent: -9999px;
	}
#root .fujita a { background: url(../common/root_fujita.gif) no-repeat; }
#root .fujita a:hover { background: url(../common/root_fujita_over.gif) no-repeat; }
#root .fujitaFocus { background: url(../common/root_fujita_over.gif) no-repeat; }


#root .skill a,
#root .skill a:hover,
#root .skillFocus { 
    float: left;
	width: 69px;
	height: 13px;
	text-indent: -9999px;
	}
#root .skill a { background: url(../common/root_skill.gif) no-repeat; }
#root .skill a:hover { background: url(../common/root_skill_over.gif) no-repeat; }
#root .skillFocus { background: url(../common/root_skill_over.gif) no-repeat; }


#root .care a,
#root .care a:hover,
#root .careFocus { 
    float: left;
	width: 57px;
	height: 14px;
	text-indent: -9999px;
	}
#root .care a { background: url(../common/root_care.gif) no-repeat; }
#root .care a:hover { background: url(../common/root_care_over.gif) no-repeat; }
#root .careFocus { background: url(../common/root_care_over.gif) no-repeat; }



#root .bodyup a,
#root .bodyup a:hover,
#root .bodyupFocus { 
    float: left;
	width: 67px;
	height: 13px;
	text-indent: -9999px;
	}
#root .bodyup a { background: url(../common/root_bodyup.gif) no-repeat; }
#root .bodyup a:hover { background: url(../common/root_bodyup_over.gif) no-repeat; }
#root .bodyupFocus { background: url(../common/root_bodyup_over.gif) no-repeat; }




#root .buy a,
#root .buy a:hover,
#root .buyFocus { 
    float: left;
	width: 48px;
	height: 14px;
	text-indent: -9999px;
	}
#root .buy a { background: url(../common/root_buy.gif) no-repeat; }
#root .buy a:hover { background: url(../common/root_buy_over.gif) no-repeat; }
#root .buyFocus { background: url(../common/root_buy_over.gif) no-repeat; }



#root .buy_top a,
#root .buy_top a:hover,
#root .buy_topFocus { 
    float: left;
	width: 48px;
	height: 14px;
	text-indent: -9999px;
	}
#root .buy_top a { background: url(../common/root_buytop.gif) no-repeat; }
#root .buy_top a:hover { background: url(../common/root_buytop_over.gif) no-repeat; }
#root .buy_topFocus { background: url(../common/root_buytop_over.gif) no-repeat; }


#root .buy_lineup a,
#root .buy_lineup a:hover,
#root .buy_lineupFocus { 
    float: left;
	width: 48px;
	height: 14px;
	text-indent: -9999px;
	}
#root .buy_lineup a { background: url(../common/root_blineup.gif) no-repeat; }
#root .buy_lineup a:hover { background: url(../common/root_blineup_over.gif) no-repeat; }
#root .buy_lineupFocus { background: url(../common/root_blineup_over.gif) no-repeat; }



#root .company a,
#root .company a:hover,
#root .companyFocus { 
    float: left;
	width: 48px;
	height: 14px;
	text-indent: -9999px;
	}
#root .company a { background: url(../common/root_company.gif) no-repeat; }
#root .company a:hover { background: url(../common/root_company_over.gif) no-repeat; }
#root .companyFocus { background: url(../common/root_company_over.gif) no-repeat; }



#root .specific a,
#root .specific a:hover,
#root .specificFocus { 
    float: left;
	width: 136px;
	height: 14px;
	text-indent: -9999px;
	}
#root .specific a { background: url(../common/root_specific.gif) no-repeat; }
#root .specific a:hover { background: url(../common/root_specific_over.gif) no-repeat; }
#root .specificFocus { background: url(../common/root_specific_over.gif) no-repeat; }


#root .privacy a,
#root .privacy a:hover,
#root .privacyFocus { 
    float: left;
	width: 112px;
	height: 14px;
	text-indent: -9999px;
	}
#root .privacy a { background: url(../common/root_privacy.gif) no-repeat; }
#root .privacy a:hover { background: url(../common/root_privacy_over.gif) no-repeat; }
#root .privacyFocus { background: url(../common/root_privacy_over.gif) no-repeat; }


#root .topics a,
#root .topics a:hover,
#root .topicsFocus { 
    float: left;
	width: 60px;
	height: 13px;
	text-indent: -9999px;
	}
#root .topics a { background: url(../common/root_topics.gif) no-repeat; }
#root .topics a:hover { background: url(../common/root_topics_over.gif) no-repeat; }
#root .topicsFocus { background: url(../common/root_topics_over.gif) no-repeat; }


#root .blog a,
#root .blog a:hover,
#root .blogFocus { 
    float: left;
	width: 78px;
	height: 13px;
	text-indent: -9999px;
	}
#root .blog a { background: url(../common/root_blog.gif) no-repeat; }
#root .blog a:hover { background: url(../common/root_blog_over.gif) no-repeat; }
#root .blogFocus { background: url(../common/root_blog_over.gif) no-repeat; }


#root .novelty a,
#root .novelty a:hover,
#root .noveltyFocus { 
    float: left;
	width: 55px;
	height: 13px;
	text-indent: -9999px;
	}
#root .novelty a { background: url(../common/root_novelty.gif) no-repeat; }
#root .novelty a:hover { background: url(../common/root_novelty_over.gif) no-repeat; }
#root .noveltyFocus { background: url(../common/root_novelty_over.gif) no-repeat; }


#root .novelty01 a,
#root .novelty01 a:hover,
#root .novelty01Focus { 
    float: left;
	width: 104px;
	height: 13px;
	text-indent: -9999px;
	}
#root .novelty01 a { background: url(../common/root_novelty01.gif) no-repeat; }
#root .novelty01 a:hover { background: url(../common/root_novelty01_over.gif) no-repeat; }
#root .novelty01Focus { background: url(../common/root_novelty01_over.gif) no-repeat; }


#root .novelty02 a,
#root .novelty02 a:hover,
#root .novelty02Focus { 
    float: left;
	width: 164px;
	height: 13px;
	text-indent: -9999px;
	}
#root .novelty02 a { background: url(../common/root_novelty02.gif) no-repeat; }
#root .novelty02 a:hover { background: url(../common/root_novelty02_over.gif) no-repeat; }
#root .novelty02Focus { background: url(../common/root_novelty02_over.gif) no-repeat; }


#root .novelty03 a,
#root .novelty03 a:hover,
#root .novelty03Focus { 
    float: left;
	width: 208px;
	height: 13px;
	text-indent: -9999px;
	}
#root .novelty03 a { background: url(../common/root_novelty03.gif) no-repeat; }
#root .novelty03 a:hover { background: url(../common/root_novelty03_over.gif) no-repeat; }
#root .novelty03Focus { background: url(../common/root_novelty03_over.gif) no-repeat; }


#root .novelty04 a,
#root .novelty04 a:hover,
#root .novelty04Focus { 
    float: left;
	width: 231px;
	height: 13px;
	text-indent: -9999px;
	}
#root .novelty04 a { background: url(../common/root_novelty04.gif) no-repeat; }
#root .novelty04 a:hover { background: url(../common/root_novelty04_over.gif) no-repeat; }
#root .novelty04Focus { background: url(../common/root_novelty04_over.gif) no-repeat; }


/*@@@buy menu@@@*/

#buy_menu { float: right; }

#buy_menu .list { margin-right: 5px; }
#buy_menu .list a,
#buy_menu .list a:hover,
#buy_menu .listFocus {
    float: left;
	width: 82px;
	height: 16px;
	text-indent: -9999px;
	}
#buy_menu .list a { background: url(../common/list.gif) no-repeat; }
#buy_menu .list a:hover { background: url(../common/list_over.gif) no-repeat; }
#buy_menu .listFocus { background: url(../common/list_over.gif) no-repeat; }


#buy_menu .mypage { margin-right: 5px; }
#buy_menu .mypage a,
#buy_menu .mypage a:hover,
#buy_menu .mypageFocus {
    float: left;
	width: 82px;
	height: 16px;
	text-indent: -9999px;
	}
#buy_menu .mypage a { background: url(../common/mypage.gif) no-repeat; }
#buy_menu .mypage a:hover { background: url(../common/mypage_over.gif) no-repeat; }
#buy_menu .mypageFocus { background: url(../common/mypage_over.gif) no-repeat; }

#buy_menu .cart { display:none; margin-left: 5px; } /*2009/03/02 display:none */
#buy_menu .cart a,
#buy_menu .cart a:hover,
#buy_menu .cartFocus {
    float: left;
	width: 88px;
	height: 16px;
	text-indent: -9999px;
	}
#buy_menu .cart a { background: url(../common/tobuy.gif) no-repeat; }
#buy_menu .cart a:hover { background: url(../common/tobuy_over.gif) no-repeat; }
#buy_menu .cartFocus { background: url(../common/tobuy_over.gif) no-repeat; }

#buy_menu .buy_info { margin-left: 5px; }
#buy_menu .buy_info a,
#buy_menu .buy_info a:hover,
#buy_menu .buy_infoFocus {
    float: left;
	width: 85px;
	height: 16px;
	text-indent: -9999px;
	}
#buy_menu .buy_info a { background: url(../common/buy_info.gif) no-repeat; }
#buy_menu .buy_info a:hover { background: url(../common/buy_info_over.gif) no-repeat; }
#buy_menu .buy_infoFocus { background: url(../common/buy_info_over.gif) no-repeat; }

/*  button
====================================================*/

#buying {
    float: left;
	display: block;
}

#buying a,
#buying a:hover { 
    float: left;
	width: 114px;
	height: 32px;
	text-indent: -9999px;
	}
#buying a { background: url(../common/buying.gif) no-repeat; }
#buying a:hover { background: url(../common/buying_over.gif) no-repeat; }









/*  footer
====================================================*/
#footnavi{
    text-align:right;
	font-size:90%;
	margin:15px 30px 15px 0px;
}


#footer {
	border-top: 1px solid #e1e1e1;
	margin-left: 23px;
	_margin-left: 11px;
	margin-top: 20px;
	padding-top: 15px;
	width: 768px;
	float: left;
}
#footer ul {}
#footer li{ float: left; }
#footer .copy {
	float: left;
    margin-right: 132px
}

#footer .topics a,
#footer .topics a:hover,
#footer .topicsFocus {
    dispary: block;
	text-indent: -9999px;
	float: left;
	width: 65px;
	height: 22px;
	margin-right: 10px;
}
#footer .topics a { background:url(../common/topics.gif) no-repeat; }
#footer .topics a:hover { background:url(../common/topics_over.gif) no-repeat; }
#footer .topicsFocus { background:url(../common/topics_over.gif) no-repeat; }


#footer .inquiry a,
#footer .inquiry a:hover,
#footer .inquiryFocus {
    dispary: block;
	text-indent: -9999px;
	float: left;
	width: 65px;
	height: 22px;
	margin-right: 10px;
}
#footer .inquiry a { background:url(../common/inquiry.gif) no-repeat; }
#footer .inquiry a:hover { background:url(../common/inquiry_over.gif) no-repeat; }
#footer .inquiryFocus { background:url(../common/inquiry_over.gif) no-repeat; }


#footer .specific a,
#footer .specific a:hover,
#footer .specificFocus {
    dispary: block;
	text-indent: -9999px;
	float: left;
	width: 139px;
	height: 22px;
	margin-right: 10px;
}
#footer .specific a { background:url(../common/specific.gif) no-repeat; }
#footer .specific a:hover { background:url(../common/specific_over.gif) no-repeat; }
#footer .specificFocus { background:url(../common/specific_over.gif) no-repeat; }

#footer .privacy a,
#footer .privacy a:hover,
#footer .privacyFocus {
    dispary: block;
	text-indent: -9999px;
	float: left;
	width: 113px;
	height: 22px;
}
#footer .privacy a { background:url(../common/privacy.gif) no-repeat; }
#footer .privacy a:hover { background:url(../common/privacy_over.gif) no-repeat; }
#footer .privacyFocus { background:url(../common/privacy_over.gif) no-repeat; }


#footer .bottom {
    margin-left: 23px;
	_margin-left: 11px;
}

#buy {
    margin: 0px 0px 0px 5px;
}
#buy a { 
    width: 195px;
	height: 52px;
	float: left;
	display: block;
	text-indent: -9999px;
	background: url(../common/buy.gif) no-repeat;
	}
#buy a:hover {
    width: 195px;
	height: 52px;
	float: left;
	display: block;
	text-indent: -9999px;;
	background: url(../common/buy_over.gif) no-repeat;
}
