@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

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

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.reset {
 list-style: none;
 margin: 0;
 padding: 0;
}

img { border: none; }

body {
 padding: 0px;
 margin: 0px;
 font-size: 75%;
 color: #333;
 line-height: 1.2em;
 background: #00468e;
 text-align:  center;
}

a {
 color:#66CCCC;}

.container {
 margin:  0px auto;
 width: 950px;
 text-align:  left;
 position: relative;
}

ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}

li{
	display: block; 
	margin: 0px;
	padding:0px;
}

html,
body,
#wrap {
 position:relative;
 overflow: hidden;
}

#wrap { background: #000; }

#footer {
 position: fixed;
 bottom: 0;
 left: 0;
 background-color: #1a1b1d;
 color: #ccc;
 width: 100%;
 height: 9em;
}

#footer .container { height: 9em; }

#copyright {
 font-size: 0.9em;
 text-align: right;
 overflow:hidden;
}

#contents div.section {
 float: left;
 background-repeat: no-repeat;
 background-position: center center;
  overflow:hidden;
}

#contents div#slide1 { background-image: url(../img/bg01.jpg); }

#contents div#slide2 { background-image: url(../img/bg02.jpg); }

#contents div#slide3 { background-image: url(../img/bg03.jpg); }

#contents div#slide4 { background-image: url(../img/bg04.jpg); }

#contents div#slide5 { background-image: url(../img/bg05.jpg); }

#contents div#slide6 { background-image: url(../img/bg06.jpg); }

#contents div#slide7 { background-image: url(../img/bg07.gif); }

#contents div#slide8 { background-image: url(../img/bg08.gif); }

div#btn-about {
 position: absolute;
 right: 0;
 top: 3em;
}

#logo {
 position: absolute;
 top: 10px;
 left: 0;
 z-index: 999;
 background:url(../img/logo.png) no-repeat 0 0;
 width:1000px;
 height:100px;
 text-indent: -999em; 
}


#nav { margin-bottom: 0.2em; }

#nav li { float: left; }

#nav li a {
 display:block;
 width: 160px;
 height: 60px;
 background:url(../img/btn-navi.jpg) no-repeat 0 0;
 text-indent: -999em;
}

#nav li a#btn01:hover { background-position: 0px -60px; }

#nav li a#btn02 { background-position: -160px 0; }

#nav li a#btn02:hover { background-position: -160px -60px; }

#nav li a#btn03 { background-position: -320px 0; }

#nav li a#btn03:hover { background-position: -320px -60px; }

#nav li a#btn04 { background-position: -480px 0;}

#nav li a#btn04:hover { background-position: -480px -60px;}

#nav li a#btn05 {
 width: 120px;
 background-position: -650px 0;
}

#nav li a#btn05:hover {
 width: 120px;
 background-position: -650px -60px;
}

#nav li a#btn06 {
 width: 190px;
 background-position: -770px 0;
}

#nav li a#btn06:hover {
 width: 190px;
 background-position: -770px -60px;
}

.contents_1 {
 margin:0 auto;
 padding-top:90px;
 padding-left:70px;
 text-align:left;
 color:#FFFFFF;
 overflow:hidden;
 height:auto;
}


 
.contents_2 {
 margin:0 auto;
 padding-top:50px;
 padding-left:100px;
 text-align:left;
 color: #006699;
}

.contents_3 {
 margin:0 auto;
 padding-top:60px;
 padding-left:150px;
 text-align:left;
 color: #eee;
}

.contents_4 {
 margin:0 auto;
 padding-top:80px;
 padding-left:40px;
 text-align:left;
 color:#FFFFFF;
 overflow:hidden;
 height:auto;
}

h4 {
 margin: 10px 20px 5px 0px!important;
 font-size:1.1em;
 background-color: #218DBC;
 color:#FFFFFF;
 }


