@charset "utf-8";
/* main
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
	height:100%;
}
body {
	font-size: 70%;
	line-height: 150%;
	background:#e7e5db;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align:center;
	height:100%;
	background-image:url(../images/wrapper_bg2.jpg);
	color:#2a2a2a;
}
#wrapper-bg {
	width: 1086px;
	background-image:url(../images/wrapper_bg.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	height:100%;
	min-height:100%;
}
#wrapper {
	width: 820px;
	background-color:#fff;
	text-align:left;
	padding:0;
	margin:0 auto;
}
body > #wrapper-bg {
	height: auto;
}
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* link
---------------------------------------------------- */
a {
	/**/
	overflow: hidden;/**/
}
a:link {
	color: #71184e;
}
a:visited {
	color: #ab387e;
}
a:hover, a:active {
	color: #ab387e;
}

/* h1
---------------------------------------------------- */
h1 {
	font-size:0%;
	line-height:0px;
	color:#999999;
	height:0px;
	overflow:hidden;
}

/* navi
---------------------------------------------------- */
#navigation {
	width: 220px;
	font-size:12px;
	line-height:12px;
	float:left;
}
#navigation ul {
	list-style: none;
}
#navigation ul img {
	vertical-align:bottom
}
#navi-box {
	width:220px;
	margin:0 auto;
	color:#7c7c7c;
}
#navi-title {
	background-color:#cdc7a9;
	text-align:center;
	padding: 8px 5px;
}
.navi-p {
	padding:0 8px 10px 8px;
	margin-bottom:0px;
}

.imgtop img{vertical-align:top;}

/* contents
---------------------------------------------------- */
#content {
	width:600px;
	float:right;
}
h2 {
	clear:both;
}
h3 {
	margin-top:10px;
	margin-bottom:15px;
	clear:both;
}

h4 {
	font-size:100%;
	margin-bottom:10px;
}


.title {
	padding-left:15px;
}
.title2 {
	padding-bottom:3px;
	border-bottom:1px #333 solid;
}
.title3 {
	padding-left:15px;
	padding-bottom:3px;
	margin-bottom:5px;
	font-size:110%;
	line-height:130%;
}

