@charset "shift_jis";
/* CSS Document */



/* common */

body{
	font-family:Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#444;
}

#wrap{
	width:100%;
	max-width:1336px;
	margin:auto;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

p{
	margin-bottom:10px;
}

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

table{
	min-width:50%;
	width:auto;
	margin:auto;
}

th,td{
	padding:5px;
	vertical-align:top;
}

th{
	background:#FAFAFA;
	text-align:left;
}
td{
}
a{
	color:#4C6FC9;
}
a:hover{
	opacity:.8;
}

a img:hover{
	opacity:.8;
}

li{
	margin-left:2em;
}

img{
	vertical-align:top;
}

hr{
	margin-bottom:10px;
}

li{
	margin-bottom:10px;
}
.textCenter{
	text-align:center;
}
.textRight{
	text-align:right;
}
.textLeft{
	text-align:left;
}

h3{
	font-weight:normal;
}

#second h3{
	margin-bottom:1em;
	padding:5px 10px;
}

#second h4{
	font-size: 1.5rem;
	padding:1rem;
}

#second address{
	padding: 0 0 1rem 0;
}

#second .cont_title{
	text-align: center;
}

#second .dniback_list{
	text-align: center;
}

section#second{
	padding:1em 0px;
}

.fs20{
	font-size:20px;
}
.fs24{
	font-size:24px;
}
.fs30{
	font-size:30px;
}
.fs36{
	font-size:36px;
}

.red{
	color:#E9572E;
}
.caution{
	font-size:smaller;
	color:#666;
}
.hissu{
	background:#E9572E;
	color:#FFF;
	font-size:9px;
	padding:3px 8px;
	border-radius:5px;
	margin-left:10px;
}

input, textarea{
	background:#FFF;
	border:1px solid #CCC;
	border-radius:5px;
	padding:3px 8px;
	min-width:400px;
}

input[type="submit"]{
	background:#4C6FC9;
	text-align:center;
	display:block;
	color:#FFF;
	border-radius:3px;
	margin:1em auto;
	padding:10px 50px;
}
input[type="submit"]:hover{
	opacity:.8;
	text-decoration:none;
	cursor:pointer;
}



/* header */

header{
	width:100%;
	max-width:1336px;
	display:block;
	position:fixed;
	z-index:99999;
	background-color:#FFF;
	min-width:1100px;
	top: 0;
}

header a{
	color:#FFF;
	}

header #header{
	width:1100px;
	margin:auto;
}

header #header h1{
	float:left;
	margin:5px 0px;
	padding:0px;
}
header #header .link{
	margin:0px;
	padding:0px;
	float:right;
}
header #header .link  li{
	list-style:none;
	margin:0px;
	float:left;
}
header #header .link a{
	background-color: #4C6FC9;
	text-align: center;
	font-size: 12px;
	display: block;
	border: 1px solid #FFF;
	border-radius: 5px;
	margin: 20px 2px;
	padding: 2px 10px;
	text-decoration:none;
}
header #header .link a:hover{
	background-color: #244DB7;
}

header #nav1{
	background-color:#4C6FC9;
	position:relative;
	z-index:20;
}
header #nav2{
	background-color:#7E98DA;
	position:relative;
	z-index:10;
}

header nav{
	font-family:YuGothic, '游ゴシック', Arial,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:600;
	clear:both;
	display:block;
	border-bottom:1px solid #FFF;
}
header nav img{
	vertical-align:middle;
}
header nav ul{
	margin:0px;
	padding:0px;
	display:block;
	overflow:auto;
	width:1100px;
	margin:auto;
}
header nav li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
	float:left;
	margin:10px 0px;
	padding:0px 10px;
	text-align:center;
}
header nav li{
    position: relative;
    display: block;
	border-left:2px solid #FFF;
}
header nav li:last-child{
	border-right:2px solid #FFF;
}
header nav li a:hover{
	text-decoration:none;
	opacity:.8;
}
header nav li a{
	width:160px;
	display:block;
	text-decoration:none;
}

header nav ul.child{
	display: none;
	position: fixed;
	padding: 0;
	background: rgba(35,74,167,0.8);
	margin-left:-10px;
	width:auto;
	overflow:auto;
	z-index:1000;
}
header nav ul.child li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
	float:none;
	margin:10px 0px 0px 0px;
	padding:0px 0px;
	text-align:center;
	border:none;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:10px;
}
header nav ul.child li a{
	width:180px;
	display:block;
	text-decoration:none;
	font-size:14px;
}

header nav ul.child2{
	display: none;
	position: fixed;
	padding: 0;
	background: rgba(35,74,167,0.6);
	margin-top:-32px;
	margin-left:180px;
	width:auto;
	overflow:auto;
	z-index:1000;
}
header nav ul.child2 li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
	float:none;
	margin:10px 0px 0px 0px;
	padding:0px 0px;
	text-align:center;
	border:none;
	border-bottom:1px solid rgba(255,255,255,0.5);
	padding-bottom:10px;
}
header nav ul.child2 li a{
	width:180px;
	display:block;
	text-decoration:none;
	font-size:12px;
	text-align:left;
	padding:0px 5px;
}
.small{
	font-size:12px;
}



