@charset "UTF-8";

/* ------------------------------------------------------
SHONAN RENOVATION 2009-
Common Style
------------------------------------------------------ */

/*
BaseFontSize=12px
10px=84% 11px=92% 12px=100% 13px=109% 14px=117% 15px=125% 16px=134% 17px=142% 18px=150% 20px=167%
*/

* {
margin: 0px;
padding: 0px;
}

html {
overflow-y:scroll;
margin-bottom:1px;
height:100%;
}

body {
font-size: 12px;
line-height: 180%;
/*color: #333;*/
color: #666;
font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "Myriad Pro", Arial, sans-serif;
background-color: #999;
}

a {
color: #B0B0B0;
text-decoration: none;
}

a:hover { text-decoration: none; }

img, img a { border-style: none; }

.none { display: none; }

.none_list { list-style-type: none; }

/*BTN*/
.btn_pagetop {
display: block;
clear: both;
padding-top: 30px;
}

.btn_pagetop a {
background-image: url(../common/btn_pagetop.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 20px;
width: 120px;
display: block;
margin-left: 15px;
}

.btn_pagetop a:hover { background-position: 0px bottom; }

/*Photo*/
.photo_left { }

.photo_right {
float: right;
padding: 5px;
display: block;
}

/*Bold Text*/
.ttl_bold {
display: block;
font-size: 109%;
font-weight: bold;
color: #c2a691;
margin-top: 5px;
}

.common_table {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 25px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #c2a691;
border-bottom-color: #c2a691;
}

.common_table th {
background-color: #f3f3f3;
color: #732e00;
width: 180px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #c2a691;
border-left-color: #c2a691;
padding: 5px;
}

.common_table td {
width: 460px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #c2a691;
border-left-color: #c2a691;
padding: 5px;
}

/* ------------------------------------------------------
HEADER
------------------------------------------------------ */

#header {
width: 100%;
height: 85px;
background-image: url(../common/header_bg.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#header_content {
width: 902px;
height: 85px;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 15px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#header_content h1 a {
background-image: url(../common/header_logo.gif);
background-repeat: no-repeat;
background-position: 0px bottom;
margin: 0px;
padding: 0px;
height: 85px;
width: 130px;
display: block;
float: left;
}

#header_content ol {
list-style-type: none;
height: 28px;
padding-top: 57px;
display: block;
float: right;
}

#header_content ol li { float: left; }

/* ------------------------------------------------------
HEADER NAVI
------------------------------------------------------ */

/*nav_message*/
#header_content .nav_message a {
background-image: url(../common/nav_message.gif);
background-position: 0px top;
display: block;
width: 86px;
height: 28px;
}

/*nav_service*/
#header_content .nav_service a {
background-image: url(../common/nav_serviceflow.gif);
background-position: 0px top;
display: block;
width: 122px;
height: 28px;
}

/*nav_works*/
#header_content .nav_works a {
background-image: url(../common/nav_works.gif);
background-position: 0px top;
display: block;
width: 73px;
height: 28px;
}

/*nav_case*/
#header_content .nav_case a {
background-image: url(../common/nav_casestudy.gif);
background-position: 0px top;
display: block;
width: 109px;
height: 28px;
}

/*nav_renovation*/
#header_content .nav_renovation a {
background-image: url(../common/nav_renovation.gif);
background-position: 0px top;
display: block;
width: 149px;
height: 28px;
}

/*nav_showroom*/
#header_content .nav_showroom a {
background-image: url(../common/nav_showroom.gif);
background-position: 0px top;
display: block;
width: 112px;
height: 28px;
}

/*nav_faq*/
#header_content .nav_faq a {
background-image: url(../common/nav_faq.gif);
background-position: 0px top;
display: block;
width: 54px;
height: 28px;
}

/*Navi_Hover*/
#header_content .nav_message a:hover, #header_content .nav_service a:hover, #header_content .nav_works a:hover, #header_content .nav_case a:hover, #header_content .nav_renovation a:hover, #header_content .nav_showroom a:hover, #header_content .nav_faq a:hover { background-position: 0px center; }

/*Navi_Selected*/
#select_message .nav_message a, #select_service .nav_service a, #select_works .nav_works a, #select_case .nav_case a, #select_renovation .nav_renovation a, #select_showroom .nav_showroom a, #select_faq .nav_faq a { background-position: 0px bottom; }

/*Navi_Selected Hover*/
#select_message .nav_message a:hover, #select_service .nav_service a:hover, #select_works .nav_works a:hover, #select_case .nav_case a:hover, #select_renovation .nav_renovation a:hover, #select_showroom .nav_showroom a:hover, #select_faq .nav_faq a:hover { background-position: 0px bottom; }

/* ------------------------------------------------------
CONTENT AREA
------------------------------------------------------ */


/*OtherPage*/
#main {
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c2a691;
background-image: url(../common/main_bg.gif);
background-repeat: repeat;
background-position: 0px 0px;
}