/* footer
---------------------------------------------------- */
#footer {
	background:#f5f1f0;
	width:820px;
	margin:0 auto;
	font-size: 10px;
	text-align:left;
	border-left:1px #d3d1d1 solid;
	border-right:1px #d3d1d1 solid;
}
#footer2 {
	float:left;
	padding:10px;
	color:#666;
	line-height:200%;
}
#pagetop {
	text-align:right;
	padding-bottom:5px;
	margin-bottom:0;
}
/* footerlink
---------------------------------------------------- */
.flink-ul {
	list-style:none;
	line-height:130%;
}
.flink-ul li {
	display:inline;
	border-right:#666666 1px solid;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
.flink-ul li.last {
	border:none;
}
.flink-ul a:link {
	color: #7f749f;
}
.flink-ul a:visited {
	color: #7f749f;
}
.flink-ul a:hover, .flink-ul a:active {
	color: #666666;
}

/* 要素
---------------------------------------------------- */
p {
	margin-bottom:10px;
}
img {
	border: none;
}
.clear {
	clear: both;
}
.text-p {
	margin:0px;
	padding:0px;
}
.rgt {
	text-align:right;
}
.ctr {
	text-align:center;
}
.lft {
	text-align:left;
}
.aka {
	color: #dd0000;
}
.green {
	color:#009100;
}
.green2 {
	color:#006600;
}

.green3{color:#738C0B;}

.purple{color:#7b68ee; font-size:110%;}

.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb5 {
	margin-bottom:5px;
}
.mr10 {
	margin-right:10px;
}

.ml15 {
	margin-left:15px;
}

.ml20 {
	margin-left:20px;
}

.mr20 {
	margin-right:20px;
}
.mr7 {
	margin-right:7px;
}
.ml10 {
	margin-left:10px;
}
.ml11 {
	margin-left:11px;
}
.mt30 {
	margin-top:30px;
}
.mt20 {
	margin-top:20px;
}

.mt15 {
	margin-top:15px;
}

.x-small {
	font-size:85%;
	line-height:130%;
}
.x-small2 {
	font-size:90%;
	line-height:130%;
}
.midium {
	font-size:120%;
	line-height:140%;
}
.w188{width:188px;}
.w150{width:168px;}
.lhn{line-height:normal;}
.fss{font-size:80%;}
.imgmd img{vertical-align:middle;}
.ff1{font-family:"Times New Roman"; font-style:italic; font-weight:bold; font-size:120%; color:#9b1073;}
.ff10{font-family:"Times New Roman"; font-style:italic; font-weight:bold;}
.ff0{font-size:80%;}
.f-left {
	float:left;
}
.f-right {
	float:right;
}
.v-middle {
	vertical-align:middle;
}

.pb{
page-break-after:always;}

/* common
---------------------------------------------------- */
.common-box {
	background-color:#faf8ef;
	border:1px #e3ddc5 solid;
	padding:8px;
	margin-bottom:15px;
	/*\*/
	height:1%;/**/
}
.common-title {
	background-color:#e9e5d4;
	padding:3px 6px;
	margin-bottom:10px;
}
.common-title2 {
	background-color:#e9e5d4;
	padding:3px 6px;
	margin-bottom:5px;
}

.memobg{background-image:url(../images/text-bg.jpg);}

.common-box2 {
	float:left;
	width:370px;
}
.common-box3 {
	float: right;
	width:370px;
}
.common-box3a {
	float: right;
	width:390px;
}
.clpur{color:#a37ae0; /*font-weight:bold;*/}
.tit4{color:#9c1073; font-size:105%;}
.tit5{color:#F39;}
.ff3{color:#F39;}
.common-table {
	width:100%;
	border:1px #ccc solid;
	border-collapse:collapse;
	margin-bottom:15px;
}
.common-table td, .common-table th {
	padding:2px 5px;
	border:1px #ccc solid;
	border-collapse:collapse;
}
.common-table th {
	text-align:left;
	font-weight:normal;
	background-color:#f1f1f1;
	width:30%;
}
.common-table p {
	margin-bottom:0px;
}
.common-ol {
	margin-bottom:15px;
}
.common-ol li {
	margin-left:30px;
	margin-bottom:10px;
}

.common-box4 {
	float:right;
	width:570px;
	margin-bottom:15px;
}

.common-box4a {
	float:right;
	width:570px;
	margin-bottom:15px;
	background:url(../images/cn-bg.jpg) no-repeat bottom;
}
.pr150{padding-right:140px;}
.common-box5 {
	float:left;
	width:350px;
}

/* index
---------------------------------------------------- */
#flash{width:600px;
	height:250px;
	overflow:hidden;}

#top-left {
	width:220px;
	float:left;
	background-color:#FFF;	
}

#top-right {
	width:600px;
	float:left;
}
#top-right h2 {
	margin-bottom:0;
}

.topwrap{
		background-image:url(../imgaes/text-bg.jpg);
		width:600px;}

#top-box {
	background-image:url(../images/text-bg.jpg);
	padding:14px 20px;
	font-size:90%;
	line-height:180%;
	letter-spacing:0.1em;}
	
.taiken {
	background-image:url(../images/text-bg.jpg);
	padding:0;
	margin:0;
}

.top-box2 {
	border-bottom:1px #000000 dotted;
}
.top-box3 {
	padding-top:10px;
	border-bottom:1px #b4b3d2 solid;
	margin-bottom:10px;
	margin-top:5px;
}
.top-box3 h3 {
	background-color:#e9e5d4;
	padding:3px 6px;
	margin-bottom:5px;
}
.top-box4 {
	float:left;
	margin-left:20px;
}
.top-box5 {
	float:left;
}

.info-table{margin-bottom:15px;}
.info-table td{padding:4px 6px 4px;}
.i-td1{border-bottom:1px dotted #000; vertical-align:top;}
.i-td2{border:0px; width:80%;vertical-align:top;}
.info-table p{margin-bottom:0;}

.infobox{
	border-bottom:1px solid #99C;
	padding-top:5px;
	width:98%;
}

.hover a:hover {
position:relative;
top:2px;
left:2px;
}

/*ジャンパー
-------------------------------------------------*/
.paging{
	width:100%;
	text-align:center;
	padding-bottom:20px;	
	padding-top:20px;	
	background-color:#fff;}

.paging a{
	background-color:#b4b4d0;
	margin:0 4px;
	padding:4px 7px;
	text-decoration:none;
	color:#fff;
}
.paging a:active{
	color:#fff;	text-decoration:none;
}

.paging a:hover{
	color:#fff;	text-decoration:none;
}

.paging a:visited {
	color:#fff;	text-decoration:none;
}

/*school
-------------------------------------------------*/
.page-box {
	float:right;
	width:570px;
	padding:0px 15px;
	line-height:180%;}

.gaku img{
	/*background-image:url(../images/flame.jpg);*/ /*背景画像*/
	/*border: 1px solid #978562;*/ /*縁取り線の太さ・線種・色*/
	padding: 10px; /*縁取りの幅*/
}

/*gallery
-------------------------------------------------*/
.gallery_box {
width:168px;
float:left;
margin:15px 0 0 20px ;
}

.gallery_imgbox {
width:165px;
margin:0;
}

.gallery_word1 {
width:168px;
padding:5px 0 5px 0;
font-weight:bold;
color:#C9C;
font-size:110%;
}

.gallery_word2 {
width:168px;
padding:5px 0 5px 0; 
}

/* contact
---------------------------------------------------- */
#contact-table {
width:550px;
margin-bottom:20px;
text-align:left;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}

#contact-table th span {
color:#C00;
}

#contact-table th,#contact-table td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px;
}

#contact-table th {
white-space:nowrap;
}

.form30 {
width:100px;
}

.form70 {
width:250px;
}

.form90 {
width:350px;
}

.sentaku {
background-color:#E6E6F2;
text-align:left;
}

#contact-table form {
margin-right:10px;
}



/*印刷
-------------------------------------------------*/
@media print{
	#wrapper-bg {
	width: 820px;
	margin:0 auto;
	padding:0;
	height:100%;
	min-height:100%;
}
	}