/* main */

main{
	clear:both;
	background:#FBF9FA;
	overflow:hidden;
	max-width:1336px;
	width:100%;
	overflow:hidden;
	min-width:1100px;
	margin:auto;
	margin-top:150px;
}

main .box{
	width:95%;/*--1100px--*/
	margin:auto;
}
main p{
	color:#444;
	padding:3px;
	font-size:small;
	text-align:right;
}


#pageTitle{
	clear: both;
	background-color: #EDF6FF;
	border-bottom: 4px solid #F6F7F5;
	width: 100%;
}
#pageTitle h2{
	line-height:100%;
	text-align:center;
	padding:1em 0px;
	font-size:xx-large;
	letter-spacing:8px;
}
#pageTitle .small{
	font-size:18px;
	letter-spacing:4px;
}
#pageTitle .small:before, #pageTitle .small:after{
	content:"〜";
}



/* article */
article{
	margin-top:160px;
	min-width:1100px;
}

article section{
	padding:4em 0px;
	overflow:auto;
	width:100%;
	max-width:1336px;
	margin:auto;
	min-width:1100px;
}

article .box{
	width:1100px;
	margin:auto;
}

article .grayBack{
	background:#F6F6F6;
	border-top:6px solid #EEE;
	border-bottom:6px solid #EEE;
}

article h3{
	background-color:#4C6FC9;
	color:#FFF;
	padding:3px 10px;
	font-size:20px;
}

article #news .info{
	width:48%;
	margin-bottom:2em;
	float:left;
	background-color:#FFF;
	overflow:auto;
}

article .info h3{
	background-color:#4C6FC9;
	color:#FFF;
	padding:0px 10px;
	font-size:20px;
}
article #news .info DL{
	height:540px;
	padding:10px 16px;
	overflow:auto;
}
article #news .info DL .new{
	color:#FF0000;
	font-size:10px;
}
article #news .info DT{
	padding:10px 10px 5px 10px;
	color:#666;
	font-size:12px;
}
article #news .info DD{
	font-size:14px;
	padding:0px 10px 10px 10px;
	border-bottom:1px solid #CCC;
}
article #news .twitter{
	width:48%;
	margin-bottom:2em;
	float:right;
	background-color:#FFF;
}
article #news .info-box{
	clear:both;
	margin-bottom:0em;
	background-color:#FFF;
	font-size:small;
}

.infobox{
	font-size:small;
}
.infobox table{
	margin:10px;
}
.infobox td{
	padding:2px;
}

.infobox .hankyou{
	color:#CF4547;
	font-weight:bold;
}

article #media .video{
	width:700px;
	margin-bottom:2em;
	float:left;
	background-color:#FFF;
}
article #media .video p{
	padding:10px;
}

article #media .right{
	width:370px;
	float:right;
}
article #media .right .photo{
	background-color:#FFF;
	margin-bottom:2em;
}
article #media .right .photo img{
	width:100%;
	height:auto;
}
article #media .right .photo a.link{
	height:200px;
	display:block;
	overflow:hidden;
	position:relative;
}
article #media .right .photo .caption{
	width:370px;
	padding:3px;
	bottom:0px;
	font-size:10px;
	color:#444;
	text-align:right;
}
article #media .right .photo .textLink{
	margin-top:10px;
}


/* footer */

footer{
	background-color:#F6F6F6;
	border-top:6px solid #EEE;
	min-width:1100px;
}

footer #footerMenu{
	background:#4C6FC9;
	color:#FFF;
	padding:10px;
	width:100%;
}
footer #footerMenu ul{
	margin:0px auto;
	padding:0px;
	text-align:center;
}
footer #footerMenu li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:16px;
	display:inline;
	padding:3px 10px;
}
footer #footerMenu li{
	border-left:1px solid #FFF;
}
footer #footerMenu li:last-child{
	border-right:1px solid #FFF;
}
footer #footerMenu li a{
	color:#FFF;
}
footer #footerMenu li a:hover{
	text-decoration:none;
	opacity:.8;
}

footer .box{
	width:1100px;
	margin:1em auto;
}
footer .box img{
	margin-right:1em;
	vertical-align:middle;
}
footer .box p{
	display:inline;
	vertical-align:middle;
	margin:0em 0.5em 0.5em 0.5em;
}
footer .box a{
	background-color:#4C6FC9;
	vertical-align:middle;
	color:#FFF;
	border-radius:5px;
	font-size:12px;
	padding:5px 10px;
	text-decoration:none;
}

footer #copy{
	clear:both;
	background-color:#4C6FC9;
	text-align:center;
	color:#FFF;
	font-size:14px;
	padding:2em;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#pageTop a {
	display: block;
	z-index: 999;
	padding: 2px;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background-color: #4C6FC9;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}