@charset "utf-8";

.pc{ display:block;}
.sp{ display:none;}

/*---------------------------------------------
ロゴ　レイアウト
---------------------------------------------*/
#top h1{ overflow: hidden; text-indent: 100%; white-space: nowrap;width:223px; height:60px; float:left;}
#mainlogo{ overflow: hidden; text-indent: 100%; white-space: nowrap;width:223px; height:60px; float:left;}

/*---------------------------------------------
ロゴ　装飾
---------------------------------------------*/
#top h1{ background: url(../img/logo.jpg) 0 0 no-repeat; }
#mainlogo{ background: url(../img/logo.jpg) 0 0 no-repeat; }

/*---------------------------------------------
全体のレイアウト
---------------------------------------------*/
body{line-height:140%; margin:0 0 0 ;  padding:10px 0 0; font-size:12px;}
#wrapper{ width:1000px; margin:auto;}

a{ line-height:140%;}

h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,table,img,form,fieldset,td,th,a{margin:0;padding:0; border:0; box-sizing: border-box;}
ul,ol,dl{list-style:none;}

.linkarea a{ padding-left:12px; margin-left:10px;}

/*---------------------------------------------
全体の装飾
---------------------------------------------*/
body{ color:#666666; background:#fff; border-top:5px solid #F77159;
font-family: "フロップデザインフォント","メイリオ", Meiryo, Osaka,"Yu Mincho", YuMincho,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

em.red{ color:#f8715a;}
em.green{ color:#6b8785;}
em.orange{ color:#fa9f3c;}

.linkarea a{ background:url(../img/icn_s_06.png) 0 2px no-repeat; }

/*---画像---*/
img.img_boarder{ border:1px solid #b7b7b7;}
img.img_boarder3px{ border:3px solid #b7b7b7;}
.img_frame {box-shadow:0 0 1px 1px rgba(191,191,191,0.60);border:10px solid #fff; display:inline-block;}

/*---テーブル---*/
table {border-collapse: collapse;}

/*---------------------------------------------
ヘッダー　レイアウト
---------------------------------------------*/
#header{ width:1000px; padding:0 0 15px;}

#header .leftbox { float:right; width:525px;}
#header .linkarea{ float:left;padding-top:15px;}
#header .linkbtn{ float:right;}
#header .linkbtn a{ padding:10px 0 10px; text-align:center; width:119px; display:inline-block; margin-left:15px;  }

#header .search{ clear:both; margin-top:10px; background:#ccc; position:relative;}
#header .search input{float:right; padding:5px; width:253px; height:30px; }

#header .search button{ background:none; width:16px; border:none; cursor:pointer; position:absolute;right:19px; top:4px;}
#header .search button img{ width:16px; height:18px; }

#header #header_banner{ float:left;margin: 15px 0 0;}
#header #header_banner .bnfb{margin: 0 10px 0 45px;}
#header #header_banner .bnfb img{width:43px;}
#header #header_banner .bn60th img{width:60px;}

/*---------------------------------------------
ヘッダー　装飾
---------------------------------------------*/
#header .linkarea a{ color:#666;text-decoration:none!important; }
#header .linkarea a:hover{ color:#fa9720;text-decoration:none!important; }

#header .linkbtn a{ background:#f9971f; color:#fff!important;text-decoration:none!important; font-weight:bold;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; }
#header .linkbtn a:hover{ background:#FDB664;}

#header .search input{ border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px;background:#E9E5E2; border:none;box-shadow:0 1px 2px 1px  #B9B8B6 inset;}


/*---------------------------------------------
メインメニュー レイアウト
---------------------------------------------*/
#gnavi{ width:1000px; }
#gnavi a { display:inline-block;width:160px; padding:13px 0; margin-right:8px;font-size:14px;text-align:center;}


/*---------------------------------------------
メインメニュー　装飾
---------------------------------------------*/
/*---共通---*/
#gnavi a {	text-decoration:none!important; font-weight:bold; font-size:14px;
			border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; 
			box-shadow:0px 3px 0px #67614B;-moz-box-shadow:0px 3px 0px #67614B; -webkit-box-shadow:0px 3px 0px #67614B;}
			
#gnavi a {color:#666 !important;background:#DFDAD6;}
#gnavi a:hover { color:#fff!important;background:#FA9720;}
#gnavi a.active{ color:#fff!important;background:#FA9720;}

/*---------------------------------------------
レフトナビ レイアウト
---------------------------------------------*/
#container_left{ width:250px; float:left;}
#container_left .SubMenu{ margin-bottom:40px;}
#container_left .SubMenu dl{ margin-bottom:25px;}

#container_left .SubMenu dt{ padding:0px 15px 5px;}
#container_left .SubMenu dl.active dt{ padding:14px 15px 12px ;}
#container_left .SubMenu dt img{ margin-top:-7px; padding-right:10px; vertical-align:-10px; display:inline; }

#container_left .SubMenu dd{ padding:17px 15px 12px 15px;width:225px; margin:auto;  }
#container_left .bnarea li{ margin-bottom:10px;}

/*---------------------------------------------
レフトナビ 装飾
---------------------------------------------*/
#container_left .SubMenu dl{background:#fff; border-bottom-left-radius:5px;border-bottom-right-radius:5px; padding-bottom:17px;}
#container_left .SubMenu dl.active { background:#DFD9D5;}
#container_left .SubMenu dl.active dd{ font-size:14px;}
#container_left .SubMenu dl.active a:hover,#container_left .SubMenu dl.active a:hover p{ color:#F77159;}

#container_left .SubMenu dt{ background:#504D48;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; color:#fff; 
box-shadow:0px 3px 0px #fa9720;  -moz-box-shadow:0px 3px 0px #fa9720; -webkit-box-shadow:0px 3px 0px #fa9720; font-size:18px; }
#container_left .SubMenu dd{ background:url(../img/icn_s_06.png) 0px 20px no-repeat;border-bottom:1px dotted #666; font-size:14px; font-weight:bold;}
#container_left .SubMenu .subtext{ font-size:12px; color:#6B8785; font-weight:normal;}

#container_left .SubMenu a{ color:#666; text-decoration:none!important; }
#container_left .SubMenu a:hover{ color:#FA9720!important;}

#container_left .bnarea a:hover img{ opacity:0.5;}
#container_left .bnarea img{ border: solid 2px #CCC;}

/*---------------------------------------------
右コンテンツ レイアウト
---------------------------------------------*/
#container_right{ width:740px; float:right;}

/*---------------------------------------------
ページトップ遷移
---------------------------------------------*/
.pagetop { width:1000px; clear: both; margin:auto;}
.pagetop a{ line-height:0%; padding:0; display:inline;float:right; }
.pagetop a img{ display:block; }


/*---------------------------------------------
フッター レイアウト
---------------------------------------------*/
#footer{  clear:both;width:100%;padding:50px 0 35px; }
#footer .inner{ width:1000px; margin:auto;}

#footer .adress{ width:250px; height:300px; text-align:center;  float:left; padding:20px;}
#footer .adress .ttl {margin-bottom:20px;}
#footer .adress p{ margin-bottom:15px;}

#footer .information{ width:740px; float:right;}
#footer .information dl{ width:230px; float:left; margin-right:20px;}
#footer .information dl.firstchild{ margin-left:10px!important;}
#footer .information .ttl{ padding: 0 0 10px 10px; margin-bottom:30px; }
#footer .information dt{ padding:0 10px 8px; } 
#footer .information dd{ padding:8px 0 8px 15px;}

#footer .linkarea{ clear:both; text-align:center;}

#copyright{width:100%; text-align:center; padding:20px 0;}

#footer  #footerlink{ text-align:center; margin:35px auto 0; }
#footer  #footerlink span{ margin:0 5px;}
#footer  #footerlink span.pc{ display:inline}

/*---------------------------------------------
フッター 装飾
---------------------------------------------*/
#footer{ background:#DED9D5; border-top:5px solid #F77159;}

#footer .adress{  background:url(../img/bg_address.png) 0 0 no-repeat; color:#fff; }
#footer .adress .ttl { font-size:18px; color:#fff; }

#footer .information .ttl{ font-size:18px; border-bottom:2px solid #666; }
#footer .information dt{ border-bottom:1px dotted #666; font-weight:bold;} 
#footer .information dd{ background:url(../img/icn_s_06.png) 2px 13px no-repeat; border-bottom:1px dotted #666; font-size:12px;}

#footer .information a{ text-decoration:none!important; color:#666;}
#footer .information a:hover{ text-decoration: underline!important; color:#666;}

#footer  #footerlink a {color:#666; text-decoration:none; font-size:12px;}
#footer  #footerlink a:hover {color:#fa9720; text-decoration:none;}

#copyright{ background:#504D48; color:#fff; }
/*---------------------------------------------
CleraFix
---------------------------------------------*/

.clfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clfix {
  min-height: 1px;
}

* html .clfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

hr.cl { clear: both; line-height:0% !important; visibility: hidden; margin: 0 0 0 0; padding:0 0 0 0; size:0px;}

.lastchild{ margin-right:0px !important;}