/*  
Theme Name: VA3170
Theme URI: http://haifield.jp/
Description: HAIFIELD
Version: 1.0
Author: HAIFIELD
Author URI: http://haifield.jp/

*/

* {
margin: 0;
padding: 0;
}
body {
font-size: 61.5%; /* Resets 1em to 10px */
background: #251909;
color: #E7E5DD;
text-align: center;
font-family: arial;
}

table {font-size: 100%;}

img {border: none;}


/*-------------------------------
            INDEX
-------------------------------*/
#logo {
width: 100%;
height: 68px;
position:absolute;
bottom: 455px;
right:0px;
}
#logo_body {
width: 1000px;
margin: auto;
text-align: left;
}

#flashcontent {
width: 100%;
height: 100%;
position:absolute;
bottom:0px;
right:0px;
}


/*-------------------------------
            FRAME
-------------------------------*/
#content {
width: 100%;
font-size: 110%;
position:absolute;
bottom: 55px;
left: 0px;
height: 350px;
background: url(http://www.3170.jp/img/content_bg.jpg) bottom;
}
#content_body {
margin: auto;
text-align: left;
width: 1000px;
padding: 0;
}

.entry a,
.topics_entry a {
color: #E7E5DD;
text-decoration: none;
}
.entry a:hover,
.topics_entry a:hover {
color: #E7E5DD;
border-bottom: 1px dotted #E7E5DD;
}


/*-------------------------------
            MENU
-------------------------------*/
#menu {
position:absolute;
bottom: 0px;
right: 0px;
width: 100%;
height: 55px;
background: url(http://www.3170.jp/img/menu_bg.jpg)
}

#menu_body {
margin: auto;
width: 1000px;
text-align: right;
}
#menu_body img{
margin: 0 0 0 24px;
}


/*-------------------------------
            FOOT
-------------------------------*/
#foot {
width: 100%;
font-size: 110%;
position:absolute;
bottom: 0px;
left: 0px;
}
#foot_body {
width: 1000px;
height: 20px;
margin: 0 auto;
}
#foot_body h3 {
line-height: 20px;
float: left;
font-size: 100%;
font-weight: normal;
}
#foot_body p {
line-height: 20px;
float: right;
}

#foot_body a {
color: #E7E5DD;
text-decoration: none;
}
#foot_body a:hover {
color: #E7E5DD;
border-bottom: 1px dotted #E7E5DD;
}


/*-------------------------------
            ARCHIVE
-------------------------------*/

div.post_text {
width: 400px;
height: 350px;
float: left;
}
div.post_text h2.entry_title {
border-bottom: 1px solid #89785E;
margin-bottom: 15px;
font-size: 120%;
font-weight: normal;
}
div.post_text h2.entry_title span {
background: #89785E;
border-bottom: 1px solid #89785E;
color: #D9D4BC;
padding: 0 5px;
}
div.post_text p {
margin-bottom: 15px;
line-height: 140%;
}
div.post_img {
float: left;
height: 350px;
padding: 30px 0 0 100px;
background: url(http://www.3170.jp/img/post_img_bg.jpg);
}
div.post_img li {
list-style: none;
}
dl#access dt {
float: left;
}
dl#access dd {
padding: 0 0 0 50px;
}


/*-------------------------------
            TOPICS
-------------------------------*/
#topics_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/topics_bg.jpg);
}
#topics_content div#content_body {
width: 1000px;
}

#topics_content ul#left_menu {
list-style: none;
padding: 0 20px;
float: left;
width: 260px;
height: 290px;
margin: 0 20px 0 0;
}
#topics_content ul#left_menu li {
padding-bottom: 10px;
}
#topics_content ul#left_menu li.topics_date {
color: #C5C0BC;
border-bottom: 1px solid #C5C0BC;
padding: 0;
margin: 0 0 5px 0;
}
ul#left_menu a {
color: #E7E5DD;
text-decoration: none;
}
ul#left_menu a:hover {
color: #E7E5DD;
border-bottom: 1px dotted #E7E5DD;
}

