@charset "utf-8";

/* 
	reset
-----------------------------------------*/
*{ 
margin:0;
padding:0;
}

fieldset,img{ 
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}

ul{
list-style:disc;
margin-left:2em;
margin-bottom:10px;
}

ul ul{
margin-left:1em;
margin-bottom:0;
}

ol{
list-style:decimal;
margin-left:2.5em;
margin-bottom:10px;
}

ol ul{
margin-left:1em;
margin-bottom:0;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

a{
text-decoration:underline;
color:#0772bf;
}

a:hover{
text-decoration:none;
color:#fe6703;
}

a:visit{
color:#aaa;
}

a:active{
color:#fe6703;
}

hr{
display:none;
}



/* 
	font reset
-----------------------------------------*/
body{
color: #333;
font-size: 12px;
*font-size: 75%; /*for IE6,IE7*/
font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka,sans-serif;
}

table{
font-size:inherit;
font:100%;
}

select, input, textarea{
font:99%;
}

body *{
line-height:1.4;
}


/* 
	body
-----------------------------------------*/
body{
	background: #dbdbdb;
	text-align:center;
}
*html body{
	background:#d7d7d7;
}
*:first-child+html body{
	background:#d7d7d7;
}

/* 
	position
-----------------------------------------*/
.layoutC{text-align:center !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:10px; }


/****************************
---------- new css ----------
****************************/


body #frame {
	background: #ffffff url(../images/top/back_top.png) repeat-x left top;
	margin:0 auto;
	padding:10px 0 0 0;
	width: 100%;
	padding:0;
}

body #frame h1 {
	display: inline;
}

#frame .floatBox001 {
	width:100%;
	overflow:hidden;
	margin-bottom: 0;
}

#frame #header {
	margin: 0 auto;
	text-align: left;
	width: 859px;
	overflow:hidden;
	background: url(../images/top/jb_header.png) no-repeat top;
}

#frame #header .colL {
	padding: 7px 0 0 7px;
	width: 40px;
	float: left;
}

#frame #header .colR {
	padding: 9px 8px 12px 0;
	width:192px;
	float:right;
}

#frame #container {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 859px;
}

#frame #container.heightadjust {
	min-height: 450px;
	text-align:left;
}

#frame #container #contents {
	margin: 0 0 0 9px;
	float: left;
	width: 620px;
}

*html #frame #container #contents {
	margin: 0 0 20px 5px !important;
}

#frame #container #contents .productInfo{
	margin: 0;
}

#frame #container #contents .floatBox002{
	width:100%;
	overflow:hidden;
	margin-top: 10px;
}

#frame #container #contents .floatBox002 .colL {
	margin: 0;
	width: 310px;
	float: left;
}

#frame #container #contents .floatBox002 .colR {
	margin: 0;
	width:310px;
	float:right;
}

#frame #container #sidemenu {
	margin: 0 9px 0 0;
	width: 206px;
	height: 256px;
	background: url(../images/top/side_back.png) no-repeat top;
	float: right;
}

*html #frame #container #sidemenu {
	margin: 0 4px 0 0;
}

#frame #container #sidemenu ul{
	margin: 7px 0 0px 7px;
	text-align:left;
	display:block;
	list-style: none;
}

#frame #container #sidemenu ul li{
	padding-bottom: 3px;
}

#frame #container #contents .bannerArea {
	margin: 20px auto 0;
	width: 620px;
	text-align: left;
}

#frame #container #contents .bannerArea ul{
	margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
	list-style: none;
	float: left;
}

#frame #container #contents .bannerArea ul li{
	padding: 0 6px 10px 0;
}


#footer{
	margin:0 auto;
	padding-bottom:62px;
	width:100%;
	overflow:hidden;
	background:url(../images/top/back_footer.png) repeat-x left top;
	clear:both;
}

#footer .footer_area{
	margin:0 auto;
	width:862px;
	overflow:hidden;
	background: url(../images/top/back_copyright.gif) no-repeat left bottom;
	clear:both;
}

