@charset "utf-8";
#border_display {
	min-width: 960px;
}
/********** hheader **********/
#hheader {
	width: 100%;
}
#hheader_in {
	width: 960px;
	margin: 0 auto;
}
#hheader_in h1 {
	font-size: 12px;
	color: #878C8C;
	height: 18px;
	padding-top: 2px;
}
/********** main_image **********/
#main_image {
	width: 1200px;
	height:320px;
	margin:auto;
	text-align: center;
	background-color: #EBF7F7;
}
/********** navi **********/
#bg_navi {
	width: 100%;
}
#navi {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
#navi li {
	float: left;
}
#navi a {
	font-size: 16px;
	text-align: center;
	display: block;
	width: 120px;
	padding-top: 26px;
	height: 54px;/*	text-indent: -9999px;*/
}
#navi a {
	background:url(../img/cmn/bg_bnr.jpg) no-repeat top left;
}
#navi #n01 a {
	background-position:     0 0;
	width: 130px;
}
#navi #n02 a {
	background-position:  -120px 0;
	width: 130px;
}
#navi #n03 a {
	background-position:  -240px 0;
	width: 110px;
}
#navi #n04 a {
	background-position:  -340px 0;
	width: 130px;
}
#navi #n05 a {
	background-position:  -440px 0;
	width: 120px;
}
#navi #n06 a {
	background-position:  -530px 0;
	width:110px;
}
#navi #n07 a {
	background-position:  -600px 0;
	width: 140px;
}
#navi #n08 a {
	background-position:  -730px 0;
}
#navi #n09 a {
	background-position:  -850px 0;
	width: 100px;
}
#navi a:hover, #navi .on a {
	text-decoration: none;
	background:url(../img/cmn/bg_bnr2.jpg) no-repeat top left;
}
/*パンくずリスト*/
#bread {
	font-size: 12px;
	width: 945px;
	margin: 0 auto 20px auto;
	padding: 0 0 0 15px;
}
#bread p a {
	color: #2F2F2F;
}
#bread p span {
	display: inline-block;
	text-align: left;
	color: #2F2F2F;
}
/********** mainbox **********/
#mainbox {
	width: 960px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
/********** sidebar **********/
#sidebar {
	/*	float: right;*/
	float: left;
	width: 280px;
}
/********** main_content **********/
#main_content {
	/*	float: left;*/
	float: right;
	width: 660px;
}
/********** ffooter **********/
#ffooter {
	width: 100%;
	background:url(../img/cmn/bg_footer.jpg) repeat-x top left;
}
#ffooter_in {
	position: relative;
	width: 943px;
	height: 200px;
	padding: 35px 0 0 17px;
	margin: 0 auto;
}
#ffooter_in a.a01 {
	display: inline-block;
	margin: 0 13px 42px 0;
}
#ffooter_in a.a02 {
	margin-right: 32px;
}
#ffooter_in a.a03, #ffooter_in a.a04 {
	display: inline-block;
	width: 160px;
	height: 50px;
	margin-right: 136px;
	margin-bottom:50px;
}
#ffooter_in a.a04 {
	width: 146px;
}
#ffooter_in a.a03 img, #ffooter_in a.a04 img {
	margin-bottom: 15px;
}
#ffooter_in a.a03 span, #ffooter_in a.a04 span {
	float: right;
	font-size: 24px;
	padding-top: 10px;
}
#copy {
	position: absolute;
	font-size: 12px;
	top: 188px;
	left: 170px;
}
/*フッターナビ*/
#fnavi {
	width: 790px;
	clear: both;
	float: right;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#fnavi li {
	float: left;
	font-size:12px;
}
/*---------------------------------------------
CMN h2,h3,h4 ver
-----------------------------------------------*/

