@charset "UTF-8";

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

table { width: 100%;margin-left : auto;margin-right : auto;border-collapse: collapse; }
th,td { vertical-align: middle; }


img {  border : none;margin: 0;padding: 0; }


								html,body{ height:100%; }

body {
	margin-top  	: 0;
	margin-left		: 0;	
	font-weight 	: lighter;
	font-size 		: 12pt;
/*	color			: #000099;*/
	color			: gray;
	background-color: #fff;
}


a { text-decoration: none; }

a:link   { color: #336699; }

a:visited { color:  #336699; }

a:hover { color: #ff8000;text-decoration: none; }

a:active  { color: #ff8000; }




#header  {
/*	position		: fixed;*/
	width			: 100%;
/*	height			: 66px;*/
								height			: 60px;
	margin-left 	: auto;
	margin-right 	: auto;
	padding			: 0;
	top				: 0;
	border-bottom	: 1px solid #00ced1;
	background-color: #000040;
	z-index			: 1;
}

#head {
	position		: relative;
	width			: 1080px;
	margin-top		: 0;
	margin-left 	: auto;
	margin-right 	: auto;
	padding			: 0;
	background-color: #000040;
}

div#head ul{ margin: 0;padding: 0; }

div#head li{
	display		: inline-block;
}


li#bnr { width: 13%; }


#head li#title {
margin: 0;
padding: 0;
	width			: 76%;
									height			: 54px;
	font-size		: 1.8em;
	text-align		: center;
	vertical-align	: top;
	padding-top		: 6px;
	line-height		: 0.8;
}

h1 {
	padding: 0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight 	: bold;
	font-size		: 16pt;
	color 			: #00ced1;
}


.nvlink3 {
	color 			: #00ced1;
	font-size		: 12pt;
}

.nvlink3 strong {
	font-family		: Arial, Helvetica, sans-selif;
	font-weight 	: bold;
	color 			: #00ced1;
}


li#title a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	font-weight : bold;
	text-shadow:  1px 1px 1px #7777ff;
}

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


#main {
	width			: 1080px;
	height			: 1200px;
	margin 			: 0 auto ;
	text-align		: center;
	background-color: #ececff;
}


div#head-list {
	width				: 100%;
	margin				: 0 auto;
	padding				: 0;
/*	margin-top			: 62px;*/
	background-color	: #ececff;
	font-weight 		:lighter;
	opacity				: 0.5;
}


div#head-list dl {
	width				: 80%;
	margin				: 0 auto;
	padding				: 6px 0 2px 0;
	text-align			: center;
}

div#head-list dl dt {
	padding				: 2px 0 16px 0;
	font-weight 		:lighter;
/*	font-weight			: bold;*/
	font-size			: 13pt;
	color				: #000;
}



div#head-list dl dt dd {
	width				: 80%;
	font-weight			: bold;
	font-size			: 14pt;
	color				: #006699;
	text-shadow			: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);
	text-align 			: center;
	padding				: 2px 0 2px 0;
}


#i_show {
	width				: 100%;
	font-weight			: bold;
	font-size			: 16px;
	color				: #000;
/*
	background-color	: #ddffff;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #ececff), color-stop(1, #fdfdff));
	background: -webkit-linear-gradient(top,#ececff 0%, #fdfdff 90%);
	background: -moz-linear-gradient(top,#ececff 0%, #fdfdff 90%);
	background: -ms-linear-gradient(top,#ececff 0%, #fdfdff 90%);
	background: -o-linear-gradient(top,#ececff 0%, #fdfdff 90%);
	background: linear-gradient(to top,#ececff 0%, #fdfdff 90%);
*/
	text-shadow			: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);
	text-align 			: center;
	padding				: 6px 0 4px 0;
}


#i_show {
	-webkit-animation-name	: i_show;
	-webkit-animation-duration: 1s;
	animation-name			: i_show;
	animation-duration		: 1s;
}

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

div#nav {
			-webkit-box-sizing	: border-box;
			-moz-box-sizing		: border-box;
			box-sizing			: border-box;
	margin-top		: 0;
	width			: 1080px;
	height			: 34px;
	margin-left		: auto;
	margin-right	: auto;
	text-align:left;
	padding-top		: 2px;
	background-color: #ececff;
}

div#nav #main-nv ul {
	padding-left	: 10px;
}


div#nav #main-nv ul li {
	display: inline-block;
	margin: 0 1px 0 0;
}

