/*====================================================
	common
====================================================*/

/*====================================================
	oldsite
====================================================*/
.s5p{
	font-size:16px;
	}
.s5{
	font-size:16px;
	}
.s5m{
	font-size:16px;
	}

.s4p{
	font-size:14px;
	}
.s4{
	font-size:14px;
	}
.s4m{
	font-size:14px;
	}

.s3p{
	font-size:12px;
	}
.s3{
	font-size:12px;
	}
.s3m{
	font-size:12px;
	}

.s2p{
	font-size:10px;
	}
.s2{
	font-size:10px;
	}
.s2m{
	font-size:10px;
	}

A:active {
	text-decoration:none;
}

/*====================================================
	oldsite/
====================================================*/

.test{
	background-color:#FFCC66;
}

*{
	margin:0px;
	padding:0px;
}
img{
	border:none;
}
td,th{
	text-align:left;
	vertical-align:top;
}
hr{
	display:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{
	vertical-align:top;
}
ul{
	list-style-type:none;
}
body{
	text-align:center;
	background-color:#e9e3dc;
	font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Osaka",Verdana,sans-serif;
}

strong,em{
	font-style:normal;
	font-weight:bold;
}

em.required{
	font-weight:normal;
	padding-left:2px;
}

a{
	text-decoration:underline;
}

/*====================================================
	global layout
====================================================*/

#wrapper{
	width:772px;
	margin:0 auto;
	text-align:left;
	background:#fff url(/common/images/wrapper_bg.gif) repeat-y left;
}
#wrapperNoSbar,
#wrapperNoSbarBrand01{
	width:772px;
	margin:0 auto;
	text-align:left;
	background:#fff url(/common/images/wrapperNoSbar_bg.gif) repeat-y left;
}
#wrapperPadder{
	margin:0 1px;
}
#headerArea{
	width:770px;
	background-color:#fff;
}
#mainArea{
	width:555px;
	float:left;
	
	/* ### easy clearing ### */
		_height:0.01%;
		display: inline-table;
	}
	/* Hides from IE-mac \*/
	#mainArea {display: block;}
	/* End hide from IE-mac */
	/* ### /easy clearing ### */

#mainAreaNoSbar,
#mainAreaNoSbarBrand01{
	width:770px;
	float:left;
	
	/* ### easy clearing ### */
		_height:0.01%;
		display: inline-table;
	}
	/* Hides from IE-mac \*/
	#mainArea {display: block;}
	/* End hide from IE-mac */
	/* ### /easy clearing ### */

#sidebarArea{
	width:215px;
	float:left;
}
#footerArea{
	clear:both;
	width:770px;
	height:65px;
	background-image:url(/common/images/f_bg.gif);
	background-repeat:repeat-x;
}

/*	Area margin
------------------------------*/
#mainArea #mainAreaPadder{
	margin:0 24px 39px 20px;
	zoom:1;
}
#mainAreaNoSbar #mainAreaPadder{
	margin:0 20px 39px 20px;
}
#mainAreaNoSbarBrand01 #mainAreaPadder{
	margin:0;
}
#sidebarAreaPadder{
	margin:0 20px 12px 0;
	_height:42px;
	min-height:42px;
}
#footerAreaPadder{
	padding:11px 13px 0 21px;
}


/*====================================================
	headerArea
====================================================*/

/*	pageTitle
------------------------------*/
.pageTitle{
	padding:0 0 0 11px;
	float:left;
}

/* custom */
	
	#wrapperNoSbar .pageTitle{
	/*	If NoHeadingLinks
		width:auto;
		float:none;
		padding:0 0 3px 11px;
		background:#fff url(/common/images/h_pageTitleNoSbar_bg.gif) repeat-x bottom;
	*/
	}

/*	searchBlock
------------------------------*/
.searchBlock{
	width:215px;
	float:right;
}
.searchBlock .bg{
	margin:15px 20px 0 0;
	background-image:url(/common/images/h_searchBlock_bg.gif);
}
.searchBlock table{
	width:195px;
	height:29px;
}
.searchBlock table td{
	vertical-align:top;
}
.searchBlock .text{
	width:164px;
}
.searchBlock .text input{
	margin:5px 0 0 29px;
	_margin:4px 0 0 29px;
	width:130px;
	_width:131px;
	height:17px;
	_height:19px;
	border-top:1px solid #595a5a;
	border-left:1px solid #595a5a;
	border-bottom:none;
	border-right:none;
	background-color:#fff;
}
.searchBlock .btn img{
	margin:6px 0 0 0;
}

