@charset "UTF-8";

/* -------------------------------------------------------------------------------------------------------------------------------------------- 共通 */

body,
html {
background:url(img/bg.gif) #FFF;
color:#808080;
}

a {
color:#a9276e;
text-decoration:underline;
}

a:visited {
color:#a9276e;
text-decoration:underline;
}

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

strong {
font-weight:bold;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- コンテンツ */

.wrapper {
width:978px;
margin:0 auto;
}

.desc {
margin-bottom:30px;
text-align:center;
}

/*ヘッダー*/

#header {
margin-bottom:100px;
}

#header ul {
position:relative;
height:600px;
}

#header ul li {
position:absolute;
top:0;
left:0;
display:none;
}

#header h1 {
margin:-77px 0 0 40px;
position:relative;
z-index:200;
}

#header h2 {
margin:-37px 0 0 653px;
position:relative;
z-index:201;
}

/*特徴*/

#feature {
margin-bottom:60px;
}

#feature h3 {
margin-bottom:15px;
}

#feature ul {
width:1010px;
margin-left:-32px;
overflow:hidden;
}

#feature ul li {
width:170px;
margin-left:32px;
}

#feature ul li h4 {
margin-bottom:20px;
}

#feature ul li h5 {
margin-bottom:8px;
}

/*スタイル別*/

#style {
margin-bottom:240px;
position:relative;
}

#style h3 {
margin-bottom:15px;
}

#prev {
position:absolute;
top:402px;
left:-30px;
z-index:100;
}

#next {
position:absolute;
top:402px;
right:-30px;
z-index:101;
}

#styleMain {
width:978px;
height:600px;
position:relative;
}

#styleMain li {
position:absolute;
top:0;
left:0;
display:none;
}

#frameMenuBox {
float:left;
width:489px;
margin-top:30px;
position:relative;
}

#styleMenuBox {
float:right;
width:489px;
margin-top:30px;
position:relative;
}

.menu li {
width:168px;
line-height:1;
padding-bottom:12px;
}

.menu li a {
padding:3px 5px 2px 16px;
text-decoration:none;
color:#808080;
background:url(img/bg_arrow.gif) no-repeat 6px 4px;
}

.menu li a:hover {
color:#a9276e;
}

.menu li a.now {
color:#FFF;
background:url(img/bg_arrow_in.gif) #a9276e no-repeat 6px 4px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
behavior:url(/common/css/PIE.htc);
}

#m1 {
position:absolute;
top:0;
left:160px;
}

#m2 {
position:absolute;
top:0;
left:330px;
}

#m3 {
position:absolute;
top:0;
left:160px;
}

#m4 {
position:absolute;
top:0;
left:345px;
}


/*お問い合わせ*/

#contact {
margin-bottom:60px;
}

#contact h3 {
margin-bottom:30px;
}


/* -------------------------------------------------------------------------------------------------------------------------------------------- フッダー */

#footer {
width:978px;
margin:0 auto;
padding-bottom:100px;
}

#footer ul li {
margin-left:30px;
padding-right:15px;
background:url(img/blank.gif) no-repeat right center;
}