h2.h201 {
	clear:both;
	font-size:24px;
	color:#000;
	line-height:50px;
	margin:0 0 20px;
}
/*----------------------------------------

index.html

-----------------------------------------*/
/*---------------------------------------------
slideshow
-----------------------------------------------*/
#slideshow {
	position: relative;
	width: 100%;
	text-align: center;
	overflow:hidden;
}
#slideshow ul{
	width: 100%;
	margin: 0 auto;
}

#index {
	padding-bottom: 60px;
}
#index #map {
	width: 430px;
	height: 320px;
}
#index #map2 {
    width: 430px;
    height: 320px;
    position: relative;
    overflow: hidden;
}
#index p.p01 {
	width: 958px;
	height: 173px;
	padding-top: 7px;
	margin: 18px 0 31px 0;
	text-align: center;
}
#index .bnrbox {
	float: right;
	width: 640px;
	overflow: hidden;
}
#index .bnrbox h2 {
	width: 640px;
	height: 44px;
	margin-bottom: 12px;
	background: url(../img/top/txt_top01.jpg) no-repeat top left;
	text-indent: -9999px;
}
#index .bnrbox ul {
	overflow: hidden;
}
#index .bnrbox ul li {
	float: left;
	width: 202px;
	margin-right: 17px;
}
#index .fbbox {
	float: left;
	width: 300px;
	height:290px;
}
#index .fbbox h2 {
	width: 300px;
	height: 50px;
	margin-bottom: 8px;
	background: url(../img/top/tit1.jpg) no-repeat top left;
	text-indent: -9999px;
}
#index .p02 {
	float:right;
	display:block;
	width:660px;
	padding:0 0 10px;
	color:#5f6666;
	font-size:16px;
	line-height:140%;
}
#index .img01 {
	float:left;
	margin:0 0 40px 15px;
}
#index .infobox {
	float: right;
	width: 450px;
	margin:0 15px;
	overflow: hidden;
}
#index .infobox dt {
	font-size:17px;
	margin:0 0 7px;
}
#index .infobox dd {
	font-size:14px;
	margin:0 0 7px;
	color:#666;
}
/*----------------------------------------

guide.html

-----------------------------------------*/
#guide {
	padding: 15px 0 50px 0;
}
#guide p.p01 {
	color: #444;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
	font-weight: bold;
}
#guide p.p2 {
	float: right;
	width: 552px;
	color: #5F666A;
	font-size: 16px;
	padding-bottom: 20px;
}
#guide img.img1 {
	margin: 0 0 44px 15px;
}
#guide .box1,  #guide .box3 {
	width: 448px;
	overflow: hidden;
	border: solid 1px #ccc;
	border-top: solid 2px #B22D00;
}
#guide .box2 {
	width: 450px;
	overflow: hidden;
	border-top: solid 2px #B22D00;
}
#guide .box1 {
	margin: 0 0 0 17px;
	float: left;
}
#guide .box2,  #guide .box3 {
	margin: 0 15px 29px 0;
	float: right;
}
#guide .box1 h3,  #guide .box3 h3 {
	width: 427px;
	height: 36px;
	background: url(../img/guide/bg_h301.jpg) no-repeat top left;
	font-size: 24px;
	padding: 11px 0 0 21px;
	border-bottom: solid 1px #ccc;
}
#guide .box2 h3 {
	width: 427px;
	height: 36px;
	background: url(../img/guide/bg_h301.jpg) no-repeat top left;
	font-size: 24px;
	padding: 11px 0 0 21px;
	border: solid 1px #ccc;
	border-top: none;
}
#guide .box1 h3 {
	margin-bottom: 15px;
}
#guide .box3 h3 {
	margin-bottom: 22px;
}
#guide .box1 img {
	margin: 0 0 17px 37px;
}
#guide .box1 dl {
	width: 381px;
	font-size: 19px;
	border-bottom: solid 1px #ddd;
	padding: 0 7px 11px 2px;
	margin: 0 0 18px 29px;
}
#guide .box1 dl dt {
	vertical-align: top;
	display: inline-block;
	width: 40%;
}
#guide .box1 dl dd {
	display: inline-block;
	width: 60%;
	text-align: right;
}
#guide .box1 dl.ex {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 14px;
}
#guide .box1 p {
	margin: 0 0 9px 31px;
	font-size: 16px;
	color: #5F686A;
}
#guide .box2 table {
	width: 450px;
	font-size: 18px;
	margin-bottom: 9px;
}
#guide .box2 table tr th {
	background-color: #eee;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ccc;
}
#guide .box2 table tr th:first-child {
	width: 98px;
	height: 39px;
}
#guide .box2 table tr:first-child th {
	border-top: none;
}
#guide .box2 table tr td {
	text-align: center;
	vertical-align: middle;
	border: solid 1px #ccc;
}
#guide .box2 p {
	font-size: 18px;
	margin: 0 0 5px 10px;
}
#guide .box2 span {
	color: #5F686A;
	font-size: 16px;
	margin-left: 10px;
}
#guide .box3 h4 {
	font-size: 16px;
	margin: 0 0 14px 23px;
}
#guide .box3 p {
	font-size: 16px;
	color: #5F686A;
	margin: 0 0 26px 23px;
}
#guide .box3 p.p1 {
	color: #000;
	margin-bottom: 13px;
}
#guide p.p3 {
	clear: both;
	width: 652px;
	height: 243px;
	padding: 3px 0 0 224px;
	font-size: 22px;
	background: url(../img/guide/bg_h302.jpg) no-repeat top left;
	margin-bottom: 42px;
}
#guide a.a1 {
	display: block;
	clear: both;
	width: 580px;
	height: 110px;
	margin: 0 auto;
}
/*----------------------------------------

teacher.html

-----------------------------------------*/
#teacher {
	padding: 5px 0 60px 0;
}
#teacher .box1 {
	width: 617px;
	margin: -5px 15px 0 0;
	float: right;
	overflow: hidden;
	color: #5F666A;
}
#teacher .box1 h3 {
	font-size: 30px;
	margin-bottom: 15px;
	line-height:140%;
}
#teacher .box1 p {
	font-size: 16px;
}
#teacher img.img1 {
	margin: 0 0 34px 15px;
}
#teacher ul.win {
	width: 960px;
	overflow: hidden;
	margin-bottom: 40px;
}
#teacher ul.win li {
	float: left;
	width: 225px;
	margin-right: 20px;
}
#teacher ul.win li .pbox {
	width: 225px;
	height: 230px;
	text-align: center;
	margin-bottom: 14px;
}
#teacher ul.win li .tbox {
	width: 223px;
	height: 66px;
	padding-top: 9px;
	border: solid 1px #bbb;
	text-align: center;
	font-size: 17px;
}
#teacher ul.win li .tbox p {
	width: 203px;
	padding-bottom: 7px;
	margin: 0 auto 7px auto;
	border-bottom: solid 1px #ddd;
}
#teacher ul.win li .tbox span {
	font-size: 16px;
	color: #5F676A;
}
#teacher ul.win li .tbox2 {
	width: 223px;
	height: 60px;
	padding-top: 15px;
	border: solid 1px #bbb;
	text-align: center;
	font-size: 17px;
}
#teacher ul.win li .tbox3 {
	width: 223px;
	height: 60px;
	margin-top:20px;
	padding-top: 15px;
	border: solid 1px #bbb;
	text-align: center;
	font-size: 17px;
}