/*	gNavi
------------------------------*/
.gNavi{
	clear:both;
	width:770px;
	background-image:url(/common/images/h_gNavi_bg.gif);
}
.gNavi ul{
	margin:0 0 0 20px;
}
.gNavi li{
	display:inline;
}
/*	langEn
------------------------------*/
.langEn{
	float:right;
	width:76px;
}
.langEn div{
	text-align:left;
}
.langEn ul{
	padding:41px 20px 0 0;
}
.langEn ul .arrow{
	margin:-0.7em 0 0;
	background:url(/common/images/linkBlockMiddle_arrow.gif) no-repeat left top;
}
.langEn ul .arrow a{
	display:block;
}
.langEn ul .arrow a em{
	display:block;
	padding:0 0 0 17px;
	
}
/*====================================================
	area - sidebar
====================================================*/
#sbarBgPatternA{
	background:url(/common/images/s_sbarBgPatternA_bg.gif) repeat-x top;
}
#sbarBgPatternANoMainSbar{
	background:url(/common/images/s_sbarBgPatternA_bg.gif) repeat-x top;
	padding:42px 0 0;
}
#sbarBgPatternANoMainSbar #sbarRelatedArea{
	padding:16px 0 0;
}
#sbarBgPatternB{
	background-repeat:no-repeat;
	background-position:right top;
}
#sbarBgPatternBNoMainSbar{
	background-repeat:no-repeat;
	background-position:right top;
	padding:85px 0 0;
}
#sbarBgPatternBNoMainSbar #sbarRelatedArea{
	padding:16px 0 0;
}
#sbarBgPatternC{
	background-repeat:no-repeat;
	background-position:right top;
}
#sbarBgPatternCNoMainSbar{
	background-repeat:no-repeat;
	background-position:right top;
	padding:225px 0 0;
}
#sbarBgPatternCNoMainSbar #sbarRelatedArea{
	padding:16px 0 0;
}
#sbarRelatedArea{
	padding:12px 0 0;
	margin:0 1px 0;
	background:#ecf2fb;
	border-bottom:1px solid #949494;
	
	/* ### margin no bg fix ### */
		_height:0.01%;
		display: inline-table;
	}
	/* Hides from IE-mac \*/
	#sbarRelatedArea {display: block;}
	/* End hide from IE-mac */
	/* ### /margin no bg fix ### */

/*	mainSbar
------------------------------*/
.mainSbar{
	padding:8px 0 0;
	line-height:1.23;	/*Gecko margin bug fix*/
}
.mainSbar img{
	vertical-align:bottom;
}
.mainSbar li{
	padding:0 1px 0 2px;
	margin:0;
}
.mainSbar a{
	font-weight:bold;
	display:block;
	margin:0;
}
.mainSbar li.topCat{
	background:none;
	padding:0;
}
.mainSbar li.topCat a{
	border-bottom:none;
}
.mainSbar .firstCatOff,
.mainSbar .firstCatOpenOff{
	background:url(/common/images/s_mainSbar_li_1stOff_bg.gif);
}
.mainSbar .firstCatOn,
.mainSbar .firstCatOpenOn{
	background:url(/common/images/s_mainSbar_li_1stOn_bg.gif);
}
.mainSbar .secondCatOff,
.mainSbar .secondCatOpenOff{
	background:url(/common/images/s_mainSbar_li_2ndOff_bg.gif);
}
.mainSbar .secondCatOn,
.mainSbar .secondCatOpenOn{
	background:url(/common/images/s_mainSbar_li_2ndOn_bg.gif);
}
.mainSbar em{
	display:block;
	border-bottom:1px solid #778ab1;
}
.mainSbar .firstCatOff em,
.mainSbar .firstCatOpenOff em,
.mainSbar .secondCatOff em,
.mainSbar .secondCatOpenOff em{
	border-top:1px solid #bacde7;
}
.mainSbar .firstCatOn em,
.mainSbar .firstCatOpenOn em,
.mainSbar .secondCatOn em,
.mainSbar .secondCatOpenOn em{
	border-top:1px solid #e7eef7;
}
.mainSbar .firstCatOn em,
.mainSbar .firstCatOff em,
.mainSbar .firstCatOpenOn em,
.mainSbar .firstCatOpenOff em{
	padding:10px 10px 9px 32px;
}
.mainSbar .secondCatOn em,
.mainSbar .secondCatOff em,
.mainSbar .secondCatOpenOn em,
.mainSbar .secondCatOpenOff em{
	padding:8px 10px 6px 32px;
}

