@charset "UTF-8"; 
/* global */
/* header */
#global-wrap{ width:900px; height:auto; margin-left: auto; margin-right: auto; }
#globalheader{ width:900px; height: 120px; margin-top:20px; position:relative; }
#logo{ position:absolute; left:0; bottom:-5px; width:105px; height:127px; }
#logo a:hover{ opacity:0.7; }
#nav-wrap{ position:relative; width:795px; height:120px; }
#gh-tel{ width:193px; height:58px; position:absolute; right:0; top:33px; }
.heading-text{ text-align:center; font-size: 8px; margin-bottom:-10px; }
#hnav{ position:absolute; right:0; top:0; }
#hnav li{ float:left; margin-left:10px; }
#hn-twitter a{ display:block; width:77px; height:22px; background-image:url(../img/hn_twitter.png); }
#hn-twitter a:hover{ background-image:url(../img/hn_twitter_over.png) }
#hn-facebook a{ display:block; width:95px; height:22px; background-image:url(../img/hn_facebook.png); }
#hn-facebook a:hover{ background-image:url(../img/hn_facebook_over.png) }
#hn-blog a{ display:block; width:70px; height:22px; background-image:url(../img/hn_blog.png); }
#hn-blog a:hover{ background-image:url(../img/hn_blog_over.png) }
#hn-contact li{ margin-top:10px; }
#hn-contact a{ display:block; width:100px; height:18px; background-color:#66bcc5; text-align:center; font-size:11px; font-weight:bold; color:#FFFFFF; text-shadow:none; padding-top:2px; overflow:hidden; }
#hn-contact a:hover{ background-color:#72c6cf; }
#gnav{ height:20px; padding:0; margin:0; position:absolute; right:0; top:103px; } 
#gnav li{ display:block; float:left; margin-left:25px; padding:0; text-align:right; } 
#gnav a{ font-size:14px; color:#3b2b0b; font-weight:bold; }
#gnav a:hover{ color:#b2ac9f; }
#header-bottom{ display:block; width:900px; height:2px; background-image:url(../img/header_bottom.jpg); }
/* global-content */
#global-content{ line-height:30px; }
#announce{ display:block; margin-top:30px; }
#mainimg img{ width:900px; height:300px; margin-top:10px; }
/*common layout index*/
#index-content{ width:560px; height:auto; margin-top:30px; }
#index-content p{ width:340px; text-align:justify; margin-top:-7px; } 
#index-content p a:hover{ text-decoration:underline; }
#index-content img{ border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; }
#index-content .bar-content img{ border:none; box-shadow:none; }
/*common layout :not index*/
.content{ width:560px; height:auto; margin-top:30px; }
.content p{ width:560px; text-align:justify; } 
.bar-content{ margin-left:0; margin-bottom:20px; }
#index-about{ margin-top:40px; }
#topics{ margin-top:40px; }
#topics h2{ margin-bottom:-5px; }
#topics p{ width:560px; border-bottom:1px solid #e4e4e4; padding-top:18px; padding-bottom:10px; font-size:14px; }
#topics p a{ display:block; width:100%; height:100%; color:#333; }
#topics p a:hover{ text-decoration:none; }
#topics span{ font-weight:bold; margin-right:40px; }
#topics-wrap{ width:560px; height:265px; overflow-y:scroll; }
/* sidebar */
.sidebar{ width:300px; height:auto; margin-top:30px; }
.sidebar-bloc{ width:300px; margin-bottom:15px; }
.sidebar-bloc a{ display:block; width:100%; height:100%; }
#bnr-enquete{ height:100px; }
#bnr-enquete a{ background-image:url(../img/bnr_enquete.jpg); }
#bnr-enquete a:hover{ background-image:url(../img/bnr_enquete_over.jpg); background-repeat:no-repeat; }
#bnr-blog{ height:100px; }
#bnr-blog a{ background-image:url(../img/bnr_blog.jpg); background-repeat:no-repeat; }
#bnr-blog a:hover{ background-image:url(../img/bnr_blog_over.jpg); }
#sidebar-map{ width:300px; height:400px; background-image:url(../img/map_sidebar.jpg); background-repeat:no-repeat; }
#sidebar-map iframe{ margin:68px 0 0 25px; overflow:hidden; }
#sidebar-map a{ display:inline; width:auto; }
#sidebar-map p{ text-align:justify; margin:10px 23px 10px 23px; font-size:14px; }
#bnr-kanekozouen{ height:100px; }
#bnr-kanekozouen a{ background-image:url(../img/bnr_kanekozouen.png); background-repeat:no-repeat; }
#bnr-facebook{ height:130px; position:relative; }
#bnr-facebook a{ background-image:url(../img/bnr_facebook.png); background-repeat:no-repeat; }
.fb-like{ position:relative; top:-33px; left:124px; }
#bnr-twitter{ height:130px; position:relative; background-image:url(../img/bnr_twitter.png); background-repeat:no-repeat; }
.twitter-follow-button a{ position:relative; bottom:55px; }
/* footer */
#global-footer{ height:70px; border-top:1px solid #CCC; margin-top:30px; font-size:12px; }
#copyright p{ margin-top:22px; font-weight:bold; }
#gf-link li{ font-size:12px; float:left; margin:22px 15px 0 0; }
#gf-link span{ font-weight:bold; margin-right:5px; }
#gf-link a:hover{ text-decoration:underline; }

