@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :okumura@delta-port.com
 style info :contents area and more informations

design of this style sheet
basic settings, layout, width settings and more...
universal class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	Basic Settings & link color and more...
----------------------------------------------------*/
/*body {
	background:url(/images/shared/bg_00001.png) repeat-x;
}

body#singleWindow {
	background:none;
}

a:link {
	color: #00a0e9;
	text-decoration: underline;
}

a:visited {
	color: #006999;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:active {
}*/


/*----------------------------------------------------
	universal class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* external link are to open new window */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

span.red {
	color: #9d201d;
	color: #ff0000;

}

span.green {
	color: #62b23a;
}


span.blue {
	color: #78a6f0;
}


span.purple {
	color: #b795e0;
}


span.pink {
	color: #fc96ab;
}


span.orenge {
	color: #fdb353;
}

span.ygreen {
	color: #b4c75e;
}

span.shikaku {
	color: #78a6f0;
}


span.kentei {
	color: #b795e0;
}


span.jitsuyo {
	color: #f88c01;
}

span.seminar{
	color: #fdb353;
}

span.business{
	color: #50aa24;
}

span.hobby{
	color: #f68ea4;
}

span.lesson {
	color: #b4c75e;
}

p{
	line-height:150%;
}

.fl {
float: left;
}

.fr {
float: right;
}

.txt_center {
text-align: center;
}

.arrow {
	list-style-type: disc;
 	list-style-image: url(/images/shared/arrow.png);
	margin-left: 20px;
	 }


/* -----------------------------------------------------------
	.clearfix
----------------------------------------------------------- */

.clearfix:after {
  content: ".";  /* to create new elements */
  display: block;  /* to block level elements */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*Â¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 960px;
	margin: 0 auto;
	text-align: left;

}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contentsArea {
	float: left;
	width: 960px;
	margin: 0;
	padding: 0 0px;
	background: #ffffff;
}

#contentsArea .pageTop {
	clear: both;
	text-align: right;


}

#contentsArea .pageTop a#contentsArea

#contentsArea .pageTop a:hover{

}

/*

*/
th span.marginLeft10 {
	margin: 0 0 0 0px;
	font-weight: 100;
}

td span.marginLeft10 {
	margin: 0 0 0 10px;
	font-weight: 100;
}

/*----------------------------------------------------
	#contentsArea
		CONTENTS
----------------------------------------------------*/
div#contents_720 {
	margin: 0;
	background-color:#FFF;
}

.contents_720_02 {
	margin: 0;
	//background-color:#FFF;
}


div#contents_720 #title {
	height: 1.6em;
	margin: 5px 0 5px 5px;
	padding: 0 0 0 5px;
	border-left: #D12800 5px solid;
	font-size: 1.2em;
}

div#contents_720 h2 {
	width: 710px;
	_width: 680px;
	margin: 10px 0 5px 5px;
	padding: 0 0 0 5px;
	border-left: #D12800 5px solid;
	font-size: 1.2em;
	font-weight: 100;
}


div#contents_720 h3 {
	width: 710px;
	_width: 680px;
	/*height: 30px;*/
	margin: 5px 0 5px 0px;
	/*padding: 7px 0 0 30px;*/
	/*background: url(../../images/shared/bg_00101.png) no-repeat left;*/
	font-size: 1.2em;
	font-weight: 100;
}

div#contents_720 h3.green {
	color: #ffffff;
	//background: url(../../images/opencampus/bg_04001.png) no-repeat left;
	background-color:#00a0e9;
	height:27px;
	padding-top:7px;
	padding-left:7px;
}

div#contents_720 p.message {
	margin: 0;
	padding: 5px;
}

div#contents_720 p.note {

}

div#contents  {
	//border-top: 1px #a0a0a0 dashed;
	width:98%;
	padding-left:7px;
	margin-bottom:15px;
}

div .contentsBox {
padding: 5px 10px;
}

div .contentsBox ul {
	margin: 10px ;
}

div .contentsBox ul li{

}


/*----------------------------------------------------
	#cotents #top
		CONTENTS
----------------------------------------------------*/

#top h2 {

}

object {

}
#top .contentsBox.flash {

	padding: 15px 14px;

}

#top .contentsBox.flash p{
font-size:.9em;
}

#top .contentsBox.flash .box {
font-size:.9em;
border-top:#eee 1px dotted;
padding: 5px 0 0 0;
}
#top .contentsBox {
	margin: 0 0 10px 0;
	padding: 2px;
	border: #d3d3d3 1px solid;
}

#top .contentsBox h2 {
	width: 470px;
	_width: 460px;
	margin: 0px auto 0px auto;
	padding: 7px 0 0 10px;
	border:none;
	background: url(../../images/shared/bg_00102.png) no-repeat left;
}

#top .contentsBox .contents {
	padding: 10px 10px 0 10px;
}

#top .contentsBox .item {
	margin: 5px 0 0 0;
	border-bottom: #d3d3d3 1px dashed;
}

#top .contentsBox .item.last {
	border-bottom: none;
}

#top .contentsBox .item span.date {
	margin: 0 5px 0 0;
	color: #ff3300;
}

#top .contentsBox .item ul {
}

#top .contentsBox .item ul li {
	padding: 0 0px 0 50px;
	font-size: .9em;
}

#top .contentsBox .item ul li.new {
	background: url(../../images/shared/icon_00102.gif) no-repeat top left;
}
#top .contentsBox .item ul li.newclass {
	background: url(../../images/shared/icon_00101.gif) no-repeat top left;
}


/*----------------------------------------------------
	#cotents #class
		CONTENTS
----------------------------------------------------*/

#class #contents_title {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	/*border-bottom: #707070 1px solid; */

}

#class #contents_title h3{
	display: block;
	width:600px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 80px;
	font-size: 1.7em;
	line-height: 1.2em;
	border: none;
	background: none;
	font-weight: bold;
}

#class #contents_title .font12r{
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
	}

#class #contents_title p{
	display: block;
	width:600px;
	margin: 0px 0px 0px 0px;
	padding: 7px 20px 0px 80px;
	font-size: 1.2em;
	border: none;
	background: none;
}

#class.shikaku #contents_title {
		background: url(../../images/class/bg_icon021.png) no-repeat;
	/*background: url(../../images/class/bg_02002.jpg) repeat-x top;*/
}
#class.kentei #contents_title {
	background: url(../../images/class/bg_icon022.png) no-repeat;

}
#class.jitsuyo #contents_title {
	background: url(../../images/class/bg_icon023.png) no-repeat;
}

#class.seminar #contents_title {
	background: url(../../images/class/bg_icon024.png) no-repeat;
}

#class.lesson #contents_title {
	background: url(../../images/class/bg_icon025.png) no-repeat;
}

#class.free #contents_title {
	background: url(../../images/class/bg_icon026.png) no-repeat;
}


#class.shikaku #contents_title .icon {
	background: url(../../images/class/icon_02101.gif) 10px 10px no-repeat;
}

#class.kentei #contents_title .icon {
	background: url(../../images/class/icon_02201.gif) 10px 10px no-repeat;
}

#class.jitsuyo #contents_title .icon {
	background: url(../../images/class/icon_02301.gif) 10px 10px no-repeat;
}

#class.seminar #contents_title .icon {
	background: url(../../images/class/icon_02401.gif) 10px 10px no-repeat;
}

#class.lesson #contents_title .icon {
	background: url(../../images/class/icon_02501.gif) 10px 10px no-repeat;
}

#class.free #contents_title .icon {
	background: url(../../images/class/icon_02601.gif) 10px 10px no-repeat;
}


#class.shikaku #contents_title h3 {
	color: #2a4a7d;
}

#class.kentei #contents_title h3 {
	color: #4c3865;
}

#class.jitsuyo #contents_title h3 {
	color: #663a43;
}

#class.seminar #contents_title h3 {
	color: #695944;
}

#class.lesson #contents_title h3 {
	color: #506a01;
}

#class.free #contents_title h3 {
	color: #2e6237;
}


#class .contentsBox {
	margin: 0 0 20px 0;
}

#class .contentsBox h4 {
	border:#626262 1px solid;
	margin: 0 0 10px 0;
	padding: 3px 5px 1px 10px;
	font-size: 1.2em;
	color: #ffffff;
}

#class .contentsBox h4.black {
	color: #000000;
}

#class.shikaku .contentsBox h4 {
	/*background: url(../../images/class/bg_02102.jpg) repeat;*/
	background: #6f9fee;
}
#class.kentei .contentsBox h4 {
	/*background: url(../../images/class/bg_02202.jpg) repeat-x;*/
	background: #af87e0;
}
#class.jitsuyo .contentsBox h4 {
	/*background: url(../../images/class/bg_02302.jpg) repeat-x;*/
	background: #fc7e97;
}
#class.seminar .contentsBox h4 {
	/*background: url(../../images/class/bg_02402.jpg) repeat-x;*/
	background: #fdb353;
}
#class.lesson .contentsBox h4 {
	/*background: url(../../images/class/bg_02502.jpg) repeat-x;*/
	background: #a4b84a;
}
#class.free .contentsBox h4 {
	/*background: url(../../images/class/bg_02602.jpg) repeat-x;*/
	background: #67ae74;
}

#class .contentsBox .contents .item {
	width: 100%;
	height: 80px;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0 ;
	border-bottom: #d3d3d3 1px dashed;
	font-size: 12px;
}

#class .contentsBox .contents .itemlast {
	margin: 0 0 0 0;
	border:none;
}

#class .contentsBox .contents .item p.noPhoto {
	float: left;
	width:98px;
	height: 60px;
	margin: 0px 10px 0px 10px;
	padding: 5px 0 0 0;
	color: #ffffff;
	text-align: center;
	background: #9e9383;
}

#class .contentsBox .contents .item p.noPhoto span {
	margin: 0px 0 0 ;
	padding: 0px 0 0 0;

}