.mainSbar .firstCatOn em{
	background:url(/common/images/s_mainSbar_1stCatOn_p.gif) left top;
}
.mainSbar .firstCatOff em{ 
	background:url(/common/images/s_mainSbar_1stCatOff_p.gif) left top;
}
.mainSbar .firstCatOpenOn em{
	background:url(/common/images/s_mainSbar_1stCatOpenOn_p.gif) left top;
}
.mainSbar .firstCatOpenOff em{
	background:url(/common/images/s_mainSbar_1stCatOpenOff_p.gif) left top;
}
.mainSbar .secondCatOn em{
	background:url(/common/images/s_mainSbar_2ndCatOn_p.gif) left top;
}
.mainSbar .secondCatOff em{
	background:url(/common/images/s_mainSbar_2ndCatOff_p.gif) left top;
}
.mainSbar .secondCatOpenOn em{
	background:url(/common/images/s_mainSbar_2ndCatOpenOn_p.gif) left top;
}
.mainSbar .secondCatOpenOff em{
	background:url(/common/images/s_mainSbar_2ndCatOpenOff_p.gif) left top;
}

/*	sColumnA01
------------------------------*/
.sColumnA01{
	margin:0 0 17px;
}
.sColumnA01 h4{
	background:#C8D6ED;
	color:#333;
	margin:0 0 12px;
	padding:5px 5px 3px 12px;
	zoom:1;
}
	.sColumnA01 h4 img{
		margin:-5px -5px -3px -12px;
	}
.sColumnA01 .subHeading{
	margin:-2px 15px 9px 13px;
}
.sColumnA01 .text{
	margin:-2px 15px 9px 13px;
}
.sColumnA01 .separatorA01{
	margin:0px 15px 12px 13px;
}
.sColumnA01 .linkList{
	margin:-2px 15px 9px 13px;
}
.sColumnA01 .linkList li{
	margin:0 0 7px;
	background:url(/common/images/s_sColumnA_linkList_li_bg.gif) no-repeat left top;
}
.sColumnA01 .linkList li a{
	display:block;
	padding:0 0 0 18px;
}
.sColumnA01 .imgList{
	margin:-8px 0 0;
	padding:0 0 3px 10px;
} 
.sColumnA01 .imgList li{
	padding:8px 0 0;
}
.sColumnA01 .imgList img{
	vertical-align:bottom;
}


/*	sColumnB01
------------------------------*/
.sColumnB01{
	background:url(../images/s_column_b/bg1.gif) repeat-y #ecf2fb;
	margin:-1px 0 12px;
	zoom:1;
}
.sColumnB01-sub{
	background:url(../images/s_column_b/bg2.gif) no-repeat 0 100%;
	padding-bottom:4px;
}
.sColumnB01 h4{
	background:url(../images/s_column_b/heading_bg1.gif) repeat-x #c8d6ed;
	color:#333;
	margin:0 0 1px;
	zoom:1;
}
	.sColumnB01 h4 span{
		background:url(../images/s_column_b/heading_bg2.gif) repeat-x 0 100%;
		padding:8px 5px 7px 13px;
		display:block;
	}
	.sColumnB01 h4 img{
		margin:-5px -5px -3px -12px;
	}
.sColumnB01 .subHeading{
	margin:-2px 15px 9px 13px;
}
.sColumnB01 .text{
	margin:-2px 15px 9px 13px;
}
.sColumnB01 .separatorA01{
	margin:0px 15px 12px 13px;
}

