@charset "UTF-8";
@charset "utf-8";
/* ---- reset ------------------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;/*vertical-align:baseline;*/margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* ---- reset ------------------------------------------ */
img {vertical-align:bottom;border:none;}
a, a:visited{text-decoration:none;color:rgba(73,73,73,1);}
a:focus,a:active,a:hover{text-decoration:none; color:rgba(113,113,113,1);}
li{list-style-type: none;}
h1,h2,h3,h4,h5,h6,p,a{letter-spacing: 0.05em;}
h1 br,h2 br,h3 br,h4 br,h5 br,h6 br,p br,a br{letter-spacing:0;}
body { font-family:"Verdana", Meiryo, メイリオ, sans-serif; color:rgba(90,90,90,1); background:url(../img/cmn/bg.png) center top;}

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

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

/* ---- all page common ------------------------------------------ */

/* ID系 */
#g_header, #g_content, #g_footer { min-width: 900px;} /* 最低限の幅 */
#g_content {padding-top: 120px;background-color: rgba(250, 250, 250, 1)} /* headerのheight を指定 */
#g_footer  {bottom: 0px;}
#g_header > nav { 
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  margin-bottom: 0;
  border-bottom: solid 1px rgba(100, 100, 100, 0.5);
  background:url(../img/cmn/head_bg.gif) center top;
}
#g_footer nav { background-color:#E2D9BD;}

/* Hed */
.hed_nav { width:950px; margin:auto; background:url(../img/cmn/head_point.gif) no-repeat 345px 0px;}
.logo_area { width:298px; margin:0px; padding:0px 0px 0px 10px; float:left;}
.logo_area h1 { margin:25px 0px 10px 0px; padding:0px;}
.logo_area h2 {font-size: 12px;  line-height:200%;}
.logo_area p { text-align:right; margin:0px 0px 30px 0px; padding:0px;}

.logo_right_area { width:630px; float:right; padding: 0px 10px 15px 0px;}
.logo_right_area address {font-size:12px; line-height:200%; float: right;width: 335px;margin-top: 5px;}

.detial_area { height:40px; margin:0px; padding: 6px 0px 17px 0px; float:right;}
.detial_area li{ float:left; margin:0px; padding:0px;}

.detial_area li.membership { margin:0px; padding:0px 0px 0px 0px;}
.detial_area li.membership a{ display:block; width:150px; height:40px; background:url(../img/cmn/btn_sponsor.gif) no-repeat;}
.detial_area li.membership a:hover img{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0;}

.detial_area li.induery { margin:0px; padding:0px 0px 0px 5px;}
.detial_area li.induery a{ display:block; width:110px; height:40px; background:url(../img/cmn/btn_contact.gif) no-repeat;}
.detial_area li.induery a:hover img{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0;}

.detial_area li.tw { width:85px; margin:0px; margin-top: 20px; padding:0px 0px 0px 10px;}
.detial_area li.fb { margin:0px; margin-top: 21px; padding:0px 0px 0px 20px;}

/* Footer */
.fot_nav_inner{ margin:auto; text-align: center; width: 890px; min-width: 890px; min-height:100px; padding: 0px 0px 60px 0px; background:url(../img/cmn/foot_bg.png) no-repeat bottom right;}

.fot_nav_1, .fot_nav_2, .fot_nav_3, .fot_nav_4,.fot_nav_5{ float:left; margin-top: 22px; min-height: 296px; min-width: 100px; padding-left: 25px; padding-right: 25px; text-align: left;}
.fot_nav_4{margin-right: 0px;}
.fot_nav_inner h1 { margin-bottom:14px; margin-left:0px; margin-top:26px; font-weight:bolder; font-size:16px; color:#3F1912;}
.fot_nav_inner ul { margin-top:12px; margin-left:5px; color:#3F1912;}
.fot_nav_inner li { padding-bottom:7px;margin-left: 0px; padding-top:5px; font-size:15px;}

/* Copyright */
.fot_btm{ min-height:20px; text-align:center; padding:19px; background-color:#3F1912;}
.fot_btm p{ letter-spacing: 0.1em; font-size:13px; color:#FFFFFF; font-family: Arial;}

.title_area { width: 940px; background-color:#FCF8E7; border-top:solid 3px #00799A; border-right:solid 1px #E2E2E2; border-left:solid 1px #E2E2E2; border-bottom:solid 1px #E2E2E2;}
.title_area h1{ width: 890px; height:30px; border-bottom:solid 1px #E2E2E2; font-size:18px; margin:0px; padding:17px 0px 0px 50px; background:url(../img/other/bg_ttl.png) no-repeat 10px 10px; color:#3F1912; font-weight:bold;}

.contents_top{width: 950px;margin: 40px auto 40px;}
.contents_common{width: 872px;margin: 40px auto 40px;}

/* コンテンツのメニュー共通 */
.contents_navi { width:100%; height:30px; padding:0px 0px 0px 0px;}
.contents_navi ul { margin:0; padding:0; list-style:none; font-size:13px;}
.contents_navi li { height:30px; float:left; margin:0px; padding:0px;}
.contents_navi li a{ display:block; height:20px; margin:0px; padding:10px 8px 0px 23px; background:url(../img/other/menu_icon01.png) no-repeat 7px 11px; color:#3F1912;}
.contents_navi li a:hover{ height:20px; margin:0px; padding:10px 8px 0px 23px; background:url(../img/other/menu_icon02.png) no-repeat 7px 11px #F3E9CC; color:#3F1912;}
.contents_navi li.onpage{ height:20px; margin:0px; padding:10px 8px 0px 23px; background:url(../img/other/menu_icon02.png) no-repeat 7px 11px #F3E9CC; color:#3F1912; font-weight:bold}

/*　icon スプライト　*/
i {
  display: inline-block;
  vertical-align: text-top;
  margin-right:5px;
}
.chev-right {
  background-image: url(../img/sprite/icons-blue.png);
  background-position: -265px -96px;
  background-repeat: no-repeat;
  width: 13px;
  height: 15px;
}

.chev-right02 {
  background-image: url(../img/sprite/icons-blue.png);
  background-position: -265px -24px;
  background-repeat: no-repeat;
  width: 13px;
  height: 15px;
}

/*クリア*/
div .clear{
  width:0px;
  heigth:0px;
  font-size:0px;
  line-height:0px;
  clear:both;
}

a{ outline:none;}