#class .contentsBox .contents .item p {
}




#class .contentsBox .contents .item div {
	float: left;
}

#class .schedule {
	background: #f7f5f1;
	border-bottom: #626262 1px solid;
	padding: 0 0 10px 0;
}

#class .profile {
	background: #efece4;
	border-bottom: #626262 1px solid;
	padding: 0 0 10px 0;
}

#class .map {
	background: #ffffff;
	border-bottom: #626262 1px solid;
	padding: 0 0 10px 0;
}

#class .map .contents {
	padding: 0 0 0px 0px;
	text-align: center;
}

#class .contentsBox .contents {
	padding: 0 0 10px 8px;
}

#class .schedule .contents {
	padding: 0 0 0px 0px;
}

#class .contentsBox .contents div.about {
	width:360px;
	margin-right: 10px;
	float: left;
}

#class .contentsBox .contents div.about p {
	margin: 0 0 10px 0;
}

#class .contentsBox .contents div.about .subTitle {
	margin: 0 0 10px 0;
	font-weight: bold;
}
#class .contentsBox .contents div.about h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.3em;
}

.shikaku .contentsBox .contents div.about h5{ color: #2a4a7d; }
.kentei .contentsBox .contents div.about h5{ color: #4c3865; }
.jitsuyo .contentsBox .contents div.about h5{ color: #663a43; }
.seminar .contentsBox .contents div.about h5{ color: #695944; }
.lesson .contentsBox .contents div.about h5{ color: #506a01; }
.free .contentsBox .contents div.about h5{ color: #2e6237; }


#class .contentsBox .contents div.about .moreinfo {
	background: url(../../images/class/btn_02004.gif) no-repeat;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	width: 367px;
	height: 46px;
}

#class .contentsBox .contents p.photo {
	width:290px;
	float: left;
	text-align: right;
}

#class .contentsBox .contents p.photo img {
	border: none;
}

#class .contentsBox .contents p.profilePhoto {
	width:178px;
	float: left;
	text-align: right;
}
#class .contentsBox .contents p.profilePhoto.center {
	width:178px;
	float: left;
	text-align: center;
}
#class .contentsBox .contents div.profileDetail {
	width:480px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	float: left;

}

#class .contentsBox .contents div.profileDetail h4 {
	margin: 0 0 10px 0;
}

#class .contentsBox .contents div.profileDetail p {
	width: 100%;
}

#class table {
	margin: 0px 5px 0px 5px;
	padding: 0px 10px 0px 10px;
}

#class table tr {
	border-bottom:#d3d3d3 1px dotted;
}

#class table th,
#class table td {
	padding: 5px 0;
}

#class table th {
	width: 180px;
	padding: 0 0 0 10px;
}
#class .submitArea {
	background: url(../../images/class/bg_02001.jpg) repeat-x;
	margin: 0 5px 20px 5px;
	padding: 10px 10px 0 10px;
	height: 50px;
	border-bottom: #626262 1px solid;
}

#class .submitArea.auto {
	background: url(../../images/class/bg_02001.jpg) repeat-x;
	margin: 0 5px 20px 5px;
	padding: 10px 10px 10px 10px;
	height: 70px;
	border-bottom: #626262 1px solid;
}

#class .submitArea.bottom {
	border-top: #626262 1px solid;
}

#class .submitArea.bottom.auto {
	background: url(../../images/class/bg_02001.jpg) repeat-x;
	margin: 0 5px 20px 5px;
	padding: 10px 10px 10px 10px;
	height: 70px;
	border-bottom: #626262 1px solid;
}


#class .submitArea p {
	float: left;
	margin: 5px 0 5px 0px;
}
#class .submitArea.auto p {
	float: left;
	margin: 3px;
	line-height: 1.4em;
	display: inline;
}
#class .submitArea.auto p.b {
	float: left;
	margin: 3px;
	font-weight: bold;
	line-height: 1.2em;
	display: inline;
}

#class.shikaku .submitArea.auto p color{ color: #2a4a7d; }
#class.kenntei .submitArea.auto p color { color: #4c3865; }
#class.jitsuyo .submitArea.auto p color { color: #663a43; }
#class.seminar .submitArea.auto p color { color: #695944; }
#class.lesson .submitArea.auto p color { color: #506a01; }
#class.free .submitArea.auto p color { color: #2e6237; }

#class.shikaku .submitArea.auto p.b { color: #2a4a7d; }
#class.kenntei .submitArea.auto p.b { color: #4c3865; }
#class.jitsuyo .submitArea.auto p.b { color: #663a43; }
#class.seminar .submitArea.auto p.b { color: #695944; }
#class.lesson .submitArea.auto p.b { color: #506a01; }
#class.free .submitArea.auto p.b { color: #2e6237; }


#class .submitArea p.request {
	float: right;
	margin: 2px 0 10px 0px;
}

#class .submitArea .kozaName {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 1.1em;
}

#class.shikaku .submitArea .kozaName {
	color: #2a4a7d;
}

#class.kentei .submitArea .kozaName {
	color: #4c3865;
}

#class.jitsuyo .submitArea .kozaName {
	color: #663a43;
}

#class.seminar .submitArea .kozaName {
	color: #695944;
}

#class.lesson .submitArea .kozaName {
	color: #506a01;
}

#class.free .submitArea .kozaName {
	color: #2e6237;
}



#class #contents {
	margin: 0 0 0 0;
	padding: 5px 0 0 8px;
}

#classtabArea {
}

#class #tab.contentsBox {
	background: #efece4;
	border-bottom: #a0a0a0 1px solid;
	margin: 0;
	padding: 0;

}


#class #tab.contentsBox .title {
	width: 680px;
	height: 20px;
	font-size: .9em;
	margin: 0 0 5px 10px;
	padding: 5px 10px 0 10px;
	height: 3em;
}

#class #tab.contentsBox .item.noitem p{
text-align: center;
margin: 30px 0

}


#class #tab.contentsBox .title p{
	float: right;
	width: 400px;
	margin: 12px 0 0 0;
	font-size: .8em;
	text-align: right;
}

#class #tab.contentsBox .title h3{
	float: left;
	width: 200px;
	margin: 0 5px;
	height: 1em;
	_height:.6em;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 5px;
	border-left: #9e8f8d 5px solid;
	background: none;
}

#class #tab.contentsBox.shikaku .title h3{
	border-left: #78a6f0 5px solid;
}

#class #tab.contentsBox.kentei .title h3{
	border-left: #b795e0 5px solid;
}

#class #tab.contentsBox.jitsuyo .title h3{
	border-left:#fc96ab 5px solid;
}

#class #tab.contentsBox.seminar .title h3{
	border-left:#fdb353 5px solid;
}

#class #tab.contentsBox.lesson .title h3{
	border-left:#b4c75e 5px solid;
}

#class #tab.contentsBox.free .title h3{
	border-left:#62b23a 5px solid;
}


#class #tab.contentsBox .contents {

}
#class #tab.contentsBox .contentsIndex {
	width: 670px;
	border-top: #a0a0a0 1px dashed;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	font-size: .9em;
}

#class #tab.contentsBox .contentsIndex .item {
	border-bottom: #d3d3d3 1px dashed;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
#class #tab.contentsBox .contentsIndex .item.last {
	border-bottom:none;
}
#class #tab.contentsBox .contentsIndex .item ul {
	padding: 8px 0 0 0;
}
#class #tab.contentsBox .contentsIndex .item ul li{
	list-style: disc;
	padding: 0 0 0 0px;
	margin: 0 0 0 20px;
}

#class #tab.contentsBox .contentsIndex .boxR {
	float: left;
	width: 310px;
}

#class #tab.contentsBox .contentsIndex .boxL {
	float: left;
	width: 310px;
	margin: 0 20px 0 0 ;
}


#class #tab.contentsBox .contents .item{
	width: 660px;
	_width: 660px;
	height: 9em;
	background: #fff;
	margin: 0 auto 5px 10px;
	padding: 7px;
	border-top: #a0a0a0 1px dashed;
	border-bottom: #a0a0a0 1px dashed;

}

#class #tab.contentsBox .contents .item h4 {
	width: 440px;
	border: none;
	font-size: 1.2em;
	margin: 0 ;
	padding: 0;
	text-decoration: underline;
}

#class #tab.contentsBox .contents .item .left{
	width: 102px;
	text-align: center;

}

#class #tab.contentsBox .contents .item .left img.thum{
	border: #a0a0a0 1px solid;
	margin: 5px 0 0 0;
}

#class #tab.contentsBox .contents .item .right{
width: 110px;
text-align: center;

}

#class #tab.contentsBox .contents .item .center{
width: 440px;
margin: 0 0 0 5px;
}


#class #tab.contentsBox .bottom {
	border-top: #a0a0a0 1px dashed;
	height: 2em; line-height: 2em;
	font-size: .8em;
	padding: 0px 10px 15px;
	margin: 0;
}

#class #tab.contentsBox .bottom ul li {
	display: inline;
	margin: 0 0px 0 5px;
	padding: 0 10px 0 0;
	border-right:#a0a0a0 1px solid;
}

#classtabArea { width: 708px; height: 41px; margin: 0 auto 0;position: relative; text-align: left; background: url(../../images/class/classtab.png) repeat-x;}
#classtabArea ul { list-style: none; }
#classtabArea #classtab { margin: 0; padding: 0 0 0 98px; }
#classtabArea #classtab li { float: left; margin: 0; padding: 0; text-indent: 0;}
#classtabArea #classtab li a { float: left; height: 40px; line-height: 40px; overflow: hidden; text-indent: -999em; }

#classtabArea {
	height: 40px !important;
	z-index: 250;
}

#classtabArea #classtab li a{
        background: url(../../images/class/classtab.png) repeat-x;
}

