@charset "utf-8";

/* ---- Page Design Base 
-------------------------------------*/
body{
	text-align: center;
	background-color: #FFFFFF;
}
/*
 img {
  pointer-events: none;
}
*/

#contents{
	width: 1024px; /* max1280 */
	clear: both;
	float: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 600px;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	_overflow: hidden;
	height:100%;
	position: relative;
	line-height : 1.4;
/*	border-top: 1px solid #CCC; */
}
/*#toppage #contents{	padding-top: 15px;}*/
#contents a{ text-decoration:none;}

/* Header */
#header{
}
#header-inner{
	margin: 0 auto 0 auto;
	width: 1024px; /* max1280 */
	padding-top: 0;
	padding-bottom: 5px;
}

#header #header-left{
	display: block;
	float: left;
	text-align: left;
	width: 510px;
	padding-top: 7px;
	margin-right: 5px;
	padding-left: 8px;
}
#header #header-left h1{
	text-indent: -9999px;
	height: 1px;
	overflow: hidden;
}
#kouzapege #header #header-left h1{
	text-indent: 0;
	overflow: visible;
	height: 40px;
}
#header #header-left h2{
	padding-top: 0;
}
#header #header-left h2 span{ font-size: 120%; margin-left:20px;}

/* English Button */
#header #header-center{
	display: block;
	width: auto;
	float: left;
	text-align: left;
	padding-top: 20px;
	min-width: 430px;
	text-align:right;
}
/* kensaku */
#header #header-right{
	display: block;
	float: right;
	width: 50px;
	padding-top: 12px;
}
#kensaku{
	display: block;
	background-repeat: no-repeat;
	width: 250px;
	vertical-align: middle;
	text-align: left;
	background-image: url(../_img/header/kensaku-mado.gif);
	background-position: left 1px;
	float: left;
}
#kensaku input{ margin:0; padding:0; vertical-align: middle;}
#kensaku input#search{
	height: 40px;
	width: 210px;
	box-sizing: border-box;
	margin: 0;
	padding: 0px 1px 0 10px;
	font-size: 14px;
	text-align: left;
	color: #6D6452;
	border: none;
	/*	border: 2px solid #E0E0E0;
	border-radius: 3px;*/
	font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS Pゴシック", "MS PGothick", Sans-Serif;
	background-color: transparent;
}
html>/**/body #kensaku input#search{
        padding-top: 2px\9; /* for IE8 setting */
}
#kensaku #search:focus{ color:#000;}
#kensaku #kensaku-button{ width:23px;}

#header-right #sns-mark{
	float: right;
	width: 45px;
	text-align:left;
	padding-top: 4px;
}

#header-right #sns-mark a:hover img,
#header-center a:hover img,
#wrapper01-sidemenu a:hover img,
#contents #mysite-link p a:hover img,
#add-link p a:hover img,
#yomicul-gogakumagazine h2 a:hover img,
#yomicul-gogakutensaku h2 a:hover img,
#yomicul-youtube h2 a:hover img,
#yomicul-gogaku h2 a:hover img,
#yomicul-uranai h2 a:hover img,
#yomicul-shasin-juku h2 a:hover img,
.hiroba-article .article-photo a:hover img,
.go-kakunin [type="image"]:hover{ 
	opacity: 0.6;
	-webkit-transition-duration: 0.4s;
	transition-property: background-color;
	transition:0.4s;
	transition-timing-function:ease;
}

/* wrapper 01 */
#wrapper01-left{
	overflow: hidden;
	float: left;
	width: 810px;
	text-align: left;
}
#wrapper01-sidemenu {
	overflow: hidden;
	float: right;
	width: 210px;
	text-align: left;
}


/* wrapper 02 */
#wrapper02{ min-hegiht: 455px; padding-bottom:5px; display:block;}
#wrapper02-osirase{
	overflow: hidden;
	float: left;
	width: 720px;
	text-align: left;
}
#wrapper02-twitter{
	position: relative;
	overflow: hidden;
	float: right;
	width: 300px;
	text-align: left;
/*	height: 420px; */
}

/* WrapperParts */
.wrapper-inner{
	overflow: hidden;
	float: left;
	width: 100%;
	text-align: left;
}
#kensakukekka-sidemenu {
	overflow: hidden;
	float: left;
	width: 230px;
	text-align: left;
}


/* Wrapper common setting */
#contents #wrapper01,
#contents #wrapper02,
#contents #wrapper03,
#contents #osusume-kouza,
#contents #mysite-link,
#add-link,
#contents #gnavi,
#contents #main,
#contents #sagasu-kouza,
#contents #yomiculhiroba-toha,
#contents #yomiculhiroba-news,
#contents #kousi-shoukai,
#contents #gogaku-sittoku,
#contents #osusume-list,
#gnavi ul,
#contents #wrapper #main article,
#sagasu-address{
	width: 100%;
	clear: both;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	display: block;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	overflow: hidden;
}
#wrapper01-left h2,
#wrapper02 h2,
.wrapper-inner h2,
#sagasu-address h2,
#osusume-kouza h2,
#sagasu-kouza h2,
#yomiculhiroba-toha h2,
#yomiculhiroba-news h2,
#kousi-shoukai h2,
#gogaku-sittoku h2{
	color: #000000;
	text-align: left;
	font-weight: normal;
	font-size: 100% !important;
	margin: 0;
	padding: 9px 0px 6px 17px;
	background-image: url(../_img/common/top-midashi-icon.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	border-top: 2px dotted #6fc1a6;
}
#gogakucollage-toha { padding-top: 10px; padding-bottom: 10px;}
#gogakucollage-toha h2{
	font-size: 120% !important;
	background-image: none;
	padding: 10px 0px 6px 5px;
	font-weight: bold;
	color: #000000;
}
#gogakucollage-toha p{ margin-left: 10px;}
#wrapper02-twitter h2{margin-right:0; margin-left: 5px; margin-bottom:2px;}

#wrapper01-sidemenu h2{ margin:0 auto 15px auto; text-align:center;}
div#chachamaru{width:209px; height:188px; overflow:hidden; margin-bottom:5px;}
#wrapper01-sidemenu p{ margin:0 auto; text-align:center;}
#wrapper01 #slider-panel{margin:0 5px 0 auto; width:100%; min-height:340px;}

#contents #wrapper01,
#contents #wrapper02{ padding-bottom:5px;}

#wrapper01 #sagasu-address,
#wrapper01 #sagasu-lesson,
#wrapper02{ margin: 5px 0 0 0;}

#yomiculhiroba-toha p{  margin: 10px 5px 5px 5px;}

#kousi-shoukai h2,
#gogaku-sittoku h2{padding: 14px 0px 11px 17px;}

/* センターリンク */
#sagasu-address h2{ padding-top: 10px !important;}
#center-listlink {}
#center-listlink ul{
	text-align: center;
	margin: 0 auto 1px 5px;
	padding: 0;
	display: block;
	width: 100%;
	overflow: hidden; 
}
#center-listlink ul li{
	list-style-type: none;
	float: left;
/*	width: 16%; 100% / Nmenu（端数切捨） */
	/* 均等割り6メニューの場合。リニュ直後はそれぞれ別個の設定 */
	display:block;
	_display:inline; /* for IE6 Only */
	margin: 0px 8px 7px 0px;
	font-size: 15px;
}
/*#center-listlink ul li a{ white-space:nowrap; display:block; min-width:110px; padding:9px 5px 9px 5px; border-radius:3px;}*/
#center-listlink ul li a{ white-space:nowrap; display:block; width:105px; min-width:105px;  max-width:105px; padding:8px 0px 8px 0px;  border-radius:3px;}
#center-listlink ul li a:link,
#center-listlink ul li a:visited{
	color: #000;
	background-color: #aee9cc;
	border: 1px solid #99E3BE;
}
#center-listlink ul li a:hover{
	color: #FFF;
	background-color: #EB679C;
	opacity: 0.8;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	transition-property: background-color;
	transition:0.3s;
	transition-timing-function:ease-out;
	border: 1px solid #E95A94;
}

#center-listlink ul li.fc a:link,
#center-listlink ul li.fc a:visited{
	background-color: #b5dfea;
	border: 1px solid #95D2E1;
}
#center-listlink ul li.fc a:hover{
	color: #FFF;
	background-color: #DF629A;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;
	transition-property: background-color;
	transition: 0.4s;
	transition-timing-function: ease-out;
	border: 1px solid #E95A94;
}

.name-2moji{ letter-spacing: 0.5em;}
.name-3moji{ letter-spacing: 0.3em;}
.name-6moji{ font-size: 87% !important; padding:8px 0px 8px 0px !important;}

/* 講座検索 */
#contents #sagasu-kouza{ padding-bottom: 10px;}
#contents #sagasu-kouza h2{ margin-right:0; margin-bottom:5px;}
#contents #sagasu-kouza h2 span{ margin-left:15px; color:#df8373; font-size:90% !important;}
#kouza-kensaku{ vertical-align: middle; }
.toppage #kouza-kensaku{ margin:20px auto 25px !important; }
#kouza-kensaku form{
	vertical-align: middle;
	text-align: left;
	width: auto;
	margin-right: 5px;
	margin-left: 20px;
	white-space: nowrap;
	line-height: 1.4;
}
#kouza-kensaku form select,
#kouza-kensaku form input,
#kouza-kensaku form #kouza_searching_keyword{
	font-size: 13px;
	line-height: 1.4em;
	vertical-align: middle;
	margin-right: 2px;
/*	padding-right: 0px; */
	padding: 6px 3px 6px 3px;
}

#kouza-kensaku form label{font-size: 15px; margin-right:20px;}
#kouza-kensaku form select#center{width:110px;}

#kouza-kensaku form #kikan{
	background-color: #f9fa9a;
	padding: 4px 5px 3px 6px;
}
form .hissu{ color:#f22819; font-weight:bold; margin-right: 20px;}

#kouza-kensaku form select#center,
#kouza-kensaku form select#genre,
#kouza-kensaku form select#subgenre,
#kouza-kensaku form #kouza_searching_keyword{
	border-radius: 5px;
	/*	border: 2px solid #8F847A; */
	border: 2px solid #AAA299;
	margin-right: 15px;
}
#kouza-kensaku form select#center{ margin-left:20px;}
#kouza-kensaku form select#center option{ padding-bottom:5px;}
#kouza-kensaku form #kouza_searching_keyword{ margin-right: 10px;}

#kouza-kensaku form input:focus,
#kouza-kensaku form select:focus{
    border-color: #EEA34A !important;
	border-radius: 5px;
}
/* #kouza-kensaku form input.keyword_box{ width:180px; margin-right:2px; padding-top: 8px !important; padding-bottom: 8px !important;} */
#kouza-kensaku form input.keyword_box{ width:250px; margin-right:2px; padding-top: 7px !important; padding-bottom: 7px !important;}
#kouza-kensaku form input#kouza_searching{ padding-top:8px;}

form .error{
	background-color: #FFEFEE;
	border: 2px dotted #F00;
	padding: 8px;
	color: #CC0211;
	margin: 10px auto 5px;
	width: 80%;
	font-size: 90% !important;
	line-height: 1.8em !important;
	border-radius: 8px;
}


/* お知らせ（トップ） */
#wrapper02-osirase h2{ margin-bottom: 0px;}
#osirase {
/*	height: 17.2em;
	_height: 17.4em; */
	overflow: auto;
	overflow-y: scroll;
	width: 710px;
/*	height: 345px; */
/*	height: 20.5em;
	_height: 21.4em;*/
	height: 22.4em;
	_height: 22.3em;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 5px;
}
#hiroba-osirase,
#gogaku-osirase{
	overflow: auto;
	overflow-y: scroll;
	width: 100%;
	height: 9.4em;
	_height: 9.3em;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 5px;
}
#osirase ul,
#hiroba-osirase ul,
#gogaku-osirase ul{ list-style:none; display:block;border-top: 1px dotted #D6D6C2;}
#osirase ul li,
#hiroba-osirase ul li,
#gogaku-osirase ul li{
	list-style: none;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: 1px dotted #D6D6C2;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 90%;
	/* font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	line-height: 1.3;
}
/*#osirase ul li:last-of-type{border-bottom: none !important;}*/
#osirase ul li a,
#hiroba-osirase ul li a,
#gogaku-osirase ul li a{ display:block; padding-left:35px;}/*☆*/
#osirase ul li a:link,
#osirase ul li a:visited,
#hiroba-osirase ul li a:link,
#hiroba-osirase ul li a:visited,
#gogaku-osirase ul li a:link,
#gogaku-osirase ul li a:visited{
	color: #333;
}
#osirase ul li a:hover,
#hiroba-osirase ul li a:hover,
#gogaku-osirase ul li a:hover{

	color: #03C;
	background-color: #FEFFE8;
}
#osirase ul li a:link strong,
#osirase ul li a:visited strong,
#hiroba-osirase ul li a:link strong,
#hiroba-osirase ul li a:visited strong,
#gogaku-osirase ul li a:link strong,
#gogaku-osirase ul li a:visited strong{
	color: #B00;
	font-size: 105%;
}

