@charset "utf-8";
/*
Theme Name: 株式会社ウィル
Theme URI: http://wordpress.org/
Description: 株式会社ウィルの専用テーマ
Version: 1.0
Author: ツアーオンライン
Author URI: http://www.touronline.jp/
Text Domain: 株式会社ウィルのオフィシャルサイト用に最適化されたテーマです
*/




/* CSS Document */

/*== common ==================================================================*/

/*--base--------------------------------------------------*/

* {
    margin:0;
    padding:0;
}


table,img,p {
    border:0;
}

html{
    background:url(/img/html-bg.gif) top center repeat-x #fcfcfc;
}

body {
/*     font-family:Verdana,Arial,Helvetica,sans-serif; */
    font-family:sans-serif;
    color:#555555;
    background:url(/img/body-bg.gif) top center repeat-y;
    font-size:14px;
    line-height:1.5;
}

li {
list-style-type: none;
}

a{
overflow:hidden;
outline:none;
}

a,a:visited{
text-decoration:none;
color:#555555;
}

a:hover{
color:#555555;
text-decoration:underline;
}

table{
border-collapse:collapse;
text-align:left;
margin:20px auto 0;
width:80%;
}

tr{
width:30%;
}

th,td{
padding:15px;
vertical-align:top;
border-bottom:solid 1px #eeeeee;
}

span.attention{
font-size:90%;
font-weight:normal;
color:#fa551b;
}

.right{
text-align:right;
}

.fLeft{
    display: block;
    float:left;
}

.fRight{
    display: block;
    float:right;
}

.normal{
font-weight:normal;
}

/*--rayout--------------------------------------------------*/

#container{
width:960px;
margin:0 auto;
padding:0 20px;
background:url(/img/container-bg.jpg) top center no-repeat;
}

#header{
/*width:960px;*/
height:112px;
}

#navi{
/*width:960px;*/
height:37px;
background:url(/img/navi.gif) top center no-repeat;
margin:0 0 5px 0;
}

#footer{
width:920px;
margin:20px auto 10px;
border-top:solid 1px #bbbbbb;
clear:both;
}

#main{
padding:0 20px;
}

/*--header--------------------------------------------------*/

#header h1{
display:none;
}

#header p{
display:none;
}

#header img{
margin:54px 0 0 0;
height:37px;
width:285px;
}

/*--navi（修正完了）--------------------------------------------------*/

#navi li{
display:block;
float:left;
height:37px;
width:160px;
}

#navi li a{
display:block;
height:37px;
width:160px;
text-indent:-9999px;
}

#navi li#top     {background:url(/img/navi.gif) left   top no-repeat;}
#navi li#products{background:url(/img/navi.gif) -160px top no-repeat;}
#navi li#company {background:url(/img/navi.gif) -320px top no-repeat;}
#navi li#news    {background:url(/img/navi.gif) -480px top no-repeat;}
#navi li#forshop {background:url(/img/navi.gif) -640px top no-repeat;}
#navi li#contact {background:url(/img/navi.gif) -800px top no-repeat;}

#navi li#top      a:hover{background:url(/img/navi.gif)   left center  no-repeat;}
#navi li#products a:hover{background:url(/img/navi.gif) -160px center no-repeat;}
#navi li#company  a:hover{background:url(/img/navi.gif) -320px center no-repeat;}
#navi li#news     a:hover{background:url(/img/navi.gif) -480px center no-repeat;}
#navi li#forshop  a:hover{background:url(/img/navi.gif) -640px center no-repeat;}
#navi li#contact  a:hover{background:url(/img/navi.gif) -800px center no-repeat;}

.page-top #navi li#top a{background:url(/img/navi.gif)   left bottom no-repeat;}
.page-products #navi li#products a{background:url(/img/navi.gif) -160px bottom no-repeat;}
.page-company #navi li#company a{background:url(/img/navi.gif) -320px bottom no-repeat;}
.page-news #navi li#news a{background:url(/img/navi.gif) -480px bottom no-repeat;}
.page-forshop #navi li#forshop a{background:url(/img/navi.gif) -640px bottom no-repeat;}
.page-contact #navi li#contact a{background:url(/img/navi.gif) -800px bottom no-repeat;}

/*--footer--------------------------------------------------*/

#footer p.companyinfo{
text-indent:-9999px;
width:375px;
height:80px;
background:url(/img/company-info.gif) top center no-repeat;
}

#footer ul#footernavi{
margin:75px 0 0 0;
border-right:solid 1px #bbbbbb;
float:right;
}

#footer ul#footernavi li{
display:block;
float:left;
border-left:solid 1px #bbbbbb;
padding:0 10px;
text-align:center;
}

#footer p#copyright{
text-align:left;
padding:0 0 0 7px;
font-size:12px;
}

#footer div.fLeft{
float:left;
width:375px;
}

#footer div.fRight{
float:right;
width:500px;
}


/*--h2 h3 h4 h5--------------------------------------------------*/

.page-products .page-title{height:84px; background:url(/img/h2-products.gif) top center no-repeat;text-indent:-9999px;}
.page-forshop .page-title {height:84px; background:url(/img/h2-forshop.gif)  top center no-repeat;text-indent:-9999px;}
.page-contact .page-title {height:84px; background:url(/img/h2-contact.gif)  top center no-repeat;text-indent:-9999px;}
.page-company .page-title {height:84px; background:url(/img/h2-company.gif)  top center no-repeat;text-indent:-9999px;}
.page-forshop .page-title {height:84px; background:url(/img/h2-forshop.gif)  top center no-repeat;text-indent:-9999px;}
.page-news .page-title {height:84px; background:url(/img/h2-news.gif)     top center no-repeat;text-indent:-9999px;}


h2{/*width:960px*/}

h2#topimg{
height:277px;
}
h2#topimg span{
display: block;
text-indent:-9999px;
}
h2 p{
text-indent:-9999px;
}

.line{
clear:both;
margin:20px 15px 10px 15px;
padding:10px 0 10px 20px;
background:url(/img/h4-line.gif) center left no-repeat;
border-bottom:solid 1px #bbbbbb;
border-top:solid 1px #bbbbbb;
font-size:105%;
}
* html .line{
font-size:14px;
}

h3{
height:60px;
font-size:110%;
}

h5{
border-left:solid 5px #0f92f7;
padding:0 0 0 10px;
font-size:100%;
}

* html h3{
font-size:16px;
}

* html h4{
font-size:14px;
}


/*--nextpage pagetop--------------------------------------------------*/

p#nextpage{
clear:both;
height:32px;
text-align:right;
margin:10px 5px 10px 0;
padding:0 55px 0 0;
color:#388557;
background:url(/img/goto-next.gif) top right no-repeat;
}

p#nextpage a{
color:#388557;
}

p#pagetop,p#prevpage{
    clear:both;
    height:32px;
    text-align:right;
    margin:10px 5px 10px 0;
    padding:0 70px 0 0;
    color:#388557;
    background:url(/img/goto-pagetop.gif) top right no-repeat;
}
p#prevpage{
    margin-top: 50px;
}
p#pagetop a,p#prevpage a{
color:#388557;
}

/*--clear--------------------------------------------------*/

