@charset "UTF-8";
/* CSS Document */

/*--------------------------initialize--------------------------*/
*{
padding: 0;
margin: 0;
*zoom: 1;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dl, img {
padding: 0;
margin: 0;
}

body{
font:13px bold;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
text-align: center; /*4IE6*/
color: #333;
background:#fff url(../images/tex_brock.jpg) top repeat-x;

}

p {
line-height: 1.5em;
}

h1{
padding: 65px 0 0 35px;
font-size: 2.1em;
font: bolder;
color:#000033;
letter-spacing: 8px;
}

caption,h2{
font: 1.2em bolder;
color: #FFF;
line-height: 30px;
text-align: center;
background: url(../images/sub_menu_bg.gif) repeat-x;
border: #BA4264 1px solid;
border-collapse: collapse;
}

h3{
margin-top: 5px;
border-bottom: #999 solid 1px;
}

h4{
}

h5{
}

h6{
}

a img {
border: none;
}


/*table*/
table {
width: 100%;
border: 1px #999 solid;
border-collapse: collapse;
}

tr td {
height: 30px;
border: 1px #999 solid;
}

td:first-child {
width: 100px;
text-align: center;
background: #EFEFEF;
}
/*table end*/

/*-----------------------initialize end-------------------------*/

/*-------------------common parameters end----------------------*/

/*float*/
.clear {
clear:both;
}

.fr {
float:right;
display: inline; /*4IE6*/
}

.fl {
float:left;
display: inline; /*4IE6*/
}

.fbox {
zoom: 100%;
}

.fbox:after { 
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*float end*/

/*text align*/
.tac {
text-align: center;
}

.tar {
text-align: right;
}
/*text align end*/

/*common margin padding*/
.mt {
margin-top: 5px;
}

.mt20 {
margin-top: 30px;
}

.mb {
margin-bottom: 5px;
}

.ml {
margin-left: 5px;
}

.centering {
margin: 0 auto;
}

.pa {
padding: 5px;
}

.pt {
padding-top: 50px;
}
/*common margin padding end*/

/*common align*/
.v_a_t {
	vertical-align: top;
}



.v_a_m {
	vertical-align: middle;
}



.v_a_b {
	vertical-align: bottom;
}

/*common align end*/

/*common width*/
.wr {
width: 225px;
}

.wl {
width: 660px;
} 
/*common width end*/

/*common bgcolor*/
.bgc {
background-color: #F9F9F9;
}
/*common bgcolor end*/

/*common border*/
.bs {
border: 1px #999 solid;
border-collapse: collapse;
}
/*common border end*/



/*--------------------common parameters end---------------------*/

/*wrapper*/
#wrapper {
width: 900px;
margin: 0 auto;
background: url(../images/background.jpg) repeat-y;
text-align: left;
overflow: hidden;
}
/*wrapper end*/

/*header*/
#header {
height: 209px;

overflow: hidden;

}
/*header end*/

/*navi*/
#navi {
height: 46px;
background: #333 url(../images/navi_back.gif) repeat-x;
}

#navi ul {
margin-left: 133px;
}

#navi li , #navi a{
height: 46px;
float: left;
display: block;
line-height:46px;
font: bolder "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align: center;
text-decoration: none;
color: #FFFFFF;
list-style: none;
}

#navi-top a {
width: 114px;
background: url(../images/navi_r1_c1.gif) no-repeat;
}

#navi-top a:hover {
background:url(../images/navi_hover_r1_c1.gif) no-repeat;
}

#navi-concept a {
width: 142px;
background: url(../images/navi_r1_c2.gif) no-repeat;
}

#navi-concept a:hover {
background: url(../images/navi_hover_r1_c2.gif) no-repeat;
}

#navi-products a {
width: 127px;
background: url(../images/navi_r1_c3.gif) no-repeat;
}

#navi-products a:hover {
background: url(../images/navi_hover_r1_c3.gif) no-repeat;
}

#navi-shops a {
width: 128px;
background: url(../images/navi_r1_c4.gif) no-repeat;
}

#navi-shops a:hover {
background: url(../images/navi_hover_r1_c4.gif) no-repeat;
}

#navi-aboutus a {
width: 128px;
background: url(../images/navi_r1_c5.gif) no-repeat;
}

#navi-aboutus a:hover {
background: url(../images/navi_hover_r1_c5.gif) no-repeat;
}
/*navi end*/

/*contents-wrapper*/
#contents-wrapper {
width: 890px;
padding: 5px;
/*background: #FFF;*/
}
/*contents-wrapper end*/

/*contents*/
#contents {


}

#r-contents {

}

#r-contents a:hover {
position:relative;
bottom: 1px;
right: 1px;
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}

#sns {
width:223px;
background:url(../images/rcontents/rbanner_sns_bg.jpg) repeat-y;
}

#sns li, #sns a {
padding: 3px 0 0 5px;
text-decoration: none;
list-style:none;
}
/*contents end*/

/*----------------------footer-------------------------*/
#footer {
height: 75px;
width: 100%;
margin: 0 auto;
color:#FFF;
text-align:center;
background: url(../images/footer.jpg) no-repeat center #BE4D6D;
}

/*subnavi*/
#subnavi li, #subnavi a {
color: #FFF;
line-height:2em;
list-style: none;
}

#subnavi a:hover {
color: #CCC;
}
/*subnavi end*/

/*--------------------footer end-----------------------*/