/* icon for List */
/*
#osirase ul li a.new,
#hiroba-osirase ul li a.new{
	background-image: url(../_img/toppage/new.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
*/
#osirase ul li a.new,
#hiroba-osirase ul li a.new,
#gogaku-osirase ul li a.new{
	background-image: url(../_img/toppage/new.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#gogaku-osirase ul li span{ font-size: 84%;}


#wrapper02-twitter-inner{
	position: static;
	height:1%; 
	overflow:visible;
/*	width: 245px; */
	text-align:center;
}

/*緊急告知*/
#kinkyu{
	margin: 0px auto 10px auto;
	text-align: center;
	width: 88%;
	border: 3px solid #F9B0AC;
	background-color: #F0EEEE;
	border-radius: 8px;
}
#kinkyu h1{
	color: #DF0404;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 120%;
	font-weight: bold;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	vertical-align: middle;
	border-bottom: 1px dashed #F9B0AC;
}
#kinkyu h1 img{
	vertical-align: bottom;
	margin-right: 5px;
}
#kinkyu ul {
	margin: 10 auto 0 10px;
}
#kinkyu ul li{
	text-align: left !important;
	line-height: 1.3em;
	font-size: 105%;
	position: relative;
	list-style: none;
	margin: 0px 20px 10px;
	font-weight: bold;
}
#kinkyu ul li a,
#main #e404 ul li{
	background-image: url(/_img/icon/doc01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	display: block;
	padding: 2px 1px 2px 16px;
	text-align: left;
	list-style: none;
	margin-bottom: 5px;
	line-height: 1.6em !important;
}

#main #e404{ padding: 10px 50px;}

#kinkyu ul li a:link,
#kinkyu ul li a:visited{
	color: #000;
}
#kinkyu ul li a:hover{
	background-color: #FFF;
	color: #006;
}
#kinkyu .kinkyu-kokuchi li span{
	text-align: right !important;
	font-size: 74%;
	font-weight: normal;
	margin-right: 2em;
	white-space: nowrap;
}



/* おすすめ講座 */
#osusume-kouza{ margin-bottom: 5px;}
#osusume-kouza h2{ margin-right:0 !important; margin-bottom: 0 !important;}
#osusume-kouza #osusume-list{
	/*		background-color: #F2F2F2; */
	padding: 15px 0 0 0;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
	background-image: url(../_img/toppage/osusume-bg.jpg);
	background-repeat: repeat;
}
#osusume-kouza #osusume-list .go-osusume{
	display: block;
	width: 312px;
	margin: 0px 10px 25px 15px;
	float: left;
	box-sizing: border-box;
	background:#FFF;
}
#osusume-kouza #osusume-list .go-osusume:nth-of-type(3),
#osusume-kouza #osusume-list .go-osusume:nth-of-type(6){ margin-right: 0 !important;}
#osusume-kouza #osusume-list .go-osusume a{
	display: block;
	border: 2px solid #92BF8C;
	border-radius: 6px;
	color: #333;
	height: 190px;/* ☆ */
}
#osusume-kouza #osusume-list .go-osusume a:link,
#osusume-kouza #osusume-list .go-osusume a:visited{ }
#osusume-kouza #osusume-list .go-osusume a:hover{
	background-color: #FFC;
	opacity: 0.8;
}

#osusume-kouza #osusume-list .go-osusume h3{
	margin: 8px 1px 10px 0;
	font-size: 95%;
	line-height: 1.4;
	font-weight: normal;
	text-align: left;
	display: block;
	padding: 10px 0 8px 0;
}
#osusume-kouza #osusume-list .go-osusume h4{
	font-size: 90%;
	line-height: 1.2;
	font-weight: normal;
	text-align: center;
	display: block;
	background-color: #E8F4F0;
	width: 165px;
	margin-left: 133px;
	border-radius: 6px;
	padding: 3px 0 3px 0 !important;
}
#osusume-kouza #osusume-list .go-osusume p{
	margin: 12px 6px 10px 0px;
	padding: 2px 1px 2px 6px;
	background-color: #6fc1a6;
	color: #FFF;
	font-size: 90%;
	text-align:center;
	border-radius: 0 10px 10px 0;
}

#osusume-kouza #osusume-list .go-osusume a h3,
#osusume-kouza #osusume-list .go-osusume a h4,
#osusume-kouza #osusume-list .go-osusume a p{ text-decoration:none;}

.kouza-photo{
	float: left;
	width: 135px;
	height: 130px;
	text-align:center;
	vertical-align:middle;
	padding-top : 5px;
}
.kouza-photo img{ margin:auto; width:auto; height:auto; max-width:125px; max-height:130px; }


/* サイト内バナーと外部バナーリンク設定 */
#contents #mysite-link{ width: 98%;}
#add-link{ width: 1024px;}

#contents #mysite-link p,
#add-link p{
	float: left;
	display: block;
}

#contents #mysite-link p a img,
#add-link p a img{
	border: 1px solid #CCC;
}
/* 個別設定 */
#contents #mysite-link{ 
	background:#F7F2F0;
	padding: 10px;
	margin-bottom:20px;
}
#contents #mysite-link p{margin: 0 20px 3px 20px;}
#add-link{
	padding: 20px 5px 0 5px;
/*	background-color: #F2F2F2;*/
}
#add-link p{margin: 0 14px 10px 14px;}

/* 共通 */
.border-on{
	border: 1px solid #CCC;
}
.border-off{
	border: none !important;
}


/*☆ここまで設定中*/


/* Parts Design */

/* 記事とウェブページ */
#newspage,
#webpage,
#kensakukekka-page{ margin-right:20px;}

/* 本文の基本スタイル */
#searchpage #main h1,
#estraierpage #main h1,
#kouzapage #main h1,
#base-page #main h1,
#web-page #main h1,
#news-page #main h1,
h1#yomicul-pagetitle,
#kijilist #main h1,
#offer-page #main h1,
#kensakukekka-page #main h1{
	display: block;
	margin: 8px 0 15px;
	padding: 10px 0 7px 8px !important;
	font-size: 165%;
	text-align: left;
	border-top: 3px dotted #94D1BD;
	border-bottom: 3px dotted #94D1BD;
	line-height: 1.3em;
}

#kijilist #main h1 span{ margin-right:5px; font-size:70%; font-weight:normal}
#searchpage #main h1 span,
#estraierpage #main h1 span{ margin-left:10px; font-size:70%; font-weight:normal}

#main #kiji-honbun{
	font-size: 100%;
}
/* ☆記事の全体調整部分 */
#base-page p,
#newspage p,
#webpage p,
#offer-page p{
	font-size: 100% !important;
	padding-bottom: 5px;
	line-height: 1.6em !important;
	margin-bottom: 5px !important;
}
#webpage #kiji-honbun p,
#base-page #kiji-honbun p,
#offer-page #kiji-honbun p{
	font-size: 90% !important;
	line-height: 1.6em  !important;
	margin-bottom: 5px !important;
}
#newspage #kiji-honbun p{
	line-height: 1.6em  !important;
	margin-bottom: 5px !important;
}

#newspage #photo-area,
#newspage #add-area{
	width: 302px;
	margin:0 10px 10px 5px;
	float: left;
	display:block;
}

#newspage #photo-area.right,
#newspage #add-area.right{ float:right; margin:0 0 5px 15px;}

#newspage #photo-area figure img{
	border: 1px solid #DDDDDD;
}
#newspage #photo-area .etoki{
	text-align: left;
	font-size: 84%;
	line-height: 1.4em !important;
	margin: 6px 0px 10px 1px;
}
#base-page #kiji-profile,
#newspage #kiji-profile,
#webpage #kiji-profile{
	border-top: 1px solid #B7CADB;
	border-bottom: 1px solid #B7CADB;
	display: block;
	font-size: 87%;
/*	padding: 5px 0 5px 0; */
	padding: 5px 0 2px 0 !important;
	margin: 0 0 20px 0;
	vertical-align:middle;
	display:block;
}
/*
#newspage #kiji-profile time,
#webpage #kiji-profile time{ margin: 5px 20px 0 5px; padding-top:3px; vertical-align:middle;}
*/
#base-page #kiji-profile time,
#newspage #kiji-profile time,
#webpage #kiji-profile time{ margin: 0 20px 1px 5px; padding-bottom:4px; vertical-align:middle; display:inline-table;}


#base-page #kiji-profile #sns-area,
#newspage #kiji-profile #sns-area,
#webpage #kiji-profile #sns-area{ display:inline; margin-left:30px;vertical-align:middle;}

#base-page #mainkiji-area,
#newspage #mainkiji-area,
#webpage #mainkiji-area{
	margin-bottom: 8px;
}
#base-page #mainkiji-area .category,
#newspage #mainkiji-area .category,
#webpage #mainkiji-area .category{
	background-image: url(../_img/common/pointer-sankaku-category.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 16px;
}
#base-page #mainkiji-area .category a,
#newspage #mainkiji-area .category a,
#webpage #mainkiji-area .category a{
	display: block;
	font-size: 84%;
	text-decoration: none;
	padding: 1px;
	margin-left: 3px;
}
#base-page #main a:hover,
/* #newspage #main a:hover,*/
#webpage #main a:hover{
	background-color: #FEFFE8;
	color: #03C;
}

#base-page #mainkiji-area .category a:link,
#base-page #mainkiji-area .category a:visited,
#newspage #mainkiji-area .category a:link,
#newspage #mainkiji-area .category a:visited,
#webpage #mainkiji-area .category a:link,
#webpage #mainkiji-area .category a:visited{
	color: #0074A6;
}

/*snsシェアエリア*/
.share-sns-container{margin: 0 auto;  width: 1020px; font-size: 80%; display: flex; align-items: center; justify-content: flex-end;}
.share-sns-container h3{font-weight: normal; display: inline;}
.share-sns-container ul{list-style: none; display: flex; margin-left: 1rem;}
.share-sns-container li{}
.share-sns-container img{width: 34px; height: 34px; margin: 0 5px;}

/*各センター inquiryフォーム*/
#kiji-honbun .extrafields{}
#kiji-honbun .extrafields .form{
	border: 1px solid #CCC;
	border-radius: 10px;
	padding: 30px !important;
	margin-bottom: 25px;
}
#kiji-honbun .extrafields .form .extra_form{text-align:left; font-size:100%; margin-bottom:35px; margin-left:15px;}
#kiji-honbun .extrafields .form .extra_form:hover{background-color: #FFFEEC;}
#kiji-honbun .extrafields .form .extra_form input,
#kiji-honbun .extrafields .form .extra_form textarea{ padding:6px; margin:10px auto 5px auto; font-size:100%;}
#kiji-honbun .extrafields .form .extra_form label{
	text-align: left;
	margin-bottom: 15px;
	border-left: 8px solid #68B774;
	padding-left: 8px;
}
#kiji-honbun p.extra_form_submit{ margin: 20px auto; text-align:center; }
#kiji-honbun p.extra_form_submit input{font-size:105% !important; padding: 8px; border-radius: 5px; border:solid 1px #999;}
#kiji-honbun p.extra_form_submit input:hover{
	background-color: #E9F8E7;
	border-color: #096;
}

#offer-page #kiji-honbun h2{
	text-align: left;
	font-size: 110%;
	margin-left: 10px;
	margin-bottom: 12px;
	line-height: 1.6em !important;
}
#offer-page #kiji-honbun p{ text-align:left; margin-bottom: 5px;}
#offer-page #kiji-honbun > div{
	border: 1px solid #CCC;
	margin: 20px auto;
	padding: 20px 20px 15px 20px;
	width: 80%;
	border-radius: 8px;
}
#offer-page #kiji-honbun > div h2{	margin-left: 0px;}


