@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
---------------------------------------------*/
html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
input, select {
	vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

img{max-width:100%;vertical-align:top;height:auto;}
/*---------------------------------------------
	body
---------------------------------------------*/
body {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	color: #000;
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}


/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {outline: none;}
a:link,a:visited {color: #001a81;text-decoration: none;}
a:hover {color: #001a81;text-decoration: underline;}
a img {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
a:hover img,.botton a:hover {opacity: 0.7; text-decoration: none;filter: alpha(opacity=70);}

/*---------------------------------------------
	Clearfix
---------------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {zoom: 1;}

/*---------------------------------------------
	For all
---------------------------------------------*/
html {
	-webkit-text-size-adjust: none;
}
* {
	box-sizing: border-box;
}
.left,.alignleft {float: left;margin-right:15px;overflow:hidden;}
.right {float: right;}
.center {text-align: center;}
.hidden {display: none;}
.aligncenter{text-align:center !important;}

#wrapper {background: url(../_img/bg_head.png) repeat-x left 80px;}

/* ------ Width: 1000px ------ */
#gnav,
header .inner,
#fnav .inner,
footer .inner,
#works .inner,
#category .inner,
#banner .inner,
#link .inner,
#contents {
	width: 980px;
	margin: 0 auto;
}
/*---------------------------------------------
	Header
---------------------------------------------*/
header {
	width: 100%;
	padding:18px 0 22px;
}
header .inner{
	overflow:hidden;
}

.logobox {
	margin:0 0 0 10px;
	position: relative;
	float: left;
	width: 350px;
	height: 40px;
}
#mark {
	float: left;
}
#logo {
	position: absolute;
	left: 60px;
	bottom: 2px;
	width: 264px;
	height: 39px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#logo a {
	display: block;
	height: 100%;
	background: url(../_img/site_name.gif) no-repeat 0 10px;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
#logo a:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}
.btnbox {float: right;margin:10px 0 0; width:300px;}
.btnbox ul {margin:2px 0 5px; overflow:hidden; float:right; font-size:12px;}
.btnbox ul li {margin:0 10px;padding-left:13px;background:url(../_img/icn_arrow.gif) no-repeat left 50%; float:left;}
.btnbox ul li:last-child {margin:0 0 0 10px;}
.btnbox ul li a{color:#000;}
.sarch {margin-top:15px; display:none;}
form input.txt{margin:0;border:solid 1px #ddd; width:200px; height:30px;}
form input.sarch_btn{margin:0 0 0 -5px;}

/* ------ Global Navigation ------ */
#spnav {
	display: none;
}
#gnav {
	height: 44px;
	margin: 0 auto;
	text-align: center;
	position:relative;
}

#dropmenu {
  list-style-type: none;
  width: 980px;
  margin: 0 auto 0;
  padding: 0;
  position:absolute;
	top:0;
	z-index: 10000;
}
#dropmenu li {
  position: relative;
  width: 12.5%;
  float: left;
  margin: 0 0 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity: 0.90;
  opacity:0.9;
}
#dropmenu li ul.project{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 180%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul.school{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 130%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul.music{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 140%;
  margin: 0;
  padding: 0;
}

#dropmenu li ul.infirmary-news{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 150%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul.office-news{
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: -50%;
  width: 150%;
  margin: 0;
  padding: 0;
}

#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#dropmenu li ul li a {
  padding: 13px 15px;
  background: #5586D7;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu > li:hover > a {background: #3359BC; }
#dropmenu > li:hover li:hover > a {  background: #3359BC; }
#dropmenu > li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
  width: 140%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fff;
}
#dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul li a {  background:#5586D7;}
#dropmenu li:hover ul li ul li a:hover {  background: #3359BC;}

