@charset "utf-8";

/*BASIS*/
/*******************************************************************/
* { margin: 0px; padding: 0px; }
body { /*background: url(../images/bg.jpg) repeat-x;*/ background-color: #f8fcff; font-family: "ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3","sans-serif"; line-height: 1.5em; }
/*#wrap { width: 1100px; background: url(../images/header_bg.jpg) no-repeat; margin: 0 auto; font-size: 75%; line-height: 1.5em; color: #000; position: relative; top: -24px; left: 0px; }*/
#wrap { background: url(../images/header_bg.jpg) no-repeat; width: 1015px; margin: 0px auto; font-size: 85%; line-height: 1.5em; color: #333333; }
#wrap-top { background: url(../images/header_bg_top.jpg) no-repeat; width: 1015px; margin: 0px auto; font-size: 85%; line-height: 1.5em; color: #333333; }
#contents { width: 800px; margin: 0px 107px; /*background-color: #f8fcff;*/ /*background: url(../images/sidebar_bg.jpg) repeat-y;*/ }
img { border: 0; }

.h1top { font-size: 11px; font-weight: normal; color: #999999; line-height: 1.2em; width: 1015px; padding: 0px; margin: 0px auto; background: none; }
.h1top span { display: block; margin: 10px 0px 0px 345px; position: absolute; z-index:10; }
.h2top { padding: 0px; margin: 0px auto; }
.catch { font-size: 11px; font-weight: normal; color: #999999; line-height: 1.2em; width: 1015px; margin: 0px auto; }
.catch span { display: block; margin: 10px 0px 0px 345px; position: absolute; z-index:10; }

a:link { color: #333333; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: underline; }


/*GROBALNAVI*/
/*******************************************************************/
.grobalnavi { width: 800px; margin: 0px 107px; height: 45px; }
.grobalnavi ul { width: 800px; height: 45px; }
.grobalnavi li { width: 160px; height: 45px; display: inline; list-style: none; }


/*HEADER*/
/*******************************************************************/
#header { width: 800px; margin: 0px 107px; height: 60px; color: #bf7447; }
.header-logo { width: 400px; float: left; }
.header-number { width: 390px; float: right; text-align: right; padding-right: 10px; }
.header-logo img,.header-number img{ margin-top: 12px; }


/*TOP*/
/*******************************************************************/
.top-catch { width: 800px; }
.top-catch p { width: 770px; margin: 10px 15px 0px 15px; }
.top-consul { width: 800px; margin-top: 20px; }
.company-box { width: 263px; height: 148px; float: left; display: block; background: url(../images/t_company_btn_off.jpg) no-repeat; }
.company-box a:link, .company-box a:visited { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_company_btn_off.jpg) no-repeat; text-decoration: none; }
.company-box a:hover, .company-box a:active { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_company_btn_on.jpg) no-repeat; text-decoration: none; }
.company-box strong { display: block; width: 138px; height: 31px; padding: 10px 0px 0px 125px; color: #ffffff; font-size: 10px; font-weight: normal; position: absolute; z-index:10; }
.company-box span { display: block; width: 160px; padding: 42px 0px 0px 90px; line-height: 1.2em; color: #666666; font-size: 90%; position: absolute; z-index:10; }

.kojin-box { width: 263px; height: 148px; float: left; margin-left: 5px; display: block; background: url(../images/t_kojin_btn_off.jpg) no-repeat; }
.kojin-box a:link, .kojin-box a:visited { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_kojin_btn_off.jpg) no-repeat; text-decoration: none; }
.kojin-box a:hover, .kojin-box a:active { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_kojin_btn_on.jpg) no-repeat; text-decoration: none; }
.kojin-box strong { display: block; width: 138px; height: 31px; padding: 10px 0px 0px 125px; color: #ffffff; font-size: 10px; font-weight: normal; position: absolute; z-index:10; }
.kojin-box span { display: block; width: 140px; padding: 42px 0px 0px 115px; line-height: 1.2em; color: #666666; font-size: 90%; position: absolute; z-index:10; }

.souzoku-box { width: 263px; height: 148px; float: right; display: block; background: url(../images/t_souzoku_btn_off.jpg) no-repeat; }
.souzoku-box a:link, .souzoku-box a:visited { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_souzoku_btn_off.jpg) no-repeat; text-decoration: none; }
.souzoku-box a:hover, .souzoku-box a:active { display: block; width: 263px; height: 148px; color: #927f5f; background: url(../images/t_souzoku_btn_on.jpg) no-repeat; text-decoration: none; }
.souzoku-box strong { display: block; width: 138px; height: 31px; padding: 10px 0px 0px 125px; color: #ffffff; font-size: 10px; font-weight: normal; position: absolute; z-index:10; }
.souzoku-box span { display: block; width: 150px; padding: 42px 0px 0px 105px; line-height: 1.2em; color: #666666; font-size: 90%; position: absolute; z-index:10; }

.top-box { width: 580px; margin-bottom: 20px; padding-top: 5px; border-bottom: 1px dotted #666666; background: url(../images/t_img4.gif) no-repeat 100% 0%; }
#main-top { width: 580px; float: right; margin-top: 20px; /*background: url(../images/maintop_bg.jpg) no-repeat 0% 45px;*/ }
#main-top h3 { width: 580px; height: 45px; padding: 0px; }
.numberbnr a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

.article-box-top { width: 450px; padding: 6px 0px; margin-left: 6px; border-bottom: 1px dotted #666666; line-height: 1.4em; }
.article-box-top2 { width: 450px; padding: 6px 0px; margin-left: 6px; line-height: 1.4em; }
.article-day { width: 115px; float: left; font-size: 95%; padding: 0px 10px 6px 20px; background: url(../images/s_arrow.gif) no-repeat 6px 4px; }
.article-text { width: 299px; float: left; font-size: 95%; }


/*MAIN*/
/*******************************************************************/
#main { width: 580px; float: right; }

.h1in { width: 580px; height: 17px; padding: 13px 0px 15px 37px; color: #333333; font-size: 17px; font-weight: bold; background: url(../images/h3_bg.gif) no-repeat; }
* html .h1in { width: 543px; height: 15px; padding: 13px 0px 12px 37px; color: #333333; font-size: 17px; font-weight: bold; background: url(../images/h3_bg.gif) no-repeat; }/*IE6用*/

.h2in { width: 570px; font-size: 17px; color: #1F658B; margin-bottom: 18px; padding: 0px 0px 2px 10px; border-bottom: 3px solid #1F658B; }
* html .h2in { width: 560px; font-size: 17px; color: #1F658B; margin-bottom: 18px; padding: 0px 0px 2px 10px; border-bottom: 3px solid #1F658B; }/*IE6用*/

/*h2 { width: 570px; font-size: 17px; color: #1F658B; margin-bottom: 18px; padding: 0px 0px 2px 10px; border-bottom: 3px solid #1F658B; }*/

/*ACCESS*/
.daihyo-box { width: 570px; padding: 55px 0px 35px 10px; background: url(../images/a_img1.jpg) no-repeat 0% 0% ; line-height: 1.4em; }
.daihyo-box p { width: 330px; }
.keireki-text { width: 330px; font-size: 90%; padding: 20px 0px 10px 0px; line-height: 1.3em; }
.gaiyo-box { width: 580px; padding: 0px 0px 35px 0px; }
.gaiyo-list { width: 574px; padding: 6px 0px ; margin-left: 6px; border-bottom: 1px dotted #666666; line-height: 1.4em; }
.gaiyo-title { width: 85px; float: left; color: #1f658b; padding: 0px 10px 0px 22px; background: url(../images/a_list_img.gif) no-repeat 6px 4px; }
.gaiyo-title2 { width: 117px; float: left; color: #1f658b; }
.gaiyo-text { width: 457px; float: left; }
.gaiyo-text .tkc-text { font-size: 90%; }
.google-box { width: 570px; padding: 0px 0px 35px 10px; }
.google { width: 568px; margin: 25px 0px 5px 0px; border: 1px solid #cccccc; }
.profile-box { width: 570px; padding: 27px 0px 35px 10px; background: url(../images/a_img2.jpg) no-repeat; }
.profile-box p { width: 345px; margin-bottom: 22px; }
.syojyo { width: 538px; padding: 10px; margin-top: 15px; border: 1px solid #cccccc; }
.syojyo img { float: left; margin-right: 20px; }

.gaiyo-box a:link,.gaiyo-box a:visited { color: #1f658b; text-decoration: underline; }
.gaiyo-box a:hover,.gaiyo-box a:active { color: #1f658b; text-decoration: none; }

/*STAFF*/
.staff-box1 { width: 570px; padding: 0px 0px 20px 10px; line-height: 1.4em; }
.staff-box1 p { margin-top: 20px; }
.staff-box2 { width: 570px; padding: 0px 0px 35px 10px; line-height: 1.4em; }
.staff-box2 .photo { width: 200px; float: left; }
.staff-box2 .text { width: 360px; float: right; }
.staff-box2 .text img { margin-bottom: 15px; }


/*CONSUL*/
.consul-box1 { width: 570px; padding: 0px 0px 20px 10px; line-height: 1.4em; }
.consul-box1 p { margin-top: 20px; }
.consul-box2 { width: 570px; padding: 0px 0px 35px 10px; line-height: 1.4em; }
.consul-box3 { width: 570px; padding: 0px 0px 10px 10px; line-height: 1.4em; }
.consul-box4 { width: 570px; padding: 0px 0px 25px 10px; line-height: 1.4em; }
.consul-list { width: 560px; line-height: 1.4em; }
.consul-list span { display: none; }
.consul-left1 { width: 275px; height: 100px; float: left; margin-bottom: 10px; background: url(../images/c_img1.gif) no-repeat; }
.consul-left1 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }
.consul-right1 { width: 275px; height: 100px; float: right; margin-bottom: 10px; background: url(../images/c_img5.gif) no-repeat; }
.consul-right1 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }

.consul-left2 { width: 275px; height: 100px; float: left; margin-bottom: 10px; background: url(../images/c_img2.gif) no-repeat; }
.consul-left2 p { width: 140px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }
.consul-right2 { width: 275px; height: 100px; float: right; margin-bottom: 10px; background: url(../images/c_img6.gif) no-repeat; }
.consul-right2 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em;  font-size: 90%; }

.consul-left3 { width: 275px; height: 100px; float: left; margin-bottom: 10px; background: url(../images/c_img3.gif) no-repeat; }
.consul-left3 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }
.consul-right3 { width: 275px; height: 100px; float: right; margin-bottom: 10px; background: url(../images/c_img7.gif) no-repeat; }
.consul-right3 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }

.consul-left4 { width: 275px; height: 100px; float: left; margin-bottom: 18px; background: url(../images/c_img4.gif) no-repeat; }
.consul-left4 p { width: 150px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }
.consul-right4 { width: 275px; height: 100px; float: right; margin-bottom: 18px; background: url(../images/c_img8.gif) no-repeat; }
.consul-right4 p { width: 125px; padding: 32px 0px 0px 50px; line-height: 1.2em; font-size: 90%; }

.consul-box3 dl { width: 556px; padding: 0px 0px 10px 4px; line-height: 1.6em; }
.consul-box3 dt { width: 545px; padding-left: 10px; border-left: 5px solid #1F658B; font-weight: bold; }
.consul-box3 dd { width: 545px; padding: 0px 0px 15px 15px; }

.kojin1 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/k_img1.gif) no-repeat; }
.kojin2 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/k_img2.gif) no-repeat; }
.kojin3 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/k_img3.gif) no-repeat; }
.kojin4 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/k_img4.gif) no-repeat; }
.kojin5 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; margin-bottom: 18px; background: url(../images/k_img5.gif) no-repeat; }

.kojin1 dt,.kojin2 dt,.kojin3 dt,.kojin4 dt,.kojin5 dt,.souzoku1 dt,.souzoku2 dt,.souzoku3 dt,.souzoku4 dt { display: none; }
.kojin1 dd,.kojin2 dd,.kojin3 dd,.kojin4 dd,.kojin5 dd,.souzoku1 dd,.souzoku2 dd,.souzoku3 dd,.souzoku4 dd { width: 390px; padding: 42px 0px 0px 45px; line-height: 1.2em; font-size: 90%; }

.souzoku1 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/s_img1.gif) no-repeat; }
.souzoku2 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/s_img2.gif) no-repeat; }
.souzoku3 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; background: url(../images/s_img3.gif) no-repeat; }
.souzoku4 { width: 550px; height: 80px; padding: 0px 10px; line-height: 1.4em; margin-bottom: 18px; background: url(../images/s_img4.gif) no-repeat; }

.consul-box4 p { width: 560px; padding: 0px 0px 12px 4px; }

/*CONTACT*/
.c-privacybox { width: 544px; height: 74px; border:1px solid #999999; padding: 8px 8px 0px 8px; margin: 10px 10px 10px 0px; overflow: auto; }
.h3in { width: 525px; font-size: 90%; }
.c-privacybox p { width: 525px; padding-bottom: 1em; font-size: 90%; color: #666666; line-height: 1.4em; }
* html .c-privacybox { width: 540px; height: 74px; border:1px solid #999999; padding: 8px 8px 0px 8px; margin: 10px 10px 10px 0px; overflow: auto; }/*IE6用*/
* html .h3in { width: 521px; font-size: 90%; }/*IE6用*/
* html .c-privacybox p { width: 521px; padding-bottom: 1em; font-size: 90%; color: #666666; line-height: 1.4em; }/*IE6用*/
.privacy-title { width: 555px; padding: 0px 0px 0px 10px; border-left: 5px solid #1F658B; font-weight: bold; }
.mail-box { width: 580px; }
.mail-box a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.mail-list { width: 574px; padding: 6px 0px ; margin-left: 6px; border-bottom: 1px dotted #666666; line-height: 1.4em; }
.mail-list2 { width: 574px; padding: 6px 0px ; margin-left: 6px; line-height: 1.4em; }
.mail-list3 { width: 574px; padding: 6px 0px 0px 0px; margin-left: 6px; line-height: 1.4em; }
.mail-title { width: 155px; float: left; color: #1f658b; padding: 0px 10px 0px 22px; background: url(../images/a_list_img.gif) no-repeat 6px 4px; }
.mail-title2 { width: 155px; float: left; color: #1f658b; padding: 0px 10px 0px 22px; }
.mail-text { width: 370px; float: right; }
.contact-box1 { width: 570px; padding: 0px 0px 20px 10px; line-height: 1.4em; }
/*.contact-box1 p { margin-top: 20px; }*/
.contact-box2 { width: 570px; padding: 0px 0px 20px 10px; line-height: 1.4em; }
.form-input { width: 350px; height: 17px; margin: 0px 20px 3px 0px; }
.form-input2 { height: 18px; margin-bottom: 3px; }
.form-textarea { width: 350px; margin: 0px 20px 3px 0px; }
.mailbtn-table { width: 322px; margin-left: 129px; }
.btn-left { width: 130px; }
.btn-right { width: 192px; }


/*BLOG*/
/*******************************************************************/
.blogtop { width: 798px; }
.blogtop .left { width: 318px; float: left; }
.blogtop .right { width: 160px; float: right; margin-top: 30px; }
.blogtop a:hover img { opacity: 0.8; filter: alpha(opacity=80); }

.blog-box { width: 580px; margin: 38px 0px 5px 0px; padding-bottom: 20px; border-bottom: 1px dashed #1F658B; }
.blog-box-in { width: 580px; margin: 15px 0px 5px 0px; padding-bottom: 22px; border-bottom: 1px dashed #1F658B; }
.blog-box p { width: 560px; padding: 0px 10px; margin-bottom: 1em; }
.blog-box-in p { width: 560px; padding: 0px 10px 17px 10px; }
.blog-bottom-link { width: 580px; }
.twitter { width: 223px; float: right; text-align: right; margin-top: 2px; }
.link { width: 580px; float: right; text-align: right; font-size: 95%; }
a.more-link { padding: 5px 10px; margin-left: 0px; background-color: #ffda96; }
.continue { padding: 5px 10px; margin-left: 10px; background-color: #ffda96; }
.blog-link { width: 560px; padding: 8px 10px; background-color: #cccccc; margin-top: 45px; }
.link-left { width: 215px; font-size: 90%; float: left; }
.link-center { width: 130px; font-size: 90%; float: left; }
.link-right { width: 215px; font-size: 90%; float: right; text-align: right; }

h1 { padding: 5px 0px 5px 10px; }
h2 { padding: 5px 0px 5px 10px; }
h3 { padding-left: 10px; }
h4 { padding-left: 10px; }
h5 { padding-left: 10px; }
h6 { padding-left: 10px; }
address { padding-left: 10px; }
pre { padding-left: 10px; }
.blog-box ul,.blog-box ol,.blog-box-in ul,.blog-box-in ol { padding-left: 30px; }

.h1blog { width: 531px; padding: 13px 10px 10px 37px; color: #333333; font-size: 17px; line-height: 1.3em; font-weight: bold; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; border-bottom: 3px solid #20658b; background: url(../images/h3_bg2.gif) no-repeat -1px 0px; }
/*.h1blog span { width: 541px; padding: 13px 0px 10px 37px; margin-top: 5px; color: #333333; font-size: 17px; line-height: 1.3em; font-weight: bold; border-left: 1px solid #b9b9b9; border-right: 1px solid #b9b9b9; }
.h1in { width: 580px; height: 17px; padding: 13px 0px 15px 37px; color: #333333; font-size: 17px; font-weight: bold; background: url(../images/h3_bg.gif) no-repeat; }*/

div.aligncenter,img.aligncenter{display: block; text-align:center !important; margin:0 auto !important; padding:5px; }
div.alignright,img.alignright{display: block; float:right !important; padding:5px;}
div.alignleft,img.alignleft{display: block; float:left !important;  padding:5px;}


.blog-box:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.blog-box { display: inline-block; }
/* exlude MacIE5 \*/
* html .blog-box  { height: 1% }
.blog-box  {display:block;}


/*FOOTER*/
/*******************************************************************/
#footer { width: 798px; margin: 30px 107px 15px 107px; color: #333333; text-align: center; line-height: 1.8em; }
.f-top { width: 788px; padding: 5px 10px 5px 0px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; text-align: right; }
.f-middle { width: 798px; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; font-size: 90%; padding: 3px 0px; color: #ffffff; background-color: #1F658B; }
.f-middle p { border-bottom: 1px solid #cccccc; }
.f-bottom { width: 798px; padding: 2px 0px 1px 0px; color: #333333; font-size: 95%; }
.addin { font-style: normal; }

#footer a:link,#footer a:visited { color: #ffffff; text-decoration: underline; }
#footer a:hover,#footer a:active { color: #ffffff; text-decoration: none; }


/*SIDEBAR*/
/*******************************************************************/
#sidebar { width: 200px; padding-bottom: 20px; float: left; }
.info-box { width: 200px; padding: 42px 0px 10px 0px; margin-top: 20px; background: url(../images/s_info_title.gif) no-repeat; }
.info-box a:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.info-middle { width: 170px; font-size: 95%; padding: 0px 18px 0px 12px; background: url(../images/s_info_middle.gif) repeat-y; line-height: 1.3em; }
.info-middle p { width: 170px; }
.info-bottom { width: 200px; padding: 0px 0px 12px 0px; background: url(../images/s_info_bottom.gif) no-repeat 0% 100%; line-height: 1.4em; }
.info-number { width: 200px; padding: 8px 0px; } 
.info-middle ul { width: 170px; }
.info-middle li { width: 170px; height: 35px; list-style: none; }

.consul-box { width: 200px; }
.consul-box li { list-style: none; }
.consul-box .company { display: block; text-indent: -10000px; width: 200px; height: 70px; margin-bottom: 4px; background: url(../images/s_company_btn_off.jpg) no-repeat; }
.consul-box .company a:link,.consul-box .company a:visited { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_company_btn_off.jpg) no-repeat; text-decoration: none; }
.consul-box .company a:hover,.consul-box .company a:active { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_company_btn_on.jpg) no-repeat; text-decoration: none; }

.consul-box .kojin { display: block; text-indent: -10000px; width: 200px; height: 70px; margin-bottom: 4px; background: url(../images/s_kojin_btn_off.jpg) no-repeat; }
.consul-box .kojin a:link,.consul-box .kojin a:visited { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_kojin_btn_off.jpg) no-repeat; text-decoration: none; }
.consul-box .kojin a:hover,.consul-box .kojin a:active { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_kojin_btn_on.jpg) no-repeat; text-decoration: none; }

.consul-box .souzoku { display: block; text-indent: -10000px; width: 200px; height: 70px; background: url(../images/s_souzoku_btn_off.jpg) no-repeat; }
.consul-box .souzoku a:link,.consul-box .souzoku a:visited { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_souzoku_btn_off.jpg) no-repeat; text-decoration: none; }
.consul-box .souzoku a:hover,.consul-box .souzoku a:active { display: block; width: 200px; height: 70px; color: #927f5f; background: url(../images/s_souzoku_btn_on.jpg) no-repeat; text-decoration: none; }

/*BLOG*/
.recent-box { width: 200px; padding: 42px 0px 0px 0px; background: url(../images/s_recent_title.gif) no-repeat; }
.recent-middle { width: 200px; background: url(../images/s_middle.gif) repeat-y; line-height: 1.4em; }
.article-box { width: 200px; padding-top: 7px; border-bottom: 1px dotted #666666; }
.article-box2 { width: 200px; padding-top: 7px; }
.article-box p { width: 166px; font-size: 95%; padding: 0px 10px 7px 24px; background: url(../images/s_arrow.gif) no-repeat 10px 4px; }
.article-box2 p { width: 166px; font-size: 95%; padding: 0px 10px 0px 24px; background: url(../images/s_arrow.gif) no-repeat 10px 4px; }
.recent-bottom { width: 200px; padding: 0px 0px 11px 0px; background: url(../images/s_bottom.gif) no-repeat 0% 100%; }

.category-box { width: 200px; padding: 42px 0px 0px 0px; margin-top: 10px; background: url(../images/s_category_title.gif) no-repeat; }
.category-middle { width: 200px; background: url(../images/s_middle.gif) repeat-y; line-height: 1.4em; }
.category-bottom { width: 200px; padding: 0px 0px 11px 0px; background: url(../images/s_bottom.gif) no-repeat 0% 100%; }

.select-month { width: 182px; font-size: 95%; padding: 3px 8px; margin-top: 10px; border: 1px solid #b6b6b6; }
.select-month img { vertical-align: middle; text-align: right; }

/*ACCESS*/
.access-box { width: 200px; padding: 42px 0px 0px 0px; margin-bottom: 10px; background: url(../images/s_access_title.gif) no-repeat; }
.access-middle { width: 200px; background: url(../images/s_middle.gif) repeat-y; line-height: 1.4em; }
.article-box { width: 200px; padding-top: 7px; border-bottom: 1px dotted #666666; }
.article-box2 { width: 200px; padding-top: 7px; }
.article-box p { width: 174px; font-size: 90%; padding: 0px 2px 7px 24px; background: url(../images/s_arrow.gif) no-repeat 10px 4px; }
.article-box2 p { width: 174px; font-size: 90%; padding: 0px 2px 0px 24px; background: url(../images/s_arrow.gif) no-repeat 10px 4px; }
.access-bottom { width: 200px; padding: 0px 0px 11px 0px; background: url(../images/s_bottom.gif) no-repeat 0% 100%; }


/*COMMON*/
/*******************************************************************/
.marg-b2 { margin-bottom: 2px; }
.marg-b5 { margin-bottom: 5px; }
.marg-t15 { margin-top: 15px; }
.marg-t35 { margin-top: 35px; }
.padd-b5 { padding-bottom: 5px; }
.font90 { font-size: 90%; }
.red-text { color: #FF0000; font-size: 12px; }



/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */
/*******************************************************************/