div#nav #main-nv ul li a {
	display: block;
	border-radius: 6px 6px 0 0;
	background-color: #828282;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #808080), color-stop(1, #b6b6b6));
	background: -webkit-linear-gradient(top,#808080 0%, #b6b6b6 100%);
	background: -moz-linear-gradient(top,#808080 0%, #b6b6b6 100%);
	background: -ms-linear-gradient(top,#808080 0%, #b6b6b6 100%);
	background: -o-linear-gradient(top,#808080 0%, #b6b6b6 100%);
	background: linear-gradient(to top,#808080 0%, #b6b6b6 100%);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.8), 0 1px 1px rgba(255,255,255,0.2);
	text-decoration: none;
	padding: 10px 26px 10px 6px;
	line-height: 1;
	font-size: 14px;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0 ,0 ,0 , 0.9);
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0 ,0 ,0 , 0.9);
	text-shadow: 0 -1px 1px rgba(0,0,0,1), 0 1px 1px rgba(255,255,255,0.2);
}


div#nav #main-nv ul li a::after {
	content: "≫";
	position: relative;
	right: -16px;
}

div#nav #main-nv ul li a:hover {
	opacity: 0.8;
}
 
 
div#nav #main-nv ul li a:hover::after {
	right: -20px;
}


div#nav #main-nv ul li a:active {
	margin: 1px 0 -1px 1px;
	-webkit-box-shadow: -1px -1px 1px #000;
	box-shadow: -1px -1px 1px #000;
}



div#nav #main-nv ul li span {
	display: block;
	border-radius	: 6px 6px 0 0;
	background-color: #828282;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #808080), color-stop(1, #d0d0d0));
	background: -webkit-linear-gradient(top,#808080 0%, #d0d0d0 100%);
	background: -moz-linear-gradient(top,#808080 0%, #d0d0d0 100%);
	background: -ms-linear-gradient(top,#808080 0%, #d0d0d0 100%);
	background: -o-linear-gradient(top,#808080 0%, #d0d0d0 100%);
	background: linear-gradient(to top,#808080 0%, #d0d0d0 100%);
	text-decoration		: none;
	padding				: 10px 26px 10px 6px;
	line-height			: 1;
	font-size			: 14px;
	color				: #0f0e0e;
	-webkit-box-shadow	: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0 ,0 ,0 , 0.9);
	box-shadow			: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0 ,0 ,0 , 0.9);
	text-shadow			: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,0.8);
	opacity				: 0.9;

}


div#nav #main-nv ul li span::after {
	content				: "≫";
	position			: relative;
	right				: -16px;
}



#main-container {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	width				: 1080px;
	background-color	: #ececff;
	margin				: 0 auto;
}



#container {
	width				: 1080px;
	background-color 	: #6d6d6d;
	margin				: 0 auto ;
}

#introduction {
	width				: 96%;
	margin				: 0 auto;
	padding				: 10px 0 20px 0;

}

#introduction ul li {
	font-weight 	: lighter;
	font-size		: 11pt;
	color			: #00006a;
	text-align		: left;
	line-height		: 1.6;
	letter-spacing	: 2px;
}



#kcs_left {
	float			: left;
	width 			: 600px;
	padding 		: 0;
	margin			: 0;
	background-color	: #ececff;
}


#kcs_right { 
	float			: left;
	width 			: 480px;
	padding 		: 0;
	background-color	: #ececff;
}





.kcs_right1 {
	display			: inline-block;
	width 			: 470px;
	color 			: white;
	/*background-color: #6d6d6d;*/
	background-color	: #ececff;
	padding			: 0;
	margin			: 0 auto;
	visibility 		: visible;
}


.kcs_right2 {
	width 			: 470px;
	color 			: white;
  	background-color: #6d6d6d;
  	padding 		: 0;
	margin			: 0 auto;
  	visibility 		: visible;
  	text-align 		: center;
}


.kcs_right2-2 {
	width 			: 470px;
	color 			: #336699;
	background-color: #fff;
	padding 		: 1px 0 4px 0;
	line-height		: 1.6em;
	text-align 		: center;
}

.kcs_right2-2 UL {
	font-weight 		: lighter;
	font-size           : 0.9em;
	text-align			: left;
	margin-left			: 0.1em;
	padding-left		: 1.5em;
	padding-right		: 0.3em;
} 

.kcs_right2-2  li {
	letter-spacing: 1px;
}




section form { padding-top: 6px; }


.str_sub {
	float: left;
	margin-left: 70px;
}



input[type="submit"] {
	display				: block;
	border-radius		: 10px;
	background-color	: #00c4c4;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #006699), color-stop(1, #00ced1));
	background: -webkit-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -moz-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -ms-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -o-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: linear-gradient(to top,#006699 0%, #00ced1 100%);
	padding				: 18px 16px 18px 16px;
	line-height			: 1;
	font-size			: 16pt;
	color				: #fff;
	border				: 1px solid #999;
	text-shadow			: 0 -1px 1px rgba(0,0,0,1), 0 1px 1px rgba(255,255,255,0.1);
	margin				: 0 auto;
}



#button {
	display: block;
	width		: 100px;
	border-radius: 4px;
	background-color: #00c4c4;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #006699), color-stop(1, #00ced1));
	background: -webkit-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -moz-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -ms-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: -o-linear-gradient(top,#006699 0%, #00ced1 100%);
	background: linear-gradient(to top,#006699 0%, #00ced1 100%);
	padding				: 6px 2px 4px 2px;
	font-weight			: bold;
	font-size			: 14px;
	color				: #fff;
	text-shadow			: 0 -1px 1px rgba(0,0,0,1), 0 1px 1px rgba(255,255,255,0.1);
	margin				: 0 auto;
}

#button a { color	: yellow; }


#button a:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	font-weight : bold;
}





.right-end2 {
	display				: block;
	width				: 209px;
	height 				: 90px;
	padding				: 16px 0 0 16px;
	font-weight 		: lighter;
	font-size 			: 12px;
	color				: #fff;
	background-color	: #006699;
	line-height			: 1.5em;
	text-align 			: left;
}

div#maincontents { padding: 0;margin: 0;background-color: #ececff; }
div#maincontents ul { list-style-type: none;padding: 0;margin: 0; }

div#maincontents ul {
	margin-bottom		: 20px;
}