/*--------------------▽ページ内スクロールjsの設定*/
#Container {
  position: absolute;
  top: 80px; left: 110px;
  width: 550px; height: 450px;
  overflow: hidden;
  /*background-color:#E6E7FF;*/
}

.Scroller-Container {
	position: absolute;
	background: transparent;
	overflow: hidden;
}

h3 {
  margin: 5px 0;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1B5187;
  padding-left:5px;
}
#Container p {
  margin: 0 0 5px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #202B46;
  text-align: justify;
  text-indent: 10px;
}
#Scrollbar-Container {
  position: absolute;
  top: 95px; left: 680px;
  width: 10px; height: 430px;
}
.Scrollbar-Track {
  width: 10px; height: 430px;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 50px;
  background-color: #C6E7F4;
}
#sbLine {
  position: absolute;
  width: 6px;
  height: 5px;
  left: 7px;
  background-color: #B5D6E3;
  font-size: 0px;
}
#List {
  position: absolute;
  top: 120px; left: 710px;
}
#List a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #7ABAD3;
  display: block;
  text-decoration: none;
  padding: 3px;
}
#List a:hover {
  color: #0B6589;
}

/*--------------------▽表組み*/
dl.data {
 padding: 0px;
 border: 1px solid #AAB7C6;
 border-top: none;
 background-color: #f5f5f5;
}
dl.data dt {
 margin: 0;
 padding: 0.3em 0 0.1em 1em;
 border-top: 1px solid #AAB7C6;
 width: 16em;
 float: left;
 color: #333;
}

dl.data dd {
 margin: 0 0 0 16em;
 padding: 0.3em 1em;
 border-left: 1px solid #AAB7C6;
 border-top: 1px solid #AAB7C6;
 color: #999;
 background-color: #fff;
} 


dl.faq {
 padding: 0px;
 border: 1px solid #AAB7C6;
 border-top: none;
 background-color: #f5f5f5;
 overflow:auto;
 height:360px;
}
dl.faq dt {
 margin: 0;
 padding: 0.3em 0.5em 0.1em 1em;
 border-top: 1px solid #AAB7C6;
 width: 18em;
 float: left;
 color: #333;
}

dl.faq dd {
 margin: 0 0 0 18em;
 padding: 0.3em 1em;
 border-left: 1px solid #AAB7C6;
 border-top: 1px solid #AAB7C6;
 color: #999;
 background-color: #fff;
} 

/*--------------------▽テキストの色*/

.red{ color: #ff0000!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.white{ color: #ffffff!important; }/*水色*/

/*--------------------▽文字の大きさ*/
.b{ font-weight: bold!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }

/*--------------------▽周囲からの距離の指定*/

.p0{ padding: 0px!important; }
.p0-t{ padding-top: 0px!important; }
.p0-r{ padding-right: 0px!important; }
.p0-b{ padding-bottom: 0px!important; }
.p0-l{ padding-left: 0px!important; }

.p5{ padding:5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.m0{ margin: 0px!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0px!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0px!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0px!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0px!important; }/*左からのmarginが0px*/

.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }


.dashed {
	border-bottom:1px dashed #B5D7D5;
	padding:5px 20px;
}

.left {
	float:left;
	padding:0px 10px 50px 0px;
}

.right {
	float:right;
	padding:20px 10px 50px 20px;
}

.style1 {color: #00CCCC;
		font-size:12px;
		margin:0!important;
		}
		
.style2 {color: #FFFFFF;
		font-size:80%;
		}
		
li.list {
	background:url(img/filenew_16x16.png) left no-repeat;
	padding-left:20px;
	color:#00CCCC;
	}
li.list a{
	text-decoration:none;}
	
#tabs-5 li{
	padding:5px 0px;
	border-bottom:1px dotted #CCCCCC;
	color:#00CCCC;
	}
	
behavior:url(./iepngfix.htc)

behavior: expression(IEPNGFIX.fix(this));