@charset "utf-8";

/* global */
body {
background-color:#fff;
color:#4B3C39;
}
a {
color:#926942;
}

/* util */
.wrapper {
width:965px;
margin:0 auto;
}

/* header */
#header {
padding-top:3px;
background:#49362A url(../common/header_bg_01.png) center top no-repeat;
}
#header .header_inner {
height:42px;
border-top:1px solid #2A211E;
background:#fff url(../common/header_bg_02.png) left bottom repeat-x;
}
#header .wrapper {
width:962px;
padding-right:1px;
padding-left:2px;
}
#logo {
float:left;
margin-top:15px;
}
#header p {
float:right;
margin-top:1px;
}

/* global van */
#gnav {
margin-bottom:1px;
background:url(../common/gnav_bg_01.png) left bottom repeat-x;
}
#gnav ul {
overflow:hidden;
width:965px;
margin:0 auto;
}
#gnav li {
float:left;
}
#gnav ul img {
vertical-align:bottom;
}

/* bread */
#bread {
margin-bottom:1px;
padding:7px 0 5px;
border-bottom:1px solid #D3CFC0;
background:#DEDBCE url(../common/bread_bg_01.png) repeat-x;
}
#bread ul {
overflow:hidden;
width:965px;
margin:0 auto;
}
#bread li {
float:left;
margin-right:4px;
padding-left:7px;
background:url(../common/bread_bg_02.png) left center no-repeat;
}
#bread ul .home {
padding-left:0;
background:none;
}

/* contents holder */
#content {
padding:24px 0 48px;
background:url(../common/content_bg_01.png) repeat-x;
}
#content:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* main contents */
#main {
float:left;
width:750px;
}
#main h1 {
margin-bottom:30px;
}

/* title 1 */
#main .title1 {
height:100%;
margin-bottom:10px;
padding-bottom:4px;
background:url(../common/common_bg_shadow.png) left bottom repeat-x;
}
#main .title1 .title1_inner {
padding:1px 1px 0;
border:1px solid #E2DED1;
}
#main .title1 h2,
#main .title1 h3 {
padding:3px 7px 4px;
background:url(../common/title_bg_01.png) repeat-x;
font-size:1.2em;
line-height:1.2;
}

/* title 2 */
#main .title2 {
height:100%;
margin-bottom:10px;
padding-bottom:4px;
background:url(../common/common_bg_shadow.png) left bottom repeat-x;
}
#main .title2 .title2_inner {
padding:1px;
border:1px solid #E2DED1;
background-color:#F7F3E8;
}
#main .title2 h2 {
padding:6px 8px 5px;
background:#EFEBDD url(../common/title_bg_02.png) left bottom repeat-x;
font-size:1.4em;
line-height:1.3;
}

/* side contents */
#aside {
float:right;
width:200px;
}

/* recommend */
#aside .recommend {
padding-bottom:9px;
}
#aside .recommend h2 {
margin-bottom:4px;
}
#aside .recommend li {
margin-bottom:6px;
}
#aside .recommend img {
vertical-align:bottom;
}

/* contact */
#aside .contact {
margin-bottom:10px;
background:url(../common/aside_bg_01.png) repeat-y;
}
#aside .contact_inner {
padding-bottom:9px;
background:url(../common/aside_bg_02.png) left bottom no-repeat;
}
#aside .contact h2 {
margin-bottom:4px;
}
#aside .contact p {
margin:0 4px;
padding:7px 7px 8px;
background-color:#fff;
text-align:center;
}
#aside .contact p a {
display:block;
margin:7px auto 0;
}

/* style section */
#aside .style {
margin-bottom:10px;
background:url(../common/aside_bg_03.png) repeat-y;
}
#aside .style_inner {
padding-bottom:8px;
background:url(../common/aside_bg_04.png) left bottom no-repeat;
}
#aside .style h2 {
position:relative;
}
#aside .style ul {
margin:-1px 3px 0;
}
#aside .style li {
padding:8px 11px 9px;
border-top:1px dotted #D9CAB1;
}
#aside .style ul .even {
background-color:#FCFCF1;
}
#aside .style ul h3 {
margin-bottom:2px;
font-weight:normal;
}
#aside .style ul p {
font-size:1.2em;
}
#aside .style ul p strong {
display:block;
margin-bottom:3px;
}

/* report section */
#aside .report {
margin-bottom:10px;
background:url(../common/aside_bg_01.png) repeat-y;
}
#aside .report_inner {
padding-bottom:9px;
background:url(../common/aside_bg_02.png) left bottom no-repeat;
}
#aside .report ul {
margin:0 4px;
padding:3px 0 10px;
background-color:#fff;
}
#aside .report li {
padding:8px 11px 0;
}
#aside .report ul img {
display:block;
margin:0 auto 4px;
}
#aside .report ul p {
margin-bottom:2px;
font-size:1.2em;
}
#aside .report ul h3 {
font-weight:normal;
}
#aside .report ul h3 a {
font-size:1.2em;
font-weight:bold;
}

/* mobile */
#aside .mobile {
padding:8px 11px 12px;
border:1px solid #D2C6B5;
background-color:#FCFCF1;
}
#aside .mobile h2 {
padding-bottom:7px;
border-bottom:1px solid #DDD9CE;
text-align:center;
}
#aside .mobile p {
overflow:hidden;
height:100%;
padding-top:9px;
padding-left:87px;
border-top:1px solid #fff;
}
#aside .mobile p img {
display:inline;
float:left;
margin-left:-87px;
}

/* footer nav */
#fnav {
margin-top:13px;
padding-top:2px;
background:#49362A url(../common/footer_bg_01.png) center top no-repeat;
text-align:center;
}
#fnav .fnav_inner {
background:#fff url(../common/footer_bg_02.png) repeat-x;
}
#fnav .wrapper {
position:relative;
padding-top:18px;
padding-bottom:16px;
}
#fnav p {
position:absolute;
top:-15px;
right:0;
}
#fnav h2,
#fnav ul,
#fnav li {
display:inline;
}
#fnav h2,
#fnav ul {
font-size:1.2em;
}
#fnav li {
padding-right:9px;
padding-left:11px;
background:url(../common/footer_bg_03.png) left center no-repeat;
}
#fnav ul .home {
background:none;
padding-left:8px;
}

/* footer */
#footer {
padding:10px 0 58px;
background-color:#DEDBCE;
}
#footer .wrapper {
overflow:hidden;
}
#footer ul {
float:left;
width:535px;
}
#footer li {
float:left;
margin-right:10px;
padding-left:15px;
background:url(../common/footer_bg_04.png) left center no-repeat;
}
#footer p {
float:right;
width:430px;
text-align:right;
}
#footer p img {
margin-left:10px;
vertical-align:bottom;
}