#footer .footer_area ul{
	width: 400px;
	margin: 0 auto;
	padding: 35px 0 0 0;
}

#footer .footer_area ul li{
	display:inline;
}

#footer .footer_area ul li img{
	vertical-align:bottom;
	padding:0 0 2px 0;
}

#footer .footer_area ul.copy2{
	float:left;
	width:360px;
}

#footer .footer_area ul.copy2 li{
	padding:0 0 0 10px;
}

#footer .footer_area ul.copyright{
	float:right;
	text-align:right;
	width:450px;
}

#footer .footer_area ul.copyright li{
	padding:0 10px 0 0;
}

/*#footer {
	margin: 0 auto;
	clear: both;
	height: 124px;
	width:100%;
	background: url(../images/top/back_footer.png) repeat-x left bottom #d7d7d7;
}

#footer .footer_area {
	margin: 0 auto;
	width: 862px;
	overflow:hidden;
	background: url(../images/top/back_copyright.gif) no-repeat left bottom;
	clear: both;
}

#footer .footer_area ul {
	margin-left: 0px;
	padding: 45px 0 0 10px;
	text-align: left;
	float: left;
}

#footer .footer_area ul li {
	display: inline;
}

#footer .footer_area ul.copyright {
	margin: 0;
	text-align: right;
	float: right;
}

#footer .footer_area ul.copyright li {
	display: inline;
	padding-right: 5px;
}

#footer .footer_area ul.copyright li img{
	vertical-align:bottom;
}*/

#frame #header .navigationBnr{
	margin: 0 auto 0 auto;
	text-align: left;
	width: 841px;
}

* html #frame #header .navigationBnr{
	margin-left: 9px;
}

#frame #header .navigationBnr ul {
	margin: 0;
	list-style: none;
}

#frame #header .navigationBnr ul li {
	float: left;
}

#frame #container h2 {
	margin-bottom: 10px;
}

#frame #container ul.pankuzu {
	margin: 1px 0 1px 0;
	list-style: none;
}

#frame #container ul.pankuzu li {
	padding-right: 5px;
	display: inline;
	font-size: 90%;
}

#frame #container ul.pankuzu li a{
	text-decoration:none;
}

#frame #container p {
	margin: 5px 0 5px 5px;
}


/* 091221追記 */
#frame #container #contents div#searcharea{
	width:600px;
	background:url(../images/top/bg_search.gif) no-repeat 0 0;
	padding:10px 0 0 0;
	margin:10px auto 0 auto;
	clear:both;
	text-align:left;
}

#frame #container #contents div#searcharea dl{
	width:560px;
	clear:both;
	overflow:hidden;
	background:url(../images/top/bg_search2.gif) no-repeat 0 0;
	padding:0 20px 10px;
}

#frame #container #contents div#searcharea dl dt{
	float:left;
	padding:4px 32px 0 0;
}

#frame #container #contents div#searcharea dl dd{
	float:right;
	width:320px;
}

#frame #container #contents div#searcharea dl dd form{
	line-height:1.1;
	vertical-align:top;
}

#frame #container #contents div#searcharea dl dd select{
	width:277px;
	vertical-align:top;
}

#frame #container #contents div#searcharea dl dd input{
	width:33px;
}


/* 
	JB CCL
-----------------------------------------*/

#productFooter{
	overflow:hidden;
	background-color:#FFF;
	margin:0 4px;
	clear:both;
}

#footer #productFooter ul{
	width:800px;
	list-style:none;
	margin:0 0 0 5px; padding:15px 0 0;
	overflow:hidden;
	float:left;
}

#footer #productFooter ul li{
	list-style:none;
	margin-left:10px;
	float:left;
}


#footer #productFooter ul li.mixiBtn{
width:130px;
}

#footer #productFooter ul li.facebookBtn{
width:100px !important;
_width:100px !important;
overflow:hidden;
}


#footer #productFooter ul li.text a{
	font-size:80%;
}

#footer ul.snscopy2{
padding:15px 0 0;
}
#footer ul.snscopyright{
padding:15px 0 0;
}