@charset "utf-8";

html { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size : 100%; color: #666; line-height: 1.8; letter-spacing: 1.5px; background-image: url(../img/00back01.gif),url(../img/00back10.jpg); background-repeat: repeat-x,repeat; background-position: left top,left top; min-width:1100px;}

br{letter-spacing:0em;}
:link,:visited {text-decoration:none;}
html,body,div,dl,dt,dd,form,fieldset,input,textarea,pre,code,blockquote,hr,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p{margin: 0; padding: 0;}
fieldset,img,abbr,acronym {border:0;} 
address,caption,cite,code,dfn,em,u,s,i,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
a {text-decoration:none; outline:none;}
a img,:link img,:visited img {border:none;}
img, div { behavior: url(iepngfix.htc);}
.none{margin: 0; padding: 0;}

a img.linkimg{ background: none; -webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;}
a:hover img.linkimg{ opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */}

a:link{ color: #666; font-weight: bold;}
a:active{ color: #666; font-weight: bold;}
a:visited{ color: #666; font-weight: bold;}
a:hover{ color: #ff6600; font-weight: bold;}


h1 { font-size : 1.3em; line-height : 1.5; } 
h2 { font-size : 1em; line-height : 1.5; }

/*-------------------------------------------------*/

.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {display:inline-block;}/* exlude MacIE5 ?*/
* html .clearfix {height:1%;}
.clearfix {display:block;}/* end MacIE5 *//*for IE 5.5-7*/
.clearfix{zoom:1;}
.clearfix + *{clear: both;}

/*-------------------------------------------------*/

#box { width: 100%; height: 663px; text-align: center; background-repeat: no-repeat; background-position: center top; }
#logo01 { margin-bottom: 294px; }

#container{ width: 1100px; background-color: #fff; margin: 0 auto; }
#contents{ width: 1000px; padding: 50px; }

#menu01
#menu01 ul li, 
#menu01 ul{list-style: none; padding: 0; margin: 0; font-size: 0; line-height: 0;}
#menu01 ul li{float: left;}
#menu011 { width: 1020px; margin: 0 auto 14px auto; }

#menu01a
#menu01a ul li, 
#menu01a ul{list-style: none; padding: 0; margin: 0; font-size: 0; line-height: 0; }
#menu01a ul li{ float: left; }
#menu011a { width: 1020px; margin: 0 auto; }

#menu02
#menu02 ul li, 
#menu02 ul{list-style: none; padding: 0; margin: 0; font-size: 0; line-height: 0;}
#menu02 ul li{float: left;}
#menu022 { width: 1000px; text-align: left; }

#menu03
#menu03 ul li, 
#menu03 ul{list-style: none; padding: 0; margin: 0; font-size: 0; line-height: 0;}
#menu03 ul li{float: left;}
#menu033 { width: 896px; text-align: left;}

#foot { font-size: 87.5%; width: 100%; background: #3e3a39; color:#fff; }
#foot01 { width: 1000px; margin: 0 auto; padding: 50px; }
#foot_line { padding: 0 10px;} 

#foot_menu{ line-height: 2.2; }
#foot_menu a:link{ color:#fff; font-weight:normal;}
#foot_menu a:visited{ color:#fff; font-weight:none;}
#foot_menu a:active{ color:#fff; font-weight:none;}
#foot_menu a:hover{ color:#FF6600; font-weight:none;}

.copy { text-align: center; color:#fff;}

#t896 {width: 848px; height: 50px; font-size:20px; font-weight: bold; background:url(../img/10t01.gif) no-repeat; padding: 6px 0px 0px 48px; margin-bottom: 30px;}

.top_t01 { width: 99%; background:url(../img/t_back01.gif) repeat-x; background-position: left bottom; padding: 6px; margin-bottom: 20px; }

#backtotop {transition:all .3s ease-in-out;}

#backtotop{ display:inline-block; position:fixed; visibility:hidden; width:50px; height:42px; line-height:14px; font-size:14px; text-align:center; opacity:.2; bottom:40px; right:40px; padding-top:8px; }
#backtotop i{display:block; width:100%; height:100%; line-height:inherit; }
#backtotop.visible{visibility:visible; opacity:1;}
#backtotop:hover{opacity:.5;}
#backtotop{ color:#FFFFFF; background-color:#666; z-index: 8;}

.new01{width: 435px; height: 14px;}
.new02 {width: 400px; background:url(../img/01waku12.gif) repeat-y; padding: 10px 18px 0px 17px;}
.new03{width: 435px; height: 14px;}