div.topics_entry {
float: right;
padding: 10px 10px 0 10px;
width: 660px;
background: url(http://www.3170.jp/img/info_bg.png);
min-height: 300px;
}
div.topics_entry h2.topics_title {
font-size: 120%;
border-bottom: 3px double #403020;
color: #DF2020;
}
div.topics_entry h3.topics_date {
font-size: 100%;
margin: 0 0 20px 0;
text-align: right;
font-weight: normal;
}
div.topics_entry p {
padding: 0 0 10px 0;
}


/*-------------------------------
            STAFF
-------------------------------*/
#staff_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/staff_bg.jpg);
}
    /* hide from Mac IE \*/
*+html body #staff_content { background: url(http://www.3170.jp/img/staff_bg_ie.jpg) bottom 50% fixed no-repeat; }
* html body #staff_content { background: url(http://www.3170.jp/img/staff_bg.jpg) bottom 50% fixed no-repeat; }
    /* */ 

#staff_list {
padding: 155px 0 0 0;
}
#staff_list a{
float: right;
text-align: center;
color: #fff;
text-decoration: none;
width: 100px;
margin: 0 0 0 20px;
}
#staff_list a span{
line-height: 20px;
}
#staff_list img{
width: 100px;
height: 175px;
}

#staff_menu {
width: 330px;
padding-top: 170px;
float: left;
}
#staff_menu li {
width: 80px;
float: left;
list-style: none;
text-align: center;
line-height: 100%;
}
#staff_menu a {
color: #fff;
text-decoration: none;
}
#staff_menu img {
width: 50px;
height: 88px;
}

#staff_single {
height: 350px;
width: 670px;
float: left;
background: url(http://www.3170.jp/img/staff_single_bg.jpg) no-repeat bottom left;
}
#staff_single img {
float: left;
margin: 0 0 0 25px;
}
#staff_single h2 {
width:100px;
margin: 162px 200px 0 0;
font-size: 11px;
color: #fff;
text-align: center;
float: left;
}
#staff_single div.staff_text {
float: left;
background: url(http://www.3170.jp/img/info_bg.png);
margin: 0 0 0 120px;
min-height: 150px;
max-height: 150px;
padding: 5px 0;
}
#staff_single table {
width: 320px;
color: #fff;
}
#staff_single th {
width: 80px;
vertical-align: top;
padding: 3px 0 3px 10px;
font-weight: normal;
line-height: 140%;
text-align: left;
}
#staff_single td {
color: #C5C0BC;
line-height: 140%;
padding: 3px 10px 3px 0;
}



/*-------------------------------
            WELCOME
-------------------------------*/
#welcome_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/welcome_bg.jpg);
}
#welcome_content div#content_body {
background: url(http://www.3170.jp/img/info_bg.png);
width: 1000px;
padding: 10px 0 0 0;
min-height: 300px;
}
#welcome_content div#content_body p {
padding: 20px 0 0 50px;
line-height: 140%;
}
#welcome_content div#content_body ul {
padding: 20px 0 0 65px;
line-height: 180%;
}
#ticket {
display: none;
}


/*-------------------------------
            STYLE
-------------------------------*/
div#style_wrap {
width: 1000px;
height: 350px;
background: url(http://www.3170.jp/img/style_bg.jpg);
clear: both;
}
#style_wrap div#style_content_body {
background: url(http://www.3170.jp/img/info_bg.png);
width: 1000px;
padding: 10px 0 0 0;
min-height: 310px;
text-align: center;
}
div.style_content {
float: left;
width: 370px;
}
h2.style_title {
font-size: 110%;
color: #ffffe6;
margin: 0 0 15px 0;
}
img.reflected {margin-bottom: 1px;}

span#lightbox-overlay-text-about {
display: none;
}
span#lightbox-caption-title {
text-align: left;
}

