@charset "UTF-8";
/*CSSをリセットする*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img { 
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}


/*全体の調整*/
body{
width: 14000px; /* =ページ幅×ページ数 */
position:absolute;
top:0px;
left:0px; 
bottom:0px;
font-size: 13px; /* モダンブラウザ向け */
*font-size: small; /* IE 7向け */
*font: x-small; /* IE 6以下 */
color: #515454;
font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
.page { 
float: left;
margin:0px;
bottom:0px;
width:2000px; /* =ページ幅 */
height:1080px;
}

a{
ouline: 0;
}


#header-wrapper {
  height: 60px;
}

#site-title {
  padding: 10px 0 0 0;
}
h5 {
  margin-top: 20px;
}
#tab-wrapper {
margin: 0 auto;
text-align: left;
padding:0px;
}
#main {
clear: left;
margin: 20px auto;
padding: 5px 20px;
width: 900px;
}

#tab-a1 {
border-left: 1px solid #ccc;
margin: 0 0 0 0px;
}

#tab ul {
padding: 5px 20px;
}

#tab li {
float: left;
position: relative;
left: 15px;
top: 190px;
list-style-type: none;
font-size:12px;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#tab li a {
display: block;
color: #555;
text-align: center;
text-decoration:none;
padding:5px;
}

#tab li a:hover, #tab li.present a {
background-color:#0098b4;
color: #fff;
padding:5px;
}

#page001, #page002, #page011, #page012{
clear:both;
padding:0;
}


.disnon {
display: none;
}
.content_wrap02 {
clear: left;
width: 500px;
height: 100px;
font-size: 20px;
text-align: center;
line-height: 100px;
background: #ccc;
color: #fff;
}
.content_wrap {
position: relative;
left: 12px;
top: 207px;
width: 700px;
font-size:90%;
border: solid 2px #e6e6e6;
background-image: url(../images/bl7.png);
padding: 0;
}



/*背景画像の設定*/
/*1*/
#page1 {
	background: url(../images/section1_bg.jpg) no-repeat 0px 0px;
}

/*2*/
#page2 {
	background: url(../images/section2_bg.jpg) no-repeat 0px 0px;
}

/*3*/
#page3 {
	background: url(../images/section3_bg.jpg) no-repeat 0px 0px;
}

/*4*/
#page4 {
	background: url(../images/section4_bg.jpg) no-repeat 0px 0px;
}

/*5*/
#page5 {
	background: url(../images/section5_bg.jpg) no-repeat 0px 0px;
}

/*6*/
#page6 {
	background: url(../images/section6a_bg.jpg) no-repeat 0px 0px;
}

/*7*/
#page7 {
	background: url(../images/section7_bg.jpg) no-repeat 0px 0px;
}

.box {
width: 980px;
position: relative;
margin : 0 0 0 40px;
}

.mod-image { width: 496px; }
.mod-image .main { width: 496px; height: 280px; }
.mod-image .main li { display: none; position: absolute; top: 190px; left: 10px; }
.mod-image .thumb { width: 495px; position: absolute; top: 470px; left: 10px; padding: 5px 0; margin: 0; overflow: hidden; _zoom: 1; background: url(../img/common/bg.gif); }
.mod-image .thumb li { position: relative; float: left; padding: 0; margin: 0; width: 55px; height: 55px; background: #000; cursor: pointer; }
.mod-image .thumb img { position: absolute; top: 0; background: #000; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.mod-image .thumb .current { position: absolute; top: -5px; width: 55px; height: 65px; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); background: url(../img/common/target.gif) no-repeat; }
.mod-image02 { position: absolute; top: 550px; left: 10px; }


/*各セクション内のレイアウト等*/
/*0*/
.box h1 {
	position: absolute;
	left: 10px;
	top: 20px;
}

/*1*/
.box h1 {
	position: absolute;
	left: 10px;
	top: 20px;
}

/*2*/
.box h1 {
	position: absolute;
	left: 10px;
	top: 20px;
}

/*3*/
.box h1 {
	position: absolute;
	left: 10px;
	top: 20px;
}

/*4*/
.box h1 {
	position: absolute;
	left: 10px;
	top: 20px;
}


/*ナビゲーション*/
.box ul#nav {
	position: absolute;
	left: 380px;
	top: 30px;
}
.box ul#nav li {
	display: inline;
	margin-right: 10px;
}
.box ul#nav2 {
	position: fixed;
	left: 150px;
	top: 30px;
	background: #000;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
	padding: 8px 15px 0px 15px;
}
.box ul#nav2 li {
	display: inline;
	margin: 0 10px;
}
.box ul#nav2 li a {
	opacity: 0.6;
}
.box ul#nav2 li a:hover {
	opacity: 1;
}

.news {
position: absolute;
width:496px;
left: 10px;
top: 570px;
overflow: hidden;
padding:0;
background-image: url(../images/bl7.png);
}

.news h3 {
background: #000; 
color: #fff;
padding:3px 6px;
}
.news li {
padding:5px 0;
border-bottom: 1px dotted #444;
}
.date {
font-size:90%;
color: #666;
padding:0px 10px;
}