/* Contact Form (Center Inquery) */
#kiji-honbun .contact-form{
	border: 2px solid #CCC;
	width: 90%;
	margin: 10px auto;
	border-radius: 8px;
	padding:30px;
}
#kiji-honbun  div.contact-form div.contact-form-field{
	border-top: 2px dotted #AACB97;
	padding: 25px 10px 20px 10px;
}
#kiji-honbun  div.contact-form div.contact-form-field:hover{
	background-color: #F1FAED
}
#kiji-honbun  div.contact-form div:first-of-type.contact-form-field{
	border-top: none;
	padding-top: 5px;
}
/*#kiji-honbun  div.contact-form div.contact-form-field label,*/
#kiji-honbun  div.contact-form div.contact-form-field{ margin-left: 10px; font-size:105% !important;}
#kiji-honbun div.contact-form div.contact-form-submit {
  padding: 20px;
  text-align: left;
  margin-bottom: 15px;
  padding-left: 8px;
}
#kiji-honbun  div.contact-form input[type="text"],
#kiji-honbun  div.contact-form textarea{
	padding: 8px;
	font-size: 95%;
	line-height: 1.4em;
	vertical-align: middle;
	padding: 6px 3px 6px 3px;
	margin:5px 5px 3px 10px;
	width: 90%;
	border-radius: 5px;
	border: 2px solid #B1AAA7;
	margin-right: 15px;
	background: #fff;
}
#kiji-honbun  div.contact-form textarea{ min-height: 8em;}
#kiji-honbun  div.contact-form input:hover,
#kiji-honbun  div.contact-form textarea:hover{
/*	background-color: #E9F8E7;
	border-color: #096;*/
    border-color: #EEA34A !important;
	border-radius: 5px;
}
#kiji-honbun  .field_value{ margin: 15px auto auto 200px; color:#582F21}

#kiji-honbun div.contact-form #mail_caution{
	margin: 10px auto 10px 30px;
	width: 85%;
	padding: 10px;
	background-color: #FFECF1;
	border: 1px solid #FFB5C9;
	border-radius: 4px;
	font-size: 100%;
}
#kiji-honbun  div.contact-form span.field_error{
	color: #E10000;
	font-size: 103% !important;
	font-weight: normal;
	background-color: #FEE2E6;
	padding: 1px 2px 1px 5px;
	margin-left: 10px;
}
#kiji-honbun div.contact-form span.must{ color:#E10000; font-size:90% !important;}
#kiji-honbun div.contact-form div.contact-form-submit{ text-align:center;} 
#kiji-honbun div.contact-form div.contact-form-submit input{
	padding: 10px;
	font-size: 105% !important;
	font-weight: bold;
	background-color: #D2EFD1;
	border-radius: 5px;
	border: 1px solid #CCC;
	width: 8em;
}
#kiji-honbun div.contact-form div.contact-form-submit input:hover{
	background-color: #FFDBA6;
	border-color: #F18018;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	transition-property: background-color;
	transition: 0.3s;
	transition-timing-function: ease-out;
}
#kiji-honbun div.contact-form .form-label{ margin-left:10px;}
#kiji-honbun div.contact-form .form-element p label input{ margin-left: 20px !important; }
#kiji-honbun div.contact-form .form-element #nittei{ margin:5px auto 10px 10px; padding:5px;	font-size: 105% !important; }

/*講座検索関連*/
#searchpage #main td p strong.kaiin,
#kouzapage #main td p strong.kaiin,
#searchpage #main td p strong.ippan,
#kouzapage #main td p strong.ippan{
	font-weight: normal;
	color: #FFF;
	font-size: 14px;
	background-color: #900;
	padding-right: 2px !important;
	padding-left: 2px !important;
	border-radius: 3px;
}
#searchpage #main td p strong.ippan,
#kouzapage #main td p strong.ippan{ background-color:#3973C8}
#estraierpage #main p strong{
	background-color: #FFFFCC;
	font-weight: normal;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 1px;
	padding-right: 1px;
}

#kouzapage #kouza-header{
	display: block;
	margin: 8px 0 15px;
	padding: 10px 0 7px 8px !important;
	text-align: left;
	border-top: 3px dotted #94D1BD;
	border-bottom: 3px dotted #94D1BD;
	position: relative;
	min-height: 78px;
}
#kouzapage #kouza-shousai #kouza-header{
	display: block;
	margin: 8px 0 8px;
	padding: 10px 0 7px 8px !important;
	text-align: left;
	border-top: none;
	border-bottom: none;
	min-height: 70px;
}
#kouzapage #kouza-form #kouza-header{
	margin: 0px 0 3px;
}
#kouzapage #kouza-subtitle{ margin:0 10px 5px 3px !important; font-size:90%; text-align:left !important;}
#kouzapage #kouza-header h1{ border:none !important;margin:0 160px 5px 3px !important; padding:0 !important;}
#kouzapage #kouza-shousai h1{ padding:0 !important; margin:0 160px 5px 3px !important; border:none !important; }
#kouzapage #kouza-header #kouza-code{
	width: 132px;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 4px;
	background-color: #FEF9E2;
	padding: 5px 5px 5px 7px;
	border-radius: 4px;
}
#kouzapage #kouza-shousai #kouza-header #kouza-code{ top:30px;}
#kouzapage #kouza-header #kouza-code p{ font-size:12px; line-height:1.4em; margin-bottom: 5px; }
#kouzapage #kouza-header #kouza-code #timestamp{ margin-bottom:0 !important;}
#kouzapage #kouza-shousai #tuiki{
	width: 90%;
	margin: 10px auto;
	background-color: #FEF9E2;
	padding: 10px;
}
#kouzapage #kouza-shousai #tuiki p{
	font-size: 90% !important;
	padding: 0 !important;
	margin: 0px;
}
#kouzapage #kouza-shousai #teacher-comment{
	background-color: #FFFBE6;
	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 10px;
	display: block;
	border-radius: 8px;
	float: left;
	width: 455px;
}
#kouzapage #kouza-shousai #teacher-comment p{ font-size:87% !important; margin:0;}
#kouzapage #select-season{}
#kouzapage #select-season a{ margin:5px !important;}
#kouzapage #select-season a img{ margin: 5px 25px 5px 25px;}


#news-page #main #kiji-honbun,
#web-page #main #kiji-honbun{ padding:0 8px 0 10px; line-height: 1.5em !important;}/* ☆ */

/*各センター　ニュースページ向け*/
#news-page #main #kiji-honbun h2,
#news-page #main #kiji-honbun h3,
#news-page #main #kiji-honbun h4,
#news-page #main #kiji-honbun p,
#base-page #main #kiji-honbun h2,
#base-page #main #kiji-honbun h3,
#base-page #main #kiji-honbun h4,
#base-page #main #kiji-honbun p,
#kouzapage #policy h2,
#kouzapage #policy p{ line-height: 1.45em; margin-bottom:5px; text-align:left;}

#news-page #main #kiji-honbun h2,
#base-page #main #kiji-honbun h2,
#kouzapage #policy h2{ font-size: 130%; font-weight:normal;}
#news-page #main #kiji-honbun h3,
#base-page #main #kiji-honbun h3{ font-size: 120%; margin-bottom: 8px;}
#news-page #main #kiji-honbun h4,
#base-page #main #kiji-honbun h4{ font-size: 110%;}


#news-page #main #kiji-honbun .wakuGray,
#web-page #main #kiji-honbun .wakuGray,
#base-page #main #kiji-honbun .wakuGray{
	border: 1px solid #D0D0D0;
	padding: 25px;
	margin:0 auto;
}

#web-page #main #kiji-honbun h2+p{ margin-top: 15px;}

#news-page #main #kiji-honbun .width90per,
#web-page #main #kiji-honbun .width90per,
#base-page #main #kiji-honbun .width90per{ width: 90%;}

#news-page #main #kiji-honbun .width85per,
#web-page #main #kiji-honbun .width85per,
#base-page #main #kiji-honbun .width85per{ width: 85%;}

#news-page #main #kiji-honbun .width80per,
#web-page #main #kiji-honbun .width80per,
#base-page #main #kiji-honbun .width80per{ width: 80%;}

#news-page #main #kiji-honbun .r10,
#web-page #main #kiji-honbun .r10,
#base-page #main #kiji-honbun .r10{ border-radius:10px;}

#news-page #main #kiji-honbun .r8,
#web-page #main #kiji-honbun .r8{ border-radius:8px;}

#news-page #main #kiji-honbun .r5,
#web-page #main #kiji-honbun .r5{ border-radius:5px;}

#web-page #main ul,
#web-page #main ol{	margin: 3px auto 3px 10px !important; display:block; list-style-position:inside;}
#web-page #main ul li,
#web-page #main ol li{ font-size:95%; margin-bottom:2px; line-height:1.3;}
#web-page #main ul{	list-style-type: disc !important;}
#web-page #main ol{	margin-left: 15px;}

#news-page #main #kiji-honbun table{ margin:auto; text-align:center;}
#news-page #main #kiji-honbun table th{ line-height: 1.4em;}
#news-page #main #kiji-honbun table td{ line-height: 1.4em !important; vertical-align:top; text-align:left;
 padding: 5px;}
#news-page #main #kiji-honbun table td p{ line-height: 1.4em !important; font-size: 100%;}

#main .align-center{ text-align:center;}
#main .align-left{ text-align:left;}
#main .align-right{ text-align:right;}

#web-page #main section.sikiri{
	border-top: 2px dotted #AACB97;
	padding: 25px 10px 20px 10px;
}
#web-page #main section.sikiri:first-of-type{
	border-top: none;
	padding-top: 5px;
}
#web-page #main .sikiri-waku{
	border: 2px solid #AACB97;
	padding: 20px 10px 20px 20px;
	margin: 0 auto 40px auto;
	border-radius: 6px;
}

#web-page #main h2,
#base-page #main h2{
	color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 125%;
	padding: 1px 0px 1px 20px;
	background-image: url(/_img/common/top-midashi-icon-green.gif);
	background-repeat: repeat-y;
	background-position: left 6px;
	margin-bottom: 8px;
	margin-top: 15px;
	line-height: 1.4em;
}
#web-page #main h2:first-of-type,
#base-page #main h2:first-of-type{ margin-top:0 !important;}

#web-page #main h3,
#base-page #main h3{
	font-size: 110%;
	line-height: 1.4em;
	text-align:left;
	margin: 15px auto 10px auto;
}
#web-page #main section.sikiri h3,
#web-page #main section.sikiri-waku h3{
	background-color: #E3EFE0;
	font-weight: normal;
	font-size: 110% !important;
	padding: 5px !important;
	border-radius: 5px;
	margin-top: 20px !important;
	margin-bottom: 8px !important;
}

#web-page #main section.sikiri div.clearfix + h3{ margin-top: 5px !important;}

#web-page #main section.sikiri p,
#web-page #main .sikiri-waku p{ margin: 10px 10px auto 20px; font-size:100%; line-height:1.6em !important;}
#web-page #main section.sikiri p strong,
#web-page #main .sikiri-waku p strong{ font-size:110%;}

#kiji-honbun #centermap{
	margin: 0px auto 30px;
}
#kiji-honbun #centermap img{}
#kiji-honbun #centertable{ }
#kiji-honbun #centertable caption{
	padding-bottom: 10px;
	text-align: left;
}
#kiji-honbun #centertable caption strong{
	background-color: #FFE6E6;
	font-weight: normal;
	padding: 8px 3px 5px 5px !important;
	width: 4.5em !important;
	text-align:center;
	display:block;
	border-radius: 5px;
	font-size: 100% !important;
}

#kiji-honbun .english-contents #centertable caption strong{
	white-space:nowrap;
	width: 200px !important;
	font-size: 105%;
}

#kiji-honbun #centertable table{
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border-top: 2px dotted #CCC;
	margin-bottom: 25px;
}
#kiji-honbun .english-contents #centertable table{ width: 85%;}
#kiji-honbun #centertable table tr{
	border-bottom: 2px dotted #CCC;
}
#kiji-honbun #centertable table th{
	font-weight: normal;
	text-align: left;
	padding: 8px 12px 8px 20px;
	font-size: 110%;
	background-image: url(/_img/icon/green-maru01-vivid.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
}
#kiji-honbun #centertable table th a{ color:#000}
#kiji-honbun #centertable table td{
	font-size: 95%;
	line-height: 1.4em;
	padding: 8px 8px 8px 0;
	text-align: left;
}
#kiji-honbun #centertable table tr td:nth-of-last{ padding-left: 0; text-align:center;}

#kiji-honbun .english-contents #centertable table th{ font-size: 125% !important}
#kiji-honbun .english-contents #centertable table td{ font-size: 105% !important}


#kiji-honbun #centertable table thead{ display:none;}
#kiji-honbun #centertable table thead th{
	font-size: 1px;
	height: 0 ;
	color: #FFF;
	margin-top: -99999px;
	margin-left: -9999px;
	padding: 0;
	line-height: 1.4em;
}
#kiji-honbun #centertable table .centername{ width:195px !important;} 	/*センター名*/
#kiji-honbun #centertable table .centerzip{width:115px !important;} 		/*郵便番号*/
#kiji-honbun #centertable table .centeradd{width:445px !important;}		/*住所*/
#kiji-honbun #centertable table .centerphone{width:150px !important;} 	/*各センターの電話番号*/
#kiji-honbun #centertable table .centermail{ widht:38px; padding-left: 0 !impotant;} 	/*連絡先Link*/

