/* Author URI: http://www.af5.jp/ */
@charset "utf-8";


/*---------------------------------------------------------------------------*/
body {
	color: #474747; margin: 0px; padding: 0px; font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";border-top:5px #0390c5 solid;background:url() repeat-x #f6f6f6;}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{margin: 0px; padding: 0px;}
ul{list-style-type: none; }
img {border: none;}
input,textarea,select {font-size: 1em;}
form {margin: 0px;}
table {border-collapse:collapse; font-size: 100%; border-spacing: 0;}

/*---------------------------------------------------------------------------*/
a {color: #0000ff;}
a:hover {color: #ff0000;}

/*---------------------------------------------------------------------------*/
body > h1 { color: #FFF; background: #f8f8f8; text-align: right; }
body > h1 a, body > h1 a:hover {color: #FFF; text-decoration: none;}

/*---------------------------------------------------------------------------*/
#container {width: 980px; margin-right: auto; margin-left: auto; border-right:1px solid #bcbcbc; border-left:1px solid #bcbcbc; padding-bottom:20px; background-color: #fff;}

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

header {width: 100%; background: #fff; border-bottom:1px solid #bcbcbc; margin-bottom: 0px; }

header .hlogo{width:960px; margin:0 auto;}

header h1 {line-height: 1; padding: 30px 0px 30px 35px; font-weight: normal; text-shadow: 1px 1px 1px #333333; font-size: 30px;}
header h1 img{vertical-align: middle;}
header h1 a{color: #474747; text-decoration: none;}
header h1 a:hover{color: #284c7e; text-decoration: none;}

header .wrap-header{height: 90px; text-shadow: 1px 1px 1px #333333}
header #logotxt{line-height: 1; padding: 30px 0px 30px 35px; font-weight: normal; top:0px;}

/*---------------------------------------------------------------------------*/
.wrap{width:960px; margin:0 auto; }

nav#menu {background-color: #0390c5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0390c5), to(#15507f));
	background-image: -webkit-linear-gradient(#0390c5, #15507f);
	background-image: linear-gradient(#0390c5, #15507f);
/*	border-radius: 10px 10px 10px 10px;*/
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
	height: 36px;
	padding-top: 5px;
	padding-left: 36px;
	margin-bottom: 3px;
}

nav#menu ul li {float: left; width: 160px; border-right: 1px dotted rgba(255,255,255,0.6); line-height: 1.6; text-align: center; font-weight: bold; font-size:12px;}
nav#menu ul li a {color: #FFF; text-decoration: none; display: block; /*-webkit-transition: 0.5s;	transition: 0.5s;*/}

nav#menu ul li:first-child {border-left: 1px dotted rgba(255,255,255,0.6);}

nav#menu ul li a:hover {color: #000; background: #a6d7f4;}

nav#menu ul li a span {font-size: 9px; display: block; font-weight: normal; letter-spacing: 0.2em; color: #999;}

/*---------------------------------------------------------------------------*/
#mainimg {clear: left; width: 980px; height: 290px; position: relative; background-color: #FFF; margin-bottom: 25px;
	border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
}
#mainimg img {border-radius: 10px 10px 10px 10px; vertical-align: bottom;}
#mainimg .slide_file {display: none; }
#slide_image {z-Index:2; position: absolute; left:0px; top:0px;}
#slide_image2 {z-Index:1; position: absolute; left:0px; top:0px;}

/*---------------------------------------------------------------------------*/
#contents {clear: left; width: 950px; background-color: #FFF; padding: 15px 15px 0px;
/*	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;*/
}
/*---------------------------------------------------------------------------*/
#main {float: left; width: 680px; padding: 0px 0px 30px ; margin: 0px 5px;}

#main h1 {border:1px #c6c6c6 solid; border-bottom:3px #0390c5 solid;
background: -moz-linear-gradient(top, #fdfdfd, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fff));margin:0px 0 30px 0px;  
padding:2px 1px 2px 10px;  
color:#474747;  
font-size:16px;  
font-weight:700;  
box-shadow:inset 0 0 50px rgba(0,0,0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.3);  
position:relative;
}
#main h1 span{border-left:3px #0390c5 solid; padding-left:10px;}

/*#main h2 {background-color: #fff; font-size: 19px; color: #284c7e; padding: 5px 10px 5px 15px; margin: 0px 0px 20px; clear: both; border-top:2px solid #284c7e; background: -moz-linear-gradient(top, #f8f8f8, #e8e8e8); background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#fff)); line-height: 38px;}
*/
#main h2 {background-color: #fff; font-size: 16px; padding: 5px 5px 5px 5px; margin: 0px 20px 10px 10px; clear: both; border-top:1px #bcbcbc solid; border-bottom:1px #bcbcbc solid; background-color: #f3f3f5; font-weight:normal; 
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 7px 7px;}

#main h3{font-size:16px; line-height:18px; height:25px; padding:0 0 0 35px; margin:0 0 22px 0; font-weight:normal; position:relative;}
#main h3:before { background:#0390c5; width:18px; height:18px; display:block; content:''; position:absolute; left:0px; top:0px; -moz-border-radius:20%; -webkit-border-radius:20%; border-radius:20%; }


#main p {padding: 0.5em 10px 1em;}
#main > p {background-color: #FFF;}

#main ul {margin: 0px 20px 10px 20px; list-style-type: disc;}
#main ul a{text-decoration: none;}

#main ol{list-style-type:decimal; margin-left:20px;}

#main ul.thumbnails{list-style-type: none; margin-left: -20px;}
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 5px;
}

/*
---------------------------------------------------------------------------*/
#sub {float: right; width: 250px; padding-bottom: 30px; font-size:12px;line-height:20px;}

#sub h2 {border-top:1px #bcbcbc solid; border-bottom:3px #0390c5 solid; font-size: 100%; text-align: center; padding: 5px 0px; background-color: #f3f3f5;
}

#sub aside{border: 6px solid #f3f3f5; margin-bottom: 20px;}

#sub ul {margin-bottom: 20px;}
#sub ul li{padding:5px; display:block; vertical-align: middle; margin-left:0px; border-left: 2px solid #f6f6f6; background: -moz-linear-gradient(top, #f3f3f5, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f5), to(#fff)); border-bottom:1px #bcbcbc solid;}
#sub ul li:first-child{border-top:1px #bcbcbc solid;}
#sub ul li:hover {background: #f6f6f6; border-left: 2px solid #0390c5; cursor:pointer; color: #DA251D;}
#sub ul li a {color: #474747; text-decoration: none; }

#sub ul li.topic {display: block;list-style-type:none;font-weight:bold; background: -moz-linear-gradient(top, #fff, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));}
#sub ul li.topic:hover {background-color: #fff; cursor:auto; border-left: 2px solid #f6f6f6; color: #474747;}

img.imgeye {width:32px; height:32px; padding:2px; margin:2px 2px 2px 2px; display:inline-block; vertical-align:middle;}

.topic2hide {margin-bottom: 20px;}

.henkou:before {content: url(images/double-angle-right.png) " ";}
.mail:before {content: url(images/double-angle-right.png) " ";}
.out:before {content: url(images/double-angle-right.png) " ";}


/*---------------------------------------------------------------------------*/
footer {clear: both; text-align: center; padding-top: 15px; padding-bottom: 15px; color: #333; border-top:5px #0390c5 solid; margin-top:0px;background-color: #f6f6f6;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, rgba(255,255,255,0.5)), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.5)),color-stop(.75, rgba(255,255,255,0.5)), color-stop(.75, transparent),to(transparent)); -webkit-background-size: 7px 7px;}
footer .pr {display: block; font-size: 80%; }
footer a {text-decoration: none; color: #333;}

.copyright{background-color: #f6f6f6;}

/*---------------------------------------------------------------------------*/
#pagetop {clear: both; text-align: left;}
#pagetop a {color: #0390c5; background-color: #fff; text-decoration: none; text-align: center; font-size: 10px; letter-spacing: 0.1em; display: inline-block;}
#pagetop a:hover {}


/*-media----------------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 800px) {

	body > h1 {display: none;}
	#container {width: auto; margin-right: 6px; margin-left: 6px;}

	header {text-align: center;}
	header .hlogo{width: auto; margin:0 auto;}
	header #logotxt{width: auto; margin:0 auto;}

	header h1 {padding: 30px 0 30px 0;}

	nav#menu {display: none;}

	#contents {width: auto; border-top:5px #0390c5 solid;}

	#main, #sub {float: none; width: auto;}

	#mainimg {height: auto; width: 100%;}
	#slide_image {height: auto; width: 100%; position: relative;}
	#slide_image2 {height: auto; width: 100%; position: absolute; left:0px; top:0px;}

}

/*-media----------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

	body > h1 {display: none;}

	#container {width: auto; margin-right: 6px; margin-left: 6px;}

	header {text-align: center; }
	header .hlogo{width: auto; margin:0 auto;}
	header #logotxt{width: auto; margin:0 auto; padding: 10px 0px 0px 10px;}

	header h1 {padding: 20px 0 20px 0; }

	header h1 img {width: 80%; height: auto;}

	nav#menu {display: none;}

	#contents {width: auto; border-top:5px #0390c5 solid;}

	#main, #sub {float: none; width: auto;}
	#main p {padding: 0;}

	#mainimg {display: none;}

}