/*---------------------------------------------
	Footer
---------------------------------------------*/
#fnav {
	width: 100%;
	background: #F4F4F4;
}
#fnav .inner {
	position: relative;
	padding: 20px 0;
}
#fnav a {
	color: #1D2C52;
	font-size: 13px;
	font-weight:bold;
	background: url(../_img/icn_footer.png) no-repeat 0 50%;
	padding-left: 20px;
}
#fnav li li a {
	color: #666;
	font-weight: normal;
	background: none;
}
#fnav .column {
	float: left;
	margin-right: 50px;
}
#fnav .column.last {
	margin-right: 0;
}
#fnav li {
	margin-bottom: .5em;
}
#fnav li.bottom {
	margin-bottom: 2em;
}

#fnav li ul {
	margin-top: .5em;
	line-height:1.2;
}
footer {
	width: 100%;
	padding: 15px 0 20px;
	background: #fff;
}
.infobox {
	float: left;
}
.copyright {
	color: #666;
	font-family: Verdana;
	font-size: 12px;
	text-align:center;
}
#pagetop {
	position: absolute;
	width: 45px;
	height: 45px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	position:fixed;
	bottom:20px;
	right:20px;
}
#pagetop a {
	display: block;
	height: 100%;
	background: url(../_img/btn_pagetop.png) no-repeat 0 0;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}
#pagetop a:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}

/*---------------------------------------------
	Contents
---------------------------------------------*/
#title {
	width: 100%;
	margin-bottom: 20px;
	color:#1D2C52;
	font-size: 22px;
	font-weight: bold;
}
#title h1 {
	margin-bottom: 5px;
}
#contents {
	padding-bottom: 40px;
}

/* #breadcrumb */
#breadcrumb {
	margin-top:10px;
	margin-bottom: 25px;
	padding-bottom:5px;
	border-bottom: solid 1px #ccc;
}
#breadcrumb p {
	font-size:12px;
}

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

/* ------ Main ------ */
#main {
	float: right;
	width: 720px;
	margin:30px 0 0;
}

/* section */
section {
	padding: 20px 0;
	margin-bottom: 20px;
	font-size: 14px;
}
section article {
	margin-bottom: 40px;
}
section h2,
section#info h2 {
	margin-bottom: 20px;
	padding: 5px 0 5px 15px;
	font-weight: bold;
	font-size: 20px;
	border-left: solid 6px #3359BC;
}
section h2 span {
	margin-left: 1em;
	color: #001a81;
	font-family: Verdana;
	font-size: 12px;
}
section h3 {
	line-height: 140%;
	margin:30px 0 25px;
	font-weight:bold;
	padding:5px 15px;
	color: #001a81;
	font-size: 18px;
	background:#f3f3f3;
}

