@charset "utf-8";

@import "default.css";

/* ************************************************
*  LeCarbone CSS
*  $Id: common.css, v1.0 2010/01/05 $
*
*  INDEX -----:
*  1  __init
*  2  __layout

* ********************************************** */

/* ************************************************
  1  __init
* ********************************************** */
html {
	height: 100%;
	font-size: 62.5%;
	font-family: Verdana,'ＭＳ Ｐゴシック';
}
body {
	height: 100%;
	color: #666666;
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0em!important;
	background: #f3f3f3;
}
a {
	text-decoration: none;
	color: #3173aa;
	cursor: pointer;
	outline: none!important;
}
a:hover {
	color: #7b95ab;
}

/* ************************************************
  __layout
* ********************************************** */
div#wrapper {
	height: auto;/*100%*/
	min-height: auto;/*100%*/
	margin: 0 auto;
	padding: 0;
}
body > #wrapper {
	height: auto;
	min-height: auto;
}
div#wrapper_inner {

}
#wrapper #header {
	width: 930px;
	text-align: left;
	margin: 0 auto;
}
#wrapper #header #header_inner {
	position: relative;
	height: 100px;
}
#wrapper #header h1#site_name a {
	position: absolute;
	text-indent: -9999px;
	display: block;
	width: 210px;
	height: 53px;
	top: 34px;
	left: 20px;
	background: url(/shared/img/logo.gif) no-repeat left top;
}
#wrapper #header #header_menu {
	position: absolute;
	right: 0px;
	width: 250px;
	border-top: 5px solid #666666;
}
#wrapper #header #header_menu p.contact a {
	margin: 9px 0 0 0;
	width: 50px;
	height: 11px;
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(/shared/img/btn_contact.gif) no-repeat 0px 0px;
}
#wrapper #header #header_menu p.contact a:hover {
	background: url(/shared/img/btn_contact.gif) no-repeat 0px -11px;
}
#contact #wrapper #header #header_menu p.contact a {
	background: url(/shared/img/btn_contact.gif) no-repeat 0px -22px;
}
/* for ie6 */
*html #wrapper #header #header_menu p.contact a {
	overflow: hidden;
}
#wrapper #header #header_menu p.desc {
	margin: 10px 0 0 0;
	width: 140px;
	height: 10px;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(/shared/img/txt_header.gif) no-repeat left top;
}
#wrapper #header #global_menu {
	position: absolute;
	top: 60px;
	right: 0px;
	width: 680px;
	height: 16px;
	background: url(/shared/img/navi_global_bg.gif) no-repeat 0 0;
}
#wrapper #header #global_menu li {
	float: left;
}
#wrapper #header #global_menu li a {
	display: block;
	text-indent: -9999px;
}
#wrapper #header #global_menu li.home a {
	width: 35px;
	height: 16px;
	background: url(/shared/img/navi_global_btn.png) no-repeat -1px 0px;
	margin: 0 33px 0 0;
}
#wrapper #header #global_menu li.about a {
	width: 75px;
	height: 16px;
	background: url(/shared/img/navi_global_btn.png) no-repeat -69px 0px;
	margin: 0 33px 0 0;
}
#wrapper #header #global_menu li.compare a {
	width: 160px;
	height: 16px;
	background: url(/shared/img/navi_global_btn.png) no-repeat -177px 0px;
	margin: 0 32px 0 0;
}
#wrapper #header #global_menu li.safety a {
	width: 109px;
	height: 16px;
	background: url(/shared/img/navi_global_btn.png) no-repeat -369px 0px;
	margin: 0 28px 0 0;
}
#wrapper #header #global_menu li.introduction a {
	width: 53px;
	height: 16px;
	background: url(/shared/img/navi_global_btn.png) no-repeat -506px 0px;
	margin: 0;
}
#wrapper #header #global_menu li.special a {
	background: url(/shared/img/navi_global_btn_special003.png) no-repeat 10px 0px;
	width: 100px;
	height: 16px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #E1E1E4;
}

