@charset "utf-8";

/* ------- base ------- */


img {
	border:0;
}

@font-face {
   font-family: bscfont;
   src: url('../bscfont.ttf') format("truetype");
}

body {
	background-color: #FFF;
	font-size: 70%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #292623;
	background: url(../gazo/b3.jpg);
}

a {
	text-decoration: none;
	color: #292623;
}

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

/* ------- header ------- */

.header{
	color: #003366;
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	margin: auto;
	background-color: #f5f5f5;
	filter: alpha(opacity=60); /*IE8*/
	-moz-opacity: 0.6; /*fx*/
	opacity: 0.6;/*wb*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

a:link{
	color:#003366;
}
a:visited{
	color:#666;
}
a:hover{
	color:#06C;

}


#nav ul {
	list-style-type: none;
	margin-top: 35px;
		
	
}

#nav ul li {
	float: left;
	
	
}

#nav ul li a {
	font-family: 'Special Elite',"Comic Sans MS", cursive;
	font-size: 120%;
	color: #003366;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 130px;
	line-height: 34px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

#nav ul li a:hover {
	background-color: #add8e6;
}
.header h1{
	font-size: 110%;
	line-height: 20px;
	text-align: right;
	padding-right: 50px;
	font-family: 'Special Elite', Osaka-mono, monospace;
}

.header span {
	font-family:'bscfont';
	font-size: 110%;
}

.wrap {
	margin-top: 115px;
}

/* ------- コンテンツ ------- */
#contents {
	width: 780px;
	background-color: #f5f5f5;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}

#contents h1 {
	font-family: 'bscfont', "ヒラギノ角ゴ Pro W3", "メイリオ", Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
}

#contents p {
	width: 390px;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 2;
}


/* ------- タブ ------- */


/* タブパネル共通 */
div.tab-pane {
border-top: none;
height: 620px;
position: relative;
}

div.tab-pane h2 {
	font-family: 'bscfont', "ヒラギノ角ゴ Pro W3", "メイリオ", Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	
}

#ico {
position: absolute;
top: -40px;
left: 15px;
}


/* タブ1 */
div#tab1 {
text-align: center;
padding-top: 20px;

}

div#tab1 p {
font-size: 14px;	
}

/* タブ2 */
#tab2 {
	width: 630px;
	height: 1050px;
	margin:auto;
	background-color: #FFF;
}

#tab2 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#tab2 img {
position: absolute;
top: 100px;
left: 50px;
}

#tab2 p {
position: absolute;
top: 110px;
left: 260px;
font-size: 14px;
}

div#tab2 dl {
position: absolute;
top: 380px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#tab2 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#tab2 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 15px;
}

/* タブ3 */
#tab3 {
	width: 630px;
	height:700px;
	margin:auto;
	background-color: #FFF;
}

#tab3 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#tab3 img {
position: absolute;
top: 100px;
left: 50px;
}

#tab3 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#tab3 dl {
position: absolute;
top: 380px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#tab3 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#tab3 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}

/* タブ4 */
#tab4 {
	width: 630px;
	margin:auto;
	background-color: #FFF;
}

#tab4 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#tab4 img {
position: absolute;
top: 100px;
left: 50px;
}

#tab4 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#tab4 dl {
position: absolute;
top: 380px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#tab4 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#tab4 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}	

/* タブ5 */
#tab5 {
	width: 630px;
	margin:auto;
	background-color: #FFF;
}

#tab5 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#tab5 img {
position: absolute;
top: 100px;
left: 50px;
}

#tab5 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#tab5 dl {
position: absolute;
top: 380px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#tab5 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#tab5 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}	

/* ドロップダウン1 */
#dropdown1 {
	width: 630px;
	margin:auto;
	background-color: #FFF;
}

#dropdown1 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#dropdown1 img {
position: absolute;
top: 100px;
left: 50px;
}

#dropdown1 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#dropdown1 dl {
position: absolute;
top: 420px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#dropdown1 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#dropdown1 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}	

/* ドロップダウン2 */
#dropdown2 {
	width: 630px;
	margin:auto;
	background-color: #FFF;
}

#dropdown2 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#dropdown2 img {
position: absolute;
top: 100px;
left: 50px;
}

#dropdown2 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#dropdown2 dl {
position: absolute;
top: 420px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#dropdown2 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#dropdown2 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}	


/* ドロップダウン3 */
#dropdown3 {
	width: 630px;
	margin:auto;
	background-color: #FFF;
}

#dropdown3 h2 {
position: absolute;
top: 30px;
left: 105px;
}

#dropdown3 img {
position: absolute;
top: 100px;
left: 50px;
}

#dropdown3 p {
position: absolute;
top: 120px;
left: 260px;
font-size: 14px;
}

div#dropdown3 dl {
position: absolute;
top: 420px;
left: 105px;
width: 450px;
font-size: 14px;
}
div#dropdown3 dt {
color: #003366;
margin: 5px 0 0 0;
}
div#dropdown3 dd {
border-bottom: 1px dashed #B6C0C5;
margin: 0;
padding-bottom: 5px;
}	



/* タブのライン */

.nav-tabs {
    border-bottom: 1px solid #DDDDDD;
}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #5555555;
    cursor: default;
}






	
	
	
	
	/* ------- footer ------- */

#footer {
	font-size: 80%;
	width:100%;
	height: 35px;
	padding-top:40px;
	text-align:center;
	color:#000;
	bottom:0;

}