@charset "UTF-8";


/*****************************************************
[CSS Information]
	File Name: category.css
*****************************************************/

#page{
position:relative;
width:100%;
margin:0 auto;
}

/* ------------------------------------------------------
global navi
------------------------------------------------------ */
nav.global{
width: 100%;
height:68px;
position:relative;
z-index:2;
margin-top:-11px;
}
nav.global ul{
margin:0 auto;
width:960px;
}
nav.global ul li{
float:left;
}
nav.global ul li > a{
display:block;
}
/* ------------------------------------------------------
content
------------------------------------------------------ */
#mainVisualWrap{
margin-top:-61px;
padding-top:61px;
width:100%;
height:151px;
z-index:1;
background:#000;
}
#mainVisual{
margin:0 auto;
/*margin-top:-61px;*/
/*padding-top:61px;*/
width:960px;
/*height:212px;*/
z-index: 1;
}
#mainVisual img{
margin-top:-62px;
}
#contentWrap{
/*width:1280px;*/
margin:0 auto;
margin-top:-4px;
padding-top:4px;
}

#content{
margin:0 auto;
width:960px;
}
#mainWrap{
width:100%;
margin:-45px -4px 0;
padding:16px 13px 0;
background: url('/eng/cmn/images/bg_mainWrap.png') no-repeat 0 0;
position:relative;
z-index:2;
}
/* ------------------------------------------------------
main
------------------------------------------------------ */
#main{
margin-top:15px;
width:660px;
float: left;
}

/* ------------------------------------------------------
side
------------------------------------------------------ */
#side{
padding-right:20px;
width:260px;
float: right;
}

nav.side{
margin:-29px 0 10px;
padding-top:3px;
background: url('/eng/cmn/images/bg_sideTop.gif')  no-repeat left top;
position: relative;
}
nav.side .sideBtm{
background: url('/eng/cmn/images/bg_sideBtm.gif') no-repeat left bottom;
position: relative;
padding-bottom:3px;
}
nav.side .sideInner{
/*padding:5px 13px;*/
padding:0 4px;
position: relative;
border-left:1px solid #e4e4e5;
border-right:1px solid #e4e4e5;
background:#fff;
}

nav.side ul li{
list-style-type:none;
}
nav.side ul li a{
display:block;
width:249px;
/*height:35px;*/
min-height:35px;
background: url('/eng/cmn/images/bg_sideNav_ttl_d.jpg') no-repeat 0 0;
color:#333;
border-bottom:1px solid #e4e5e5;
}
nav.side ul li a:hover,
nav.side ul li.current a{
font-weight:bold;
text-decoration:none;
background: url('/eng/cmn/images/bg_sideNav_ttl_o.jpg') no-repeat 0 0;
min-height:35px;
border-bottom:1px solid #e4e5e5;
}
nav.side ul li a:active{
text-decoration: none;
}

nav.side ul li span{
padding:6px 0 0 21px;
display:block;
}

#side .banner{
margin-bottom:10px;
}

#side .contactBanner p.image{
position:relative;
line-height:0;
}
#side .contactBanner p.image img.btn{
position:absolute;
left:40px;
/*bottom:26px;*/
bottom:19px;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */
nav.global,
#mainWrap,
#main,
#side{
 *zoom: 1;
}
nav.global:after,
#mainWrap:after,
#main:after,
#side:after{
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}