/*a:hover*/
#wrapper #header #global_menu li.home a:hover {
	background: url(/shared/img/navi_global_btn.png) no-repeat -1px -16px;
}
#wrapper #header #global_menu li.about a:hover {
	background: url(/shared/img/navi_global_btn.png) no-repeat -69px -16px;
}
#wrapper #header #global_menu li.compare a:hover {
	background: url(/shared/img/navi_global_btn.png) no-repeat -177px -16px;
}
#wrapper #header #global_menu li.safety a:hover {
	background: url(/shared/img/navi_global_btn.png) no-repeat -369px -16px;
}
#wrapper #header #global_menu li.introduction a:hover {
	background: url(/shared/img/navi_global_btn.png) no-repeat -506px -16px;
}
#wrapper #header #global_menu li.special a:hover {
	background: url(/shared/img/navi_global_btn_special003.png) no-repeat 10px -16px;
}
/*current*/
#home #wrapper #header #global_menu li.home a {
	background: url(/shared/img/navi_global_btn.png) no-repeat -1px -32px;
}
#products #wrapper #header #global_menu li.about a {
	background: url(/shared/img/navi_global_btn.png) no-repeat -69px -32px;
}
#carbone #wrapper #header #global_menu li.compare a {
	background: url(/shared/img/navi_global_btn.png) no-repeat -177px -32px;
}
#safety #wrapper #header #global_menu li.safety a {
	background: url(/shared/img/navi_global_btn.png) no-repeat -369px -32px;
}
#introduction #wrapper #header #global_menu li.introduction a {
	background: url(/shared/img/navi_global_btn.png) no-repeat -506px -32px;
}
#special #wrapper #header #global_menu li.special a {
	background: url(/shared/img/navi_global_btn_special003.png) no-repeat 10px -32px;
}
#wrapper #contents_wrapper{
	position: relative;
	margin: 0 auto;
	width: 930px;
	text-align: left;
}
#home #contents_wrapper {
	margin-top: 0px !important;
}
#contents_wrapper {
	margin-top: 40px !important;
}
#wrapper #main_area {
	width: 695px;
	float: left;
}
#wrapper #side_area {
	width: 205px;
	float: right;
	margin: 0 0 30px 0;
}
#wrapper #footer {
	clear: both;
	background: #7c848a;
	height: 137px;
	color: ffffff;
}
/* for ie6 */
* html #wrapper #footer {
	margin: 0px auto;
	text-align: center;
}
#wrapper #footer #footer_inner {
	clear: both;
	margin: 0px auto;
	padding: 20px 0 0 0;
	width: 950px;
}
#wrapper #footer #category_navi {
	float: left;
}
#wrapper #footer #category_navi ul li {
	float: left;
}
/* for ie6 */
*html #wrapper #footer #category_navi ul li a {
	overflow: hidden;
}
#wrapper #footer #category_navi ul li.privacy a {
	width: 141px;
	height: 10px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/navi_category_privacy.gif) no-repeat 0px 0px;
	margin: 0 20px 0 0;
}
#wrapper #footer #category_navi ul li.privacy a:hover {
	background: url(/shared/img/navi_category_privacy.gif) no-repeat 0px -10px;
}
#wrapper #footer #category_navi ul li.company a {
	width: 44px;
	height: 10px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/navi_category_company.gif) no-repeat 0px 0px;
	margin: 0 20px 0 0;
}
#wrapper #footer #category_navi ul li.company a:hover {
	background: url(/shared/img/navi_category_company.gif) no-repeat 0px -10px;
}
#wrapper #footer #category_navi ul li.contact a {
	width: 65px;
	height: 10px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/navi_category_contact.gif) no-repeat 0px 0px;
}
#wrapper #footer #category_navi ul li.contact a:hover {
	background: url(/shared/img/navi_category_contact.gif) no-repeat 0px -10px;
}
/* for ie6 */
* html #wrapper #footer #category_navi ul li a {
	display: inline-block;
}
#wrapper #footer #copyright p {
	float: right;
	width: 277px;
	height: 13px;
	display: block;
	text-indent: -9999px;
	background: url(/shared/img/copyright.gif) no-repeat left top;
}
#footer_menu_inner .newwin{
	display: inline;
	line-height: 1.2em;
	padding-left: 0;
	background: none!important;
}
#wrapper .scroll_top {
	margin: 50px 0 30px 0;
}
#wrapper .scroll_top a.btn_pagetop {
	text-indent: -9999px;
	display: block;
	float: right;
	background: url(/shared/img/page_top.gif) no-repeat 0 0;
	width: 101px;
	height: 13px;
}
#wrapper .scroll_top a:hover.btn_pagetop {
	background: url(/shared/img/page_top.gif) no-repeat 0 -13px;
}
/* for ie6 */
*html #wrapper .scroll_top a.btn_pagetop {
	overflow: hidden;
}
.point {
	color: #81b4cd;
}
.error {
	color: #3366ff;
}