.small {
	font-size:85%;
}
.red {
	color:#ff0000;
}


/* table
----------------------------------------------------- */
.table01 {
position: relative;
left: 15px;
top: 190px;
width: 770px;
font-size:90%;
border: solid 2px #e6e6e6;
background-image: url(../images/bl7.png);
padding: 0px;
}

.table01 th, .table01 td {
border-bottom: 1px dotted #444;
padding: 10px 15px;
vertical-align: top;
line-height: 1.5;
}

.table01 th {
font-weight: bold;
border-right: 1px dotted #444;
color:#444;
width:150px;
}

.table02 {
position: relative;
left: 15px;
top: 190px;
width: 800px;
font-size:90%;
border: solid 2px #e6e6e6;
background-image: url(../images/bl7.png);
padding: 0px;
text-align: left;
}

.table02 td {
border-bottom: 1px dotted #444;
width: 120px;
padding: 10px 15px;
vertical-align: top;
line-height: 1.5;
}

.table03 {
position: relative;
left: 15px;
top: 190px;
width: 840px;
font-size:90%;
border: solid 2px #e6e6e6;
background-image: url(../images/bl7.png);
padding: 0px;
}

.table03 th, .table03 td {
border-bottom: 1px dotted #444;
padding: 5px 15px;
vertical-align: top;
line-height: 1.33;
}

.table03 th {
font-weight: bold;
color:#444;
width:150px;
border-right: 1px dotted #444;
}

.table03a {
border-top: 1px dotted #444;
border-bottom: 1px dotted #444;
}

.width300 {
width: 300px;
}

.001 {
float: left;
width: 200px;
background: #ff0000;
}

.002 {
margin: 0 0 100px 0;
}


ul#logo {
position: absolute;
left: 15px;
top: 750px;
}

ul#logo li {
display: inline;
margin-right: 0px;
}

ul#logo02 {
position: absolute;
left: 700px;
top: 812px;
}

ul#logo02 li {
display: inline;
margin-right: 0px;
}

/* #globalNavi
----------------------------------------------------- */
ul#topNav {
position: absolute;
left: 380px;
top: 50px;
overflow: hidden;
padding:0;
}
ul#topNav li {
display: inline;
float: left;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
background: #000;
border-right: 1px solid #fff;
}
ul#topNav li p{
font-family:Arial, Helvetica, sans-serif;
font-size:68%;
color:#c1c1c1;
}
ul#topNav li a {
display: block;
padding: 5px 10px;
border-bottom: none;
color: #fff;
text-align: center;
text-decoration: none;
}

ul#topNav li a:hover {
color:#fabe00;
text-decoration: none;
}

.box ul#topNav li.last {
border-right: none;
}


#globalnavi {
position: absolute;
left: 380px;
top: 50px;
overflow: hidden;
padding:0;
}

#globalnavi ul {
padding-top: 0;
}

#globalnavi ul li {
float: left;
display: inline;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
background: #000;
border-right: 1px solid #fff;
}

#globalnavi ul li p{
font-family:Arial, Helvetica, sans-serif;
font-size:68%;
color:#c1c1c1;
}

#globalnavi ul li a {
display: block;
padding: 5px 10px;
border-bottom: none;
color: #fff;
text-align: center;
text-decoration: none;
}

#globalnavi ul li a:hover {
color:#fabe00;
text-decoration: none;
}

#globalnavi ul li.last {
border-right: none;
}


#globalnavi ul li.last a {
}

#globalnavi ul li.last a:hover {
}

/*footer*/
ul#fot {
position:absolute;
top: 810px; 
left: 0px;
margin : 0;
padding: 5px 15px 5px 15px;
font-size: 80%;
background-image: url(../images/bl7.png);
color: #888;
}
ul#fot li {
display: inline;
margin: 0 10px;
}
ul#fot li a {
opacity: 0.6;
}
ul#fot li a:hover {
opacity: 1;
}

.title {
position:absolute;
top: 160px; 
left: 15px;
font-size: 125%;
font-weight: bold;
line-height: 122%;
margin: 0 0 8px 0;
padding: 2px 5px 2px 5px;
color: #fff;
background: #ca529c;
}

h3 {
font-size: 122%;
font-weight: bold;
line-height: 122%;
margin: 0 0 6px 0;
padding: 2px 0 2px 5px;
border-left: 8px solid #ca529c;
}

h4 {
font-size: 110%;
font-weight: bold;
margin: 0 0 6px 0;
padding: 2px 0 2px 0;
}

.l_p {
padding: 0 0 15px 0;;
}

    dl {  
     width:390px;  
    }  
    dt {  
     float:left;  
     width:200px;  
     padding:3px 0;  
    }  
    dd { 
     float:left;  
     width:200px;  
     padding:5px 10px;  
     border-left:1px solid #999;  
    } 

.l_box {
float:left;
width : 40%;
background : #e5e5e5;
}


.center {
text-align: center;
}

.pd01 {
padding:28px 0 0 0;
}

.pd02 {
padding:0 0 8px 0;
}