#content {
width: 920px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
background-color: #fff;
background-image: url(../common/content_bg.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
}

#main_content {
display: block;
margin: 0px;
padding: 0px;
width: 720px;
float: left;
}

/*Content Page MainTitle*/
#content h2 {
height: 40px;
padding-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
display: block;
margin-top: 20px;
}

/*Content Page SubTitle*/
#content h3 {
font-size: 150%;
color: #732e00;
line-height: 150%;
font-weight: bold;
margin: 0px;
padding: 15px;
}

/*Content Page SubTitle GRD BG*/
#content h3.bg_grd {
background-image: url(../common/page_grd.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#content h4 {
font-size: 117%;
color: #732e00;
line-height: 150%;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #c2a691;
margin-right: 20px;
margin-left: 20px;
padding: 0px;
margin-bottom: 10px;
margin-top: 0px;
clear: left;
}

/*Content Page Text*/
#content p {
padding-top: 0px;
padding-right: 25px;
padding-bottom: 14px;
padding-left: 25px;
}

/*Content Page Title img*/
#ttl_message {
background-image: url(../common/page_title_message.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_service {
background-image: url(../common/page_title_service.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_works {
background-image: url(../common/page_title_works.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_casestudy {
background-image: url(../common/page_title_casestudy.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_showroom {
background-image: url(../common/page_title_showroom.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_faq {
background-image: url(../common/page_title_faq.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_release {
background-image: url(../common/page_title_release.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_collection {
background-image: url(../common/page_title_collection.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_about {
background-image: url(../common/page_title_about.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_recruit {
background-image: url(../common/page_title_recruit.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_policy {
background-image: url(../common/page_title_policy.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_contact {
background-image: url(../common/page_title_contact.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

#ttl_news {
background-image: url(../common/page_title_news.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}

/*Content Mini*/
#minisize { height: 300px; }

/* ------------------------------------------------------
CONTENT AREA SIDEBAR
------------------------------------------------------ */

#sidebar {
width: 200px;
float: left;
}

#sidebar ul { list-style-type: none; }

#sidebar ul li {
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
margin: 0px;
padding: 0px;
}

#sidebar ul li a {
text-decoration: none;
display: block;
color: #732e00;
padding:5px;
}

#sidebar ul li a:hover {
color: #fff;
background-color: #c2a691;
}

#sidebar ul li.select {
display: block;
color: #fff;
padding:5px;
background-color: #c2a691;
}

#sidebar ul li strong { font-weight: normal; }

/* ------------------------------------------------------
SUB NAVI (Footer)
------------------------------------------------------ */

#bottom {
height: 10px;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 15px;
clear: both;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 905px;
}

#bottom ol {
list-style-type: none;
display: block;
}

#bottom ol li {
display: block;
float: left;
}

#bottom ol li a { display: block; }

#bottom li.sn_release a {
background-image: url(../common/subnavi_release.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 93px;
}

#bottom li.sn_collection a {
background-image: url(../common/subnavi_collection.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 83px;
}

#bottom li.sn_about a {
background-image: url(../common/subnavi_about.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 54px;
}

#bottom li.sn_recruit a {
background-image: url(../common/subnavi_recruit.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 62px;
}

#bottom li.sn_policy a {
background-image: url(../common/subnavi_policy.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 55px;
}

#bottom li.sn_contact a {
background-image: url(../common/subnavi_contact.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 68px;
}

#bottom li.sn_blog a {
background-image: url(../common/subnavi_blog.gif);
background-repeat: no-repeat;
background-position: 0px top;
height: 10px;
width: 46px;
}

#bottom li.sn_release a:hover, #bottom li.sn_collection a:hover, #bottom li.sn_about a:hover, #bottom li.sn_recruit a:hover, #bottom li.sn_policy a:hover, #bottom li.sn_contact a:hover, #bottom li.sn_blog a:hover { background-position: 0px bottom; }

/* ------------------------------------------------------
FOOTER
------------------------------------------------------ */

#footer {
width: 100%;
color: #fff;
background-image: url(../common/footer_grd.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #fff;
padding-bottom: 20px;
}

#footer_content {
width: 920px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: right;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
font-size: 92%;
}

#footer address { display: none; }

/* ------------------------------------------------------
info
------------------------------------------------------ */

/*Label*/
.label_info {
background-image: url(../common/label_info.gif);
background-repeat: no-repeat;
background-position: left center;
}

.label_media {
background-image: url(../common/label_media.gif);
background-repeat: no-repeat;
background-position: left center;
}

.label_update {
background-image: url(../common/label_update.gif);
background-repeat: no-repeat;
background-position: left center;
}

/*20100927追加
#news_list dl dd a, .info_list a {
color: #A90100;
text-decoration: none;
}

#news_list dl dd a:hover, .info_list a:hover {
text-decoration: none;
color: #D82300;
}
*/

/* ------------------------------------------------------
Clearfix
------------------------------------------------------ */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */