@charset "utf-8";

body{
font-size:16px;
font-family: sans-serif;
line-height:1.5;
background:#fff;
font-family: Verdana,/*"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",*/ "メイリオ", Meiryo, sans-serif;
color:#403220;
}
a,a img{
transition-duration:0.5s;
transition-timing-function:ease-out;
}
label:hover{
    cursor:pointer;
}
#wrap{
background: url(../img/cmn/bg_wrap.png) 50% 0 repeat-x;
}
#wrap a:hover,
#wrap a:hover img{
opacity:0.8;
}
#header{
width:940px;
height:80px;
padding:10px 0 0;
margin:0 auto;
overflow: hidden;
}
#header h1{
float:left;
font-size: 14px;
padding:30px 0 0;
}
#header .hd-contact{
    float: right;
    padding:20px 0 20px;
    overflow: hidden;
    width: 500px;
}
#header .hd-contact .teladd{
float: left;
}
#header .hd-contact .contactbtn{
    float: right;
}

#gnav{
width:940px;
height:60px;
margin:0 auto;
}
#gnav .logo{
    float: left;
}
#gnav ul{
    float: right;
    width: 481px;
}
#gnav ul a{
    display:block;
    float:left;
    height:40px;
    overflow:hidden;
    text-indent:-9999px;
    background:url(../img/cmn/gnav.png) 0% 0% no-repeat ;
    border-color:#fff;
}
#gnav ul a:hover{
        border-bottom:3px #c5ad8f solid;
}
#index #gnav ul .n0 a,
#about #gnav ul .n1 a,
#service #gnav ul .n2 a,
#example #gnav ul .n3 a,
#seminar-and-column #gnav ul .n4 a,
#contact #gnav ul .n5 a{
    border-bottom:3px #eee7de solid;
}
#gnav .n0 a{
width: 60px;
}
#gnav .n1 a{
width: 109px;
background-position: -60px 0;
}
#gnav .n2 a{
width: 110px;
background-position: -169px 0;
}
#gnav .n3 a{
width: 90px;
background-position: -279px 0;
}
#gnav .n4 a{
width: 112px;
background-position: -369px 0;
}

.subpage .path{
    width:940px;
    margin:30px auto 0;
    font-size: 12px;
}
.subpage .path a{
    color:#403220;
}
.subpage .path span{
    font-size: 10px;
}

#content{
width:940px;
margin:0 auto 50px;
overflow:hidden;
_zoom:1;
}
#content .box{
    margin:0 0 40px;
}
#content h2{
    margin:0 0 20px;
}
#content .main{
word-break: normal;
-ms-word-break: normal;/* IE用 */
text-align: justify;
text-justify: inter-ideograph; /* IE用 */
letter-spacing:-0.05em;
}
#content .main h2,
#content .main p,
#content .main ul,
#content .main dl{
    margin:20px 0 20px;
}

.contactarea{
    background: url(../img/cmn/contactbox_bg.png) 50% 0 no-repeat;
    height:110px;
    text-align: center;
    padding:120px 0 0;
}
.contactarea h2,
.contactarea .telnum{
display: none;
}

#footer{
    padding:180px 0 0;
background:url(../img/cmn/ft-bg.png) top center repeat-x;
}
#footer .footnav{
    text-align: center;
    margin:0 0 30px;
}
#footer .footnav li{
display: inline;
line-height: 1.2;
}
#footer .footnav li a{
    display:inline-block;
    color:#928473;
    letter-spacing: 3px;
    font-family: times;
    text-decoration:none;
    padding:10px 10px;
    width: 170px;
    background: #3d301f;
    font-size: 12px;
}
#footer .footnav li a:hover{
    background: #fff;
}
#footer .info{
    color:#fff;
    overflow: hidden;
    width: 940px;
    margin: 0 auto 20px;
    font-size: 12px;
    background: url(../img/cmn/ft-logo.png) right bottom no-repeat;
}
#footer .info strong{
    display: block;
    font-size: 20px;
    margin: 5px 0;
}


#footer .copy{
    clear: both;
    text-align:center;
    color:#fff;
    font-size:12px;
    padding:20px 0 20px;
    border-top: 1px #3e362b solid;
}
#footer .copy a{
    font-size: 10px;
    letter-spacing: 3px;
    color:#fff;
    text-decoration: none;
}



