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


.main-index {
width:898px;
background:#FFFFFF url(../img/index/cover.jpg) no-repeat 0 0;
}
.cover-bg {
height:659px;
overflow: hidden;
}
.cover-bg:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cover-bg {
    height: 1em;
    overflow: visible;
}
/**/
.cover-bg h3 {
margin:5px 0;
padding:0;
border:none;
font-size:0.85em;
color:#FFFFFF;
}

.obi-navi {
clear:both;
width:898px;
height:58px;
margin:0;
padding:0;
background:url(../img/index/obi-navi.jpg) no-repeat 0 0;
overflow: hidden;
}
.obi-navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .obi-navi {
    height: 1em;
    overflow: visible;
}
/**/

.obi-navi ul {
float:right;
width:400px;
margin:0;
padding:0;
list-style:none;
}
.obi-navi li {
float:left;
margin:20px 2px 0 2px;
padding:0 10px;
border-left:#FFFFFF solid 1px;
font-size:0.75em;
color:#FFFFFF;
}
.obi-navi li a {
color:#FFFFFF;
}
.obi-navi li a:hover {
color:#FF9900;
}

.bottom-index {
width:898px;
margin:0;
padding:0;
background:url(../img/index/footerbg.jpg) repeat-y 0 0;
overflow: hidden;
}
.bottom-index:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .bottom-index {
    height: 1em;
    overflow: visible;
}
/**/





p.credit {
	clear:both;
	margin:30px 0px;
	color:#666666;
}
.midbox {
	clear:both;
	margin:10px;
}
.midbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .midbox {
    height: 1em;
    overflow: visible;
}
/**/

.lbox {
float:left;
width:450px;
position:relative;
margin:0;
overflow: hidden;
}
.lbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .lbox {
    height: 1em;
    overflow: visible;
}
/**/

.brand-navi {
width:420px;
margin:10px 0 0 0;
padding:0;
overflow: hidden;
}
.brand-navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .brand-navi {
    height: 1em;
    overflow: visible;
}
/**/
.brand-navi ul {
margin:0;
padding:0;
list-style:none;
}
.brand-navi li {
margin:2px 5px;
color:#333333;
font-size:0.75em;
}
.brand-navi li a {
color:#333333;
}
.brand-navi li a:hover {
color:#FF9900;
}


ul.logo {
width:380px;
position:relative;
margin:0;
}
ul.logo li {
float:left;
width:120px;
margin:2px;
}

.brand-navi h3 {
font-size:0.8em;
margin:5px;
padding:0 0 2px 0;
} 


.btnbox {
float:left;
width:206px;
margin:0 0;
}
.btnbox-r {
float:left;
width:206px;
margin:0 0;
}
.infobox {
float:right;
width:420px;
margin:10px 0;
}
p.infotitle {
margin:0;
padding:0;
font-size:0.85em;
letter-spacing:2px;
color:#666666;
}
.infobox p {
margin:5px 0;
padding:4px 0;
border-bottom:#ffffff dotted 1px;
font-size:0.75em;
}
.date {
font-size:0.8em;
}



/*  バナー
-----------------------------------------------------------*/
p.banner-seijin {
width:420px;
height:271px;
margin:5px 0px 0 0;
padding:0;
display:block;
border:none;
}


p.banner-dress {
width:367px;
height:385px;
margin:0px 0 0;
padding:0;
display:block;
border:none;
}
 
.bannerbox {
width:500px;
margin:250px 0 0 5px;
padding:0;
overflow: hidden;
}
.bannerbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .bannerbox {
    height: 1em;
    overflow: visible;
}
/**/

p.banner-maedori {
width:420px;
height:139px;
margin:0px;
padding:0;
background:url(../img/index/banner-maedori.jpg) no-repeat 0 0;
text-indent:-9998em;
display:block;
border:none;
}
p.banner-maedori a {
width:420px;
height:139px;
background:url(../img/index/banner-maedori.jpg) no-repeat 0 0;
text-indent:-9998em;
display:block;
text-decoration:none;
}
p.banner-maedori a:hover {
background:url(../img/index/banner-maedori.jpg) no-repeat 0 -140px;
}

p.banner-konreiplan {
width:420px;
height:130px;
margin:0px;
padding:0;
background:url(../img/index/banner-konreiplan.jpg) no-repeat 0 0;
text-indent:-9998em;
display:block;
border:none;
}
p.banner-konreiplan a {
width:420px;
height:130px;
background:url(../img/index/banner-konreiplan.jpg) no-repeat 0 0;
text-indent:-9998em;
display:block;
text-decoration:none;
}
p.banner-konreiplan a:hover {
background:url(../img/index/banner-konreiplan.jpg) no-repeat 0 -130px;
}

.bottom-wide {
	clear:both;
	margin:25px 0;
}
.bottom-wide p {
	margin:2px 5px 2px 0;
	padding:2px 10px 2px 10px;
	font-size:2em;
	border-left:#660000 solid 1px;
	display: inline;
	line-height: 2.5em;
}
.bottom-wide p a {
color:#660000;
}
.bottom-wide p a:hover {
color:#FF6600;
}
.bottom-wide p.last {
padding:2px 10px 2px 10px;
border-right:#660000 solid 1px;
}


/*  かぶせ
-----------------------------------------------------------*/
.navi {
display:none;
}
p.pankuzu {
display:none;
}
.bg {
width:1076px;
margin:0 auto;
}
.container {
	width:898px;
	margin: 0px auto;
	padding: 0px;
}
.container-left {
float:left;
width:89px;
height:712px;
margin:80px 0 0 0;
background:url(../img/index/container-left.jpg) no-repeat 0 0;
}
.container-right {
float:left;
width:89px;
height:712px;
margin:80px 0 0 0;
background:url(../img/index/container-right.jpg) no-repeat 0 0;
}
.footer {
display:none;
}
p.backto {
display:none;
}