@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:url(img/common/bg.jpg); font-size:12px;}

img { border:none;}

.id{ float:left; width:350px; height:100px; }
.header{ width:960px; height:135px; background:#FFF; text-align:left;}

h1.title{ background:url(img/common/menu_title.gif); background-repeat:no-repeat; width:440px; height:40px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}

h2.sitename{ background:url(img/common/menu_sitename.gif); background-repeat:no-repeat; width:440px; height:60px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
h2.sitename a{ background:url(img/common/menu_sitename.gif); background-repeat:no-repeat; width:440px; height:60px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}





.info{ background:url(img/common/menu_privacy.gif); background-repeat:no-repeat; background-position:right; width:320px; height:100px; float:right;}


.telBox { width:220px; height:53px;}
p.tel{ background:url(img/common/menu_tel.gif); background-repeat:no-repeat; width:220px; height:53px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}


.timeBox { width:220px; height:47px;}
p.time{ background:url(img/common/menu_time.gif); background-repeat:no-repeat; width:220px; height:47px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}

.clear{ clear:both;}



ul.mainmenu{ padding:0; margin:0;}


.menu{ width:960px; height:35px; float:left;}
/*.menu li{ display:block; margin:0; padding:0;}
*/

.menu li{ float:left;}

.home{ background:url(img/common/menu_btn_home.gif); background-repeat:no-repeat; width:98px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.yuigon{ background:url(img/common/menu_btn_yuigon.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.feature{ background:url(img/common/menu_btn_feature.gif); background-repeat:no-repeat; width:122px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.staff{ background:url(img/common/menu_btn_staff.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.service{ background:url(img/common/menu_btn_service.gif); background-repeat:no-repeat; width:102px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.price{ background:url(img/common/menu_btn_price.gif); background-repeat:no-repeat; width:93px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.flow{ background:url(img/common/menu_btn_flow.gif); background-repeat:no-repeat; width:150px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.access{ background:url(img/common/menu_btn_access.gif); background-repeat:no-repeat; width:97px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.faq{ background:url(img/common/menu_btn_faq.gif); background-repeat:no-repeat; width:90px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}


.home a{ background:url(img/common/menu_btn_home.gif); background-repeat:no-repeat; width:98px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.yuigon a{ background:url(img/common/menu_btn_yuigon.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.feature a{ background:url(img/common/menu_btn_feature.gif); background-repeat:no-repeat; width:122px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.staff a{ background:url(img/common/menu_btn_staff.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.service a{ background:url(img/common/menu_btn_service.gif); background-repeat:no-repeat; width:102px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.price a{ background:url(img/common/menu_btn_price.gif); background-repeat:no-repeat; width:93px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.flow a{ background:url(img/common/menu_btn_flow.gif); background-repeat:no-repeat; width:150px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.access a{ background:url(img/common/menu_btn_access.gif); background-repeat:no-repeat; width:97px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.faq a{ background:url(img/common/menu_btn_faq.gif); background-repeat:no-repeat; width:90px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}


.home a:hover{ background:url(img/common/menu_btn_home_o.gif); background-repeat:no-repeat; width:98px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.yuigon a:hover{ background:url(img/common/menu_btn_yuigon_o.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.feature a:hover{ background:url(img/common/menu_btn_feature_o.gif); background-repeat:no-repeat; width:122px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.staff a:hover{ background:url(img/common/menu_btn_staff_o.gif); background-repeat:no-repeat; width:104px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.service a:hover{ background:url(img/common/menu_btn_service_o.gif); background-repeat:no-repeat; width:102px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.price a:hover{ background:url(img/common/menu_btn_price_o.gif); background-repeat:no-repeat; width:93px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.flow a:hover{ background:url(img/common/menu_btn_flow_o.gif); background-repeat:no-repeat; width:150px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.access a:hover{ background:url(img/common/menu_btn_access_o.gif); background-repeat:no-repeat; width:97px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}
.faq a:hover{ background:url(img/common/menu_btn_faq_o.gif); background-repeat:no-repeat; width:90px; height:35px; display:block; text-indent:-9999px; overflow:hidden; margin:0; padding:0;}



.cont{ background:#FFF; width:960px; text-align:left; }

.footer p{ color:#A8AD31;}

.footerMenu{ background:url(img/common/footer_bg.gif); background-repeat:repeat-x; width:960px; height:95px; text-align:left;}

.footer ul{ margin:0 0 0 30px;}
.footerMenu li{ color:#FFF;}
.footerMenu li a{ color:#FFF; margin:0 38px 0 0; text-decoration:none;}


.footer li{ display:inline; letter-spacing:3px;}

.footer li a:link{ color:#666;}

.footer li a:hover{ text-decoration:underline;}

.footer li{ display:inline; letter-spacing:3px;}



.f_ul { padding:35px 0 0 0;}

.subMenu{ text-align:left; margin:0px 0 0 25px; font-size:10px; color:#666; padding:10px 0 20px 0;}

.subMenu li{ color:#666; text-decoration:none;}
.subMenu li a:link { text-decoration:none;}
.subMenu li a:visited { color:#999; text-decoration:none;}
.subMenu li a:hover { text-decoration:underline;}




.copyright { padding:0 0 50px 30px;}
.copyright a{ color:#A7AC31;}



.mainImg{margin:0 0 30px 0;}

.rightCont{width:700px; float:left; margin:30px 0 0 20px; }
.leftCont{width:200px; float:right; margin:30px 20px 0 0; }

.newsBox{ width:200px; height:300px; background:#CDC5BE; margin:0 0 30px 0 ; }
.bannerLeft{margin:0 0 15px 0;  width:700px; }
.bannerLeft_L{ margin:0 6px 0 0;}

.bannerRight{margin:0 0 20px 0; height:142px; width:200px;}

.adviceBox{ width:700px; background:url(img/top/advice_bg.gif); background-repeat:repeat-x; height:142px;}


.adviceBox ul{ margin:0; padding:10px 0 5px 20px;}
.adviceBox li{ line-height:20px;}

.adviceLeft{ width:220px; float:left; height:102px;}
.adviceRight{ width:480px; float:right;}
.adviceRight_l{ width:230px; float:left;}
.adviceRight_r{ width:250px; float:right;}

.adviceTitle{ height:40px;}
.adviceTitle h3{color:#FFF; font-size:16px; text-align:center; margin:0 0 0 0; padding:11px 0 0px 0;}



.greenTitle{ font-size:18px; color:#A7AC31; margin:30px 0 30px 0;}
.menberList { width:700px; height:200px; margin:0 0 50px 0;}

.menberList img{ margin:0 20px 0 0;}




.newsBoxTitle h3{ margin:0; padding:10px 0 5px 0; text-align:center; color:#816D5B;}
.newsBoxNews p{line-height:18px; color:#816D5B; margin:0; padding:13px 10px 0 10px; font-size:10px;}
.whiteLined{ background:#FFF; height:1px;}


.newsBoxNews a:link{ color:#816D5B;}
.newsBoxNews a:visited{ color:#816D5B;}









.staffInfo{background:url(img/top/staff_banner.jpg); background-repeat:no-repeat; width:200px; height:142px; text-align:center;}

.staffInfo p{ line-height:20px; padding:70px 0 0 0; color:#036;}




h3.contactBanner { height:142px; width:200px; background:url(img/top/contact_banner.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden;}

h3.contactBanner a{ height:142px; width:200px; background:url(img/top/contact_banner.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden;}





h3.yuigonBanner{ background:url(img/top/yuigon_banner.jpg); width:345px; height:142px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin:0; padding:0;}

h3.souzokuBanner{ background:url(img/top/isan_banner.jpg); width:345px; height:142px; display:block; text-indent:-9999px; overflow:hidden; float:right; margin:0; padding:0;}


h3.yuigonBanner2{ background:url(img/top/yuigon_banner.jpg); width:345px; height:102px; display:block; text-indent:-9999px; overflow:hidden; float:left; margin:0; padding:0;}
h3.souzokuBanner2{ background:url(img/top/isan_banner.jpg); width:345px; height:102px; display:block; text-indent:-9999px; overflow:hidden; float:right; margin:0; padding:0;}



.oneCont{ padding:0 30px 0 30px; margin:0;}

.oneCont h2{ margin:0 0 0 0; padding:20px 0 20px 0;}
.oneCont h3{ margin:0 0 0 0; padding:20px 0 20px 0;}
.oneCont p{ line-height:20px; font-size:12px; padding:10px 0 10px 0; margin:0 0 0 0;}


.pankuzu{ margin:0 0 0 0; padding:15px 0 0 30px; font-size:10px; color:#A7AC31;}

.pankuzu a{  font-size:10px; color:#A7AC31;}


h2.titlePrivacy{ background:url(img/privacy/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}



.accessTop{ width:900px;}
.accessTop_l{width:450px; float:left; margin: 0 25px 0 0;}
.accessTop_r{width:425px; float:right;}
.map{ width:425px; height:350px;}

.accessInfo{ width:900px; background:#D8CBE0; margin:40px 0 0 0; padding:0 0 0 0;}
.accessInfo_l{ width:400px; float:left;}
.accessInfo_r{ width:450px; float:right;}


.accessInfo h3{ margin:0 0 0 0; padding:25px 0 5px 20px; font-size:14px;}
.accessInfo p{ margin:0 0 0 0; padding:5px 0 25px 20px; font-size:12px;}


.picLinup{ width:900px; height:160px; margin:40px 0 0 0;}
.picBox{ width:200px; height:120px; margin:0 33px 0 0; float:left;}
.picBox_end{ width:200px; height:120px; margin:0 0 0 0; float:left;}
.picLinup p{ text-align:center; font-size:12px;}


h2.titleAccess{ background:url(img/access/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:400px; margin:50px 0 20px 0; padding:0 0 0 0;}

h2.titleFlow{ background:url(img/flow/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:400px; margin:50px 0 20px 0; padding:0 0 0 0;}


.flowBox{ width:650px;  clear:both; margin:0 0 0 100px;}

.flowMessage{ width:500px;  float:right;}

.cursor{ background:url(img/flow/cursor.gif);  display:block; width:640px; height:28px; clear:both; margin:0px 0 20px 0;}
h3.purpleTitle{ margin:0 0 0 0; padding:15px 0 0 0; font-size:16px; color:#8C59A3;}
.flowMessage p{ margin:15px 0 0 0; padding:0 0 0 0;}

p.caution{ color:#F00; font-size:10px; margin:5px 0 10px 0; padding:0 0 0 0;}

h2.titleFeature{ background:url(img/feature/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}



.profileBox{ width:900px; height:145px;}
.profileBox_m{ width:580px;  background:#CFC4AF; float:left;}

.profileBox_l{ float:left; width:250px; height:145px; margin:0 20px 0 20px;}
.profileBox_l p{ padding:10px 0 10px 10px; margin:10px 0 0 0; line-height:24px;}


.grossaryBox{ width:300px; height:145px;  background:#CCC; margin:0 0 0 15px; float:right;}
.grossaryBox h4{ margin:15px 0 15px 0; padding:0px 0 0 10px; font-size:14px;}
.grossaryBox p{ padding:5px 10px 0 10px;}


.staffMain { float:left; margin: 0 30px 0 0;}
.shot2calums{ width:430px; float:right; margin:0 0 0 30px;}


.subTitleButMini{ font-size:14px;}



.positionTitle{ margin:0 0 0 20px; font-size:10px; font-weight:normal;}


.lined{ margin:40px 0 40px 0; height:10px; display:block; width:900px; background:url(img/common/lined.gif); background-repeat:repeat-x;}


h2.titleStaff{ background:url(img/staff/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:150px; margin:50px 0 20px 0; padding:0 0 0 0;}




h2.titleYuigon{ background:url(img/yuigon/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}

h2.titleFaq{ background:url(img/faq/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}



.priceTable01 { font-size:12px; background:#E4EBFA; border-spacing:0;}
.priceTable01 tr{  margin:1px 0 1px 0;}
.priceTable01 td{border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px 10px 10px 10px; line-height:20px;}
.priceTable01 th{ background:#8CA1B8; color:#FFF; line-height:20px; padding:10px 0 10px 0; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center;}


.priceTable02 { font-size:12px; background:#ECECEC; border-spacing:0;}
.priceTable02 tr{  margin:1px 0 1px 0;}
.priceTable02 td{border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px 10px 10px 10px; line-height:20px;}
.priceTable02 th{ background:#979797; color:#FFF; line-height:20px; padding:10px 0 10px 0; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center;}


.priceTable03 { font-size:12px; background:#EFE8F2; border-spacing:0;}
.priceTable03 tr{  margin:1px 0 1px 0;}
.priceTable03 td{border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:10px 10px 10px 10px; line-height:20px;}
.priceTable03 th{ background:#8C58A2; color:#FFF; line-height:20px; padding:10px 0 10px 0; border-right:1px solid #FFF; border-bottom:1px solid #FFF; text-align:center;}



h2.titlePriceY{ background:url(img/price/yuigon/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}


.navyTitle{ color:#8CA1B8;}
.plus{ background:url(img/price/plus.gif); width:200px; height:35px; display:block;}


.linkList{ line-height:30px;}


h2.titleLink{ background:url(img/link/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}


h2.titleSitemap{ background:url(img/sitemap/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}


.sitemapBox{ margin:20px 0 30px 0;}
.sitemapBox ul{ font-weight:bold; width:350px; }
.child{ padding-left:10px; list-style-type:none; font-weight:normal;}

.sitemapCont{ width:450px; float:left;}


h2.titleRecruit{ background:url(img/recruit/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}

h2.titleContact{ background:url(img/contact/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}

h2.titleService{ background:url(img/service/title.gif); background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px; height:35px; width:590px; margin:50px 0 20px 0; padding:0 0 0 0;}


/*  CONTACT AREA --- START ---- */
table.formTable { font-size:12px; margin:10px 0 20px 0px; }
td{ padding:10px;}
.focusTitle{ background:#F90; height:50px; font-weight:bold;}
.indexName { font-weight:bold;}




.memberBox{ width:233px; height:180px; float:left;}

.bannerBox{ float:left; width:345px; margin:0 10px 0 0;}
.bannerBox p{ margin:5px 0 15px 0; padding:0 0 0 0;}
.bannerBox_R p{ margin:5px 0 15px 0; padding:0 0 0 0;}

.bannerBox_R{ float:left; width:345px; margin:0 0px 0 0; padding:0;}
.bannerLeft p{ line-height:20px;}
.bannerLeft p a{ color:#333; text-decoration:none;}
.bannerLeft p a:hover{ text-decoration:underline;}

/*
.newsBox{ width:200px; height:300px; background:#CDC5BE; margin:0 0 30px 0 ; }
.bannerLeft{margin:0 0 20px 0; height:142px; width:700px; }

*/

.faqMenu{
	line-height:26px;
	font-size:14px;
}