.top-th23 {
	margin				: 0;
}



#thopa {
	width				: 100%;
	background-color	: #00c4c4;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #006699), color-stop(1, #00ced1));
	background: -webkit-linear-gradient(top,#006699 0%, #00ced1 80%);
	background: -moz-linear-gradient(top,#006699 0%, #00ced1 80%);
	background: -ms-linear-gradient(top,#006699 0%, #00ced1 80%);
	background: -o-linear-gradient(top,#006699 0%, #00ced1 80%);
	background: linear-gradient(to top,#006699 0%, #00ced1 80%);
	text-decoration		: none;
	padding				: 14px 0 2px 0;
	line-height			: 1.2;
	font-weight			: bold;
	font-size			: 16px;
	color				: #ffd5ff;
	letter-spacing		: 2px;
	text-shadow			: 0 -1px 1px rgba(0,0,0,0.6), 0 1px 1px rgba(255,255,255,0.4);
	margin				: 0;
}



#thopa {
	-webkit-animation-name	: thopa;
	-webkit-animation-duration: 1s;
	animation-name			: thopa;
	animation-duration		: 1s;
}






#slide_box {
					position: fixed;
	width			: 470px;
	margin			: 0 auto;
	overflow-y		: auto;
}

#i_slide_box {
	height			: 400px;
	width			: 320px;
	margin			: 0 auto;
}


#pic { text-align: center;height: 320px; }


#selimg {
	height			: 260px;
	border-width	: 4px;
	padding			: 12px 12px;
	border-radius	: 20px;
	text-align		: center;
	background		: #c0c0c0;
}


#thumbnails {
	width: 100%;
						height			: 330px;
	overflow-y: auto;
}



#slid-ttl {
	width			: 100%;
	height			: 28px;
	margin			: 0 auto;
	font-weight 	: lighter;
	font-size		: 14px;
	vertical-align	: middle;
	padding-top		: 6px;
}

#slid-ttl img {
	vertical-align	: middle;
}


.thumb-table { width: 100%; }

.thumbtail {
	width: 46px;
	white-space: nowrap;
	text-align: center;
}


.in_pin {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*	font-weight			: bold;*/
	font-weight			: normal;
	font-size			: 11pt;
	color				: #ff8000;
	letter-spacing		: 2px;
	text-shadow			: 0 -1px 1px rgba(240,190,120,0.6), 0 1px 1px rgba(255,255,255,0.4);
	background-color	: #e4e4e4;
	margin				: 6px 0 6px 0;
	padding				: 6px;
}


.mach-in th{
	width			: 100px;
	font-weight 	: lighter;
	font-size 		: 11pt;
	color			: gray;
	text-align		: left;
	margin-left			: 0.2em;
	padding-left		: 0.2em;
	padding-right		: 0.3em;
}

.mach-in td{
	width			: 450px;
	font-weight 	: lighter;
	font-size 		: 11pt;
	color			: gray;
	text-align		: left;
	margin-left			: 0.2em;
	padding-left		: 0.2em;
	padding-right		: 0.3em;
}


div.end { clear : both; }

div.end {
 position 	: fixed;
 width		: 100%;
 bottom		: 0;
 margin		: 0;
 padding	: 0;
}

.ftr2 {
font-weight 			: lighter;
font-size 				: 90%;
color 					: white;
background-color 		: #6d6d6d;
text-align 				: center;
height 					: 50px;
padding					: 10px;
margin					: 0;
}



.ftr {
font-weight 			: lighter;
font-size 				: 90%;
color 					: white;
background-color 		: #6d6d6d;
text-align 				: center;
padding					: 0;
margin					: 0 auto;
}


.ftr ul {
list-style-type			: none;
display					: inline-block;
padding					: 0;
margin					: 10px 0 10px 0;
}


.ftr ul li { display: block;  }

.ftr ul li a {
font-weight 			: lighter;
font-size 				: 90%;
color 					: white;
background-color 		: #6d6d6d;
text-align 				: center;
padding					: 0 0 0 20px;
}



aside { padding-top : 4px; }