#teacher ul.win li .tbox4 {
	width: 223px;
	height: 30px;
	border: solid 1px #bbb;
	text-align: center;
	line-height:170%;
	font-size: 17px;
}
#teacher .box2 {
	position: relative;
	width: 930px;
	height: 590px;
	background: url(../img/teacher/bg_box.jpg) no-repeat top left;
	color: #5F676A;
}
#teacher .box2 .box3 {
	width: 406px;
	height: 311px;
	padding: 0 0 0 25px;
	position: absolute;
	top: 25px;
	left: 33px;
}
#teacher .box2 .box4 {
	width: 396px;
	height: 311px;
	padding: 0 0 0 25px;
	position: absolute;
	top: 25px;
	right: 31px;
}
#teacher .box2 .box5 {
	width: 406px;
	height: 213px;
	padding: 0 0 0 25px;
	position: absolute;
	bottom: 25px;
	left: 33px;
}
#teacher .box2 .box6 {
	width: 396px;
	height: 213px;
	padding: 0 0 0 25px;
	position: absolute;
	bottom: 25px;
	right: 31px;
}
#teacher .box2 h3 {
	font-size: 65px;
	margin-top: 23px;
	margin-bottom: 28px;
}
#teacher .box2 p {
	font-size: 16px;
	line-height: 1.4;
}
/*----------------------------------------

art.html

-----------------------------------------*/
#art {
	padding: 5px 0 0 0;
}
#art .box1 {
	width: 537px;
	margin: -5px 15px 0 0;
	float: right;
	overflow: hidden;
	color: #5F666A;
}
#art .box1 h3 {
	font-size: 30px;
	margin-bottom: 15px;
	line-height:140%;
}
#art .box1 p {
	font-size: 16px;
}
#art img.img1 {
	margin: 0 0 33px 15px;
}
#art p.p1 {
	font-size: 22px;
	width: 625px;
	height: 305px;
	padding: 2px 0 0 212px;
	background: url(../img/art/bg_art01.jpg) no-repeat top left;
	margin-bottom: 61px;
}
#art a.a1 {
	display: block;
	clear: both;
	width: 581px;
	height: 110px;
	margin: 0 auto;
}
.box-flow {
	overflow:hidden;
	margin-bottom:20px;
	color:#5f666a;
}
.box-flow dl {
	overflow:hidden;
	line-height:1.4;
	font-size:16px;
}
.box-flow dt {
	float:left;
	width:40px;
}
.box-flow dd {
	margin-left:40px;
	margin-bottom:20px;
	overflow:hidden;
}
.pic-flow {
	float:left;
	margin-right:20px;
}
/*----------------------------------------

japanart.html

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

.box-flow02 {
	overflow:hidden;
	margin-bottom:20px;
	color:#5f666a;
}
.box-flow02 dl {
	overflow:hidden;
	line-height:1.4;
	font-size:16px;
}
.box-flow02 dt {
	float:left;
	width:20px;
}
.box-flow02 dd {
	margin-left:2px;
	margin-bottom:20px;
	overflow:hidden;
}
.pic-flow02 {
	float:left;
	margin-right:40px;
}
/*----------------------------------------

sketch.html

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

.box-flow03-1 {
	overflow:hidden;
	margin-bottom:20px;
	color:#5f666a;
}
.box-flow03-1 dl {
	overflow:hidden;
	line-height:1.4;
	font-size:16px;
}
.box-flow03-1 dt {
	float:left;
	width:20px;
}
.box-flow03-1 dd {
	margin-left:2px;
	margin-bottom:20px;
	overflow:hidden;
}
.pic-flow03-1 {
	float:left;
	margin-right:130px;
}
.box-flow03-2 {
	overflow:hidden;
	margin-bottom:20px;
	color:#5f666a;
}
.box-flow03-2 dl {
	overflow:hidden;
	line-height:1.4;
	font-size:16px;
}
.box-flow03-2 dt {
	float:left;
	width:20px;
}
.box-flow03-2 dd {
	margin-left:2px;
	margin-bottom:20px;
	overflow:hidden;
}
.pic-flow03-2 {
	float:left;
	margin-right:40px;
}
#guide div.box1 .sketch01 dt {
	width:60%;
}
#guide div.box1 .sketch01 dd {
	width:40%;
}
/*----------------------------------------

voice.html

-----------------------------------------*/
#voice {
	padding: 5px 0 50px 0;
}