section h4 {
	margin:0 10px 10px;
	padding-left:28px;
	font-size: 16px;
	background:url(../_img/icn_h4.png) no-repeat 5px 50%;
}
section p {
	line-height: 160%;
	margin: 0 10px 20px;
}
section article p img {
	margin: 2em auto !important;
}
section#privacy p {
	margin-bottom: 2em;
}
section p.header {
	font-weight: bold;
	font-size: 28px;
}
section p.catch {
	color: #f10000;
	margin-bottom: 0;
}
section dt {
	float: left;
	padding: 14px 0 14px 10px;
}
section dd {
	padding: 14px 0 14px 8.5em;
	border-bottom: 1px #ccc solid;
}
section dd dt {
	width: 5em;
	padding: 0;
	text-align: right;
}
section dd dd {
	padding: 0 0 0 6em;
	border-bottom: 0;
}
section ul {margin:0 10px 30px 10px;}
section ul li {background:url(../_img/icn_li.png) no-repeat 10px 10px; padding:5px 10px 5px 25px; border-bottom: dotted 1px #ccc;}
section ul.base {margin:0 5px 30px 15px;}
section ul.base li {background:url(../_img/icn_subl_li.png) no-repeat 0 10px; padding:5px 0 5px 15px; border-bottom: solid 1px #ccc;}
section dl ul {margin:0 5px 10px 15px;}
section dl ul li { background:url(../_img/icn_sub_li.png) no-repeat 0 10px; padding:5px 0 5px 15px; border:none;}

/* ------article ------ */

article{margin-bottom:15px;}

.date{ text-align:right; font-size:12px;}
/* ------ Pages ------ */
#bx-pager img {
	margin-bottom: 6px;
}

table {	width: 98%;margin: 1em auto 2em;}
th,
td {padding: 7px;border: 1px #ccc solid;}
th {background: #4379D3;color: #fff; text-align:center;}
th.subject {width:6em;}
th.subject01 {width:25em}
th.subject02 {width:9em}
th.subject03 {width:6em}
td {}
td.subject-txt {width:4em; text-align:center;}
td.center { text-align:center;}
td .box{ background:#F3F3F3; margin:10px 0;padding:5px 15px;}
td.bg{background:#EEE;}
table.none {margin: 1em auto 2em;}
table.none td {border: 1px #fff solid;}

.indent{text-indent:-1em;padding-left:2em; color:#666666; font-size:12px;}
.block {
	clear: both;
	margin-bottom: 20px;
}
.block .image {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
/* ------ news ------ */
.news_content{margin-bottom:20px; border-bottom:dotted 1px #ccc; padding-bottom: 10px;}

/* ------ Inquiry ------ */
section .form dt {
	width: 12em;
}
section .form dt span {
	color: #da2107;
}
section .form dd {
	padding-left: 12em;
	border-bottom: 0;
}
.form input[type="text"],
.form textarea {
	width: 400px;
	min-height: 14px;
	padding: 8px;
	background-color: #fff;
	border: 1px #ccc solid;
	border-radius: 3px;
	box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
	font-size: 100%;
}
.form input#mail_zip {
	width: 150px;
	margin-bottom: .5em;
}
.form select {
	margin-left: 60px;
	padding: 4px;
	font-size: 15px;
}
.form input[type="text"]:focus,
textarea:focus {
	background-color: #f2f2f2;
}
.btn_box {
	margin-left: 12em;
}
input[type="submit"],
input[type="button"] {
	margin-right: 3px;
	padding: 10px 20px;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #001a81;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}



/*---------------------------------------------
	Side
---------------------------------------------*/
#side {float: left;	width: 218px;margin:30px 0 0;}
#side h2{margin:0; padding:10px 20px; background:#3359BC; color:#fff; font-weight:500; font-size:16px;}
#side h2.sub {margin:10px 0; padding:10px 20px; background:#3359BC; color:#fff; font-weight:500; font-size:16px;}
#side h2.sub a{color:#fff;}
#side .bnr{padding:20px 0;}
#side .address{padding:15px; border: solid 3px #ccc; overflow:hidden;}
#snav li a {
    display:block;
	margin-bottom: 10px;
	background:#F3F3F3 url(../_img/icn_side.png) no-repeat 20px 13px;
	font-size:14px;
	margin:0;
    padding:8px 10px 8px 35px; 
}
#snav li a:hover{
    color:#fff;
	background:#4379D3 url(../_img/icn_side.png) no-repeat 20px 13px;
}
#snav li a.active {
	background:#4379D3 url(../_img/icn_side.png) no-repeat 20px 13px;
	color:#fff;
}
#snav {padding-bottom:20px;border-bottom: solid 1px #ccc;}
#side .access_link {margin:15px 5px 0;background:url(../_img/icn_arrow.gif) no-repeat 15px center;padding-left: 30px; font-size:12px;}

/*---------------------------------------------
	Index
---------------------------------------------*/
/* ------ Slider ------ */
#bxslider_bg {
	width: 100%;
	margin: 0 auto;
	padding:20px 0;
	background:url(../_img/bg_home.jpg) repeat-x left center;
	height:382px;
}

#bxslider {
	width: 970px;
	margin: 0 auto;
	padding:0;
	z-index:1;
	position:relative;
}
.slider1 {height: 342px;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5 {
	width: 100%;
	height: 342px;
}

.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {
	width: 100%;
	height: 342px;
}


/* bx-slider */
.bx-wrapper {
	margin-bottom: 0;
}
.bx-wrapper .bx-viewport {
	left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	background: none;
}
.bx-wrapper .bx-pager {	display: none;}
.txt_main{position:absolute; left:20px;bottom:20px;z-index:2;}
.txt_main img{max-width:100%;vertical-align:top;height:auto;}
 /*---------------------------------------------
	Index　Info
---------------------------------------------*/
#info{width:630px;margin: 30px 0 0;float: left;}
#index_block {float: right;width:300px;margin: 30px 0 0;}
#info .inner,
#index_block .inner {position: relative;}
#info h2{margin-bottom: 20px;padding-bottom: 10px;font-weight: bold;font-size: 16px;border-bottom: solid 4px #3359BC;}
#info p {position: absolute;top: 2px;right: 5px;border-left: solid 1px #ccc;background: url(../_img/icn_arrow.gif) no-repeat 15px center;padding-left: 30px;}
#info dl{line-height: 140%; overflow:hidden;}
#info dt {color: #333;font-size: 12px;}
#info dt {clear: left;float: left;padding: 15px 10px;}
#info dd {padding: 15px 5px 15px 14em;border-bottom: dotted 1px #ccc;}
#info dt span {margin:0 5px 0 10px;padding: 2px 4px;color: #fff;font-size: 11px;text-align: center;}
#info dt span.news {background: #B4DA2E;padding: 2px 2.6em;}
#info dt span.event {background: #4379D3;padding: 2px 0.6em;}
#info dt span.shidou {background: #999;padding: 2px 2.6em;}
#info .music{margin:30px 0 0;}
#index_block ul{}
#index_block ul li {margin-bottom:15px;}
#index_block .address{padding:15px; border: solid 3px #ccc; background:url(../_img/img_appearance.jpg) no-repeat center 125px; height:390px;}
#index_block .address dl{}
#index_block .address dl dt{font-size:16px; font-weight:bold; margin-bottom:10px;}
#index_block .address dl dd{font-size:14px;}

/*---------------------------------------------
	Introduction
---------------------------------------------*/
dl{line-height: 140%;}
dl.history dt {clear: left;float: left;padding: 10px 10px; width:12em;}
dl.history dd {padding: 10px 5px 10px 12em;border-bottom: dotted 1px #ccc;}
.emblem_box {overflow:hidden;}
p.emblem {margin: 20px auto 5px;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:30px;text-align:center;}
.school_song {margin:20px 10px;width:47%; text-indent:-2em;padding-left:3em; font-size:14px; float:left;}
.school_song_rep {margin:20px 10px;	padding-left:3em;width:16em; float:left;}
.layout_block {margin:0 10px 30px;overflow:hidden;}
.layoutimg{display: -moz-inline-box; /*for Firefox 2*/  display: inline-block; /display: inline; /zoom: 1; width:300px;padding:0; margin:10px 15px; font-size:12px; vertical-align:top; text-align:center; line-height:1.4;}
.layoutimg img{width:100%; height:auto; padding:3px; border:solid 1px #ccc;margin-bottom:10px;}
.layoutimg span{font-size:12px; vertical-align:middle;}
.layoutimg span img{margin:-1px 3px 0 0;width:20px; border:none;}
.img-txt{display:block;}
.spimg-txt{display:none;}
.uniform{margin:0 10px 20px; font-size:12px; overflow:hidden;}
.uniform img{margin:0 15px 30px 0; padding:1px; border: solid 1px #ccc;}

/*---------------------------------------------
	Music-course
---------------------------------------------*/
dl.feature {line-height: 140%; margin:5px 10px 30px; overflow: hidden;}
dl.feature dt {background:#ccc;padding: 10px 10px; color:#3359BC; font-size:18px; font-weight:bold; width:100%; float:none;}
dl.feature dd {padding: 10px 10px 0;border: solid 1px #ccc;}
dl.teacher{line-height: 140%;margin:15px 10px; }
dl.teacher dt {clear: left;float: left;padding: 10px 5px; width:10em;}
dl.teacher dt.teach {clear: left;float: left;padding: 10px 10px; width:10em; background:#f3f3f3;}
dl.teacher dd {margin:1px 0;padding: 10px 5px 10px 12em;border-bottom:none; background:#fff;}
dl.event-calendar{line-height: 140%;margin:15px 10px; overflow:hidden;}
table.event-calendar td p {margin:0;}
ul.event_img{margin:0 10px 30px;overflow:hidden;}
ul.event_img li{float:left; width:300px;padding:0; margin:10px 15px; background:none; border:none;text-align:center;}
ul.event_img li img{width:100%; height:auto; padding:3px; border:solid 1px #ccc;margin-bottom:10px;}
ul.event_img li span{font-size:12px;}
.music-course section img{padding:2px; border:solid 1px #ccc;margin-bottom:10px;}

/*---------------------------------------------
	Club
---------------------------------------------*/
.club_info{margin:10px 0; padding:15px; background: #F6F6F6; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; text-align:left;}
.club_info h3{margin:0 0 10px; background:url(../_img/icn_h3.png) no-repeat 0 50%; padding-left:20px;color:#006DD9; font-size:16px; font-weight:bold;}
.club_img{ overflow:hidden; margin-bottom:10px;}
.club_img .imglist{float:left; margin:10px 15px 15px; width:45%;}
.club_img .imglist img{width:300px; height:auto; padding:2px; border: solid 1px #ccc;}
.club_img .imglist-sub{float:left; margin:10px 10px 3px; width:22%;}
.club_img .imglist-sub img{width:140px; height:auto; padding:2px; border: solid 1px #ccc;}
.club_block{margin:10px; padding:10px 0; border-top: dotted 1px #4379D3;}
.club_block p{line-height: 160%;margin: 0 15px;}
.club_block table{margin: 1em auto 0.5em;}
.club_block td{ text-align:center; background:#fff; padding:5px;}
.club_block td.total{ text-align:right;}
.club_block td.active{ text-align:left;}
.club_block ul{width:95%;}
dl.clubttime{line-height: 140%;margin:15px 10px;overflow:hidden;}
dl.clubttime dt {clear: left;float: left;padding: 10px 10px; width:10em; color:#fff; background:#4379D3; text-align:center;}
dl.clubttime dd {margin:0.5px 0;padding: 10px 5px 10px 12em;border-bottom:none; background:#fff;}

.clublist_block{overflow:hidden; margin-bottom:30px;}
.clublist_block h3{}
ul.club-list{margin: 0 0 20px; padding:0;}
ul.club-list li img{margin:0 10px 0 0; float:left; width:80px; height:60px;}
ul.club-list li{width:215px; padding:0; float:left; background:none;margin:0 10px 20px; font-size:13px; font-weight:normal; border:none;}

/*---------------------------------------------
	News
---------------------------------------------*/
.newsimg_block {margin:0 10px 30px;overflow:hidden;}
.newsimg{display: -moz-inline-box; /*for Firefox 2*/  display: inline-block; /*for modern*/  /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/width:300px;padding:0; margin:10px 15px; font-size:12px; vertical-align:top; text-align:center; line-height:1.4;}
.newsimg img{width:100%; height:auto; padding:3px; border:solid 1px #ccc;margin-bottom:10px;}
.newsimg span{font-size:12px;}
.news #info{width:100%;margin: 0 0 0;float: left;}
.news #info dt {clear: left;float: left;padding: 15px 10px;}
.news #info dd {padding: 15px 5px 15px 14em;border-bottom: dotted 1px #ccc;}

/*---------------------------------------------
	Event Calendar
---------------------------------------------*/
.calendar{margin:0 0 20px; padding-bottom:15px; border-bottom:dotted 1px #ccc; overflow:hidden;}
dl.event{margin:0; padding:0; width:75%; float:left;}  
dl.event dt{margin:5px 0 0; padding:30px 0 30px;color:#fff; background:#4379D3; font-size:30px; font-weight:bold;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width:90px; text-align:center;display: inline-block; /display: inline;  /zoom: 1; overflow:hidden;}  
dl.event dt.bg04{background:#E94D4D;}  
dl.event dt.bg05{background:#F1B54C;}  
dl.event dt.bg06{background:#F4E401;}  
dl.event dt.bg07{background:#B1CA4C;}  
dl.event dt.bg08{background:#4CB065;}  
dl.event dt.bg09{background:#50B5B5;}  
dl.event dt.bg10{background:#4CB5DF;}  
dl.event dt.bg11{background:#4C9CC6;}  
dl.event dt.bg12{background:#4C539D;}  
dl.event dt.bg01{background:#B24C9D;}  
dl.event dt.bg02{background:#EF4DA4;}  
dl.event dt.bg03{background:#E64C8D;}  


dl.event dt span.month{font-size:18px;}  
dl.event dd{margin:0 0 0 30px;padding:0 0 0 0; border:none; width:75%;display: inline-block;/display: inline;  /zoom: 1;}  
dl.event dd ul{margin:0; padding:0; float:left;}  
dl.event dd ul li{background: url(../_img/icn_li02.png) no-repeat 0 5px; padding:3px 10px 3px 20px; margin:0;width:50%; float:left;}  
.calentar_img{width:25%; float:right;}
.calentar_img img{margin: 5px 0 5px;padding:1px; border: solid 1px #ccc;}
dl.event dd ul li br{margin:0; display:none;}

/*---------------------------------------------
	font
---------------------------------------------*/
.margin-top20{margin-top:20px;}
.margin-top20-bootom20{margin-top:20px;margin-bottom:20px;}

/* file
------------------------------------*/
a[href$=".pdf"],a[href$=".doc"],a[href$=".docx"],a[href$=".xls"],a[href$=".xlsx"],a[href$=".txt"]{ 
	padding: 0 0 0 18px;background: url(../_img/pdf_icon.png) no-repeat 0 2px; }

#side a[href$=".pdf"],table td a[href$=".pdf"]{margin: 0;padding: 0;background:none;}

/*---------------------------------------------
	other
---------------------------------------------*/
.box{margin:10px 10px 20px;padding:15px; background:#f3f3f3;}
.botton{ margin:30px 100px 40px; padding:15px; color:#fff; background:#FFBF00; font-size:20px; text-align:center; font-weight:bold;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}  
.botton a{color:#fff;}  
.pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #555;}
.pagination a:hover{color:#fff;background: #3279BB;}
.pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}
#sp-pagetop { display:none;}




@media only screen and (max-width:800px){
/* ------ Width: 800px ------ */
#gnav,
header .inner,
footer .inner,
#works .inner,
#category .inner,
#banner .inner,
#link .inner,
#contents {
	max-width: 800px;
	margin: 0 auto;
}

#fnav .inner{max-width: 95%;}
#fnav .colum{margin-right:10px !important;}

#dropmenu {max-width:800px;}
.btnbox {float: left;}

#dropmenu > li:hover > ul > li,
#dropmenu li ul li:hover > ul > li {  overflow: visible; height: auto;}

#side {float: left;width: 180px;margin:30px 0 0 10px;}
#main {float: right;width: 570px;margin:30px 10px 0 0;}

/* ------Index ------ */
#bxslider_bg {max-height:315px;}

#bxslider {width: 98%;}
.slider1 {height: auto}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {width: 100%;height: auto;}
#info{width:510px;margin: 30px 0 0 10px;float: left;}
#index_block {float: right;width:230px;margin: 30px 10px 0 0;}
#index_block .address{background-size:90%;height:320px;}
.txt_main img{max-width:80%;vertical-align:top;height:auto;}
/*---------------------------------------------
	Introduction
---------------------------------------------*/
.layoutimg{width:220px;padding:0; margin:10px 15px; font-size:12px;}
#Map,map{display:none}
.img-txt{display:none;}
.spimg-txt{display:block;}

}
@media only screen and (max-width:768px){
/* ------ Width: 800px ------ */
#gnav,
header .inner,
footer .inner,
#works .inner,
#category .inner,
#banner .inner,
#link .inner,
#contents {
	max-width: 768px;
	margin: 0 auto;
}
#fnav .inner{max-width: 95%;}
#side {float: left;width: 180px;margin:30px 0 0 10px;}
#main {float: right;width: 530px;margin:30px 10px 0 0;}

#dropmenu {max-width:768px;}
#bxslider {width: 95%;}
#bxslider_bg {max-height:280px;}
#info{width:510px;margin: 30px 0 0 10px;float: left;}
#index_block {float: right;width:220px;margin: 30px 10px 0 0;}
#index_block .address{height:280px;}
}

@media only screen and (max-width:639px){
input[type="submit"] {
  -webkit-appearance: none;
}
#gnav,
header .inner,
footer .inner,
#works .inner,
#category .inner,
#banner .inner,
#link .inner,
#contents {
	width: 95%;
}
#wrapper {background:none;}
header {border-bottom: 1px #ccc solid;padding-top:0;height:65px;}
.logobox {width: 330px;	height: 44px;margin: 10px auto;}
#logo a {background-size: 100%;}
.btnbox,#gnav {display: none;}
 /*---------------------------------------------
	Iphone
---------------------------------------------*/
#spnav {display: block;}
#spnav dl{display: block;}
#spnav dl dt {
	position:absolute;
	top:5px;
	right:5px;
	display: block;
	padding-top: 4px;
	font-size: 14px;
	color: #fff;
	float:right;
	padding: 0;
	border-bottom: 1px #ccc solid;
	width:50px;
	height:50px;
}
#spnav dl dt span {
	padding: 0;
}
#spnav dl dt.active {
	border-bottom: 1px #ccc solid;
}
#spnav dl dd {
	display: none;
	width: 100%;
}
#spnav dl dd li a {
    display: block;
    padding: 15px;
    border-bottom: 1px #fff solid;
    background: #4379D3 url(../_img/ico_arrow.png) no-repeat right 50%;
    font-weight: bold;
    font-size: 16px;
	color:#fff;
}
#spnav dl dd li.misc a {
    background: #8AACE3 url(../_img/ico_arrow.png) no-repeat right 50%;
}
#spnav dl dd li a:hover{
	text-decoration: none;
}
#fnav {width: 100%;}

#fnav .inner {
	margin: 10px 0 15px;
	padding: 0;
	overflow:hidden;
}
#pagetop { display:none;}
#sp-pagetop {
    position:inherit;
	width: 100%;
	height: auto;
	text-indent: inherit;
	overflow:hidden;
    background: #001a81;
    padding: 25px 0 10px;
    text-align:center;
	color: #fff;
	font-size:12px;

	}
#sp-pagetop a {
	width: 100%;
	height: auto;
    padding: 27px 0 0;
	color: #fff;
    font-weight: bold;
    text-align:center;
    background: #001a81 url(../_img/ico_pagetop.png) no-repeat center 5px;
	text-indent: inherit;
}
.column {display: none;}
footer {padding: 0 0 10px;}
footer .inner {
	padding-top: 10px;
}
#logomark {
	margin-bottom: 15px;
}
small {
	clear: left;
	display: block;
	float: none;
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px #ccc solid;
	text-align: center;
}

#contents.index {
	padding-bottom: 20px;
}
 /*---------------------------------------------
	Event
---------------------------------------------*/
dl.event dt span.month{font-size:18px;}  
dl.event dd{margin:0 0 0 15px;padding:0 0 0 0; border:none; width:74%;display: inline-block;/display: inline;  /* IE用ハック *//zoom: 1;  /* IE用ハック */ }  
dl.event dd ul{margin:0; padding:0; float:left;}  
dl.event dd ul li{background: url(../_img/icn_li02.png) no-repeat 0 5px; padding:3px 10px 3px 20px; margin:0; float:left;}  
.calentar_img{width:20%;}
.calentar_img img{width:100%;}

 /*---------------------------------------------
	Index　Info
---------------------------------------------*/
#info,#index_block  {float: none;margin: 20px auto 20px;width: 90%;}
#info dt {margin:5px 0 0;float: none;padding: 5px 10px;}
#info dd {padding: 5px 5px;border-bottom: dotted 1px #333;}

#main #info dt {margin:10px 0 5px;float: none;padding: 5px 10px;}
#main #info dd {padding: 5px 5px;border-bottom: dotted 1px #333;}

#index_block .address{background-size:90%;height:370px;}

/* Contents */
#breadcrumb {margin-bottom: 10px;}
#contents {width: 95%;padding-bottom: 20px;}
/* main,side */
#main,#side {float: none;margin: 0 auto;}
#main {width: 100%;overflow:hidden; font-size:15px;}
#side {width: 90%;	margin: 0 auto;	padding-top: 25px;}
#side img {width: auto;}
#snav li {font-size:15px;}

section h2 {padding-bottom: 12px;}
section h2 span {display: block;margin-left: 0;}
th span {display: block;margin-left: 0;}
/* ------Index ------ */
#bxslider_bg {height:280px;padding:20px 0;}

#bxslider {width: 98%;}
.slider1 {height:100%;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {width: 100%;height: auto;}

}

@media only screen and (max-width:580px){

/* ------Index ------ */
#bxslider_bg {height:240px;padding:20px 0;}

#bxslider {width: 98%;}
.slider1 {height:100%;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {width: 100%;height: auto;}

}



@media only screen and (max-width:480px){
#mark img {	width: 45px;}
.logobox {
	width: 350px;
	height: 44px;
	margin: 10px auto;
}
#logo {
	top: 2px;
	left: 50px;
}
#logo a {
	background-size: 80%;
}
#bxslider_bg {height:200px;padding:20px 0;}

#bxslider {width: 98%;}
.slider1 {height:100%;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {width: 100%;height: auto;}
 /*---------------------------------------------
	Event
---------------------------------------------*/
.calendar{position:relative; overflow:hidden;}
dl.event{width:100%; float:none;}  
dl.event dt span.month{font-size:18px;}  
dl.event dd{margin:0 0 0 20px;padding:0 0 0 0; border:none; width:60%;display: inline-block;/display: inline;  /* IE用ハック *//zoom: 1;  /* IE用ハック */}  
dl.event dd ul{margin:0; padding:0; float:none;}  
dl.event dd ul li{background: url(../_img/icn_li02.png) no-repeat 0 8px; width:100%; padding:3px 0 3px 20px; margin:0; float:none;}  
.calentar_img{position:absolute;width:100%; float:none; top:100px; left:0px; height:100px;}
.calentar_img img{width:90px; height:auto;}

}
@media only screen and (max-width:320px){
#mark img {	width: 45px;}
.logobox {
	width: 320px;
	height: 44px;
	margin: 10px auto;
}
#logo {
	top: 2px;
	left: 50px;
}
#logo a {
	background-size: 73%;
}
/* ------Index ------ */
#bxslider_bg {height:130px;padding:10px 0;}

#bxslider {width: 98%;}
.slider1 {height:100%;}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide1 img,
.slide2 img,
.slide3 img,
.slide4 img,
.slide5 img {width: 100%;height: auto;}
.txt_main{bottom:10px;}
}