/* service */
.service-block img{ border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; margin-top:30px; }
.service-block p{ width:340px; text-align:justify; margin-top:15px; } 
#service-palm{ margin-top:40px; }
#flow{ margin-top:40px; }
#flow img{ box-shadow:none; border:none; }
#flow table{ height:auto; margin-top:10px; }
#flow table th{ width:30%; border-top:1px solid #CCCCCC; font-size:18px; }
#flow td{ height:150px; border-top:1px dotted #CCCCCC; text-align:justify; }
#flow table .first{ border:none; }
#flow table th span{ font-weight:bold; color:#563b15; }
.flow-middle{ width:20%; font-size:12px; }
#area{ margin-top:40px; }
#area p{ margin-bottom:20px; }
#area table{ width:557px; background-color:#f8f8f8; border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:10px; }
#area table th{ font-size:18px; font-weight:bold; color:#563b15; padding:20px 0 0 20px; border-bottom:1px solid #CCC; }
#area table td{ padding:0 20px; font-size:12px; text-align:justify; }
.category span{ color:#563b15; font-weight:bold; }
#area .last-child{ padding-bottom:30px; }
/* list */
.type-data-list h3{ display:block; width:560px; border-bottom:1px solid #CCC; padding-bottom:10px; margin-top:10px; text-align:left; }
.type-data-bloc{ margin:15px 0 30px 0; text-align:justify; }
.type-data-bloc span{ width:300px; float:left; }
.type-data-bloc ul li{ }
.type-data-bloc ul li span{ font-weight:bold; margin-right:10px; width:auto; float:none; }
.type-data-bloc img{ border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; float:right; }
.double{ float:left; margin:25px 30px 0 0; }
.double a{ width:240px; height:320px; display:block; }
.double p{ width:240px; text-align:center; font-weight:bold; }
.double p a{ height:20px; display:inline; }
/* enquete */
.enquete-sheet{ width:557px; background-color:#ffffff; border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin:30px 0 20px 0; padding:14px 0; font:12px; } 
.enquete-sheet p,.enquete-sheet h3{ width:520px; margin-left:20px; padding-bottom:10px; border-bottom:1px solid #CCC; }
.enquete-sheet table{ width:520px; margin:10px 0 10px 20px; }
.enquete-sheet table th, .enquete-sheet table td{ vertical-align:top; padding:15px 0 15px 0; line-height:20px; }
.enquete-sheet table th{ width:110px; border-bottom:solid 1px #ccc; padding-left:5px; }
.enquete-sheet table td{ border-bottom:dotted 1px #ccc; padding-left:5px; }
.enquete-sheet table span{ font-weight:bold; color:#563b15; }
#enquete-form{ width:557px; background-color:#f8f8f8; border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-top:20px; }
#enquete-form h3 { margin:20px; }
#enquete-form h3 span{ font-size:14px; margin-left:15px; font-weight:300; }
#enquete-form table{ width:540px; margin:0 0 0 20px; }
#enquete-form ul{ margin:20px 0 0 20px; padding-bottom:20px; font-size:13px; }
#enquete-form ul li{ margin-bottom:30px; }
#enquete-form ul li span{ margin-left:20px; font-size:10px; }
.enquete_fill{ resize:none; outline:none; background-color:#fff; border:solid 1px #dfdfdf; width:300px; padding:5px; font-size:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 1px 0 0 #ffffff; -webkit-box-shadow:0 1px 0 0 #fffff; -moz-box-shadow:0 1px 0 0 #fffff; }
#enquete-form ul li textarea{ height:100px; overflow-x:hiddden; overflow-y:scroll; }
#ui-form-button{ resize:none; outline:none; background-color:#fff; border:solid 1px #dfdfdf; width:300px; padding:5px; font-size:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 1px 0 0 #ffffff; -webkit-box-shadow:0 1px 0 0 #fffff; -moz-box-shadow:0 1px 0 0 #fffff; display:block; color:#ffffff; text-shadow:1px 1px 0 #6ec4cd,-1px -1px 0 #6ec4cd; margin-top/*\**/:10px\9;background: #7ce9ef; background: -moz-linear-gradient(top, #7ce9ef 0%, #76dfe2 50%, #6eced3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ce9ef), color-stop(50%,#76dfe2), color-stop(100%,#6eced3)); background: -webkit-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); background: -o-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); background: -ms-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); background: linear-gradient(to bottom, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ce9ef', endColorstr='#6eced3',GradientType=0 ); }
/* goods photo common */
.photo-table{ width:560px; overflow:hidden; margin-bottom:30px; text-align:center; }
.photo-table h3{ display:block; width:560px; border-bottom:1px solid #CCC; padding-bottom:10px; margin-top:10px; text-align:left; }
.photo-table img{ border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; }
.photo-table img:hover{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #fff; }
.photo-middle-column{ padding:0 23px 0 23px; }
.photo-ttl{ font-weight:bold; font-size:12px; }
.radio input{ padding-right:10px; }
.photo-table span{ background-color:#66bcc5; margin-right:5px; padding:2px; color:#ffffff; }
.single{ float:left; margin:25px 15px 0 0; height:250px; }
.single a{ width:168px; height:200px; position:relative; display:block; }
.lightbox-thumb{ width:168px; height:200px; position:absolute; top:0; left:0; }
.single p{ width:168px; text-align:center; font-weight:bold; line-height:20px; margin-top:5px; }
.flag-new{ width:30px; height:15px; background-image:url(../img/icon_flag_new.png); position:absolute; top:5px; left:5px; z-index:10; }
/* staff */
.staff-data-list{ width:560px; margin-bottom:40px; line-height:normal; }
.staff-data-list img{ width:140px; height:180px; border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; }
.staff-data-list ul{ width:395px; margin-left:20px; }
.staff-data-name{ margin-bottom:10px; font-weight:bold; font-size:15px; color:#563b15; border-bottom:dotted 1px #999; padding-bottom:5px; }
.staff-data-title{ font-size:12px; color:#aaa; font-weight:bold; }
.staff-data-title span{ font-size:12px; font-weight:normal; color:#333; }
.staff-data-description{ font-size:12px; margin-bottom:10px; }

/* about */
#about-table{ margin-bottom:10px; font-size:13px; }
#about-table th{ width:20%; border-bottom:1px solid #CCC; color:#563b15; font-weight:bold; }
#about-table td{ border-bottom:1px solid #ebebeb; padding-left:12px; }
hr.style-one{ width:520px; height:3px; margin:20px 0 0 20px; border:0; background:#ebebeb; }
/* contact */
#contact-form{ width:557px; min-height:400px; background-color:#f8f8f8; border:1px solid; border-color: #eeeeee #e4e4e4 #d6d6d6; box-shadow:0 1px 1px #ededed; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
#contact-form h3 { margin:20px; }
#contact-form h3 span{ font-size:14px; margin-left:15px; font-weight:300; }
#contact-form ul{ margin:20px 0 0 20px; padding-bottom:20px; font-size:13px; }
#contact-form ul li input,#contact-form ul li textarea{ resize:none; outline:none; background-color:#fff; border:solid 1px #dfdfdf; width:300px; padding:5px; font-size:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0 1px 0 0 #ffffff; -webkit-box-shadow:0 1px 0 0 #fffff; -moz-box-shadow:0 1px 0 0 #fffff; }
#contact-form ul li textarea{ height:100px; overflow-x:hiddden; overflow-y:scroll; }
#ui-form-button{ display:block; color:#ffffff; cursor:pointer; text-shadow:1px 1px 0 #6ec4cd,-1px -1px 0 #6ec4cd; margin-top/*\**/:10px\9;background: #7ce9ef;background: -moz-linear-gradient(top, #7ce9ef 0%, #76dfe2 50%, #6eced3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ce9ef), color-stop(50%,#76dfe2), color-stop(100%,#6eced3));background: -webkit-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%);
background: -o-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); background: -ms-linear-gradient(top, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); background: linear-gradient(to bottom, #7ce9ef 0%,#76dfe2 50%,#6eced3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ce9ef', endColorstr='#6eced3',GradientType=0 ); }
#contact-form p{ display:block; width:520px; margin-left:20px; text-align:justify; }
label.error{ float:none; margin:3px 0 0 10px ; padding:0; color:#FF0000; }
/* sitemap */
.titlearea h3{ display:block; width:560px; border-bottom:1px solid #CCC; margin:10px 0 20px 0; padding-bottom:15px; }
.ui-sitemp{ display:block; margin:20px 20px 0 0 ; }
.ui-sitemp li{ display:block; width:390px; border-bottom:1px dotted #CCCCCC; margin-left:170px; }
.ui-sitemp li a{ font-size:12px; }
.ui-sitemp li a:hover{ text-decoration:underline; }