hr.clear{
clear:both;
visibility:hidden
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*== each ==================================================================*/

/*--toppage--------------------------------------------------*/

div.contents920{
width:880px;
padding:0 20px;
}

div.contents920 div.top-products{
width:240px;
/* height:230px; */
    text-align:center;
margin:20px 25px;
float:left;
border:solid 1px #bbbbbb;
display:inline;
}

div.contents920 div.top-products h4{
    min-height: 25px;
    padding:10px 0 0 0;
}
* html div.contents920 div.top-products h4{
    height: 25px;
}
div.contents920 div.top-products div.top-product-image{
    width:200px;
    height:150px;
    margin: 0 20px;
    overflow: hidden;
}

div.contents920 div.top-products p.explain{
    padding:8px 5px 0;
    line-height:1;
    min-height:35px;
    background: url(/img/box-bg.gif) left top repeat;
}
*html div.contents920 div.top-products p.explain{
    height:35px;
}
div.contents920 p.nextpage{
margin:0 10px 0 0;
}

div.contents345{
width:345px;
float:left;
padding:0 20px 0 10px;
}

div.contents345 dl{
width:95%;
margin:0 auto;
}

div.contents345 dt{
font-weight:bold;
padding:10px 0 0;
}

div.contents345 dd{
padding:0 0 10px;
border-bottom:solid 1px #bbbbbb;
}

div.contents545{
width:500px;
float:right;
padding:0 10px 0 35px;
}

div.contents545 ul li{
display: inline;
/*
display:block;
float:left;
padding:30px 20px 30px 40px ;
text-align:center;
width:65px;
height:40px;
*/
}
div.contents545 ul li img {
width: 92px;
margin: 10px 12px;
vertical-align: middle;
}

div.contents545 p.nextpage{
margin:10px -20px 10px 0;
}

div.contents920 h3{text-indent:-9999px; width:900px; background:url(/img/h3-01.gif) top left repeat-y;margin:0 -10px;}
div.contents345 h3{text-indent:-9999px; width:345px; background:url(/img/h3-02.gif) top left repeat-y;}
div.contents545 h3{text-indent:-9999px; width:500px; background:url(/img/h3-03.gif) top left repeat-y;}

/*--news（修正完了）--------------------------------------------------*/

div.news-info{
margin:20px auto;
width:80%;
font-weight:bold;
}

div.news-content{
width:880px;
padding:0 20px;
margin:-20px 0 0 0;
}

div.news-content dl{
margin:30px 20px 20px 20px;
width:500px;
}

div.news-content dt{
font-weight:bold;
padding:10px 5px 0;
}

div.news-content dd{
padding:5px 10px 10px 10px;
border-bottom:solid 1px #bbbbbb;
}

/*--news-more（修正完了）--------------------------------------------------*/

div.news-more{
margin:40px auto 20px;
width:80%;
padding:20px;
border-top:solid 1px #eeeeee;
border-bottom:solid 1px #eeeeee;
}

div.news-more h1{
margin:10px 0 0;
}

div.news-more h1 span.fLeft{
width:500px;
}

div.news-more h1 span.date{
width:100%;
text-align:right;
font-size:12px;
width:120px;
padding:3px 10px 0 0;
_padding:0 10px 0 0;
}

div.news-more div.news-body{
padding: 0 20px;
}
div.news-more p{
padding:20px 0;
}

div.news-more img{
/*     width:200px; */
/* height:150px; */
    border:solid 1px #eeeeee;
    float:right;
    margin:20px 0 20px 20px;
}

/*--forshop（修正完了）--------------------------------------------------*/

div.forshop-info{
margin:20px auto;
width:80%;
font-weight:bold;
}

div.forshop-content{
margin:40px auto 20px;
width:80%;
padding:20px;
border-top:solid 1px #eeeeee;
border-bottom:solid 1px #eeeeee;
}
}

div.forshop-content h2{
margin:10px 0 0;
}

div.forshop-content h2 span.fLeft{
display: block;
float:left;
width:500px;
}

div.forshop-content h2 span.date{
display: block;
float:right;
width:100%;
text-align:right;
font-size:12px;
width:150px;
padding:0 10px 0 0;
}

div.forshop-content p{
padding:20px;
}

/*--products（修正完了）--------------------------------------------------*/

div.products920{
    width:840px;
    padding:10px 40px 0;
}

div.products920 div.brand{
    float:left;
    padding:0 0 30px 0;
}

div.products920 div.brand-wide{
    width: 840px;
}
div.products920 div.brand-slim{
    width: 420px;
}

div.products920 h2.brandname,
div.product-more div.brandname{
    position: relative;
    background:url(/img/h3.gif) bottom left repeat-x;
    margin:20px 10px 0 0;
    padding: 0 0 12px 0;
    font-size:110%;
    font-weight: bold;
}
div.products920 h2.brandname{
    min-height:86px;
}
* html div.products920 h2.brandname{
    height:86px;
    font-size:16px;
}
* html div.product-more div.brandname{
    font-size:16px;
}


div.products920 h2.brandname span{
    display: block;
    position: absolute;
    bottom: 15px;
    left: 102px;
}

div.products920 h2.brandname img.brandlogo{
    display:block;
    position: absolute;
    bottom: 15px;
    left: 0;
    line-height: 1.2;
}

div.products920 div.product-list{
    padding: 0 0 0 15px;
}
div.product-more div.product-list{
    padding: 0 0 0 50px;
}
div.products920 div.product,
div.product-more div.product{
/* display:inline; */
    position: relative;
    float:left;
    width:180px;
    min-height:180px;
    margin:20px 15px 0 0;
    border:solid 1px #bbbbbb;
    text-align:center;
}
div.product-more div.product{
    margin:20px 30px 0 0;
}
* html div.products920 div.product,
* html div.product-more div.product{
    height:180px;
}
div.products920 div.product div.product-image,
div.product-more div.product div.product-image{
    width:180px;
    height:135px;
    overflow: hidden;
}
div.products920 div.product div.product-image a,
div.product-more div.product div.product-image a{
    display: block;
}