#classtabArea #classtab li#tab-index a { background-position:    -98px 0; width: 90px;}
#classtabArea #classtab li#tab-shikaku a { background-position: -188px 0; width: 83px;}
#classtabArea #classtab li#tab-kentei a { background-position:  -271px 0; width: 60px;}
#classtabArea #classtab li#tab-jitsuyo a { background-position: -331px 0; width: 60px; }
#classtabArea #classtab li#tab-seminar a { background-position: -391px 0; width: 81px;}
#classtabArea #classtab li#tab-lesson a { background-position:  -472px 0; width: 121px;}
#classtabArea #classtab li#tab-free a { background-position:    -593px 0; width: 100px;}

#classtabArea #classtab li#tab-index a:hover { background-position: -98px -40px; }
#classtabArea #classtab li#tab-shikaku a:hover { background-position: -188px -40px; }
#classtabArea #classtab li#tab-kentei a:hover { background-position: -271px -40px;}
#classtabArea #classtab li#tab-jitsuyo a:hover { background-position: -331px -40px;  }
#classtabArea #classtab li#tab-seminar a:hover { background-position: -391px -40px; }
#classtabArea #classtab li#tab-lesson a:hover { background-position: -472px -40px; }
#classtabArea #classtab li#tab-free a:hover { background-position: -593px -40px; }

#classtabArea #classtab li#tab-index.selected a { background-position:   -98px   -80px; }
#classtabArea #classtab li#tab-shikaku.selected a { background-position: -188px  -80px; }
#classtabArea #classtab li#tab-kentei.selected a { background-position:  -271px  -80px; }
#classtabArea #classtab li#tab-jitsuyo.selected a { background-position: -331px  -80px; }
#classtabArea #classtab li#tab-seminar.selected a { background-position: -391px  -80px; }
#classtabArea #classtab li#tab-lesson.selected a { background-position:  -472px  -80px; }
#classtabArea #classtab li#tab-free.selected a { background-position:    -593px  -80px; }



/*----------------------------------------------------
	CLASS DETAIL PAGE<GENERAL>
----------------------------------------------------*/
.pureRed{
	color: #ff0000;
	}

.small{
	font-size: 80%;
	}

.fontNormal{
	font-weight: normal;
	}

/*----------------------------------------------------
	CLASS DETAIL PAGE<TOP MENU BUTTON>
----------------------------------------------------*/

.space{
		margin: 5px 0 0 0;
		}

.detailMenuBox {
	background: url(../../../images/class/bg_detail_menu.gif) repeat-x;
	margin: 0 10px 3px 10px;
	padding: 8px 7px 1px 10px;
	text-align: right;
}
.detailMenuBox .img{
	margin: 0 0 0 4px;
}
.goPagetop{
	  clear: both;
	  text-align: right;
	  margin-bottom: 20px;
	  font-size: 80%;
}

.detailMenuBox2 {
	background: url(../../../images/class/bg_detail_menu.gif) repeat-x;
	margin: 0 10px 3px 10px;
	padding: 8px 7px 1px 10px;
	text-align: left;
}


/*----------------------------------------------------
	CLASS DETAIL PAGE<FEE TABLE>
----------------------------------------------------*/
#class #fee{
	border: 1px dotted #b5b5b5;
	text-align: center;
	font-size: 80%;
	}
#class #fee th{
	color: #ffffff;
	text-align: center;
	border: 1px dotted white;
	}

.shikaku #fee th{ background: #4975bb; }
.kentei #fee th{ background: #8e6fb6; }
.jitsuyo #fee th{ background: #da4b68; }
.seminar #fee th{ background: #ee8700; }
.lesson #fee th{ background: #7c9317; }
.free #fee th{ background: #2e8b3e; }

#class #fee td{
	background: #efece4;
	text-align: center;
	border: 1px dotted #b5b5b5;
	}

/*----------------------------------------------------
	CLASS DETAIL PAGE<CLASS INFORMATION AREA>
----------------------------------------------------*/
.exPhoto{
	margin:5px;
	float: left;
	 }

.exPhotoTxt{
	margin:5px;
	}

/*----------------------------------------------------
	CLASS DETAIL PAGE<CHECKPOINT>
----------------------------------------------------*/
#class .checkpointBox {
	margin: 0px 5px 0px 5px;
	padding: 10px;
	border: #cccccc 1px solid;
	height: 75px;
}

#class .checkpointBox .cell {
	display: block;
	margin-right: 10px;
	padding-right: 6px;
	height: 6.5em;
	border-right: #cccccc 1px dashed;
	font-size: 0.9em;
	line-height: 1.2em;
	float: left;
}

.checkpointBox .cell.bg1 {
	background: url(/images/class/img_checkpoint01.png) no-repeat;
	width: 170px;
	}
#class .checkpointBox .cell.bg2 {
	background: url(/images/class/img_checkpoint02.png) no-repeat;
	width:230px;
	}
#class .checkpointBox .cell.bg3 {
	background: url(/images/class/img_checkpoint03.png) no-repeat;
	border-right: none;
	margin-right: 0px;
	padding-right: 0px;
	width: 220px;
	}
#class .checkpointBox .bg4 {
	margin-left:15px;
	float: left;
	width: 200px;
	}
#class .checkpointBox .bg5 {
	margin-left:15px;
	float: left;
	width: 200px;
	}
#class .checkpointBox p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 58px;
}

#class .checkpointBox ul {
	list-style-type: disc;
 	list-style-image: url(/images/shared/arrow.png);
	margin-left: 78px;
	margin-top: 0.5em;
	 }

#class .checkpointBox2 {
	margin: 0px 5px 0px 5px;
	padding: 10px;
	border: #cccccc 1px solid;
	height: 30px;
}
#class .checkpointBox2 p{
	margin-left:10px;
}

/*----------------------------------------------------
	CLASS DETAIL PAGE<DATE&CURRICULUM>
----------------------------------------------------*/
#class .contentsBox  .itemlast {
	margin: 0 0 0 0;
	border:none;
}

.curriculumArea{
	width: 688px;
	padding: 7px 10px;
	border-bottom: 1px dashed gray;
	}

.curriculumAreaEnd{
	width: 688px;
	padding: 7px 10px;
	}

.curriculumDate{
	width: 80px;
	padding: 7px 10px;
	margin: 0px 0px;
	text-align: center;
	color: #ffffff;
	float:left;
	 }