body {
    background: #ffffff url("../images/common/html_bg.jpg") repeat scroll left top;
    color: #000;
    font: 12px/23px "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    overflow-x: hidden;
}
body {
    margin: 0;
    padding: 0;
}
#voice .box1 {
  float: left;
  margin-right: 25px;
  overflow: hidden;
  width: 29%;
}
#voice .box1 h3 {
	position: absolute;
	font-size: 22px;
	top: 23px;
	left: 181px;
}
#voice .box1 h4 {
	position: absolute;
	font-size: 18px;
	top: 66px;
	left: 23px;
}
#voice .box1 p {
	position: absolute;
	color: #5F686A;
	font-size: 16px;
	top: 100px;
	left: 23px;
}
#voice p.p1 {
	clear: both;
	width: 592px;
	height: 146px;
	padding: 75px 0 0 330px;
	font-size: 22px;
	background: url(../img/voice/bg_voice02.jpg) no-repeat top left;
	line-height: 1.5;
}
.voice-in {
  margin-bottom: 20px;
  overflow: hidden;
  width: 1039px;
}
/*----------------------------------------

dog.html

-----------------------------------------*/
#dog {
	overflow: hidden;
	padding: 5px 0 65px 0;
}
#dog p.p1 {
	font-size: 18px;
	margin: 0 0 25px 15px;
}
#dog .box1 {
	width: 431px;
	overflow: hidden;
	float: left;
	margin: 0 35px 0 15px;
}
#dog .box1 img {
	margin-bottom: 22px;
}
#dog .box1 h3 {
	font-size: 22px;
	width: 395px;
	height: 32px;
	padding: 0 0 0 36px;
	background: url(../img/dog/bg_dog.jpg) no-repeat bottom left;
	margin-bottom: 8px;
}
#dog .box1 p {
	font-size: 16px;
}
/*----------------------------------------

access.html

-----------------------------------------*/
#access {
	overflow: hidden;
	padding: 5px 0 65px 0;
}
#access dl {
	margin-top: -3px;
	float: right;
	width: 514px;
	margin-bottom: 15px;
}
#access dl dt {
	font-size: 20px;
	margin-bottom: 11px;
}
#access dl dd {
	font-size: 16px;
	color: #5F6866;
	margin-bottom: 12px;
}
#access dl dd p {
	margin-top: 13px;
	font-size: 14px;
	color: #5F6666;
}
#access img.img1 {
	margin: 0 0 13px 15px;
}
#access p.p1 {
	width: 258px;
	height: 36px;
	text-align: center;
	font-size: 18px;
	padding-top: 12px;
	background-color: #eee;
	border-radius: 10px;
	margin-left: 67px;
}
#access .map {
	clear: both;
	width: 930px;
	height: 261px;
	margin-left: 15px;
}
/*----------------------------------------

sitemap.html

-----------------------------------------*/
#sitemap {
	overflow: hidden;
	padding: 5px 0 315px 0;
}
#sitemap ul {
	margin-left: 15px;
}
#sitemap ul li a {
	float: left;
	display: block;
	width: 302px;
	height: 27px;
	font-size: 16px;
	padding: 10px 0 0 24px;
	margin: 0 50px 19px 0;
	background: url(../img/sitemap/bnr_sitemap.jpg) no-repeat bottom left;
}
#sitemap ul li a:hover {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
	text-decoration: none;
}
img {
	max-width: 100%;
}


#▼2015/09追加{}
.align-c{text-align:center;}
.txt-img{
	overflow:hidden;
	/zoom:1;
}
.img-l{float:left;}
.img-r{float:right;}
.txt-content{
	overflow:hidden;
	/zoom:1;
}
.top-box{overflow:hidden;}
.border-b{border-bottom:solid 4px #E55F2C; margin:30px auto;}
.sch-box{font-size:16px; line-height:140%; margin-bottom:10px; color:#5F666A;}
.sch-box .sch-box-t01{font-size:18px; color:#E55F2C; margin-bottom:7px;}

#▼2015/09/29追加{}
.pic_onko{margin:0 auto;
width:60%;

}