#kiji-honbun .english-contents #centertable table .centername{ width:60% !important;} 	/*センター名*/
#kiji-honbun .english-contents #centertable table .centerphone{width:40% !important;} 	/*各センターの電話番号*/

#kiji-honbun .english-contents #centertable h2{ font-size: 140% !important; margin-bottom: 25px;}

#kiji-honbun #centertable #honbu-renraku{
	background-color: #EEF8ED;
	display: block;
	border-radius: 5px;
	padding: 20px;
	border: 2px solid #C1E6BD;
	box-sizing: border-box;
	margin: 5px auto 20px;
	width: 96%;
}
#kiji-honbun #honbu-renraku h2{ }
#kiji-honbun #honbu-renraku p strong{ font-size: 120%; margin-left: 20px;}


/* InfoPgages */
#main .shortcut-nav{ margin-top: 15px; margin-bottom: 20px;}
#main h1 + .shortcut-nav{ margin-top: 0; margin-bottom: 10px;}
#main .shortcut-nav + section.sikiri{ margin-top:0; padding-top: 5px;}
#main .shortcut-nav ul{
}
#main .shortcut-nav ul li{
	font-size: 87% !important;
	line-height: 1.4em;
	list-style-type: none !important;
	float: left;
	margin: 3px 6px 6px 5px;
	border-right: 2px dotted #C2C2C2;
}
#main .shortcut-nav ul li a{
	display: block;
	white-space: nowrap;
	padding: 5px 8px;
	color: #333;
	border-radius: 8px;
	margin-right: 7px;
	background-color: #D7ECFF;
}
#main .shortcut-nav ul li a:hover{
	color: #FFF;
	background-color: #2B3CAE;
}

#main #membership-info{}
#main #nyuukai-nagare,
#main #nyuukai-yuutai,
#main #QandA,
#main .english-contents #QandA > section,
#main #membership-info section > div,
#main #membership-info div,
#main .wakuinfo{
	clear: both;
	float: none;
	border: 2px solid #CCC;
	padding: 0 0 12px 0;
	border-radius: 8px;
	margin-bottom: 30px;
}
#main .english-contents #QandA{ border:none !important;}
#main #QandA{ padding-bottom: 5px;}
#main #membership-info section > div p,
#main #membership-info div p{ font-size:90%; margin: 10px 10px 8px 15px;}
#main #membership-info h2,
#main #nyuukai-nagare h2,
#main #nyuukai-yuutai h2,
#main #QandA h2,
#main .wakuinfo h2{
	font-size: 120% !important;
	font-weight: bold;
	background-color: #EDF3E9;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 30px;
	border: none !important;
	background-image: url(/_img/icon/green-sikaku02.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	margin: 0 !important;
	border-radius: 8px 8px 0 0;
	color: #000;
}
#main #membership-info ul,
#main #nyuukai-nagare ul{ margin: 15px !important;}
#main #membership-info ul li,
#main #nyuukai-nagare  ul li,
#main #corpmember-info ul li{ list-style:none; text-align:left;}
#main #membership-info ul ul{ margin:10px auto 5px 20px !important;} 
#main #membership-info ul li,
#main #nyuukai-nagare ul li{
	padding: 0 0 0 18px !important;
	display: block;
	margin-bottom: 0.6em;
	line-height: 1.4em;
	background-image: url(/_img/icon/green-maru01.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}
#main #membership-info ul li ul li{
	padding: 0 0 0 8px !important;
	background-image: url(/_img/icon/green-maru03.gif);
	background-position: 0px 8px;
}
#main #membership-info a,
#main #nyuukai-nagare p a,
#main #nyuukai-yuutai p a,
#main #QandA p a{
	color: #000;
}
#main #membership-info a:hover,
#main #nyuukai-nagare p a:hover,
#main #nyuukai-yuutai p a:hover,
#main #QandA p a:hover{
	color: #00C;
	background-color: #FDFDDF;
}

#main #nyuukai-nagare p,
#main #nyuukai-yuutai p,
#main #QandA p{
	font-size: 95%;
	margin: 10px;
}

/* English Only */
.english-contents{overflow-wrap: break-all; -ms-word-wrap: break-all; word-wrap: break-all; text-align:center;}
#kiji-honbun .english-contents #english-info{ margin-left:auto; margin-right:auto;}
#main .english-contents h2,
#kiji-honbun .english-contents #centertable th{font-family:Verdana, Geneva, sans-serif; font-weight:bold !important;}
#main .english-contents #QandA h2{ 
	background-image: none !important;
	margin: 0 !important;
	padding-left: 10px !important;
	font-size: 1.0em !important;
}
.english-contents p,
.english-contents li{ font-family:"Times New Roman", Times, serif; font-size: 1.0em !important; text-align:left; padding-left:10px; padding-left:10px;}
.english-contents ul li{ margin-left: 30px;}
.english-contents #centertable{ font-size: 90%;}


.chuui{ border: none !important;}
.chuui ul li{
	font-size: 90% !important;
	background-image: url(/_img/icon/doc01.gif) !important;
	background-repeat: no-repeat !important;
	background-position: left 2px !important;
	min-height: 15px;
	text-align: left;
	padding: 2px 0 2px 15px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#main #QandA section section{
	border-top: 2px dotted #94CA79;
	width: 96%;
	margin: 10px auto;
	padding: 9px !important;
}
#main #QandA section section:first-of-type{
	border-top: none !important;
	margin-top: 3px;
}
#main #QandA h3:first-letter,
#main .english-contents #QandA > section h2:first-letter{
	background-color: #FCC;
	border-radius: 40%;
	padding: 2px 8px;
	font-size: 120%;
	color: #FFF;
}


/* table */
#main #nyuukai-nagare #nagare-chart{
	margin: auto;
	width:95%;
}
#main #nyuukai-nagare #nagare-chart td{
	text-align: center;
	margin: 0px;
	padding: 0;
	position: relative;
}
#main #nyuukai-nagare #nagare-chart td h3{
	text-align: center;
	background-color: #FFE7D0;
	padding: 8px;
	margin: 10px auto 8px;
	border-radius: 6px;
	width: 92%;
	border: 1px solid #FFDFBF;
}
#main #nyuukai-nagare #nagare-chart td + h3{ margin-top: 0 !important;}
#main #nyuukai-nagare #nagare-chart td h4{ }
#main #nyuukai-nagare #nagare-chart td p{
	text-align: center;
	margin: 0 auto 5px !important;
}
#main #nyuukai-nagare #nagare-chart td .oshiharai{
	border: 1px dotted #9DD9F9;
	margin: 10px auto;
	width: 80%;
	padding: 10px;
	background-color: #E1F3FD;
}
#main #nyuukai-nagare #nagare-chart td.nagara-td2in1{ width:50%; padding:0 5px;}
#main #nyuukai-nagare #nagare-chart td.nagara-td2in1 h3{ width: 85%;}
#main #nyuukai-nagare #nagare-chart td.nagara-td2in1 p{ text-align:left; width:85% !important; }
#main #nyuukai-nagare #nagare-chart td.nagara-td2in1 .oshiharai p{ margin:0 !important; width:100% !important; font-size: 84% !important; }
#main #nyuukai-nagare #nagare-chart td #for-KokukaiYagai{
	position: absolute;
	font-size: 84% !important;
	width: 190px !important;
	text-align: left !important;
	top: 2px;
	right: 5px;
	line-height: 1.4em !important;
}

#main #nyuukai-nagare #nagare-chart td#nagare-pay{}
#main #nyuukai-nagare #nagare-chart td#nagare-pay p{ text-align:left; margin:0 20px 15px 40px !important;}
#main #nyuukai-nagare #nagare-chart td#nagare-pay #pay-caution{
	background-color: #FFF4F4;
	border: 1px dotted #DB0000;
	margin: 0 40px 20px 40px;
	padding: 10px 0 0 0;
}
#main #nyuukai-nagare #nagare-chart td#nagare-pay #pay-caution p{
	color: #600000;
	margin-left: 10px !important;
	margin-right: 10px !important;
}


#main .linkbutton{margin:1px auto 10px auto; padding:1px; font-size:100%; text-align:center;}
#main .linkbutton a{
	display: block;
	padding: 10px;
	color: #000;
	background-color: #FBE1E8;
	border: 2px solid #F09DB3;
	border-radius: 4px;
	vertical-align:middle;
	text-align:center;
}
#main .linkbutton a img{vertical-align:middle; margin-right:5px; margin-top: -1px;}

#main .linkbutton a:hover{
	color: #FFF;
	background-color: #E97293;
}

#main #kiji-honbun p a{ color:#000;}
#news-page #main #kiji-honbun p a,
#news-page #main #kiji-honbun a,
#kijilist #lesson-info .lesson-outline a{
	color: #03C;
	text-decoration: underline;
}

#news-page #main #kiji-honbun p a:hover,
#news-page #main #kiji-honbun a:hover,
#kijilist #lesson-info .lesson-outline a:hover{
	color: #03C;
	background-color: #FBFBBF;
}

#news-page #main #kiji-honbun div{ line-height: 1.4em}

#main ul.pdf-link li{
	text-align: left;
	line-height: 1.4em;
	margin-bottom: 3px;
	background-image: url(/_img/icon/pdficon_small.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-bottom: 3px;
	padding: 2px 0 2px 25px;
	list-style:none;
}
#main ul.pdf-link{ margin: 10px auto 8px 15px;}
#main ul.pdf-link li a{ color:#000;}
#main ul.pdf-link li a:hover,
#web-page #main #kiji-honbun p a:hover{
	background-color: #FDFDDF;
}

#web-page #main .pageimg{
	float: right;
	margin: 8px auto 8px;
}

#main #corpmember-info{ width:90%; margin:10px auto;}
#main #corpmember-info .pageimg{
	float: left;
	margin: 0px 10px;
}
#main #corpmember-info ul{	display: block;}
#main #corpmember-info ul li{
	padding: 0 0 0 18px !important;
	margin-left: 200px;
	margin-bottom: 0.6em;
	line-height: 1.4em;
	width: 600px;
	background-image: url(/_img/icon/green-maru01.gif);
	background-repeat: no-repeat;
	background-position: 1px 5px;
}


/* センター案内 */
#web-page.center-page #center-information section{
	margin-top: 35px !important;
}
#web-page.center-page #center-information section:first-of-type{	margin-top: 0 !important;}
#web-page.center-page #center-information p{ font-size:95%;}
#web-page.center-page #center-information p#address{
	font-size: 110%;
	margin-bottom: 8px;
}
#web-page.center-page #center-information p#phone-number{ margin-left: 2px; font-size: 100% !important;}
#web-page.center-page #center-information p#phone-number span{ letter-spacing: 0.2em;}
#web-page.center-page #center-information p#telinfo{
	margin-left: 2px;
	color: #F00;
}
#web-page.center-page #center-information p.go-contact{ margin: 15px 10px auto 50px;vertical-align:middle;}
#web-page.center-page #center-information p.go-contact img{ vertical-align:middle; margin-right: 5px;}
#web-page.center-page #center-information p.go-contact a{
	display: block;
	background-color: #E3F2DB;
	color: #000;
	padding: 8px;
	width: 9em;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #C4E3B3;
}
#web-page.center-page #center-information p.go-contact a:link,
#web-page.center-page #center-information p.go-contact a:visited{}
#web-page.center-page #center-information p.go-contact a:hover{
	/*	opacity: 0.8; */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	transition-property: background-color;
	transition: 0.3s;
	transition-timing-function: ease-out;
	background-color: #CDE7BE;
	border: 1px solid #80BF51;
}
#web-page.center-page #center-information .center-photoimg{ float:right; margin:10px 20px 15px 10px !important;}
#web-page.center-page #center-information .center-photoimg img{ border-radius: 4px;}
#web-page.center-page #center-information .center-photoimg p{ font-size: 84%; line-height:1.4em; margin: 5px;}
#web-page.center-page #center-information #catch{
	background-color: #FFFBF0;
	border: 1px dotted #F3CA5C;
	padding: 15px;
	margin: 8px 8px auto 8px;
	border-radius: 8px;
	clear: both;
	float: none;
}
#web-page.center-page #center-information #accessmap{ clear:both; float:none;}
#web-page.center-page #center-information #googlemap{
	border: 3px solid #DDDCD7;
	margin: -20px auto 20px auto;
	clear:both;
	float:none;
	width: 540px;
	height: 410px;
	min-height: 420px;
	min-width: 520px;
	border-radius:10px;
	padding-top: 20px;
}
#googlemap #gmap{ margin-left: auto !important; margin-right: auto !important;}
#web-page.center-page #center-information h3{ font-size: 115% !important; line-height:1.4em;}