.shikaku .curriculumDate{ background: #4975bb; }
.kentei .curriculumDate{ background: #8e6fb6; }
.jitsuyo .curriculumDate{ background: #da4b68; }
.seminar .curriculumDate{ background: #ee8700; }
.lesson .curriculumDate{ background: #7c9317; }
.free .curriculumDate{ background: #2e8b3e; }

.curriculumText{
	width: 558px;
	margin: 0 10px;
	float:left;

	}
.clearBoth{
	clear: both;
	}


/*----------------------------------------------------
	CLASS DETAIL PAGE<DATE&CURRICULUM / curriculum2ColumnBox>
----------------------------------------------------*/

.curriculum2ColumnBox{
	display: inline;
	margin: 0 0;
	padding: 0 0;
	border: 1px;
	float: left;
	}

.curriculum2ColumnBox .cell{
	display: block;
	width: 340px;
	margin: 0px 0px 2px 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #b3aea6;
	}

.curriculum2ColumnBox .cell.end{
	display: block;
	width: 340px;
	margin: 0px 0px 2px 10px;
	padding-bottom: 2px;
	border-bottom: none;
	}

 .curriculum2ColumnBox .date{
	width: 60px;
	padding: 3px 10px;
	margin: 0px 0px;
	text-align: center;
	color: #ffffff;
	float:left;
	 }

.shikaku .curriculum2ColumnBox .date{ background: #4975bb; }
.kentei .curriculum2ColumnBox .date{ background: #8e6fb6; }
.jitsuyo .curriculum2ColumnBox .date{ background: #da4b68; }
.seminar .curriculum2ColumnBox .date{ background: #ee8700; }
.lesson .curriculum2ColumnBox .date{ background: #7c9317; }
.free .curriculum2ColumnBox .date{ background: #2e8b3e; }

.curriculum2ColumnBox .text{
	width: 230px;
	margin: 0 10px;
	float: right;
	}

.curriculum2ColumnBox .text h6{
	font-weight: bold;
	font-size: 110%;
	}

.shikaku .curriculum2ColumnBox .text h6{ color: #2a4a7d; }
.kentei .curriculum2ColumnBox .text h6{ color: #4c3865; }
.jitsuyo .curriculum2ColumnBox .text h6{ color: #663a43; }
.seminar .curriculum2ColumnBox .text h6{ color: #695944; }
.lesson .curriculum2ColumnBox .text h6{ color: #506a01; }
.free .curriculum2ColumnBox .text h6{ color: #2e6237; }


/*----------------------------------------------------
	CLASS DETAIL PAGE<DATE&CURRICULUM / curriculum1ColumnBox>
----------------------------------------------------*/

#class .schedule .caption{
	background: #ffffff;
	margin: 10px;
	padding: 8px 8px;
	border: 1px solid gray;
	font-size: 110%;
	}

.shikaku .schedule .caption{ color: #2a4a7d; }
.kentei .schedule .caption{ color: #4c3865; }
.jitsuyo .schedule .caption{ color: #663a43; }
.seminar .schedule .caption{ color: #695944; }
.lesson .schedule .caption{ color: #506a01; }
.free .schedule .caption{ color: #2e6237; }

.curriculum1ColumnBox{
	margin: 0 0;
	padding: 0 0;
	border: 1px;
	}

.curriculum1ColumnBox .cell{
	display: block;
	width: 680px;
	margin: 0px 0px 2px 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #b3aea6;
	}

.curriculum1ColumnBox .cell.end{
	display: block;
	width: 680px;
	margin: 0px 0px 2px 10px;
	padding-bottom: 2px;
	border-bottom: none;
	}

 .curriculum1ColumnBox .date{
	width:100px;
	padding: 3px 10px;
	margin: 2px 0px;
	text-align: center;
	color: #ffffff;
	float:left;
	 }

.shikaku .curriculum1ColumnBox .date{ background: #4975bb; }
.kentei .curriculum1ColumnBox .date{ background: #8e6fb6; }
.jitsuyo .curriculum1ColumnBox .date{ background: #da4b68; }
.seminar .curriculum1ColumnBox .date{ background: #ee8700; }
.lesson .curriculum1ColumnBox .date{ background: #7c9317; }
.free .curriculum1ColumnBox .date{ background: #2e8b3e; }

.curriculum1ColumnBox .text{
	width: 530px;
	margin: 0 10px;
	float: right;
	}

.curriculum1ColumnBox .text h6{
	font-weight: bold;
	font-size: 110%;
	}

.shikaku .curriculum1ColumnBox .text h6{ color: #2a4a7d; }
.kentei .curriculum1ColumnBox .text h6{ color: #4c3865; }
.jitsuyo .curriculum1ColumnBox .text h6{ color: #663a43; }
.seminar .curriculum1ColumnBox .text h6{ color: #695944; }
.lesson .curriculum1ColumnBox .text h6{ color: #506a01; }
.free .curriculum1ColumnBox .text h6{ color: #2e6237; }



/*----------------------------------------------------
	CLASS DETAIL PAGE<DATE&CURRICULUM / 2COLUMN-MiniVer>
----------------------------------------------------*/

.curriculumArea2{
	width: 340px;
	margin: 0px 0px 2px 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #b3aea6;
	float: left;
	}

 .curriculumDate2{
	width: 60px;
	background: #9e9383;
	padding: 3px 10px;
	margin: 0px 0px;
	text-align: center;
	color: #ffffff;
	float:left;
	 }

.curriculumArea2 .curriculumText{
	width: 230px;
	margin: 0 10px;
	}


/*----------------------------------------------------
	CLASS DETAIL PAGE<encourage TO participation OPENCAMPUS>
----------------------------------------------------*/
.setsumeikaiBox{
	padding: 15px;
	text-align: center;
	border-bottom: 1px solid gray;
	}

.setsumeikaiBox .btnArea{
	padding: 15px 0 0 0;
	text-align: right;
	}

.setsumeikaiBox .txtArea{
	padding: 15px 0 0 0;
	text-align: left;
	width: 350px;
	float: left;
	}


/*----------------------------------------------------
	#schedule
----------------------------------------------------*/
div#contentsArea #schedule h3 {
	font-weight: 100;
	border: none;
	width: 400px;
	background: url(../../images/schedule/bg_10002.gif) no-repeat left;
	margin: 0  0 0 0px;
	padding: 0 0 0 20px;
}

div#contentsArea #schedule .top h3 {
	float: left;
}

#schedule table {
	width: 100%;
	border-top:#d3d3d3 1px solid;
	border-bottom:#d3d3d3 1px solid;
}

#schedule table {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#schedule table tr {
	border-bottom:#b5b5b5 1px solid;
}

#schedule table tr.morning {
	border-bottom:none;
	background: url(../../images/schedule/bg_10101.png) repeat-x top;
}

#schedule table tr.morning td.first {}

#schedule table tr.morning td {
	line-height: 22px;
	background: url(../../images/schedule/bg_10101.png) repeat-x top;
}

#schedule table tr.night17 {
	background: #ffede5 url(../../images/schedule/bg_10102.png) repeat-x top;
}

#schedule table tr.night19 {
	background: #cde2f3 url(../../images/schedule/bg_10103.png) repeat-x top;
}

#schedule table tr.night21 {
	border-bottom:none;
	background: #c3d9ee;
}

#schedule table tr.night {
	background: url(../../images/schedule/bg_10104.png) repeat-x top;
	line-height: 22px;

}
#schedule table tr.night td{
	margin: 0;
	padding: 0;
	background: url(../../images/schedule/bg_10104.png) repeat-x top;
}
#schedule table tr.night td.first {}

#schedule table th,
#schedule table td {
}

#schedule table th {
	text-align: center;
	color: #ffffff;
	padding: 0 0 0 10px;
	background: #979797;
	border-right:#b5b5b5 1px solid;
	border-bottom:#b5b5b5 1px solid;
	width:13.2%;
}
#schedule table th.first {
	background: #62b23a;
	width:50px;
}
#schedule table th.first,
#schedule table td.first {
	text-align: center;
}

#schedule table th.holiday {
	background: #f36a74;
}

#schedule table th.sat {
	background: #719fb6;
	border-right:none;
}

#schedule table tr.lunch {
	background: #e2f0c0;
	text-align: center;
}

#schedule table td {
	padding: 5px 0 5px 5px;
	border-right:#b5b5b5 1px solid;

}

#schedule table td.last {
	border-right:none;
}

#schedule #contentsHeader {
	background: #efece4;
	display: block;
	margin: 0px 0 10px 0;
	padding: 25px 0 0px 0;
	border-bottom:#d3d3d3 1px solid;
}

#schedule #contentsHeader .left{
	text-align: left;
	width: 300px;
	height: 200px;
	float: left;
}

#schedule #contentsHeader .left img {
	margin: 0 0  0 20px;
}

#schedule #contentsHeader .center{
	text-align: center;
	width: 340px;
	height: 200px;
	float: left;

}

#schedule #contentsHeader .right{
	text-align: center;
	width: 300px;
	height: 200px;
	float: left;
}

#schedule #contentsHeader .right div {
	margin: 70px 0 0 0;
	padding: 0 0 0 80px;
}

#schedule .contentsBox {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: #a0a0a0 1px solid;
}
#schedule .contentsBox .bottom {
	background: #efece4;
	font-size: .8em;
	padding: 5px;
	height: 2em;
}

#schedule .contentsBox .bottom p {
	float: right;
}

#schedule .contentsBox .top p {
	float: right;
}

/*----------------------------------------------------
	#opencampus
----------------------------------------------------*/

div#contentsArea #opencampus h3 {
	width: 710px;
	_width: 680px;
	height: 30px;
	margin: 5px 0 5px 0px;
	padding: 7px 0 0 30px;
	background: url(../../images/opencampus/bg_04001.png) no-repeat left;
	font-size: 1.2em;
	font-weight: 100;
	color: #ffffff;
}

#opencampus .contentsBox {
	padding: 10px;
}
#opencampus strong {
	font-size: 1.2em;
}
#opencampus .contentsBox #flashArea{
	text-align: center;
	margin: 0 auto 10px;
}

#opencampus p {
	margin: 0 0 10px;
}

#opencampus div.box {
	text-align: center;
	background: #e2f0c0;
	border:#d3d3d3 1px solid;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
#opencampus div.exp {
	text-align: center;
}

/*----------------------------------------------------
	#navi
----------------------------------------------------*/
/*div#navi ,
div#naviRequest ,
div#naviInfo ,
div#naviPlugin,
div#naviPayment{
	border: #d3d3d3 1px solid;
	margin: 0 0 10px 0;
}

div#naviLogin {
	border: none;
	margin: 0 0 10px 0;
}

div#navi .contents ,
div#naviRequest .contents ,
div#naviInfo .contents ,
div#naviPlugin .contents ,
div#naviPayment .contents {
	margin: 0;
	padding: 10px 8px 10px 10px ;
	font-size: .9em;

}

div#navi .contents .item {
	margin: 0 0 4px 0;
}

div#navi .contents .itemEnd {
	border-bottom: #d3d3d3 1px dashed;
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
}

div#naviRequest .contents .item,
div#naviInfo .contents .item {
	border-bottom: #d3d3d3 1px dashed;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

div#navi .contents .item.last,
div#naviRequest .contents .item.last,
div#naviInfo .contents .item.last {
	border-bottom: none;
	padding: 0 0 0 0;
}

div#navi .contents ul {
	padding: 5px 5px 0px 8px;
	line-height: 1.2em;
}

div#navi .contents ul li{
	margin: 0px 0px 5px 0px;
}
div#navi .contents ul li.last {
	margin: 0px 0px 0px 0px;
}
div#navi {
	background: #efece4;
}

div#navi .title{
	background: url("../../images/shared/ti_00101.png") no-repeat ;
	height: 30px;  overflow: hidden; text-indent: -999em;
}

div#naviLogin {
	width: 228px;
	height: 250px;
	background: url(../../images/shared/bg_00402.png) no-repeat left top;
}

div#naviLogin .title {
	height: 20px;  overflow: hidden; text-indent: -999em;
}

div#naviLogin .bottom {
	background: url(../../images/shared/bg_00403.png) no-repeat left bottom;
	height: 10px;  overflow: hidden; text-indent: -999em;
	width: 228px;
	margin: 0 ;padding: 0;
}

div#naviLogin input:text{
border: none;
margin: 0 ;padding: 0;
}

div#naviLogin .box {
margin: 0 10px  0 10px;
padding: 10px 0 0 0;
width: 200px;
line-height: 12px;
}

div#naviLogin .box span#id {
margin: 5px 5px 0 2px;padding: 5px 5px 0px 5px;
background:  url("../../images/shared/ti_id.png") no-repeat ;display:block;
height: 8px; overflow: hidden; text-indent: -999em;
}

div#naviLogin .box span#pass {
margin: 5px 5px 0 2px;padding: 5px 5px 0px 5px;
background: url("../../images/shared/pass.png") no-repeat ;display:block;
height: 8px; overflow: hidden; text-indent: -999em;
}

div#naviLogin .box label{
margin: 5px 5px 10px 5px;
padding: 0 0 10px 0;
}
div#naviLogin  p {font-size: 75%;}
div#naviLogin  p input{
margin: 20px auto 0 auto;

}
div#naviLogin #formsubmit {
margin: 20px 0 0;
padding: 10px 0 0 0;
display: block;
background: #ff0000;
display: inline;
width: 220px;
}

div#naviLogin #formsubmit p {
	width: 75px;
	float: left;
	padding: 10px 0 0 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
div#naviLogin #formsubmit p.text {
width: 120px;
}
div#naviLogin #touroku{
float: left;
display: block;
border-top: #333 dashed 1px;
margin: 5px 0 0 0;
padding: 5px 0 0 0;
width: 200px;
}
div#naviLogin #touroku p {
padding: 0 0 5px 0;
}

div#naviLogin .box input {

margin: 0px 0 0px 0;
}
div#naviLogin input[type="text"],
div#naviLogin input[type="password"]{
font-size: 1em;
margin: 0px 0 5px 0;
border: #d3d3d3 1px solid;
color:#666666;
width: 198px;
}


div#naviRequest {
	background: #e2f0c0;
	font-size: .9em;
}

div#naviRequest .title{
	background: url("../../images/shared/ti_00201.png") no-repeat ;
	height: 30px; line-height: 30px; overflow: hidden; text-indent: -999em;
}

div#naviRequest .contents ul {
}

div#naviRequest .contents ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../images/shared/bg_00201.gif) no-repeat left;
	background-position: 0 -1px;
}

div#naviInfo p.text {

	float: left;
	width: 130px;
	margin: 0 0 10px 0px;
}


div#naviInfo p.book {
	float: left;
	width: 64px;
	margin: 0 0 10px 5px;
}

div#naviInfo {
	background: #f7f7f7;
	font-size: .9em;
}

div#naviInfo .title{
	background: url("../../images/shared/ti_00301.png") no-repeat ;
	height: 28px; line-height: 28px; overflow: hidden; text-indent: -999em;
}


div#naviPayment,
div#naviPlugin {
	background: #f7f7f7;
	text-align: center;
	font-size: .9em;
}

div#naviPayment p,
div#naviPlugin p{
	text-align: left;
	margin: 0 0 0 5px;
}

div#naviPlain p{
font-size: .9em;
margin: 0 0 0 8px;
}
*/
/*----------------------------------------------------
	#tabs
		MAIN
----------------------------------------------------*/