#wrapper #side_area ul li.bn_introduction a {
	background: url(/shared/img/side_btn_introduction.png) no-repeat  0px 0px;
	width: 205px;
	height: 112px;
	display: block;
	text-indent: -9999px;
}
#wrapper #side_area ul li.bn_introduction a:hover {
	background: url(/shared/img/side_btn_introduction.png) no-repeat  0px -114px;
}
/* for ie6 */
*html #wrapper #side_area ul li.bn_introduction a {
	overflow: hidden;
}






#wrapper #side_area ul li.bn_monitors a {
	margin: 10px 0 0 0;
	background: url(/shared/img/side_btn_monitors.png) no-repeat 0px 0px;
	width: 205px;
	height: 112px;
	display: block;
	text-indent: -9999px;
}
#wrapper #side_area ul li.bn_monitors a:hover {
	background: url(/shared/img/side_btn_monitors.png) no-repeat 0px -114px;
}
/* for ie6 */
*html #wrapper #side_area ul li.bn_monitors a {
	overflow: hidden;
}



/*
無料期間告知バナー用（5月31日まで）はじまり
*/

#wrapper #side_area ul li.bn_postage-free a {
	margin: 10px 0 0 0;
	background: url(/shared/img/side_btn_item_bg_postage-free.png) no-repeat 0px 0px;
	width: 205px;
	height: 391px;
	display: none;
	text-indent: -9999px;
}
#wrapper #side_area ul li.bn_postage-free a:hover {
	background: url(/shared/img/side_btn_item_bg_postage-free.png) no-repeat 0px -391px;
	display: none;
}
/* for ie6 */
*html #wrapper #side_area ul li.bn_postage-free a {
	overflow: hidden;
	display: none;
}

/*
無料期間告知バナー用（5月31日まで）終わり
*/





#wrapper #side_area ul li.bn_item {
	margin: 10px 0 0 0;
	background: url(/shared/img/side_btn_item_bg.png) no-repeat 0px 0px;
	width: 205px;
	height: 362px;
	display: block;
	position: relative;
}


#wrapper #side_area ul li.bn_item p {
	display: none;
}
#wrapper #side_area ul li.bn_item span.bn_item_btn input {
	position: absolute;
	text-indent: -9999px;
	top: 320px;
	left: 14px;
	display: block;
	width: 177px;
	height: 30px;
	background: url(/shared/img/side_btn_item.gif) no-repeat 0px 0px;
	cursor: pointer;
	border: none;
}
#wrapper #side_area ul li.bn_item span.bn_item_btn input:hover {
	background: url(/shared/img/side_btn_item.gif) no-repeat 0px -30px;
}
/* for ie6 */
*html #wrapper #side_area ul li {
	display: inline;
}

#wrapper #main_area div.content_area p.supplement {
	clear: both;
	line-height: 200%;
	margin: 1em 0 0 2.5em;
}
#wrapper #main_area div.content_area p.supplement span.point {
	margin: 0 0.5em 0 -2.5em;
}