/* イベント、公開講座等、記事リスト用 */
#kijilist-inner{ margin:0 auto; width:98%;}
#kijilist-inner p{ line-height: 1.4em; margin-bottom: 10px;}
h2#kenkou-midasi,
h2#art-midasi{
	font-size: 130%;
	font-weight: bold;
	color: #549670;
	text-align: left;
	margin-bottom: 10px;
}
#kijilist #main #event-list{
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	margin: 15px 40px 0px;
	background-color: #FFFCF0;
	background-image: url(/_img/info/chachamaru-camera.gif);
	background-repeat: no-repeat;
	background-position: 825px 96%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: none;
	clear:both;
	min-height: 100px;
}
#kijilist #main #event-list h2{
	font-size: 90%;
	text-align: left;
	color: #000;
	font-weight: normal;
	margin: 0px 15px 10px !important;
	padding: 5px 0px 5px 10px !important;
	background-image: url(/_img/common/midasi-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#kijilist #main #event-list ul{
	margin-right: auto;
	margin-left: 0px;
}
#kijilist #main #event-list li{
	font-size: 80% !important;
	line-height: 1.3em;
	margin-left: 20px !important;
	margin-top: 0 !important;
	margin-right: 120px !important;
	margin-bottom: 3px !important;
	padding: 0 !important;
	text-align: left;
	background-image: url(/_img/icon/doc01.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	list-style:none;
}
#kijilist #main #event-list li a{
	padding: 2px 0 2px 20px !important;
	overflow: visible;
	min-height: 18px !important;
	margin: 0 !important;
	display:block;
}
#kijilist #main #event-list li a:link,
#kijilist #main #event-list li a:visited{
	color: #333;
}
#kijilist #main #event-list li a:hover{
	color: #03C;
	background-color: #FFF;
}
#kijilist #main #lesson-info{
	margin: 25px 0px 0px;
	background-color: #F6F6F6;
	padding-top: 12px;
	padding-bottom: 12px;
}
#kijilist #main #lesson-info .lesson-outline{
	background-color: #FFF;
	border: 2px solid #CCC;
	width: 90%;
	margin: 20px auto;
	padding: 10px 10px 12px;
	border-radius: 5px;
	display: block;
}
#kijilist #main #lesson-info .lesson-outline h2{
	color: #000;
	text-align: left;
	font-size: 130%;
	line-height: 1.4em;
	padding-left: 8px !important;
	border-left: 8px solid #AACB97;
	margin-top: 8px !important;
	margin-left: 8px !important;
	margin-bottom: 15px !important;
}
#kijilist #main #lesson-info .lesson-outline h3{
	text-align: left;
	font-size: 115%;
	line-height: 1.4em;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 15px;
/*	background-color: #EBF3EB;
	color: #467A43;
	font-weight: normal;
	border-radius: 4px; */
	padding: 3px 5px 3px 10px;
}
#kijilist #main #lesson-info .lesson-outline h4{
	color: #386336;
	text-align: left;
	font-size: 115%;
	line-height: 1.4em;
	margin-top: 12px !important;
	margin-left: 8px !important;
	margin-bottom: 10px !important;
	padding: 0px !important;
	font-weight: normal;
}
#kijilist #main #lesson-info .lesson-outline p{
	font-size: 94%;
	margin: 10px atuo !important;
}
#kijilist #main #lesson-info .lesson-outline table{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 8px;
	width: 95% !important;
}
/* #kijilist #main #lesson-info .lesson-outline table td{ line-height: 1.4em;} */
#kijilist #main #lesson-info .lesson-outline table td{ line-height: 1.4em !important; vertical-align:top; text-align:left; padding: 5px;}

#kijilist #main #lesson-info .lesson-outline table td p{ margin: 10px !important;}
#kijilist #main #lesson-info .lesson-outline  table.news-table{
	border: 1px solid #999;
	width: 96%;
}
#kijilist #main #lesson-info .lesson-outline  table.news-table th{
	border-right: 1px dotted #999;
	border-bottom: 1px solid #999;
	background-color: #EDF8ED;
}
#kijilist #main #lesson-info .lesson-outline  table.news-table td{
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

/* 汎用setting */
#main table.hanyo{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 8px;
	border: 1px solid #999;
	width: 80%;
}
#main table.hanyo th,
#main table.hanyo td{	
	line-height: 1.6em;
	padding: 8px;
	border-right: 1px dotted #999 !important;
	border-bottom: 1px dotted #999 !important;
}
#main table.hanyo th{
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
	min-width:40%;
	background-color: #EDF8ED;
}
#main table.hanyo td{width: 58%;}
#main #ml-naiyo{
	margin: 20px auto 20px auto;
	padding: 20px;
	border: 2px solid #CCC;
	border-radius: 8px;
	font-size:100% !important;
	width: 90%;
}
#main #ml-naiyo p{ font-size:100% !important;}
#main #ml-naiyo span.edit-sample{ font-size:90% !important; line-height: 1.8em;}
#main #ml-naiyo input{ padding:8px;}
#mail-form-footer{ text-align:center !important;}
#mail-form-footer input{ padding: 8px; margin: 10px 20px 10px 20px; font-size: 105% !important;}
#mail-form-footer input#mail_post{ width:8em;}


/* 講座予約・詳細、講師募集等フォーム系 */
#kouza-search,
#offer-form{ min-height: 680px;}

#kouza-search table,
#kouza-shousai table,
#offer-form table,
#main .green table{
	margin: 10px auto 10px auto;
	border: solid 2px #49A788;
	border-radius: 8px;
	box-sizing:border-box;
	border-collapse: separate;
	width: 98%;
}
#kouza-search table th,
#kouza-shousai table th,
#offer-form table th,
#main .green table th{
	font-weight: normal;
	font-size: 95%;
	line-height: 1.4;
	padding: 18px 12px;
	white-space: nowrap;
	vertical-align:top;
	background-color: #DDF0EA;
	border-bottom: 2px dotted #88C496 !important;
}

#offer-form table th{text-align:left;}
#kouza-search table tr:first-of-type th,
#kouza-shousai table tr:first-of-type th,
#offer-form table tr:first-of-type th,
#main .green table tr:first-of-type th{ border-radius: 8px 0 0 0;}
#kouza-search table tr:last-of-type th,
#kouza-shousai table tr:last-of-type th,
##offer-form table tr:last-of-type th,
#main .green table tr:last-of-type th{ border-radius: 0 0 0 8px;}

#main .green table tr:last-of-type th,
#main .green table tr:last-of-type td,
#main .green table tr:last-of-type tr{ border-bottom:none !important;}

#kouza-search table td,
#kouza-shousai table td,
#offer-form table td,
#main .green table td{
	font-size: 95%;
	line-height: 1.5;
	padding: 18px 12px;
	text-align: left;
	vertical-align:top;
	border-bottom: 2px dotted #88C496 !important;
}

#main .green table th,
#main .green table td{	padding: 12px 15px;}

#offer-form form input[type="text"],
#offer-form form textarea[type="text"],
table.hanyo form input[type="text"],
table.hanyo form textarea[type="text"]{padding: 5px !important;}

#kouza-search p,
#kouza-shousai p,
#offer-form p{ margin-left:10px;}
#kouza-search table td p,
#kouza-shousai table td p,
#offer-form table td p,
table.hanyo table td p{ line-height: 1.5em; margin-left: 5px;}

#main .green table td p{
	margin: 1px auto !important;
	padding: 0 !important
}

#kouza-shousai table td p #kousimei{ font-size: 125% !important; margin-left:0.6em; }

#kouza-search table th.border-none,
#kouza-search table td.border-none,
#kouza-search table tr:last-of-type th,
#kouza-search table tr:last-of-type td,
#kouza-search table tr:last-of-type tr,
#kouza-shousai table th.border-none,
#kouza-shousai table td.border-none,
#kouza-shousai table tr:last-of-type th,
#kouza-shousai table tr:last-of-type td,
#offer-form table tr:last-of-type th,
#offer-form table tr:last-of-type td{ border-bottom: none !important;}

#kouza-shousai td p a[target="_blank"]{font-size:87% !important; margin-left:3px;}

.hissu{
	color: #C00;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}
#kouza-search #kikan-erabu .hissu{
	margin-left: 0;
	margin-right: 45px;
}

#kouza-search #kikan-erabu label.kikan,
form label.kikan,
form label.seibetsu{
	margin-right: 30px !important;
}

#kouza-search table td select{ margin-bottom: 10px;}

#kouza-search #selectcenter p label,
#offer-form td#selectcenter p label,
form td#selectcenter label{
	white-space: nowrap;
	margin-right: 15px !important;
	margin-bottom: 15px !important;
	min-width: 5em;
	width: 6em;
	display:inline-block;
}
form td#selectcenter label.label_keiyo{width: 9em;}

#kouza-search #selectcenter label.long{ width:10em;}

#kouza-search #selectcenter p{ line-height: 2em;}

#kouza-search #weekday label,
#kouza-search #timezone label{ margin-right:15px;}
#kouza-search #genre,
#kouza-search #subgenre{ font-size: 100%;}
#kouza-search p.go-kensaku,
p.go-kakunin{ text-align:center; padding: 12px;}
#kouza-search #keywords{ font-size:100%; padding:5px; width:70%;}
#kouza-search #keywordinput{ padding-top: 15px; padding-bottom:15px;}

#kouza-search table tr:hover,
#offer-form table tr:hover,
#kouza-shousai td p a:hover[target="_blank"],
#kiji-honbun #centertable table tr:hover{
	background-color: #FDFDDF;
	-webkit-transition-duration: 0.3s;
	transition-property: background-color;
	transition:0.3s;
	transition-timing-function:ease;
}

#kiji-honbun #centertable table :target{
	font-weight: bold;
	background-color: #FFF4D9;
}

#kouza-search form label.all,
#kouza-search form td label.all,
#offer-page form td label.all,
form td label.all{
	padding-left: 8px;
	margin-left: 8px;
	border-left: 1px dotted #AA815B !important;
}

#main .gochuui {
	display: block;
	padding: 8px;
	margin: 20px auto auto 10px;
	font-size: 87% !important;
	line-height: 1.3em;
	background-color: #FFECEC;
	border: 1px dashed #F00;
	border-radius: 4px;
}
#offer-form #offer-info{
	border: 1px solid #CCC;
	margin: 20px 15px 10px;
	padding: 15px 10px 3px 10px;
	box-sizing:border-box;
	border-radius: 6px;
}
#offer-form #offer-info h2{
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	color: #063;
	margin-bottom: 4px;
}
#offer-form #offer-info p{
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1.4em;
}


/*画像のみ*/
#kouza-shousai table td #kouza-photoimg{
	display: block;
	width: auto;
	max-width: 320px;
	max-height: 320px;
	margin-left: 6px;
	margin-right: 6px;
	float: right;
	text-align:center;
}
#kouza-shousai table td #kouza-photoimg img{
	border-radius: 5px;
	max-width: 320px;
	max-height: 320px;
	margin-bottom: 3px !important;
}
/*複数イメージ*/
#kouza-shousai table td #kouza-photos{
	display: block;
	width: auto;
	max-width: 320px;
	margin-right: 4px;
	margin-left: 6px;
	float: right;
	text-align:center;
	position: relative;
}
#kouza-shousai table td #kouza-photos img{border-radius: 5px;}
#kouza-shousai table tr{ float:none; clear:both; }

/*教材費*/
#kouza-search table table.teaching-material,
#kouza-shousai table table.teaching-material{
	width:118px;
	border: 1px solid #BCBCBC !important;
	margin-bottom: 3px !important;
	margin-left:5px !important;
	border-radius: 0 !important;
}
#kouza-search table table.teaching-material th,
#kouza-shousai table table.teaching-material th{
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	font-size: 90%;
	font-weight: normal;
	color: #000;
	text-align: center;
	padding-top: 2px !important;
	padding-bottom: 1px !important;
	vertical-align: middle;
	background: #EEFAFD;
	min-width: 115px;
	white-space: nowrap;
}
#kouza-search table table.teaching-material td,
#kouza-shousai table table.teaching-material td{
	border-right: 1px solid #CCC !important;
	border-bottom: 1px solid #CCC !important;
	text-align: right;
	padding-bottom: 5px !important;
	padding-right: 10px !important;
	padding-top: 4px !important;
	min-width: 115px;
}

#kouza-shousai table td a{ color:#000}