#philosophy ul {
margin: 10px 0 10px 0;
}

#lessonInfo {
width: 710px;
height: 380px;
background: url(../../images/about/img_00005.png) no-repeat top;

}

#lessonInfo .box {
padding: 260px 0 0 30px;
width:600px;
}

#lessonInfo .box ul li { display: inline;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
background:  url(../../images/about/img_04201.gif) no-repeat left top;
background-position: 0 3px;
}



/*----------------------------------------------------
	#faq
		MAIN
----------------------------------------------------*/
body, div { color:#303030; }
.note_txt { display:none; }


#faq .Q_txtbox {
	background-image:url(../../img/faq/icon_Q.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight: bold;
	margin:0 5px 0 10px;
	padding:3px 10px 8px 40px;
}

#faq .A_txtbox {
	background-image:url(../../img/faq/icon_A.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 5px 0 10px;
	padding:3px 10px 30px 40px;
	color:#666;
}

#faq .line {
	background-image:url(../../img/cmn/dec_infoline.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin:0 0 0 16px;
	padding:0 10px 0 10px;
	height:6px;
	font-size:6px;
}

#faq .method_disc li {
	list-style-type: disc;
	margin-left: 15px;
}

#faq .pagetop2 {
	text-align:right;
}

/*----------------------------------------------------
	#policy
----------------------------------------------------*/
#policy table {
margin: 10px 0 0 0;
width: 100%;

}
#policy table th,
#policy table td {
padding: 10px;
border-bottom:#a3a3a3 1px solid;
}
#policy table th {
	width:100px;
}

#policy .policy_t1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #7f7f7f;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;

}

#policy .policy_t1 td {
	padding: 10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7f7f7f;
}

#policy .policy_tgray {
	background-color: #f3f9fd;
}

/*----------------------------------------------------
	#policy2
----------------------------------------------------*/
#policy2 table {
margin: 10px 0 0 0;
width: 100%;

}
#policy2 table th,
#policy2 table td {
padding: 10px;
border-bottom:#a3a3a3 1px solid;
}
#policy2 table th {
	width:100px;
}

#policy2 .policy_t1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #7f7f7f;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;

}

#policy2 .policy_t1 td {
	padding: 10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #7f7f7f;
}

#policy2 .policy_tgray {
	background-color: #f3f9fd;
}


/*----------------------------------------------------
	#check
----------------------------------------------------*/

#check table {
	width: 100%;
	border-top:#d3d3d3 1px solid;
	border-bottom:#d3d3d3 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 0px;

}

#check table tr {
	border-bottom:#b5b5b5 1px solid;
}

#check table td {
	margin: 5px ;
	padding: 5px;
}

#check table th {
background: #f7f7f7;
}

/*----------------------------------------------------
	#shortcut
----------------------------------------------------*/
div#shortcut{
	margin: 0 auto;
	width: 1000px;
	position: fixed;
    bottom: 0;
    z-index: 0;
    height: 24px;
    background:#fff url(/images/shared/bg_00002.png) repeat-x;

}
* html body {
	background: url(null) fixed;
}
*html div#shortcut {
	position: absolute;

	/*top: expression(eval(document.documentElement.scrollTop+10));*/
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-24)+'px');
}

div#shortcut ul {
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div#shortcut ul li {
	text-decoration: none;
	display:inline;
	float:left;
}


/*----------------------------------------------------
	#agree
----------------------------------------------------*/
div#agree {
background: #fef5e0;
margin: 5px 0 15px ;
padding: 10px;
text-align: center;

}


input#progressButton {
    -khtml-appearance: none;
    padding: 5px 18px;
    width: 250px;

    font: 16px HelveticaNeue, HelveticaNeue, Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);

    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    border: 1px solid rgba(0,0,0,.35);

    background-color: #ddd;
    background-image: -moz-linear-gradient(top, #f6f6f6, #dddddd);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ddd)), -webkit-gradient(linear, left top, left bottom, from(#9dec63), to(#7fd141));
    background-position: 0px 0, 0 0;
    background-repeat: no-repeat, no-repeat;
    -webkit-background-size: 900px 30px, 1000px 30px;
    -moz-background-size: 900px 30px, 1000px 30px;

    -webkit-transition-property: -webkit-box-shadow, background-position;
    -webkit-transition-duration: .16s;
}
input#progressButton:active {
	background-image: -moz-linear-gradient(top, #cccccc, #dddddd);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd)), -webkit-gradient(linear, left top, left bottom, from(#70bb38), to(#8ad851));
}
input#progressButton:hover {
    -webkit-box-shadow: 0 0px 4px #399cff;
    -moz-box-shadow:  0 0px 4px #399cff;
}


/*----------------------------------------------------
	#campus_user
----------------------------------------------------*/
#campususerArea.contentsBox {
margin: 0 0 10px 0;
}

#campususerArea.contentsBox h2 {
text-align: left;
}

#campususerArea.contentsBox h2 span#nowtime{
margin: 5px 20px 0 0;
padding: 0 0 0 0;
float: right;
text-align: right;
font-size: .8em;
}

#top #campus_user.contents {
margin: 0;
padding: 5px 5px 0 5px;

}

#top #campus_user .item {
	width: 226px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
border: 1px #d3d3d3 solid;
margin: 0 0 5px 0;
padding: 0;
}

#top #campus_user .item img{
margin: 5px;
float: left;
}
#top #campus_user .item h3 {
border: none;
height: 1.2em;
font-size: 1em;
margin: 5px 5px 0 0;
padding: 0;
background: none;
}
#top #campus_user .item h3 img{
margin: 0 2px 0 0;
padding: 0;
}

#top #campus_user .item p {
font-size: .8em;
border:none;
}

.telicon{
	background-color:#00a0ea;
	width:30px;
	height:20px;
	color:#FFF;
	padding-top:5px;
	padding-left:5px;
	margin-left:3px;
}

.telno{
//	background: url(/cmn/img/tel_icon.gif) no-repeat;
	top:0;
	font-size:24px;
	font-weight:bold;
	color:#d12800;
	margin-left:25px;
	margin-top:-30px;
}
.telno2{
//	background: url(/cmn/img/tel_icon.gif) no-repeat;
	top:0;
	font-size:22px;
	font-weight:bold;
	color:#d12800;
	margin-left:4px;
//	padding-left:10px;
}

.headertelbox{
	padding-left:120px;
	margin-top:-26px;
}

#bannerarea{
	width:742px;
	margin-bottom:10px;
}

#banpodcast{
	background: url(/cmn/img/top/bk_podcast.jpg) no-repeat;
	width:368px;
	height:200px;
	float:left;
	position: relative;
}


#banpodcast .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#bc9800;
	padding:7px;
	text-align:center;
	border-radius: 20px; /* CSS3çë²åÝè */
	-webkit-border-radius: 20px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 20px;
	position: absolute;
	bottom: 13px;
	right: 10px;
	text-decoration: none;
}

#banpodcast .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#banpodcast .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#banpodcast .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:240px;
	padding-left:15px;
	padding-top:70px;
}

#banonef{
	background: url(/cmn/img/top/bk_aihara.jpg) no-repeat;
	width:368px;
	height:200px;
	float:right;
	position: relative;
}


#banonef .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#92a9a7;
	padding:7px;
	text-align:center;
	border-radius: 20px; /* CSS3çë²åÝè */
	-webkit-border-radius: 20px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 20px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#banonef .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#banonef .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#banonef .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:240px;
	padding-left:117px;
	padding-top:70px;
}


#bankyozai{
	background: url(/cmn/img/top/bk_kyozai.png) no-repeat;
	width:742px;
	height:200px;
	float:left;
	position: relative;
}

#bankyozai .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#61b267;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#bankyozai .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#bankyozai .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#bankyozai .txtbox{
	width:500px;
	color:#000;
	font-size:12px;
	line-height:150%;
	width:350px;
	padding:77px -50px 0px 250px;
	/*padding-left:250px;*/
	/*padding-top:77px;*/
}

#bankyozai .txtbig{
	color:#DD6402;
	font-size:17px;
	margin-bottom:10px;
}


#banchp{
	background: url(/cmn/img/top/bk_chp.png) no-repeat;
	width:368px;
	height:200px;
	float:left;
	position: relative;
}

#banchp .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#61b267;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#banchp .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#banchp .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#banchp .txtbox{
	color:#000;
	font-size:12px;
	line-height:140%;
	width:220px;
	padding-left:140px;
	padding-top:40px;
}


#bancmu-l{
	background: url(/cmn/img/top/bk_cmu.png) no-repeat;
	width:368px;
	height:200px;
	float:left;
	position: relative;
}

#bancmu-l .linkbtn{
	width:130px;
	font-size:14px;
	color:#FFF;
	background-color:#61b267;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#bancmu-l .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#bancmu-l .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#bancmu-l .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:170px;
	padding-left:185px;
	padding-top:43px;
}

#bancmu-r{
	background: url(/cmn/img/top/bk_cmu02.png) no-repeat;
	width:368px;
	height:200px;
	float:right;
	position: relative;
}

#bancmu-r .linkbtn{
	width:130px;
	font-size:14px;
	color:#FFF;
	background-color:#61b267;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#bancmu-r .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#bancmu-r .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#bancmu-r .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:170px;
	padding-left:185px;
	padding-top:43px;
}



#bankaigai{
	background: url(/cmn/img/top/bk_kaigai.png) no-repeat;
	width:368px;
	height:200px;
	float:right;
	position: relative;
}

#bankaigai .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#61b267;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#bankaigai .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#bankaigai .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#bankaigai .txtbox{
	color:#000;
	font-size:12px;
	line-height:140%;
	width:220px;
	padding-left:140px;
	padding-top:40px;
}


#banonline{
	background: url(/cmn/img/top/bk_online.png) no-repeat;
	width:368px;
	height:200px;
	float:left;
	position: relative;
}

#banonline .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#fcac2d;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#banonline .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#banonline .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#banonline .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:170px;
	padding-left:185px;
	padding-top:43px;
}

#banschool{
	background: url(/cmn/img/top/bk_school.png) no-repeat;
	width:368px;
	height:200px;
	float:right;
	position: relative;
}

#banschool .linkbtn{
	width:120px;
	font-size:14px;
	color:#FFF;
	background-color:#fcac2d;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	bottom: 17px;
	right: 10px;
	text-decoration: none;
}

#banschool .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#banschool .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#banschool .txtbox{
	color:#000;
	font-size:12px;
	line-height:150%;
	width:170px;
	padding-left:185px;
	padding-top:43px;
}



.fbarea{
	width:742px;
	background-color:#FFF;
}

#cnt-title{
	width:500px;
	height:30px;
	background-color:#ef8631;
	border: #999999 1px solid;
	float:right;
	margin-top:10px;
	margin-right:5px;
}

#cnt-title p{
	font-size:16px;
	color:#FFF;
	padding-left:7px;
	padding-top:5px;
}

#cnt-mainarea{
	width:500px;
	background-color:#FFF;
	//border-left: #999999 1px solid;
	//border-right: #999999 1px solid;
	//border-bottom: #999999 1px solid;
	float:right;
	padding-top:10px;
	padding-botoom:10px;
	margin-right:5px;
	margin-bottom:10px;
}

#cnt-mainarea .txtbox{
	width:480px;
	margin:0 auto 0;
	padding-bottom:10px;
}

#cnt-mainarea p{
	font-size:14px;
	line-height:150%;
	padding-top:5px;
}

#cnt-mainarea .day{
	font-size:12px;
}


#cnt-bntitle{
	width:200px;
	height:30px;
	background-color:#ef8631;
	border: #999999 1px solid;
	margin-top:10px;
	margin-left:5px;
}

#cnt-bntitle p{
	font-size:16px;
	color:#FFF;
	padding-left:7px;
	padding-top:5px;
}

#cnt-bnarea{
	width:200px;
	background-color:#FFF;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding-top:10px;
	padding-botoom:10px;
	margin-left:5px;
	margin-bottom:10px;
}

#cnt-bnarea .txtbox{
	width:180px;
	margin:0 auto 0;
	padding-bottom:10px;
}

#cnt-bnarea p{
	font-size:12px;
	line-height:150%;
	padding-top:5px;
}

#cnt-bnarea .day{
	font-size:10px;
	padding-bottom:5px;
	border-bottom: #999999 1px solid;
}


.fb-like-box{
		//background-color: #ffffff;
		//margin-bottom: 10px;
}

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style]{
     background-color: #ffffff;
     overflow: hidden;
     //width: 742px !important;
}

#kyz-title{
	width:708px;
	height:30px;
	background-color:#ef8631;
	border: #999999 1px solid;
	margin-top:10px;
	margin-left:5px;
}

#kyz-title p{
	font-size:16px;
	color:#FFF;
	padding-left:7px;
	padding-top:5px;
}

#kyz-mainarea-first{
	width:708px;
	background-color:#FFF;
	padding-top:10px;
	padding-botoom:10px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}

#kyz-mainarea-first .txtbox{
	width:550px;
	//margin:0 auto 0;
	padding-left:10px;
	padding-bottom:15px;
}

#kyz-mainarea-first p{
	font-size:14px;
	line-height:150%;
	padding-top:5px;
}

#kyz-mainarea-first img{
	float:right;
	padding-right:10px;
}


#kyz-mainarea{
	width:708px;
	background-color:#FFF;
	border-top: #999999 1px solid;
	padding-top:15px;
	padding-botoom:10px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
}

#kyz-mainarea .txtbox{
	width:550px;
	//margin:0 auto 0;
	padding-left:10px;
	padding-bottom:15px;
}

#kyz-mainarea p{
	font-size:14px;
	line-height:150%;
	padding-top:5px;
}

#kyz-mainarea img{
	float:right;
	padding-right:10px;
}

.title-red{
	background-color:#D12800;
	font-size:16px;
	color:#FFF;
	padding-left:7px;
	padding-top:10px;
	padding-bottom:10px;
}

.comment-area{
	width:720px;
	font-size:12px;
	line-height:150%;
	margin:10px auto 10px;
}

#aihara-title{
	height:32px;
	background-color:#ddc6b3;
	border: #999999 1px solid;
}

#aihara-title p{
	font-size:16px;
	color:#333333;
	padding-left:7px;
	padding-top:5px;
}

#aihara-mainarea{
	width:700px;
	background-color:#FFF;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	//padding-top:10px;
	//padding-botoom:10px;
	margin-left:9px;
	margin-top:10px;
	margin-bottom:20px;
}

#aihara-mainarea .txtbox{
	width:680px;
	margin:0 auto 0;
	//padding-left:10px;
	//padding-bottom:15px;
}

#aihara-mainarea p{
	font-size:14px;
	line-height:170%;
	padding-top:10px;
	padding-bottom:10px;
}

#aihara-mainarea .titleblue{
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:7px;
	border-bottom: #999999 1px solid;
	background: #e8f6fd; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8f6fd 0%, #c5e8fa 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6fd), color-stop(99%,#c5e8fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8f6fd 0%,#c5e8fa 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fd', endColorstr='#c5e8fa',GradientType=0 ); /* IE6-9 */
}

#aihara-mainarea .titleblue p{
	font-size:14px;
}

#aihara-mainarea .titlegreen{
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:7px;
	border-bottom: #999999 1px solid;
	background: #eff9db; /* Old browsers */
	background: -moz-linear-gradient(top,  #eff9db 0%, #e4eecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff9db), color-stop(100%,#e4eecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eff9db 0%,#e4eecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eff9db 0%,#e4eecc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eff9db 0%,#e4eecc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eff9db 0%,#e4eecc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff9db', endColorstr='#e4eecc',GradientType=0 ); /* IE6-9 */
}

#aihara-mainarea .titlegreen p{
	font-size:14px;
}

#aihara-mainarea .titleorange{
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:7px;
	border-bottom: #999999 1px solid;
	background: #feedcc; /* Old browsers */
	background: -moz-linear-gradient(top,  #feedcc 0%, #f9dbb9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feedcc), color-stop(100%,#f9dbb9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feedcc 0%,#f9dbb9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feedcc 0%,#f9dbb9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feedcc 0%,#f9dbb9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feedcc 0%,#f9dbb9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feedcc', endColorstr='#f9dbb9',GradientType=0 ); /* IE6-9 */
}

#aihara-mainarea .titleorange p{
	font-size:14px;
}

#aihara-mainarea .titlepink{
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding-top:8px;
	padding-left:7px;
	padding-bottom:7px;
	border-bottom: #999999 1px solid;
	background: #ffe7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe7e7 0%, #ffc6c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe7e7), color-stop(100%,#ffc6c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffe7e7 0%,#ffc6c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffe7e7 0%,#ffc6c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffe7e7 0%,#ffc6c6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffe7e7 0%,#ffc6c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7e7', endColorstr='#ffc6c6',GradientType=0 ); /* IE6-9 */
}

#aihara-mainarea .titlepink p{
	font-size:14px;
}

#aihara-mainarea .oftxt{
	font-size:18px;
	font-weight:bold;
	line-height:150%;
}

#aihara-mainarea label {
	font-size:16px;
	color:#000;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    //border-bottom: 1px solid #999999;
    background-color:#f8f3dd;
    border: 1px solid #e7e3cf;
    font-weight:bold;
}

#aihara-mainarea label span {
	font-size:16px;
	color:#F20000;
    font-weight:bold;
}

/*141120修正
#aihara-mainarea label {
	font-size:16px;
	color:#f20000;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #999999;
}
*/

#aihara-mainarea input[type="checkbox"].on-off{
    display: none;
}

#aihara-mainarea .aiharamenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

#aihara-mainarea .aiharamenu li {
    padding: 5px;
}

#aihara-mainarea input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

#aihara-mainarea input[type="checkbox"].on-off:checked + ul{
    height: 100%;
    margin-bottom:15px;
}

#aihara-btnarea{
	margin-top:10px;
	margin-left:4px;
}

#map-title{
	height:32px;
	background-color:#ddc6b3;
	border: #999999 1px solid;
}

#map-title p{
	font-size:16px;
	color:#333333;
	padding-left:7px;
	padding-top:5px;
}


#map-area{
	width:720px;
	height:600px;
	background: url(/cmn/img/japan_map.jpg) no-repeat;
	position: relative;
}

#map-area .kaigai{ top:99px; right:195px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .hokkaido{ top:35px; right:8px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .iwate{ top:146px; right:8px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .miyagi{ top:192px; right:8px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .ibaraki{ top:332px; right:8px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .chiba{ top:378px; right:8px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .aomori{ top:99px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .akita{ top:146px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .yamagata{ top:192px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .fukushima{ top:239px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .tochigi{ top:285px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .saitama{ top:332px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .tokyo{ top:378px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .kanagawa{ top:425px; right:54px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .nigata{ top:239px; right:101px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .gunma{ top:285px; right:101px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .yamanashi{ top:332px; right:101px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .shizuoka{ top:378px; right:101px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .toyama{ top:285px; right:147px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .nagano{ top:332px; right:147px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .aichi{ top:378px; right:147px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .ishikawa{ top:285px; right:194px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .gifu{ top:332px; right:194px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .mie{ top:378px; right:194px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .fukui{ top:285px; right:240px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .shiga{ top:332px; right:240px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .nara{ top:378px; right:240px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .wakayama{ top:425px; right:240px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .kyoto{ top:332px; right:287px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .osaka{ top:378px; right:287px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .hyogo{ top:355px; right:334px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .tottori{ top:332px; right:381px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .okayama{ top:378px; right:381px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .shimane{ top:332px; right:426px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .hiroshima{ top:378px; right:426px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .yamaguchi{ top:378px; right:474px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .kagawa{ top:448px; right:311px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .tokushima{ top:495px; right:311px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .ehime{ top:448px; right:358px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .kochi{ top:495px; right:358px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .oita{ bottom:110px; right:426px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .miyazaki{ bottom:63px; right:426px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .kagoshima{ bottom:40px; right:474px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .kumamoto{ bottom:87px; right:474px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .fukuoka{ bottom:133px; right:474px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .saga{ bottom:133px; right:520px; position: absolute; width:45px; font-size:16px; text-align:center; }
#map-area .nagasaki{ bottom:87px; right:520px; position: absolute; width:45px; font-size:16px; text-align:center; }

#map-area .okinawa{ bottom:40px; left:91px; position: absolute; width:45px; font-size:16px; text-align:center; }



#link-title{
	height:32px;
	background-color:#ddc6b3;
	border: #999999 1px solid;
}

#link-title p{
	font-size:16px;
	color:#333333;
	padding-left:7px;
	padding-top:5px;
}

.link-categorytitle {
width: 200px;
height: 30px;
background-color: #EF8631;
border: #999 1px solid;
margin-top: 10px;
margin-left: 5px;
}

.link-categorytitle p {
font-size:16px;
padding-top:4px;
padding-left:7px;
color:#fff;
}

.link-categorybtn {
width: 200px;
margin-top: 10px;
margin-left: 5px;
}


#link-category {
width: 200px;
background-color: white;
border-left: #999 1px solid;
border-right: #999 1px solid;
border-bottom: #999 1px solid;
margin-left:5px;
margin-bottom:20px;
}

#link-category .subtitle {
width: 100%;
background-color: #F8F7D4;
}

#link-category .subtitle p {
font-size:14px;
color:#EF8631;
font-weight:bold;
padding-left:7px;
padding-top:5px;
padding-bottom:5px;
}

#link-category .category-first {
width: 100%;
background-color: #FFFFFF;
}

#link-category .category-first p {
font-size:14px;
padding-left:7px;
padding-top:7px;
padding-bottom:7px;
}

#link-category .category {
width: 100%;
//background-color: #FFFFFF;
border-top: #999 1px dotted;
}

#link-category .category p {
font-size:14px;
padding-left:7px;
padding-top:7px;
padding-bottom:7px;
text-decoration:none;
}

#link-category a {
text-decoration:none;
color:#000;
}

#link-category a:hover {
color:#EF8631;
}


#link-category .stay {
background-color: #e5f7fb;
}

#link-category .stay p {
font-size:14px;
color:#3a8bc4;
}



#link-maintitle {
width: 500px;
height: 30px;
background-color: #EF8631;
border: #999 1px solid;
float: right;
margin-top: 10px;
margin-right: 5px;
}

#link-maintitle p {
font-size: 16px;
color: white;
padding-left: 7px;
padding-top: 5px;
}

#linkst-mainarea {
width: 500px;
float: right;
margin-right: 5px;
margin-top:10px;
margin-bottom:30px;
}

#linkst-mainarea .imgbox2 {
margin-right:15px;
float:left;
position: relative;
width: 120px;
height: 70px;
text-align: center;
vertical-align: middle;
}

#linkst-mainarea .txtbox {
width:365px;
float:right;
}

#linkst-mainarea .txtbox .title-first {
font-size: 14px;
color: #C53410;
}

#linkst-mainarea .txtbox .title {
font-size: 14px;
color: #C53410;
}

#linkst-mainarea .txtbox .comment {
font-size: 12px;
height: 65px;
line-height: 140%;
margin-top: 5px;
margin-bottom:30px;
}

#linkst-mainarea .nocontents{
	width:500px;
	font-size:20px;
	text-align:center;
	margin-top:40px;
}


#link-mainarea {
width: 500px;
float: right;
margin-right: 5px;
margin-bottom:30px;
}


#link-mainarea .title-first {
font-size:14px;
color:#C53410;
fontweight:bold;
padding-top:10px;
}

#link-mainarea .title {
font-size:16px;
color:#C53410;
fontweight:bold;
padding-top:10px;
text-align:center;
/*border-top: #999 1px solid;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

#link-mainarea .url {
font-size:12px;
color:#999999;
/*padding-left:5px;*/
text-align:center;
width:230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

#link-mainarea .url a {
font-size:12px;
color:#999999;
padding-left:5px;
text-decoration:none;
width:230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;

}

#link-mainarea .linkurl {
font-size:12px;
color:#000;
text-align:center;
margin-top:10px;
}

#link-mainarea .linkurl a {
font-size:12px;
color:#000;
text-decoration:none;
border:1px solid #999;
padding:7px;
}

#link-mainarea .linkurl a:hover {
font-size:12px;
color:#C53410;
border:1px solid #C53410;
text-decoration:none;
}


#link-mainarea .txtbox{
	width:500px;
}

#link-mainarea .txtbox02{
	width:240px;
	/*height:360px;*/
	float:left;
	margin-right:5px;
	padding-left:4px;
	/*margin-bottom:20px;*/
	margin-top:15px;
}

.imgbox{
position:relative;
width:240px;
height:70px;
/*background-color:#c2c2c2;*/
text-align: center;
vertical-align:middle;
}


.imgbox img{
position:absolute;
right:25%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.imgboxbook{
position:relative;
width:240px;
height:200px;
/*background-color:#c2c2c2;*/
text-align: center;
vertical-align:middle;
}


.imgboxbook img{
position:absolute;
right:25%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


#link-mainarea .nocontents{
	width:500px;
	font-size:20px;
	text-align:center;
	margin-top:40px;
}


#link-mainarea .comment {
font-size:12px;
height:65px;
line-height:160%;
margin-top:5px;
overflow:hidden;
}

#link-mainarea .commentsmall {
font-size:12px;
line-height:160%;
margin-top:5px;
overflow:hidden;
}

#link-formarea {
width: 700px;
margin:10px auto 10px;
}

#link-formarea .thanks{
	width:500px;
	margin: 20px auto 20px;
	font-size:20px;
	color:#D12800;
	line-height:170%;
	text-align:center;
}

#link-formarea table {
margin: 10px 0 0 0;
width: 100%;
}

#link-formarea table th {
width: 100px;
}

#link-formarea table th, #link-formarea table td {
padding: 10px;
border-top: #A3A3A3 1px solid;
}

#link-formarea .btnarea{
width:300px;
margin: 15px auto 15px;
}


#ksc-mainarea {
width: 500px;
float: right;
margin-right: 5px;
margin-bottom:30px;
}

#ksc-mainarea .sc-title {
font-size:20px;
font-weight:bold;
color:#D12800;
margin-top:15px;
padding-left:10px;
}

#ksc-mainarea .sc-subtitle {
font-size:16px;
padding-bottom:7px;
//padding-left:7px;
border-bottom:1px solid #CCC;
margin-top:20px;
}

#ksc-mainarea .sc-subtitle p {
font-size:16px;
font-weight:bold;
border-left:4px solid #D12800;
padding-left:7px;
}

#ksc-mainarea .listarea {
width: 500px;
border-collapse: collapse;
margin-top:10px;
margin-bottom:20px;
}

#ksc-mainarea .listarea th {
font-size:14px;
width: 25%;
padding: 10px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px dotted #ccc;
border-bottom: 1px solid #ccc;

}

#ksc-mainarea .listarea td{
font-size:14px;
padding: 10px;
background-color: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}