/*******************
#index
*******************/
#index #read{
    background: url(../img/index/cover.jpg) 50% 0% no-repeat;
    height:0;
    overflow: hidden;
    padding:360px 0 0;
}
#index #servicearea{
    background: url(../img/index/service_bg.png) 50% 0 no-repeat;
    text-align: center;
    height:140px;
    padding:10px 0 0;
}
#index #servicearea div{
    display: inline-block;
    margin:0 5px;
}
#index #servicearea div a{
    display: inline-block;
}
#index #servicearea div a:hover{
    opacity: 1;
    background: #403220;

}
#index .main .news dl{
    margin: 10px 0;
    padding:10px 0;
    border-bottom: 1px #dbcebd dotted;
}
#index .main .news dt{
    color:#a7845b;
    font-size: 80%;
}
#index .main .news dt::before{
content:">>>";
font-family: Arial,helvetica;
display: inline-block;
font-size: 10px;
letter-spacing: -2px;
padding:0 5px 0 0;
margin:-2px 0 0 0;
}
#index .main .news dd{
    padding:0 0 0 15px;
}


/*******************
#about
*******************/
#about .box table{
    width:560px;
    margin:0 auto;
}
#about .box table th{
    font-weight: bold;
    text-align: right;
    padding:5px 10px 5px 0;
}
#about .box table .sub{
    padding:10px 0;
    font-size: 80%;
}
#about .box3 h3{
    font-size: 24px;
    border-bottom:1px #dbcebd dotted;
    margin:40px 0 0;
    padding:0 0 10px;
}
#about .box3 h3 span{
    font-size: 10px;
    display: block;
}
#about .box3 .history{
    color:#a88558;
    font-size: 14px;
}
#about .box4{
    overflow:hidden;
}
#about .box4 h3{
    background: url(../img/about/box4-point.png) 0 50% no-repeat;
    font-size:24px;
    text-indent:30px;
}
#about .box4 h3 span{
    font-size: 16px;
}
#about .box4 div{
    font-size: 14px;
    margin:1em 0;
}
#about .box4 .kyoto{
margin:0 0 40px;
}
#about .box4 .tokyo{
}
#about .box4 .tokyo .map{
    float: right;
    margin:0 0 0 20px;
}


/*******************
#service
*******************/
#service .box1 h3{
    font-size: 20px;
    background: #f1ebe4 url(../img/cmn/bg_h3.png) 10px 50% no-repeat;
    text-indent: 24px;
    padding:10px 20px;
}
#service .box{
    overflow: hidden;
}
#service .box h4{
    font-size: 20px;
}
#service .box .detail{
    width:432px;
    padding:10px;
    float:left;
    margin:5px;
}
#service .box .detail p,
#service .box .detail dl{
    padding:0 10px;
}
#service .box dt{
    text-align: right;
    font-style: italic;
    font-family: serif;
    font-size: 14px;
    color:#aaaaaa;
    line-height:0.8;
    border-bottom:1px #aaaaaa dotted;
    margin:0 0 10px;
}
#service .box dd{
    font-size: 14px;
}

#service .box2{
    color:#4c362f;
}
#service .box2 .detail{
    border:4px #edebea solid;
}
#service .box2 h4{
    color: #4c362f;
    background: url(../img/service/box3-subttl_bg.png);
    padding:5px 0;
}
#service .box2 h4:before{
    content:"　";
    background: url(../img/service/box4-subttl.png) no-repeat;
    margin:0 5px;
}
#service .box3{
    color:#313d47;
}
#service .box3 .detail{
    border:4px #eaebec solid;
}
#service .box3 h4{
    color:#313d47;
    background: url(../img/service/box2-subttl_bg.png);
    padding:5px 0;
}
#service .box3 h4:before{
    content:"　";
    background: url(../img/service/box2-subttl.png) no-repeat;
    margin:0 5px;
}
#service .box4{
    color:#364c30;
}
#service .box4 .detail{
    border:4px #edebea solid;
}
#service .box4 h4{
    color: #364c30;
    background: url(../img/service/box4-subttl_bg.png);
    padding:5px 0;
}
#service .box4 h4:before{
    content:"　";
    background: url(../img/service/box4-subttl.png) no-repeat;
    margin:0 5px;
}

/*******************
#example
*******************/
#example .box{
overflow: hidden;
}
#example .box h3{
    font-size: 18px;
    background: #f1ebe4 url(../img/cmn/bg_h3.png) 10px 50% no-repeat;
    text-indent: 24px;
    padding:5px 20px;
    margin:0 0 20px;
}
#example .box .data{
    overflow: hidden;
    margin:0 0 10px;
}
#example .box .data h4,
#example .box .data dl,
#example .box .data dt,
#example .box .data dd{
    float:left;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    margin:0 10px 0 0;
    padding:0;
}
#example .box .data h4{
    margin:0 10px 0 0;
}
#example .box .data dt{
    color:#a6845e;
    font-size: 12px;
}
#example .box .flow1,
#example .box .flow2,
#example .box .flow3{
    float:left;
    width:280px;
    padding:0 10px 0;
    font-size: 14px;
}
#example .box .flow2{
    margin:0 20px;
}