/* 講座フォーム */
#main #kouza-form #center-address{
	background-color: #F4F3F0;
	border-radius: 5px;
	margin: 0 8px 5px 8px;
	border: 1px solid #B7DEB4;
}
#main #kouza-form #center-address h2{
	background-color: #363;
	color: #FFF;
	font-weight: normal;
	text-align: left;
	padding: 8px 6px;
	font-size: 110%;
	border-radius: 5px 5px 0 0;
}
#main #kouza-form #center-address p{ font-size: 95%; line-height:1.3em; padding:5px; margin:0 5px 0 5px;　border-radius: 0 0 6px 6px;}
#main #kouza-form #center-address p a{ font-size: 100%;}
#main #kouza-form #information{ font-size: 87%; line-height:1.3em; margin:10px 5px 5px 10px;}
/* #main #kouza-form p{font-size:14px;} */
#main #kouza-form p.kaisetsu,
#main #kouza-form span.kaisetsu{font-size: 87%;}

#main .go-kouza-yoyaku,
#main .go-nextform{ text-align:center !important; margin:0 auto; padding:10px 0; }
#main .go-kouza-yoyaku { display: flex; justify-content: center; padding: 10px 0 20px;}
#main .go-kouza-yoyaku p,
#main .go-nextform p{ text-align:center !important; margin:10px auto; }
#main .go-kouza-yoyaku figure { margin: 0 10px;}
/*
#main .go-kouza-yoyaku:hover,
#main .go-nextform:hover{
	background-color: #FFFEEC;
}*/

#main #kouza-form tr:hover{	background-color: #FFFEEC;}
#main .go-kouza-print{ text-align:right; margin-right:30px;}

#main .go-kouza-print a img:hover,
#main .go-kouza-yoyaku a img:hover,
#main #select-season a img:hover{ opacity:0.6;}

#main #kouza-form input[type*="text"],
#main #kouza-form input[type*="email"],
#main #kouza-form input[type*="number"],
#main #kouza-form select,
#main #kouza-form textarea{
	font-size: 95%;
	line-height: 1.4em;
	vertical-align: middle;
	padding: 6px 3px 6px 3px;
	margin:5px 5px 3px 10px;
	width: 90%;
	border-radius: 5px;
	border: 2px solid #B1AAA7;
	margin-right: 15px;
	background: #fff;
}
#main #kouza-form input[type*="number"]{
	width: 60%;
}
#main #kouza-form form select{
	min-height: 1.5em;
}
#main #kouza-form label.kaiin,
#main #kouza-form label.kengaku,
#main #kouza-form label.taiken,
#main #kouza-form label.kubun,
#main #kouza-form label.koudoku,
#main #kouza-form label.pay,
#main #kouza-form label.isMale{
	position: relative;
	white-space:nowrap;
	}
#main #kouza-form form input.radio-button{ width:1em !important; margin-right:3px; border: none !important;}

#main #kouza-form label.kaiin input[type="radio"]:checked:after,
#main #kouza-form label.kengaku input[type="radio"]:checked:after,
#main #kouza-form label.pay input[type="radio"]:checked:after,
#main #kouza-form label.isMale input[type="radio"]:checked:after{ 
    position: absolute; 
    content: url(/sp/_img/check.gif); 
    top: -2px; 
    left: 5px; 
}
#main #kouza-form table td#course table tr:hover{ background-color:#FFF !important;}

#main form th,
#main form td,
#main form td p{ line-height: 1.4em; }
#main form td p{ margin-bottom:5px; }
#main form td p select{ font-size:100%; padding:5px; }


#main #kouza-form #mail_caution{	
	margin: 10px auto 10px 30px;
	width: 80%;
	padding: 10px;
	background-color: #FFECF1;
	border: 1px solid #FFB5C9;
	border-radius: 4px;
}
#base-page #main .caution{
	margin: 10px auto 10px auto;
	width: 93%;
	padding: 10px 10px 5px 10px;
	background-color: #FFECF1;
	border: 1px solid #FFB5C9;
	border-radius: 4px;
	color:#900;
	font-weight: bold;
}
#main #kouza-form #mail_caution p,
#main form #mail_caution p{ font-size:80%;}
#main #kouza-form #mail_caution ul,
#main form #mail_caution ul{
	margin: 5px 10px 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
#main #kouza-form #mail_caution ul li,
#main form #mail_caution ul li{
	text-align: left;
	font-size: 80%;
	line-height: 1.3em;
	margin-bottom: 1px;
}

/* 検索結果 */
#main #result-condition{
	background-color: #D7F3F9;
	border-radius: 6px;
	margin-bottom: 10px;
	border: 1px dashed #6CAACE;
}
#main #result-condition h2{
	font-weight: normal;
	background-color: #1C526C;
	color: #FFF;
	text-align: left;
	padding: 10px 5px;
	font-size: 90%;
	border-radius: 5px 5px 0 0;
	margin: 1px;
	position:relative;
}
#main #result-condition h2 span{
	background-color: #69C;
	border: 1px solid #C2E4FE;
	border-radius: 4px;
	padding: 3px;
	position: absolute;
	white-space:nowrap;
	right: 5px;
	top: 5px;
	font-size: 87%;
}
#main #result-condition h2 span a{
	color: #FFF;
}
#main #result-condition p{
	font-size: 84% !important;
	color: #75929F;
	line-height: 1.4em;
	padding: 10px;
}
#main #result-condition p strong{
	font-weight: normal;
	color: #000000;
}

#main #search-result-page{}
#search-result-page h2#result-info{
	margin-bottom: 15px;
}
#search-result-page #result-info h2{
	text-align: left;
	font-size: 110%;
	font-weight: normal;
	margin-bottom:5px;
	padding-top:5px;
	padding-left: 5px;
}
#search-result-page #result-info h2 strong{
	font-size: 150%;
	color: #E30D2D;
	white-space:nowrap;
}
#search-result-page #result-info p{
	font-size: 95%;
	text-align: center;
}
#search-result-page .info-listicon{ font-size:87%; text-align:center; margin-left:10px; padding:5px 0 3px 0; }
#search-result-page .info-listicon span{padding-left: 30px;}

#search-result-page #result-list{}
#result-list .kouza{
	margin-top: 5px;
	margin-bottom: 20px;
	border-radius: 8px;
	padding: 0 0 8px 0;
	display: block;
	clear: both;
	float: none;
	box-sizing: border-box;
	position: relative;
	border: 2px solid #96C2AF;
	text-align:left;
	min-height: 180px;
}
#result-list .kouza h2{
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	border-bottom: 2px dotted #E77989;
	margin-bottom: 6px;
	vertical-align: middle;
	background-color: #ebf4f0;
}
#result-list .kouza h2 a{padding: 7px 6px 5px 10px; display:block;}
#result-list .kouza h2 a:link,
#result-list .kouza h2 a:visited{
	color: #000;
}
#result-list .kouza h2 a:hover{
	color: #000;
	background-color: #FDFDDF;
}
#result-list .kouza h2 img{vertical-align:middle;}
#result-list .kouza h3{
	text-align: left;
	font-size: 90% !important;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 8px;
	color: #153468;
}
#result-list .kouza h3 span{ font-weight:bold;}
#result-list .kouza h3 span.katagaki{ font-weight:normal; font-size:78% !important;}
#search-result-page #result-list .kouza{ color:#333 !important;}
#result-list .kouza table{
	display: block;
	float: right;
	width: 283px;
	border: #ddd 1px solid;
	border-radius: 4px;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 1px 5px 3px 5px;
}
#result-list .kouza table th{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.3;
	padding: 5px;
	width: 75px;
	background-color: #EBF4F0;
}
#result-list .kouza table td{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	line-height: 1.3;
	padding: 2px 2px 2px 8px;
	width: 202px;
}

#result-list .kouza p{
	text-align: left;
	font-size: 87%;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 5px;
	margin-right: 310px;
}
#result-list .kouza .go-shousai,
#estraierpage .article .go-shousai{
	text-indent: -9999px;
	width: 62px;
	height: 25px;
	display: inline;
	background-image: url(/_img/button/go-shousai.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	left: 50%;
	bottom: 10px;
}
#estraierpage .article .go-shousai{
	position: absolute;
	left: 90% !important;
	bottom: 10px;}
#result-list .kouza .go-shousai a,
#estraierpage .article .go-shousai a{
	width: 62px;
	height: 25px;
	display:block;
	background-image: url(/_img/button/go-shousai.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#result-list .kouza .go-shousai a:link,
#result-list .kouza .go-shousai a:visited,
#estraierpage .article .go-shousai a:link,
#estraierpage .article .go-shousai a:visited{	
	background-image: url(/_img/button/go-shousai.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#result-list .kouza .go-shousai a:hover,
#estraierpage .article .go-shousai a:hover{	
	background-image: url(/_img/button/go-shousai_ro.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#result-list .kouza .kouza-category{}
#result-list .kouza .go-kouzapage{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 5em;
	padding: 5px;
	font-size: 12px;
	background-color: #393;
	border-radius: 6px;
}
#result-list a .kouza .go-kouzapage{ color:#FFF;} 
#result-list .kouza .kouza-image{
	float: left;
	position: static;
	margin: 3px 5px 5px 10px;
	text-align:center;
	width: 115px;
	min-height: 115px;
	min-width: 115px;
}
#result-list .kouza .kouza-image img{ border-radius:5px; width:auto; height:auto; margin:auto !important; max-height:130px; max-width:115px;}
#result-list .kouza h2 + table + h3,
#result-list .kouza h2 + table + h3 + p{ margin-left:10px;}


/*** -- Kesaku kekka IDO navi -- ***/
.page-nav{
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: right;
	margin: 0;
	line-height: 2em;
}
.page-nav span.page-nav-range{ 
	margin-right: 10px;
	margin-left: 10px;
	border:none;
	font-size: 12px;
}
.page-nav span a{ 
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold !important;
	text-decoration: none;
	border-radius: 3px;
	padding: 5px 6px 5px 6px;
	border: 1px solid #599BFF;
	margin: 0 2px 0 2px;
}
.page-nav span a:link,
.page-nav span a:visited{
	color: #0033CC;
	background-color: #DBECFB;
}

.page-nav span a:hover{
	color: #FFF;
	background-color: #147DDC;
}
.page-nav span a:link.pagehere,
.page-nav span a:visited.pagehere{
	color: #FFFFFF !important;
	background-color: #4297EC !important;
	border: 1px solid #4297EC !important;
}
.page-nav span.page-current{ margin-right: 10px;margin-left: 10px; border:none; }

/* 左メニュー講座検索 */
#main #search-page {
	line-height : 1.3;
	border: 3px solid #CCC;
	border-radius: 5px;
}
#main #search-page h2{
	font-weight: normal;
	text-align: left;
	font-size: 16px;
	padding: 5px 0px 4px 8px;
	background-color: #ebebeb;
}
#main #search-page h3{
	color: #DC3851;
	font-weight: normal;
	text-align: left;
	font-size: 84% !important;
	padding: 3px 0px 0px 10px;
	background-image: url(/sp/_img/common/top-midashi-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 5px;
}
#main #search-page p{ text-align:left; font-size: 87%;}
#main #search-page .condition{
	border-bottom: 2px dotted #F8BCD6;
	padding: 3px;
}
#main #search-page .condition:first-of-type{
	border-top: 2px dotted #F8BCD6;
	margin-top: 10px;
}
#main #search-page .condition:last-of-type{border-bottom: none;}

#main #search-page .condition:hover,
#main #kouza-form section:hover{
	background-color: #FEFCF1;
}
#main #search-page .condition p{
	margin: 5px;
	font-size: 84%;
	line-height: 1.4em !important;
}
#main #search-page .condition label{
	white-space: nowrap;
	margin-right: 10px;
	padding: 3px 3px 3px 0px;
}
#main #search-page #search-center.condition label{ /*width:4em !important;*/ margin-bottom:3px;}
#main #search-page #search-center.condition label.long{ width:10em !important;}

#main #search-page .condition label input,
#main #kouza-form label input{ margin-right: 2px !important;}
#main form p span.comment,
#main form .comment{ color:#f22819; margin-right: 5px; font-size:12px;}

#main #search-page .condition input#keywords{ font-size:14px; width:90%; margin-left: 10px; padding:5px;}

#main #search-page #b-kensaku.condition,
#main #search-page #b-kensaku.condition p{ text-align:center;}

#main #search-page .condition input#keywords{}
#main #search-page .condition label.all{
	padding-left: 5px;
	margin-left: 3px;
	border-left: 1px dotted #AA815B;
}

/* 左メニュー講座検索 */
#main .sidemenu-left {
	line-height : 1.3;
	border: 3px solid #CCC;
	border-radius: 5px;
	margin-top: 15px;
}
#main .sidemenu-left h2{
	font-weight: normal;
	text-align: left;
	font-size: 16px;
	padding: 5px 0px 4px 8px;
	background-color: #ebebeb;
}
#main .sidemenu-left h3{
	color: #DC3851;
	font-weight: normal;
	text-align: left;
	font-size: 84% !important;
	padding: 3px 0px 0px 10px;
	background-image: url(/sp/_img/common/top-midashi-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 5px;
}