/*
#ksc-mainarea .imgbox-l{
width:240px;
height:180px;
border:1px solid #CCC;
float:left;
text-align: center;
vertical-align:middle;
position:relative;
}


#ksc-mainarea .imgbox-r{
width:240px;
height:180px;
border:1px solid #CCC;
float:right;
text-align: center;
vertical-align:middle;
position:relative;
overflow: hidden;
}


#ksc-mainarea .imgbox-l img{
position:absolute;
top: 50%;
left:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin:0 0 0 -120px;
}

#ksc-mainarea .imgbox-l p{
position:absolute;
top: 50%;
left:40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#ksc-mainarea .imgbox-r img{
position:absolute;
top: 50%;
left:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin:0 0 0 -120px;
}

#ksc-mainarea .imgbox-r p{
position:absolute;
top: 50%;
left:40%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
*/

#ksc-mainarea .imgbox-l,
#ksc-mainarea .imgbox-r{
	border: 1px solid #CCC;
	width: 240px;
	height: 180px;
	position:relative;
}
#ksc-mainarea .imgbox-l{
	float:left;
}
#ksc-mainarea .imgbox-r{
	float:right;
}

#ksc-mainarea .imgbox-l img,
#ksc-mainarea .imgbox-r img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 240px;
	max-height: 180px;
}


#ksc-mainarea .txtbox {
font-size:14px;
line-height:1.6;
width:500px;
margin-top:10px;
}


input#link-formbutton {
font-size:18px;
width:300px;
padding:15px 70px;
border-style: none;
background-color:#DD6402;
color:#FFF;
}

#onl-title{
	width:720px;
	height:30px;
	background-color:#bee5c1;
	border: #999999 1px solid;
}

#onl-title p{
	font-size:16px;
	color:#000;
	padding-left:7px;
	padding-top:5px;
}

#onl-mainarea{
	width:700px;
	height:200px;
	margin: 0px auto 0px;
	padding-top:7px;
	background-image:url(/ch_online/images/main.jpg);
	background-repeat:no-repeat;
	position: relative;
}


#onl-mainarea .txtbox{
	width:450px;
	font-size:16px;
	line-height:150%;
	padding-top:20px;
}


#onl-livearea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#onl-livearea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#onl-livearea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#onl-livearea .txtbox{
	width:700px;
	height:420px;
	margin-top:20px;
	background-image:url(/ch_online/images/livechina.jpg);
	background-repeat:no-repeat;
}

#onl-livearea .box{
	width:460px;
	line-height:170%;
}


#onl-livearea .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 10px;
	right: 1px;
	text-decoration: none;
}

#onl-livearea .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#onl-livearea .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#onl-livearea .monitor{
	width:150px;
	font-size:12px;
	color:#000;
	background-color:#ffe400;
	padding:7px;
	text-align:center;
	border-radius: 10px; /* CSS3çë²åÝè */
	-webkit-border-radius: 10px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 10px;
	position: absolute;
	top: 50px;
	right: 1px;
}


#onl-area{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#onl-area .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#onl-area .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#onl-area .txtbox{
	width:700px;
	height:480px;
	margin-top:20px;
	background-image:url(/ch_online/images/onlinechina.jpg);
	background-repeat:no-repeat;
}

#onl-area .box{
	width:460px;
	line-height:170%;
}


#onl-area .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 10px;
	right: 1px;
	text-decoration: none;
}

#onl-area .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#onl-area .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#onl-area .monitor{
	width:150px;
	font-size:12px;
	color:#000;
	background-color:#ffe400;
	padding:7px;
	text-align:center;
	border-radius: 10px; /* CSS3çë²åÝè */
	-webkit-border-radius: 10px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 10px;
	position: absolute;
	top: 50px;
	right: 1px;
}


#school-title{
	width:720px;
	height:30px;
	background-color:#bee5c1;
	border: #999999 1px solid;
}

#school-title p{
	font-size:16px;
	color:#000;
	padding-left:7px;
	padding-top:5px;
}

#school-mainarea{
	width:700px;
	height:160px;
	margin: 10px auto 10px;
	//padding-top:7px;
	background-image:url(/school/images/main.jpg);
	background-repeat:no-repeat;
	position: relative;
}


#school-mainarea .txtbox{
	width:450px;
	font-size:16px;
	line-height:150%;
	padding-top:20px;
}

#school-jparea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#school-jparea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#school-jparea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#school-jparea .txtbox{
	width:700px;
	height:480px;
	margin-top:20px;
	background-image:url(/school/images/japan.jpg);
	background-repeat:no-repeat;
}

#school-jparea .box{
	width:460px;
	line-height:170%;
}


#school-jparea .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 30px;
	right: 1px;
	text-decoration: none;
}

#school-jparea .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#school-jparea .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#school-kaigaiarea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#school-kaigaiarea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#school-kaigaiarea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#school-kaigaiarea .txtbox1{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc01.jpg);
	background-repeat:no-repeat;
}

#school-kaigaiarea .txtbox2{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc02.jpg);
	background-repeat:no-repeat;
}

#school-kaigaiarea .txtbox3{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc03.jpg);
	background-repeat:no-repeat;
}

#school-kaigaiarea .txtbox4{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc04.jpg);
	background-repeat:no-repeat;
}

#school-kaigaiarea .txtbox5{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc05.jpg);
	background-repeat:no-repeat;
}

#school-kaigaiarea .txtbox6{
	width:700px;
	height:150px;
	margin-top:20px;
	background-image:url(/school/images/kaigai_sc06.jpg);
	background-repeat:no-repeat;
}


#school-kaigaiarea .box{
	width:480px;
	line-height:170%;
	padding-left:7px;
}

#school-kaigaiarea .boxtitle{
	width:460px;
	font-weight:bold;
	font-size:18px;
	margin-bottom:5px;
}


#school-kaigaiarea .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 30px;
	right: 1px;
	text-decoration: none;
}

#school-kaigaiarea .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#school-kaigaiarea .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


#school-dairenarea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#school-dairenarea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#school-dairenarea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#school-dairenarea .txtbox{
	width:700px;
	height:220px;
	margin-top:20px;
	background-image:url(/school/images/dairen.jpg);
	background-repeat:no-repeat;
}

#school-dairenarea .box{
	width:400px;
	line-height:170%;
}


#school-dairenarea .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 30px;
	right: 1px;
	text-decoration: none;
}

#school-dairenarea .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#school-dairenarea .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*çåªç¿’åóÒåÕð*/

#jkyozai-title{
	width:720px;
	height:30px;
	background-color:#bee5c1;
	border: #999999 1px solid;
}

#jkyozai-title p{
	font-size:16px;
	color:#000;
	padding-left:7px;
	padding-top:5px;
}

#jkyozai-mainarea{
	width:700px;
	height:160px;
	margin: 10px auto 10px;
	//padding-top:7px;
	background-image:url(/kyozai/images/main.jpg);
	background-repeat:no-repeat;
	position: relative;
}


#jkyozai-mainarea .txtbox{
	width:450px;
	font-size:16px;
	line-height:150%;
	padding-top:20px;
}


#jkyozai-contentsarea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#jkyozai-contentsarea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#jkyozai-contentsarea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#jkyozai-contentsarea .smalltitle{
	font-size:12px;
	color:#000;
	font-weight:bold;
}

#jkyozai-contentsarea .txtbox{
	width:700px;
	height:220px;
	margin-top:20px;
	background-image:url(/kyozai/images/kango.jpg);
	background-repeat:no-repeat;
}

#jkyozai-contentsarea .txtbox2{
	width:700px;
	height:220px;
	margin-top:20px;
	background-image:url(/kyozai/images/lesson.jpg);
	background-repeat:no-repeat;
}

#jkyozai-contentsarea .txtbox3{
	width:700px;
	height:220px;
	margin-top:20px;
	background-image:url(/kyozai/images/lesson02.jpg);
	background-repeat:no-repeat;
}


#jkyozai-contentsarea .txtbox4{
	width:700px;
	height:220px;
	margin-top:20px;
	background-image:url(/kyozai/images/aihara.jpg);
	background-repeat:no-repeat;
}


#jkyozai-contentsarea .box{
	width:400px;
	line-height:170%;
}


#jkyozai-contentsarea .linkbtn{
	width:150px;
	font-size:14px;
	color:#FFF;
	background-color:#D12800;
	padding:7px;
	text-align:center;
	border-radius: 4px; /* CSS3çë²åÝè */
	-webkit-border-radius: 4px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 4px;
	position: absolute;
	top: 20px;
	right: 1px;
	text-decoration: none;
}

#jkyozai-contentsarea .linkbtn a{
	color:#FFF;
	text-decoration: none;
}

#jkyozai-contentsarea .linkbtn:hover {
	color:#FFF;
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#jkyozai-contentsarea .monitor{
	width:150px;
	font-size:12px;
	color:#000;
	background-color:#ffe400;
	padding:7px;
	text-align:center;
	border-radius: 10px; /* CSS3çë²åÝè */
	-webkit-border-radius: 10px; /* Safari,Google Chrome甧þ*/
	-moz-border-radius: 10px;
	position: absolute;
	top: 60px;
	right: 1px;
}


#static-mainarea{
	width:700px;
	height:100px;
	margin: 10px auto 10px;
	//padding-top:7px;
	//background-image:url(/kyozai/images/main.jpg);
	background-repeat:no-repeat;
	position: relative;
}


#static-mainarea .txtbox{
	width:700px;
	font-size:16px;
	line-height:150%;
	padding-top:20px;
}

#static-contentsarea{
	width:700px;
	margin: 0px auto 15px;
	border-top: #999 1px solid;
	padding-top:7px;
	position: relative;
}

#static-contentsarea .subtitle{
	font-size:12px;
	color:#D12800;
	padding-top:10px;
	margin-bottom:5px;
}

#static-contentsarea .title{
	font-size:24px;
	color:#000;
	font-weight:bold;
}

#static-contentsarea .smalltitle{
	font-size:12px;
	color:#000;
	font-weight:bold;
}

#static-contentsarea .txtbox{
	width:700px;
	//height:220px;
	margin-top:20px;
	//background-image:url(/kyozai/images/kango.jpg);
	background-repeat:no-repeat;
}