.sColumnB01 .imgList{
	padding:1px 0 3px;
	margin:0 0 13px 10px;
	background:none;
} 
.sColumnB01 .imgList li{
	padding:8px 0 0;
}
.sColumnB01 .imgList img{
	vertical-align:bottom;
}
.sColumnB01 .imgList li.listpage-link{
	text-align:right;
	padding:6px 10px 0;
	overflow:hidden;
	zoom:1;
}
.sColumnB01 .imgList li.listpage-link a{
	background:url(/common/images/s_sColumnA_linkList_li_bg.gif) no-repeat left 0;
	padding:0 0 0 18px;
	display:block;
	float:right;
}


/*	sColumnC01
------------------------------*/
.sColumnC01{
	margin:0 0 17px;
}
.sColumnC01 h4{
	background:#C8D6ED;
	color:#333;
	margin:0 0 12px;
	padding:5px 5px 3px 12px;
	zoom:1;
}
	.sColumnC01 h4 img{
		margin:-5px -5px -3px -12px;
	}
.sColumnC01 .subHeading{
	margin:-2px 15px 9px 13px;
}
.sColumnC01 .text{
	margin:-2px 15px 9px 13px;
}
.sColumnC01 .separatorA01{
	margin:0px 15px 12px 13px;
}
.sColumnC01 .linkList{
	margin:-2px 15px 9px 13px;
}
.sColumnC01 .linkList li{
	margin:0 0 7px;
	background:url(/common/images/s_sColumnA_linkList_li_bg.gif) no-repeat left top;
}
.sColumnC01 .linkList li span{
	display:block;
	padding:0 0 0 18px;
	text-indent:-18px;
}
.sColumnC01 .linkList li a{
	padding:0 0 0 18px;
}
.sColumnC01 .imgList{
	margin:-8px 0 0;
	padding:0 0 3px 10px;
} 
.sColumnC01 .imgList li{
	padding:8px 0 0;
}
.sColumnC01 .imgList img{
	vertical-align:bottom;
}



/*====================================================
	footerArea
====================================================*/

#footerArea li{
	display:inline;
	height:0;
	margin:0 0 -1px;
	padding:0 6px;
	border-right:solid 1px #666666;
}
#footerArea li.last{
	border-right:none;
}
.flink{
	float:right;
}
.fcopyright{
	float:left;
}

/*====================================================
	トップページ
====================================================*/

/*	global
------------------------------*/

#top #wrapper{
	background:#fff url(/common/images/top_wrapper_bg.gif) repeat-y left;
}
#topCommentArea img{
	vertical-align:bottom;
}
#top #sbarRelatedArea{
	padding:10px 0 0 0;
}
#top #sidebarAreaPadder{
	margin-bottom:20px;
}

/*	mainArea
------------------------------*/

.mainImageContainer{
	width:555px;
	height:192px;
	margin:0 -24px 0 -20px;
	background:#e9dcb2;
}
.mainImageContainer img{
	vertical-align:bottom;
}
.imageNaviContainer{
	width:555px;
	margin:0 -24px 16px -20px;
}
.imageNaviContainer img{
	vertical-align:bottom;
}
#top .headingL02B{
	margin:0 0 12px;
}

/*	sidebarArea
------------------------------*/
#top .sColumnA01{
	margin:0;
	padding:0 0 0px;
}
#top .sColumnA01 h4{
	margin-bottom:1px;
}
#top .sColumnA01 .imgList{
	padding:1px 0 3px;
	margin:0 0 18px 10px;
	background:none;
} 
#top .sColumnA01 .imgList li{
	padding:10px 0 0;
}
#top #sbarRelatedArea{
	padding:0;
	margin:0 1px 0;
/*	border-bottom:none;*/
	border-top:1px solid #949494;
	
	/* ### easy clearing ### */
		_height:0.01%;
		display: inline-table;
	}
	/* Hides from IE-mac \*/
	#top #sbarRelatedArea {display: block;}
	/* End hide from IE-mac */
	/* ### /easy clearing ### */