#main #trend.sidemenu-left h3{
	margin: 0 !important;
	background-position: 6px center;
	　padding: 0 !important;
	border-bottom: 1px dashed #F8B88D;
}
#main #trend.sidemenu-left h3:nth-of-type(even){
	background-color: #FEF1E9;
}
#main #trend.sidemenu-left h3:last-of-type{ border-bottom:none;}
#main #trend.sidemenu-left h3 a{
	color: #333;
	display:block;
	margin:0;
	padding: 8px;
}
#main #trend.sidemenu-left h3 a:link,
#main #trend.sidemenu-left h3 a:visited{}
#main #trend.sidemenu-left h3 a:hover{
	color: #000;
	background-color: #FDFDDF;
}

#kensakukekka-sidemenu #optionmenu{
	line-height : 1.3;
	margin-top: 15px;
}
#kensakukekka-sidemenu #optionmenu p{ text-align:center; }
#kensakukekka-sidemenu #optionmenu p a img {margin-bottom: 10px;}

/* 広場 */
/* Right Menu details */
#wrapper01-sidemenu #yomicul-pdf{
	text-align: left;
	border: 4px solid #C0DCBA;
	border-radius: 5px;
	padding: 5px 0;
	margin: 0 auto 15px auto;
}
#wrapper01-sidemenu #yomicul-pdf-inner{
	text-align: left;
	min-height: 300px;
	max-height: 300px; /* Sliderと同じ高さ */
/*	max-height: 330px; *//* 特典・クーポンバナーとの余白に丁度良い高さ */
	overflow: auto;
/*	width: 185px; */
	margin: 0 auto 0 5px;
}
#wrapper01-sidemenu #yomicul-pdf h2{
	line-height: 1.2em;
	font-size: 95%;
/*	color: #E15B70; */
	color: #000;
	margin-bottom: 3px;
	pdding-top: 4px;
	pdding-bottom: 3px;
	font-weight: normal;
}
#wrapper01-sidemenu #yomicul-pdf h3{
	line-height: 1.2em;
	font-weight: normal;
	font-size: 90%;
	float: none;
	clear: both;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	border-top: 1px dotted #C2977A;
/*	width: 100%; */
}

#wrapper01-sidemenu #yomicul-pdf h3 span{
	font-size: 78% !important;
	color: #600;
	font-weight: normal;
}
#wrapper01-sidemenu #yomicul-pdf h3:nth-of-type(odd){ background-color:#FFF5E8;}
#wrapper01-sidemenu #yomicul-pdf h3:hover{ background-color:#D8FEFA}
#wrapper01-sidemenu #yomicul-pdf h3 img,
#wrapper01-sidemenu #yomicul-pdf h4 img{vertical-align: middle; margin-right:5px; margin-bottom:3px; float:left; width:50px; height:auto;}
#wrapper01-sidemenu #yomicul-pdf h2 a,
#wrapper01-sidemenu #yomicul-pdf h3 a{color:#000;}

#yomicul-youtube,
#yomicul-gogaku,
#yomicul-gogakumagazine,
#yomicul-gogakutensaku{
	width: 50%;
	float: left;
	margin: 10px 0;
}

#yomicul-youtube h2,
#yomicul-gogaku h2,
#yomicul-gogakumagazine h2,
#yomicul-gogakutensaku h2{
	background-image: none;
	text-align: center;
	padding: 20px 10px 5px 0;
	margin: 5px 0 3px 0;
}
#yomicul-youtube h2{text-align:left;}

#yomicul-youtube h2,
#yomicul-youtube h2 img{ vertical-align:top; margin-left:5px; margin-right:5px;}

#yomicul-youtube p,
#yomicul-gogaku p,
#yomicul-gogakumagazine p,
#yomicul-gogakutensaku p{ font-size: 90%; margin:5px 50px 3px 70px; line-height:1.4em;}
#yomicul-youtube p{ margin-left:90px; margin-right: 40px;}

#yomicul-uranai,
#yomicul-shasin-juku{
	margin: 12px auto 12px auto;
	padding: 18px 0 5px 0;
	border-top: 2px dotted #6fc1a6;
	clear:both;
	float: none;
}

#yomicul-uranai h2{ text-align:center;}
#yomicul-uranai h3{
	font-size: 90%;
	font-weight: normal;
	text-align: right;
	margin: 5px 20px 0 auto;
	color: #666;
}
#yomicul-uranai h3 a{ font-size: 105% !important; color:#FE3F91}
#yomicul-uranai h3 a:hover{
	color: #FA016A;
	background-color: #FEF9E2;
}
/*#shasin-juku{ width:96%;	text-align: left;
	border: 4px solid #C0DCBA;
	border-radius: 5px;
	padding: 5px 0;
	margin: 0 auto 15px auto;
}*/
#shasin-juku-inner{
	text-align: left;
	min-height: 235px;
	max-height: 235px;
	overflow: auto;
	margin: 3px auto 2px auto;
	padding-left:8px;
}
#shasin-juku h3{
	line-height: 1.2em;
	font-weight: normal;
	font-size: 90%;
	float: left;
	padding: 8px 6px 5px 8px !important;
	width: 30%;
	min-height: 50px;
	display:block;
	border: 4px solid #C0DCBA;
	border-radius: 5px;
	margin: 0px 5px 8px 5px;
}
#shasin-juku h3 span{ font-size:80% !important; margin-right:5px;}
#shasin-juku h3 img{ float:left; margin:auto 5px 3px auto; width:auto; height:auto; max-width:50px; max-height:35px;}
#shasin-juku h3 a:link,
#shasin-juku h3 a:visited{color:#36C;}
#shasin-juku h3 a:hover{
	background-color: #FDFDDF;
}
#news-page #main .sakuhin-image{
	text-align: center;
	padding-bottom: 20px;
}
#coupon-info .coupon-image{ margin: 10px auto; padding-bottom:10px !important;}
#coupon-info .coupon-image img{ width:auto; height:auto; max-width:900px; }
#main #kiji-honbun #coupon-page h2{	font-weight: bold !important;
	font-size: 145% !important;
}
#main #kiji-honbun #coupon-page h3{
	background-image: url(/_img/icon/green-maru01-vivid.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
	padding: 5px 5px 5px 25px !important;
}


/* 検索結果 */
#kensakukekka-page {}
#kensakukekka-page article{}
#kensakukekka-page h2{}
#kensakukekka-page p{}

/* SUBmenu */
#submenu{ text-align:left; margin-top: 10px;}
#submenu nav{}
#submenu p{ display:block; float:left; margin-right: 10px;}
#submenu p:last-of-type{ margin-right:0;}

/* パンくずナビ */
#p-navi{
	clear: both;
	float: none;
	margin: 0px auto 5px auto;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	overflow: hidden;
	color: #ffffff;
	background-repeat: repeat-x;
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../_img/common/bg-pink-naname.gif);
	border-radius: 3px;
}
/* Pナビ水色（本部ページ） */
#web-page #p-navi,
#searchpage #p-navi,
#news-page #p-navi,
#offer-page #p-navi,
#estraierpage #p-navi{background-image: url(../_img/common/bg-pblue-naname.gif);}

/* Pナビピンク色（センター用） */
#news-page.yomicul-page #p-navi,
#web-page.yomicul-page #p-navi,
#news-page.center-page #p-navi,
#web-page.center-page #p-navi,
#kensakukekka-page #p-navi,
#searchpage.center-page #p-navi{background-image: url(../_img/common/bg-pink-naname.gif);}

#p-navi ol{display: block; }
#p-navi ol li{
	list-style-type: none;
	text-align: left;
	float: left;
	display:block;
	font-size: 78%;
	padding : 3px 12px 3px 4px !important;
	background-image: url(../_img/common/pnavi-yajirusi-gray.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #000;
}
#p-navi ol li:last-of-type{background-image: none;}
#p-navi ol li img{ margin-right:5px; }
#p-navi ol li a{
	display: block;
	text-align: center;
	text-decoration: none;
	text-decoration: none;
	padding: 1px;
}
#p-navi ol li a:link,
#p-navi ol li a:visited{
	color: #000;
}
#p-navi ol li a:hover{
	background-color: #FFF;
	opacity: 0.8;
	color: #1E5EE3 !important;
	border-radius: 4px;
}
#searchpage #p-navi ol li a:hover{
	background-color: #FDFDDF;
	opacity: 1;
}
#shittoku-list{
	background-color: #ECF3E9;
	display:block;
	width: 93%;
	margin: 0 auto 15px auto;
	border-radius: 8px;
	padding: 5px 5px 12px 5px;
}
#shittoku-list ul{
	margin-right: auto;
	margin-left: auto;
}
#shittoku-list ul li,
#ml-list ul li{
	width: 40%;
	float: left;
	text-align: left;
	margin-right: 5%;
	margin-left: 5%;
	list-style-type: none;
	margin-top: 15px;
	font-size: 100%;
}
#shittoku-list ul li a,
#ml-list ul li a{
	color: #000;
	display: block;
	padding: 5px 0px 5px 20px;
	background-image: url(/_img/icon/pointer01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#shittoku-list ul li a:link,
#shittoku-list ul li a:visited,
#ml-list ul li a:link,
#ml-list ul li a:visited{
	background-image: url(/_img/icon/pointer01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#shittoku-list ul li a:hover,
#ml-list ul li a:hover{
	color: #D8276D;
	background-color: #FFF;
	background-image: url(/_img/icon/pointer01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius: 6px;
}


/* 旧作品リスト →語学へ流用 */
/* List Navi */
#estraierpage .go-listpages,
#ync-hiroba-list .go-listpages{
	font-size: 84%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: right;
	margin: 5px 10px 3px;
	display: block;
	clear: both;
	float: none;
	line-height: 150%;
}

#ync-hiroba-list .go-listpages span a:link,
#ync-hiroba-list .go-listpages span a:visited,
#estraierpage .go-listpages span a:link,
#estraierpage .go-listpages span a:visited{ background: #E1ECFD; padding: 5px; border: 1px solid #ABC8F8; }
#ync-hiroba-list .go-listpages span a:hover,
#estraierpage .go-listpages span a:hover{
	background: #396ACE;
	padding: 5px;
	border: 1px solid #ABC8F8;
	color: #FFF;
}

#ync-hiroba-list .go-listpages span.pagehere a:link,
#ync-hiroba-list .go-listpages span.pagehere a:visited,
#estraierpage .go-listpages span.pagehere a:link,
#estraierpage .go-listpages span.pagehere a:visited{
	background: #FEE;
	padding: 5px;
	border: 1px solid #F99;
	font-weight: bold;
	color: #8E3752;
	text-decoration: none;
}
#estraierpage .go-listpages span.pagehere a:hover,
#ync-hiroba-list .go-listpages span.pagehere a:hover{
	background: #8E3752;
	padding: 5px;
	border: 1px solid #F99;
	color: #FFF;
	text-decoration: none;
}
#ync-hiroba-list .go-listpages span.go-listpages-range{ margin-right: 20px; border:none; }
#estraierpage .go-listpages span.go-listpages-range{ margin-right: 10px; border:none; text-align:center; margin-left: 10px; }
#estraierpage .go-listpages a{
	border-radius: 3px;
	color: #03C;
}
#estraierpage .go-listpages a:hover{ color:#FFF;}

/* --- Linsting Type 2 ---- */
#ync-hiroba-list .go-listpages01 span.go-listpages-range{ margin-right: 10px;margin-left: 10px; border:none; }

#ync-hiroba-list .go-listpages01{
	font-size: 84%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: right;
	margin: 5px 10px 3px;
}
#ync-hiroba-list .go-listpages01 span{}

#ync-hiroba-list .go-listpages01 span a:link,
#ync-hiroba-list .go-listpages01 span a:visited{
	background: #E1ECFD;
	padding: 5px;
	border: 1px solid #ABC8F8;
	text-decoration: none;
	font-weight: bold;
}

#ync-hiroba-list .go-listpages01 span a:hover{
	background: #396ACE;
	padding: 5px;
	border: 1px solid #ABC8F8;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#ync-hiroba-list .go-listpages01 span.go-listpages-range{ margin-right: 10px;margin-left: 10px; border:none; }


/* Listing item */
#ync-hiroba-list .hiroba-article{
	padding-bottom: 10px;
	/*	border-top: 1px dotted #759C6B;*/
	padding-top: 12px;
	vertical-align: top;
	display: block;
	/*	clear: both;
	float: none; */
	float: left;
	min-height: 105px;
	_height: 105px;
	width: 45%;
	margin-left: 30px;
	border: 2px solid #BFD8B4;
	margin-bottom: 20px;
	border-radius: 6px;
}
#ync-hiroba-list .hiroba-article h2{
	font-size: 100%;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	display: block;
	margin: 3px 5px 0px 0px;
	padding: 5px 0 5px 0;
	line-height: 1.4em;
}
#ync-hiroba-list .hiroba-article h3{
	font-size: 95%;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	display: block;