div.products920 div.product h3,
div.product-more div.product h3{
    position: relative;
    padding:10px 0;
    height: auto;
    min-height: 35px;
    line-height:1;
    background:url(/img/box-bg.gif) left top repeat;
}
* html div.products920 div.product h3,
* html div.product-more div.product h3{
    height: 35px;
}
div.product-more div.product h3{
    font-weight: normal;
}
/*--products-more--------------------------------------------------*/

div.product-more{
    width:100%;
    padding:10px 0px 0 0px;
}
div.product-more h2 p{
    text-indent: inherit;
}
div.product-more div.brandname img{
    vertical-align: middle;
    margin-right: 10px;
}

div.product-more h1.productname{
color:#0f92f7;
font-size:130%;
margin:0;
height:20px;
padding:20px 20px;
}

div.product-more .product-more-bigimg{
/* width:480px; */
/* height:360px; */
text-align:center;
margin:0 0 20px 15px;
float:left;
padding:0;
}
div.product-more .product-more-bigimg-inner{
    width:480px;
    height:360px;
    border:solid 1px #bbbbbb;
}
div.product-more .product-more-bigimg img{
/* border:solid 1px #bbbbbb; */
}

div.product-more .product-more-bigimg p{
text-align:left;
padding:5px 0 0 0;
}

div.product-more div.product-more-info{
float:right;
width:350px;
padding:0 20px 0 0 ;
}

div.product-more div.product-more-info h2.square{
    background:url(/img/h4-square.gif) left center no-repeat;
    padding:5px 0 0 20px;
    margin:10px 0;
    border-bottom:solid 1px #bbbbbb;
    font-size: 105%;
}
* html div.product-more div.product-more-info h2.square{
    font-size:14px;
}
div.product-more div.product-more-info h2.first-child.square{
    margin-top: 0;
    padding-top: 0;
}
div.product-more div.product-more-info p{
    margin-bottom: 1em;
}
div.product-more div.product-more-info p.price{
    margin-bottom: 0;
    font-size: 105%;
    font-weight: bold;
/* color:#fa551b; */
}
* html div.product-more div.product-more-info p.price{
    font-size: 14px;
}

/*
div.product-more div.product-more-info p.price span.yen{
font-size:75%;
}
*/

div.product-more div.product-more-info p.btn-contact{
width:262px;
height:57px;
margin:40px auto 0px;
background:url(/img/btn-contact-off.gif) bottom no-repeat;
}

div.product-more div.product-more-info p.btn-contact a{
display:block;
width:262px;
height:57px;
background:url(/img/btn-contact-off.gif) bottom no-repeat;
text-indent:-9999px;
}

div.product-more div.product-more-info p.btn-contact a:hover{
background:url(/img/btn-contact-on.gif) bottom no-repeat;
}

/*
div.product-more div.product-more-related{
padding:0 30px;
}
*/

/*
div.product-more div.product{
width:180px;
height:180px;
text-align:center;
margin:20px 14px 0;
float:left;
border:solid 1px #bbbbbb;
background:url(/img/box-bg.gif) center bottom no-repeat;
display:inline;
}
*/

/*
div.product-more div.product img{
width:180px;
height:135px;
}

div.product-more div.product h3{
margin:10px 0 0 0;
line-height:1;
font-size: 100%;
}
*/

div.product-more div.product-more-freearea p,
div.product-more div.product-more-freearea div {
    margin:0 20px;
}

/*--company（修正完了）--------------------------------------------------*/

div.company-info{
margin:20px auto;
width:80%;
font-weight:bold;
}

div.company-content{
padding:0 100px 10px;
}

div.company-content p{
padding:10px 80px 0;
}

/*--contact--------------------------------------------------*/

p.contactinfo{
    margin:40px auto;
    width:80%;
}

div#main div.wpcf7 {
    width: 80%;
    margin: 20px auto;
}
div#main div.wpcf7 p {
    margin-bottom: 20px;
}
div#main div.wpcf7 input#contact-submit {
    font-size: 110%;
}
dl#contact-confirm {
    width: 500px;
    padding: 0 20px;
}
dl#contact-confirm dt {
    border-bottom: 1px solid #bbbbbb;
    font-weight: bold;
}
dl#contact-confirm dd {
    padding: 10px 0 15px;
}
div.topic-path{
padding:3px 20px;
font-size:85%;
color:#555555;
}

div.topic-path a{
color:#555555;
}

/*--エディタ用--------------------------------------------------*/
div#main .alignright {
    display: block;
    float: right;
    margin: 0 0 20px 20px;
}
div#main .alignleft {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
}
div#main .aligncenter {
    display: block;
    float: none;
    margin: 0 auto;
}