.sColumnTop{
	padding:15px 0 0;
	background:#f6f9fd url(/common/images/sColumnTop_bg.gif) repeat-y left;
	
	/* ### easy clearing ### */
		_height:0.01%;
		display: inline-table;
	}
	/* Hides from IE-mac \*/
	.sColumnTop {display: block;}
	/* End hide from IE-mac */
	/* ### /easy clearing ### */
	
.sColumnTop .headingArea{
	width:193px;
	background:#c8d6ed;
	
	/* ### clear float ### */
		display: inline-table;
	}
	.sColumnTop .headingArea:after {
		content: "."; 
		display: block; 
		height: 0; 
		line-height:0%;
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .sColumnTop .headingArea {height: 0.01%;}
	.sColumnTop .headingArea {display: block;}
	/* End hide from IE-mac */
	/* ### /clear float ### */

.sColumnTop .headingArea .heading{
	width:143px;
	float:left;
}
.sColumnTop .headingArea .heading em{
	display:block;
	padding:0.25em 0 0.1em 14px;
}
.sColumnTop .headingArea .list{
	width:50px;
	float:left;
	display:block;
}
.sColumnTop .headingArea .list span{
	display:block;
	padding:0.3em 0 0.2em 10px;
	background:url(/common/images/sColumnTop_headingArea_list.gif) no-repeat left center;
}
.sColumnTop .main{
	margin:0 13px -1px;
}
.sColumnTop .main dl{
}
.sColumnTop .main dl dt{
	margin:9px 0 1px 2px;
}
.sColumnTop .main dl a{
	display:block;
}
.sColumnTop .main dl dd{
	padding:0 0 11px;
	background:url(/common/images/sColumnTop_main_dd_bg.gif) repeat-x left bottom;
}
.sColumnTop .main dl dd a{
	display:block;
	width:166px;
	margin:0 0 0 1px;
	background:url(/common/images/sColumnTop_main_dd_a_bg.gif) no-repeat left top;
}
.sColumnTop .main dl dd a span{
	display:block;
	text-indent:10px;
}
.sColumnTop .main dl dd.last{
	background:none;
}


/*====================================================
	製品カテゴリページ
====================================================*/

#prodcategory .linkTop{
	margin:0 0 31px;
}

/*====================================================
	製品詳細ページ
====================================================*/

#proddetail .dataTableA01{
	margin:0 0 8px;
}

/*====================================================
	小窓
====================================================*/
body#popWindowA{
	text-align:left;
	background:#f2f2f2;
}

#popWindowA img{
	vertical-align:top;
}
#popWindowA .popPageTitle{
	margin:0 0 20px;
	text-align:left;
	background:#fff url(/common/images/popPageTitle_bg.gif) repeat-x bottom;
}
#popWindowA .popImageBlockA01{
	margin:0 0 10px 20px;
}
#popWindowA .popImageBlockA01 table{
	background:#fff;
}
#popWindowA .popImageBlockA01 .img{
	padding:14px;
	vertical-align:bottom;
}
#popWindowA .popImageBlockA01 .btn{
	padding:3px 5px 4px;
	text-align:right;
	font-size:1px;
	background:#ebebeb;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
#popWindowA .popCopyright{
	margin:-2px 0 0 21px;
}

/*	ブランドコンテンツ
------------------------------*/
body#popWindowB{
	text-align:left;
	background:#000;
}
#popWindowB img{
	vertical-align:top;
}
#popWindowB .popPageTitle{
	width:758px;
	height:42px;
	background:#000 url(/common/images/popBrand/popPageTitle_bg.gif) repeat-x bottom;
	
	/* ### clear float ### */
		display: inline-table;
	}
	.sColumnTop .headingArea:after {
		content: "."; 
		display: block; 
		height: 0; 
		line-height:0%;
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html #popWindowB .popPageTitle {height: 0.01%;}
	#popWindowB .popPageTitle {display: block;}
	/* End hide from IE-mac */
	/* ### /clear float ### */
	
#popWindowB .popPageTitle h1{
	float:left;
}
#popWindowB .popPageTitle .btn{
	padding:12px 15px 0 0;
	float:right;
}