/*******************
#seminar-and-column
*******************/

#seminar-and-column .box1 .seminar{
    border:10px #f8f5f1 solid;
    overflow: hidden;
    padding:10px;
    margin:0 0 20px;
}

#seminar-and-column .box1 .seminar h3{
    margin:0 0 10px;
}
#seminar-and-column .box1 .seminar h3 a{
    color:#2960a6;
    text-decoration: none;
    border-bottom:1px #2960a6 dotted;
    font-size: 20px;
}
#seminar-and-column .box1 .seminar .info{
    overflow: hidden;
    margin:20px 0 10px;
}
#seminar-and-column .box1 .seminar dl{
float:left;
margin:0;
border-left:3px #dccebc solid;
padding:0 30px 0 5px;
}
#seminar-and-column .box1 .seminar dt{
color:#a7845b;
font-size: 12px;
}
#seminar-and-column .box1 .seminar dd{
font-size: 14px;
}
#seminar-and-column .read h3,
#seminar-and-column .detail h3{
    font-size: 18px;
    background: #f1ebe4 url(../img/cmn/bg_h3.png) 10px 50% no-repeat;
    text-indent: 24px;
    padding:5px 20px;
    margin:0 0 20px;
}
#seminar-and-column .detail{
    margin:0 0 30px;
}
#seminar-and-column .detail table{
    border:1px #a7845b solid;
    width:100%;
    margin:0 auto;
}
#seminar-and-column .detail table th,
#seminar-and-column .detail table td{
    padding: 10px;
    border-bottom:1px #a7845b solid;

}
#seminar-and-column .detail table th{
    font-size: 14px;
    white-space: nowrap;
    background: #f8f5f1;
    text-align: center;
    color:#a7845b;
}


/*******************
#contact
*******************/

#contact .note{
    color:#c00;
}
#contact .sendbtn{
    margin:20px 0;
    text-align: center;
    position: relative;
}
#contact .sendbtn input{
color:#fff;
letter-spacing: 1px;
-webkit-text-shadow: 0 -1px #999;
-moz-text-shadow: 0 -1px #999;
-ms-text-shadow: 0 -1px #999;
-o-text-shadow: 0 -1px #999;
text-shadow: 0 -1px #999;
border:1px #2960a6 solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-size:16px;
padding:0;
-webkit-box-shadow: 0 0 #fff inset;
        box-shadow: 0 0 #fff inset;
padding:10px 5px;
background: #2960a6;
}
#contact .sendbtn input:hover{
    opacity: 0.8;
}
#contact .sendbtn input:active{
position:relative;
top:2px;
}
#contact #contactform{
    border:4px #a7845b solid;
    padding:20px 40px;
    width:560px;
    margin:0 auto;
    background:#fdfcfb;
    }
#contact #contactform h3{
    text-align: center;
    font-size: 20px;
    color:#a7845b;

}

#contact #contactform dd input,
#contact #contactform textarea{
    margin:0;
    border:1px #d8d5d6 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    vertical-align: top;
    padding:10px;
    font-size:16px;
}
#contact #contactform dd input:focus,
#contact #contactform textarea:focus{
background: #f8f5f1;
}
#contact #contactform .input_thin{
    width:240px;
}
#contact #contactform .input_wide,
#contact #contactform .input_wide{
    width:540px;
}
#contact #contactform dl{
    width:300px;
}
#contact #contactform .radioarea input{
    font-size:20px;
}

#contact #contactform .checkbox{
    text-align: center;
}

#contact .text{
    clear:both;
    margin:0 0 20px;
}
#contact .notes{
text-align: center;
margin:0 0 10px;
}
#contact #contactform .error{
    margin:20px 0;
    background:#eee;
    padding:20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    line-height:2;
}
#contact #contactform p.error_messe{
    font-size:16px;
}
#contact #contactform .sendcheck{
    background: #fcfcfc;
    padding:10px 20px;
    margin:10px 0;
}
#contact #contactform .output{
float:none;
width:100%;
margin:10px 0;
}
#contact #contactform .output dt{
color:#a7845b;
margin:0 0 10px;
border-bottom:1px #ccc dotted;
}
#contact #contactform .output dd{
    margin:0 0 20px;
}
#contact .privacy{
    background: #f3f3f3;
    margin:10px 0;
    padding:10px;
}

#contact .thanks{
    padding:30px;
    border:5px #a7845b solid;
}
#contact .thanks h3{
    color:#a7845b;
    text-align: center;
    font-size: 24px;
}




/*******************
#privacy
*******************/
#privacy h3{
    font-weight: bold;
    margin:40px 0 .5em;
}
#privacy .main p,
#privacy .main ul{
margin:0 0 .5em;
}
#privacy ul{
}