/*	width: 450px; */
	margin: 3px 8px 0px 0px;
	padding: 12px 0 3px 0;
	line-height: 1.4em;
}
#ync-hiroba-list.tensaku { text-align:center; margin:auto; width:80%;}
#ync-hiroba-list.tensaku .hiroba-article{
	font-size: 95%;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	display: block;
	width: 48%;
	margin: 3px auto 20px 0px;
	padding: 12px 0 3px 0;
	line-height: 1.4em;
	min-height: 615px;
}
#ync-hiroba-list.tensaku .hiroba-article:nth-of-type(even){ margin-left:20px !important;}
h2.tensakukouzamei{
	font-size: 120% !important;
	text-align: left !important;
	vertical-align: middle;
	display: block;
	margin: 0px 8px 8px 8px !important;
	padding: 0;
	line-height: 1.4em;
}

#ync-hiroba-list .hiroba-article h3 a{}
#ync-hiroba-list .hiroba-article h3 a:link,
#ync-hiroba-list .hiroba-article h3 a:visited{
	color: #000;
}
#ync-hiroba-list .hiroba-article h3 a:hover{
	color: #00C;
	background-color: #FFC;
}
#ync-hiroba-list .hiroba-article h3 img{
	vertical-align: middle;
	margin-right: 0px;
	margin-left: 1px;
}
#ync-hiroba-list .hiroba-article h3 span{
	font-size: 90%;
	font-weight: normal;
	margin-right: 8px;
}
#ync-hiroba-list .hiroba-article .article-photo{
	float: left;
	margin: 0 auto 0 0;
	width: 135px;
	text-align: center;
	vertical-align: middle;
	min-height: 100px;
	height: auto;
}
#ync-hiroba-list.tensaku .hiroba-article .article-photo{
	float: none;
	margin: 0 auto 0 auto;
/*	min-width: 500px; */
	text-align: center;
	vertical-align: middle;
	min-height: 100px;
	height: auto;
	line-height: 1.5em;
	font-size: 15px;
	width: 100%;
}
#ync-hiroba-list .hiroba-article .article-photo img{ margin-bottom: 1px; border-radius:3px; min-height:100px; height:auto;}

#ync-hiroba-list .hiroba-article p{
	font-size: 84%;
	text-align: left;
	display: block;
	width: 390px;
	float:left;
	margin: 8px auto 1px 10px;
	padding: 0px;
}
#ync-hiroba-list.tensaku .hiroba-article p{
	font-size: 84%;
	text-align: left;
	display: block;
	margin: 8px 10px 1px 10px;
	padding: 0px;
	float: none;
	width: 95%;
}

#ync-hiroba-list.tensaku .hiroba-article p.linkbutton{ width:8em; margin:auto; text-align:center;}
#ync-hiroba-list .hiroba-article h2 a:link,
#ync-hiroba-list .hiroba-article h2 a:visited{
	color: #603;
	text-decoration: none;
}
#ync-hiroba-list .hiroba-article h2 a:hover{
	color: #900;
	text-decoration: underline;
}

/* Estraierpage */
#estraierpage #main form p input{ font-size: 100% !important; padding:8px;}
#estraierpage #main form p { margin: 20px;}
#estraierpage #main #kensakuinfo{ margin:20px auto 15px 20px;}
#estraierpage #main #kensakuinfo span{
	font-size: 120%;
	color: #B13A3E;
	font-weight: bold;
}

#estraierpage #main #Kekka{
	display: block;
	clear: both;
	float: none;
	background-color: #FAF5ED;
	padding-left: 10px;
	padding-top: 5px;
}
#estraierpage #main #Kekka .article{
	display: block;
	clear: both;
	float: none;
	position: relative;
	padding: 20px 30px;
	width: 80%;
	border: 2px solid #9DA78D;
	border-radius: 5px;
	margin: 15px auto;
	background: #FFF;
}
/* #estraierpage #main #Kekka .article:last-of-type{border-bottom: 2px dotted #A0C08B;} */
#Kekka .article h2{
	text-align: left;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 130%;
}
#Kekka .article h2 a:link,
#Kekka .article h2 a:visited{
	color: #000;
}
#Kekka .article h2 a:hover{
	background-color: #FFF7FA
}
#Kekka .article p{
	text-align: left;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 5px;
}


/* Sitemap */
#sitemap{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#sitemap h2{
	font-size: 120% !important;
	padding-left: 10px !important;
	font-weight: bold !important;
}
#sitemap h3#centerinfo { padding-top: 10px;}
#sitemap h2 a,
#sitemap h3 a,
#sitemap li a{ color:black;}
#sitemap li a{ padding:2px 2px 2px 15px;}
#sitemap h2 a:hover,
#sitemap h3 a:hover,
#sitemap li a:hover{
	color: #03C;
	background-color: #FDFDDF;
}

#sitemap ul{
	margin: 15px auto 30px 20px;
}
#sitemap ul li{
	text-align: left;
	margin: auto auto 10px !important;
	list-style-type: none !important;
 }
#sitemap ul li a{ 
	display:block;
	background-image: url(/_img/icon/green-sikaku02.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 2px 2px 2px 20px !important;
}

#sitemap ul li ul{margin-left:80px !important; }
#sitemap ul li ul li{ font-size: 90% !important; margin-bottom:5px !important; }
#sitemap ul li ul li li{ font-size: 100% !important; margin-bottom:4px !important; margin-left:20px !important; }

#sitemap ul li ul li a{
	display: block;
	background-image: url(/_img/icon/doc01.gif);
	background-repeat: no-repeat;
	background-position: left 7px !important;
	padding: 6px 2px 6px 18px !important;
}
#sitemap ul li ul li li a{
	display: block;
	background-image: url(/_img/icon/green-maru01.gif);
	background-repeat: no-repeat;
	background-position: left 6px !important;
	padding: 2px 2px 2px 15px !important;
}
#sitemap ul#center-sitemap{}
#sitemap ul#center-sitemap > li{ width:40%; float:left; display:block;}
#sitemap ul#center-sitemap > li:nth-of-type(even){
	border-left: 2px dotted #C0C0C0;
	margin-left: 15px;
	padding-left: 20px;
}


/* パンくずナビ */
#pnavi{
	width: 100%;
	clear: both;
	float: none;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: auto;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	overflow: hidden;
	color: #273A96;
	background-color: #E0F0FE;
	/* 角丸 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#pnavi ol li{
	list-style-type: none;
	text-align: left;
	float: left;
	display: block;
	font-size: 10px;
} 
#pnavi ol li a{
	display: block;
	text-align: center;
	text-decoration: none;
	padding:4px 12px 4px 5px;
	background-image: url(/_img/pnavi_libg_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
	behavior: url(./PIE.htc); /* IE6-8のCSS3対策 */
}
#pnavi ol li:last-child a{
	background-image:none;
	padding-right:0px;
	pointer-events: none;
	cursor: default;
}
#pnavi ol li a:link,
#pnavi ol li a:visited{
	color: #039;
}
#pnavi li img{display:inline-block;}

/* Footer */
#footer {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
	clear: both;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	min-width: 1024px;
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	border-top: 2px solid #8FCFBB;
	/*	background-color: #E8F4F0; */
	background-color: #CBE7DE;
}

#footer #about-ync{
	width: 1020px; /* max1024 */
	clear: both;
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
/*	padding-bottom:20px; */
	*zoom: 1; /* for IE 6/7 (trigger hasLayout) */
	_overflow: hidden;
}
#footer #about-ync ul{
	display: block;
	clear: both;
	float: none;
	text-align: left;
	list-style-type: none;
	border-left: 1px dotted #6AAC92;
	display: block;
	font-size: 90%;
	margin-left: 1px;
}
#footer #about-ync ul li{
	float: left;
	border-right: 1px dotted #6AAC92;
	display: block;
}
#footer #about-ync ul li a{
	text-decoration: none;
	padding: 3px 8px 3px 8px;
	display:block;
	margin: 2px 5px 2px 5px;
}
#footer #about-ync ul li a:link,
#footer #about-ync ul li a:visited{
	color: #333;
}
#footer #about-ync ul li a:hover{
	color: #FFF !important;
	background-color: #3AAF84;
	border-radius: 3px;
}
#footer #copyright{
	font-size: 78% !important;
	text-align: center !important;
	line-height: 1.3em;
	padding-top: 10px;
	margin: 15px auto !important;
	clear: both;
	float: none;
	display: block;
}


.red{ color:#DB2011;}


/* Ji-okuri */
.tt-10,
#kiji-honbun #centertable th #c122{ letter-spacing: 1em;}
.tt-05,
#kiji-honbun #centertable th #c101,
#kiji-honbun #centertable th #c109,
#kiji-honbun #centertable th #c107,
#kiji-honbun #centertable th #c201,
#kiji-honbun #centertable th #c171,
#kiji-honbun #centertable th #c112,
#kiji-honbun #centertable th #c114,
#kiji-honbun #centertable th #c132,
#kiji-honbun #centertable th #c131,
#kiji-honbun #centertable th #c135,
#kiji-honbun #centertable th #c203,
#kiji-honbun #centertable th #c121,
#kiji-honbun #centertable th #c108{ letter-spacing: 0.5em;}
.tt-03{ letter-spacing: 0.3em;}

#kiji-honbun .english-contents #centertable th #c122,
#kiji-honbun .english-contents #centertable th #c101,
#kiji-honbun .english-contents #centertable th #c109,
#kiji-honbun .english-contents #centertable th #c107,
#kiji-honbun .english-contents #centertable th #c201,
#kiji-honbun .english-contents #centertable th #c171,
#kiji-honbun .english-contents #centertable th #c112,
#kiji-honbun .english-contents #centertable th #c114,
#kiji-honbun .english-contents #centertable th #c132,
#kiji-honbun .english-contents #centertable th #c131,
#kiji-honbun .english-contents #centertable th #c135,
#kiji-honbun .english-contents #centertable th #c203,
#kiji-honbun .english-contents #centertable th #c121,
#kiji-honbun .english-contents #centertable th #c108{ letter-spacing: 0 !important;}

/* GO PageTOP */
#page-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    font-size: 16px;
	line-height: 12px;
	z-index: 9999;
}
#page-top span{
    font-size: 10px !important;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 30px;/* 「へ」がなくても良い場合は20pxでOK */
	padding: 8px 3px 5px 3px;
	text-align: center;
	display: block;
	border-radius: 10px;
	background-color: #9933CC;
	opacity: 0.3;
	white-space:nowrap;
}
#page-top a:hover {
	text-decoration: none;
	background-color: #9933CC;
	opacity: 0.6;
}

/* 旧コンテンツそのままのタグstyle */
#main .photo-culture,
#main #photo-culture{ text-align:center; margin: 0 auto 20px auto;}
#main .photo-culture img,
#main #photo-culture img{ width:auto; height:auto; max-width: 600px; }


/* ---- First Priority 
-------------------------------------*/

.sizemini{ font-size:80%;}

form .sample-text{ color:#999; font-size:90%;}

#contents:after,
#contents #wrapper:after,
#contents #main:after,
#contents #main article:after,
#contents #main article section:after,
#header:after,
#header-inner:after,
#header-right:after,
#haeder table#tenki:after,
#contents #gnavi:after,
#gnavi:after,
#gnavi-inner:after,
#gnavi ul:after,
#contents article:after,
#footer:after,
#footer #about-ync ul:after,
#add:after,
#wrapper:after,
#main:after,
#wrapper01-left:after,
.wrapper-inner:after,
#wrapper01-sidemenu:after,
#wrapper02-osirase:after,
#wrapper02-twitter:after,
#wrapper:after,
#wrapper01:after,
#wrapper02:after,
#wrapper03:after,
#newslist:after,
#photo-area:after,
#p-navi:after,
#mainkiji:after,
#main .shortcut-nav:after,
#main .shortcut-nav ul:after,
#main #nyuukai-nagare:after,
#main #nyuukai-yuutai:after,
#main #QandA:after,
#main #QandA section:after,
#contents #wrapper01:after,
#contents #wrapper02:after,
#contents #wrapper03:after,
#osusume-kouza:after,
#osusume-list:after,
#osusume-kouza .go-osusume:after,
#contents #mysite-link:after,
#kijilist #main #lesson-info .lesson-outline:after,
#web-page.center-page #center-information #catch:after,
#web-page.center-page #center-information #accessmap:after,
#add-link:after,
#sitemap ul#center-sitemap:after,
#main #corpmember-info:after,
#estraierpage #main #Kekka:after,
#estraierpage #main #Kekka .article:after,
.clearfix{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	float: none;
	visibility: hidden;
}