ul#mycarousel3 li img {
width: 50px;
height: 50px;
}


/*-------------------------------
            PRICE
-------------------------------*/
#price_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/price_bg.jpg);
}
#price_content div#content_body {
background: url(http://www.3170.jp/img/info_bg.png);
width: 1000px;
padding: 10px 0 0 0;
min-height: 310px;
text-align: center;
}
#price_content table {
margin: auto;
}
#price_content th {
text-align: left;
font-size: 110%;
color: #DF2020;
border-bottom: 1px solid #DF2020;
}
#price_content td {
text-align: left;
padding: 3px 0;
}
#price_content td.price {
text-align: right;
}
#price_content td.title {
padding-left: 5px;
width: 110px;
}
#price_content td.yen {
text-align: right;
}
#price_content td.from {
padding: 3px 5px 3px 3px;
}


/*-------------------------------
            INFO
-------------------------------*/
div.info_content div#content_body {
background: url(http://www.3170.jp/img/info_bg.png);
width: 1000px;
padding: 10px 0;
min-height: 300px
}
div#content_body div.entry {
padding: 0 10px;
}
div.info_content p {
padding: 0 0 10px 0;
line-height: 140%;
}
div.info_content h3 {
font-size: 100%;
font-weight: normal;
color: #DF2020;
}
#pp_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/pp_bg.jpg);
}
#contact_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/contact_bg.jpg);
}
#contact_content p{
float: left;
padding: 20px 50px 0 40px;
margin: 0 0 0 0;
line-height: 180%;
}
#link_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/link_bg.jpg);
}
#sitemap_content {
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://www.3170.jp/img/sitemap_bg.jpg);
}
#sitemap_content div#content_body div.entry {
text-align:center;
}
#sitemap_content table {
margin: 30px auto 0 auto;
}
#sitemap_content th {
padding: 3px;
}
#sitemap_content td {
height: 180px;
vertical-align: bottom;
line-height: 100%;
text-align:left;
}
#sitemap_content img {
width: 52px;
}
#sitemap_content li {
list-style: none;
padding-top: 5px;
}
#sitemap_content td#shop {
background: url(http://www.3170.jp/imgs/line_gr.gif) repeat-y 30px 0px;
}
#sitemap_content td#shop ul {
padding-left: 35px;
}
#sitemap_content td#staff,
#sitemap_content td#style {
background: url(http://www.3170.jp/imgs/line_gr.gif) repeat-y 17px 0px;
}
#sitemap_content td#staff ul,
#sitemap_content td#style ul {
padding-left: 22px;
}
#sitemap_content td#info {
background: url(http://www.3170.jp/imgs/line_gr.gif) repeat-y 35px 0px;
}
#sitemap_content td#info ul {
padding-left: 40px;
}


/*----------------------------
           TABLE
----------------------------*/
table#inq {
margin: 0;
}
table#inq th,
table#inq td {
text-align: left;
padding: 5px;
vertical-align: top;
font-weight: normal;
}
table#inq th.none,
table#inq td.none {
background: none;
}
table#inq th span {
color: #c00;
font-size: 150%;
}
table#inq input.wpcf7-validates-as-required,
table#inq input.txt {
width: 300px;
border: 0px solid #ccc;
margin-top: 3px;
padding: 3px;
font-size: 100%;
}
table#inq textarea {
width: 400px;
height: 110px;
border: 0px solid #ccc;
padding: 3px;
margin-top: 3px;
font-size: 100%;
letter-spacing: -0.1em;
}
table#inq input.sub_btn {
border-top: 3px double #AD958F;
border-left: 3px double #AD958F;
border-bottom: 3px double #7B554D;
border-right: 3px double #7B554D;
background: #fff;
padding: 10px 100px;
font-weight: bold;
color: #c00;
}
div.wpcf7 div {
padding: 0 150px 5px 0;
text-align: right;
}