@charset "utf-8";
/*	main:	#009A63		*/
/*	Xmain:	#6A6A3E		*/
/*	second:	#E3ECC8		*/
/*	text:	#006531		*/
/*	border:	#009A63		*/

/***********************************************/
/* Header                                      */
/***********************************************/

#navi .nl {
	border-bottom: 5px solid #009A63;	
}

#navi .nl li.active {
	background-position: left -242px;
}
#navi .nl li.active a {
	background-position: right -242px;
}

#breadcrumb .path li.bold {
	color: #006531;
}

/***********************************************/
/* footer                                     */
/***********************************************/
#footer {
	border-top: 3px solid #009A63;
}

/***********************************************/
/* side                                        */
/***********************************************/

/*
.sideBox .area, .sideBox .cat {
	background: #009A63;
	background: -webkit-gradient(linear, left top, left bottom, from(#009A63), to(#27B180));
	background: -webkit-linear-gradient(#009A63, #27B180);
	background: linear-gradient(#009A63, #27B180);	
	border: 1px solid #009A63;
}
*/
.sideBox {
	position: relative;
}


.sideBox li.selected a {
	font-weight: normal;
	background-color: #f6f6f6;
	font-weight: bolder;
	color: #444;
}

.sideBox li.selected a:before {
	position: relative;
  	font: 11px 'FontAwesome';
	content: "\f0a9";
  	color: #009A63;	
  	padding-right: 5px;
}

/*
#catBox .title {
	background: #18BD9C;
	background: -webkit-gradient(linear, left top, left bottom, from(#18BD9C), to(#15a487));
	background: -webkit-linear-gradient(#18BD9C, #15a487);
	background: linear-gradient(#18BD9C, #15a487);
	border: 1px solid #15a487;
}
*/


#searchBox select {
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

#searchBox option {
	color: #444;
}


.aZZ {
	background-color: #666;
}
.aTO {
	background-color: #393;
}

.aVA {
	background-color: #039;
}

.aVI {
	background-color: #933;
}

.aCA {
	background-color: #c60;
}

.aMO {
	background-color: #60c;
}

.aYY {
	background-color: #ddd;
	color: #444;
}

.cTR {
	background-color: #B33737;
}
.cST {
	background-color: #006699;
}
.cWO {
	background-color: #933;
}
.cIM {
	background-color: #0aa;
}
.cFM {
	background-color: #a0a;
}
.cCG {
	background-color: #aa0;
}
.cBT {
	background-color: #609;
}
.cMT {
	background-color: #960;
}
.cLF {
	background-color: #096;
}
.cFF {
	background-color: #933;
}
.cEN {
	background-color: #339;
}
.cFR {
	background-color: #393;
}


.sideBox input {
	border: 1px solid #ccc;
	padding: 2px;
	vertical-align: middle;
}

.sideBox select {
	border: 1px solid #ccc;
	margin-top: 5px;
}

.sideBox option {
	color: #444;
}

#pdArea, #pdCat {
	display: none;
}

/*
.blank {
	width: 160px;
	height: 300px;
	background-color: #F0E0CE;
	margin-bottom: 10px;
}
*/

/***********************************************/
/* Title                                        */
/***********************************************/
h1 {
	color: #fff;
	font-size: 110%;
	text-align: left;
	background: url(/image/em/bbs/bg.png) no-repeat left -32px;
	height: 30px;
	margin: 0 auto;
	padding-top: 16px;
	padding-left: 28px;
	line-height: 1;	
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	margin-bottom: 15px;
}

h2.school {
	border-bottom: 2px dotted #096;
	padding: 0;
	margin:10px 0 0 0;
	font-size: 22px;
}
h2.school:before {
	position: relative;
	top: 0px;
	right: 7px;
  	font: 25px 'FontAwesome';
  	content: "\f0e0";
  	color: #096;
  	padding-left: 5px;		
}


/***********************************************/
/* Main Contents                                */
/***********************************************/


.adTop {
	clear: both;
	margin: 0;
}

.borderT3 {
	border-top: 3px solid #009A63;
}

.borderB3 {
	border-bottom: 3px solid #009A63;	
}

#mainColumn .adBottom {
	margin: 0;
	margin-bottom: 10px;
}

#mainColumn .alignR {
	padding-right:10px;	
}

#mainColumn table {
	padding: 0;
}

#mainColumn td.left {
	width: 580px;
	padding: 10px;
	vertical-align: top;
}
	
#mainColumn td.right {
	padding: 10px  10px  10px 0;
	width: 230px;
	vertical-align: top;
	line-height: 2;
}


#mainColumn .photo {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}


.arrow {
	font-weight: bolder;
	background: url(/image/em/bbs/arrow.gif) no-repeat left 2px;
	padding-left: 20px;
}


.notice, .notice2 {
	font-size: 70%;
	color: #999;
	line-height: 1.5;
}

dl.school {
	background-color: #f0f0f0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

dl.school dt {
	font-size: 12px;
	color: #aaa;
	width: 110px;
	float : left;
	clear : both;
}

dl.school dd {
	margin-left: 110px;
}

dl.school dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
.schoolAd {
	width: 300px;
	float: right;
	background-color: #f0f0f0;
}

.schoolAd .title{
	background-color: #069;
	color: #fff;
	width: 297px;
	padding-left: 3px
}
.schoolAd img {
	border: 1px solid #ccc;
	float: left;
	margin: 3px;
}

.schoolAd a {
	font-weight: bold;
	font-size: 110%;
}
*/

/***********************************************/
/* Table                                       */
/***********************************************/

#listBbs {
	background-color: #f0f0f0; 
	border: 1px solid #ccc;
	/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*/
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);	
	padding: 5px; 

}

#listBbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#listBbs ul li {
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
	height: 40px;
	display: table;
	width: 100%;
	overflow:auto;
	background-color: #fff;	
}

#listBbs ul li a {
	display:block;
	width: 100%;
	height: auto;
}

#listBbs ul li a:hover {
	text-decoration: none;
}

#listBbs ul li:hover {
	background-color: #f0f0ff;
}

#listBbs ul li.g:hover{
	background-color: #f0f0ff;
}

#listBbs ul li div.m {
	font-size: 13px;
	color: #666;
	display: table-cell;
	vertical-align: top;
	border: 1px solid;
}

#listBbs ul li span.title {
	font-size: 14px;
	display: block;
 	padding-bottom: 3px;
 	font-weight: bold;
}


#listBbs ul li span.auther {
	color:	#444;
}
/*
#listBbs ul li span.auther:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 14px 'FontAwesome';
  	content: "\f007";
  	color: #E3ECC8;
  	padding-left: 5px;	
}
*/

#listBbs ul li span.res {
	display: inline-block;
	width: 50px;
	color:	#444;
	font-weight: normal;
	font-size: 12px;
}

#listBbs ul li span.res:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 14px 'FontAwesome';
  	content: "\f075";
  	color: #ccc;
  	padding-left: 10px;	
}

#listBbs ul li span.school {
	display: inline-block;
	width: 50px;
	color:	#444;
	font-weight: normal;
	font-size: 12px;
}

#listBbs ul li span.school:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 14px 'FontAwesome';
  	content: "\f19d";
  	color: #ccc;
  	padding-left: 10px;	
}


#listBbs ul li div.r {
	float: right;
	padding-right: 7px;
	color: #aaa;
	padding-left: 10px;
}



#listBbs ul li div.l  {
	float: left;
/*	font-size: 10px;
	letter-spacing: 0.8;
	background: url(/image/em/list24h-a-h.png) no-repeat -590px 3px;
*/
	padding: 5px 5px 0 10px;
	color: #444;

}

/*
#listBbs ul li div.l span:before {
	position: relative;
	top: 0px;
	right: 1px;
  	font: 11px 'FontAwesome';
  	color: #fff;
  	padding-left: 1px;
  	content: "\f054";
}

#listBbs ul li div.l span.cTR:before {
	color: #B33737;
}
#listBbs ul li div.l span.cST:before {
	color: #006699;
}
#listBbs ul li div.l span.cWO:before {
	color: #933;
}
#listBbs ul li div.l span.cIM:before {
	color: #0aa;
}
#listBbs ul li div.l span.cFM:before {
	color: #a0a;
}
#listBbs ul li div.l span.cCG:before {
	color: #aa0;
}
#listBbs ul li div.l span.cBT:before {
	color: #609;
}
#listBbs ul li div.l span.cMT:before {
	color: #960;
}
#listBbs ul li div.l span.cLF:before {
	color: #096;
}
#listBbs ul li div.l span.cFF:before {
	color: #933;
}
#listBbs ul li div.l span.cEN:before {
	color: #339;
}
#listBbs ul li div.l span.cFR:before{
	color: #393;
}

*/

#listBbs ul li div.l span.cat {
	display: block;
	margin: 0;
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
}



#listBbs ul li div.c  {
	overflow: auto;	
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	padding-left: 10px;
}

#listBbs ul li div.l span.mTime {
	display:none;
}

#listBbs ul li div.ZZ {
	background: url(/image/em/list24h-a-h.png) no-repeat 10px 3px;
}
#listBbs ul li div.TO {
	background: url(/image/em/list24h-a-h.png) no-repeat -790px 3px;
}
#listBbs ul li div.VA {
	background: url(/image/em/list24h-a-h.png) no-repeat -190px 3px;
}
#listBbs ul li div.CA {
	background: url(/image/em/list24h-a-h.png) no-repeat -390px 3px;
}
#listBbs ul li div.VI {
	background: url(/image/em/list24h-a-h.png) no-repeat -990px 3px;
}
#listBbs ul li div.MO {
	background: url(/image/em/list24h-a-h.png) no-repeat -1190px 3px;
}

#listBbs ul li.g {
	background-color: #f6f6f6;	
}



#item {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #999;
	padding: 10px 15px;
	margin: 15px 0;
	-webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	font-size: 14px;	
}

#item .resOff {
	margin-top: 10px;
	background-color: #f0f0f0;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}

#item .resOff:before {
	position: relative;
	top: 0px;
	right: 0px;
  	font: 16px 'FontAwesome';
  	content: "\f06a";
  	color: #aaa;
  	padding-left: 5px;		
}


#itemTitle {
	
}


#itemTitle h2 {
	line-height: 1.5;
	padding: 5px 0;
	margin: 0;
	margin-bottom: 4px;
	border-bottom: 2px solid #096;
}	
#itemBbs .item h3 {
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 5px;
}

span.icn {
	font-size: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0;
	margin-right: 5px;
	width: 80px;
	display: inline-block;
	text-align: center;
}

#resList {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	margin: 15px 0;
	-webkit-box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 0px 7px rgba(0,0,0,0.1);
	font-size: 14px;	
}

#resList .item {
	padding: 10px 0;
	margin: 0;

}

#resList .resTitle {
	border-bottom: 2px solid #096;
	
/*
	background: -moz-linear-gradient(top,#FFF 0%,#ffe);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ffe));
	background: linear-gradient(#fff, #ffe);	
*/	
	border-radius: 5px 0 0 0;
box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;
-webkit-box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;
-moz-box-shadow:rgba(102, 102, 102, 0.0392157) 0px 4px 0px 0px;		
}

#resList .resTitle span.resNo {
	width: 90px;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	background-color: #00ae76;
	background: -moz-linear-gradient(top,#00ae76 0%,#096);
	background: -webkit-gradient(linear, left top, left bottom, from(#00ae76), to(#096));
	background: linear-gradient(#00ae76, #096);		
	height: 23px;
	padding-left: 6px;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;

}

#resList .resTitle span.resNo:before {
	position: relative;
	top: 0px;
	left: 0px;
  	font: 12px 'FontAwesome';
  	content: "\f138";
  	color: #fff;

  	height: 23px;
  	padding-right: 4px;
}

span.author{
	font-weight: normal;
  	padding-left: 10px;
  	margin: 0;
  	
}


span.author:before {
	position: relative;
	top: 0px;
	right: 8px;
/*  	font: 16px 'FontAwesome'; */
  	content: "投稿者:";
  	color: #aaa;
  	font-size: 12px;
}


span.time{
	width: 130px;
	display: block;
	text-align: right;
	font-size: 12px;
	color: #aaa;
	float: right;
}

div.contact {
	/*border-top: 1px solid #eee; */
	clear: both;
}

a.btn-res {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: linear-gradient(#fff, #eee);	
	border: 1px solid #DDD;
	color:#111;
	width: 80px;
	padding: 4px;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}

a.btn-res:hover {
	background: -moz-linear-gradient(top,#eee 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: linear-gradient(#eee, #fff);
	text-decoration: none;	
}

a.btn-res:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 12px 'FontAwesome';
  	content: "\f112";
  	color: #096;
  	padding-left: 5px;	
}


a.btn-mail {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: linear-gradient(#fff, #eee);	
	border: 1px solid #DDD;
	color:#111;
	width: 80px;
	padding: 4px;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 7px;
}

a.btn-mail:hover {
	background: -moz-linear-gradient(top,#eee 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: linear-gradient(#eee, #fff);
	text-decoration: none;	
}

a.btn-mail:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 12px 'FontAwesome';
  	content: "\f0e0";
  	color: #096;
  	padding-left: 5px;	
}

a.btn-school {
	background: -moz-linear-gradient(top,#FFF 0%,#eeE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eeE));
	background: linear-gradient(#fff, #eee);	
	border: 1px solid #DDD;
	width: 300px;
	padding: 5px;
	font-size: 14px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bolder;
}

a.btn-school:hover {
	background: -moz-linear-gradient(top,#eee 0%,#fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
	background: linear-gradient(#eee, #fff);
	text-decoration: none;	
}

a.btn-school:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 15px 'FontAwesome';
  	content: "\f061";
  	color: #096;
  	padding-left: 7px;	
}

	
.bTR {
	background-color:	#FFECEC;
}
.bST	{ 
	background-color:	#ECECFF;
}
.bWO	{ 
	background-color:	#FFFFEC;
}
.bIM	{
	background-color:	#FEECED;
}
.bFM	{ 
	background-color:	#FFFAE6;
}
.bCG	{ 
	background-color:	#FFFEE0;
}
.bLF	{
	background-color:	#ECFFFF;
}	
.bBT	{
	background-color:	#FFE6FA;
}
.bFF	{
	background-color:	#FFECFF;
}
.bEN	{
	background-color:	#ECFFEC;
}
.bFR {
	background-color:	#ECECFF;
}
.bMT	{
	background-color:	#EEFFE6;
}

/***********************************************/
/* School                                      */
/***********************************************/
.fbox {
    position: relative;
    display:inline-block;
    padding: 2px 10px;
    text-align:left;
    background-color:#009966;
    border:2px solid #009966;
    margin: 5px 5px 6px 5px;
    border-radius: 7px ;
    box-shadow:0px 0px 5px 0px  #777777 ;
    color: #fff;
}
.fbox:after, .fbox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}
.fbox:after {
    top: 98%;
    left: 4px;
    border: 6px solid transparent;
    border-top: 6px solid #009966; /*10px*/
}
.fbox:before {
    top: 100%;
    left: 2px; 
    border: 8px solid transparent;
    border-top: 10px solid #009966; /*13px*/
}



.school h2 {
	line-height: 1.5;
	padding: 5px 0;
	margin: 0;
	overflow: auto;
}

.school h2 img {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
}

.school h2 span {
	font-size: 16px;
	font-weight: normal;
	margin-left: 2px;
}

.school h3.review {
	border-bottom: 2px dotted #096;
}

.school h3.review:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 18px 'FontAwesome';
  	content: "\f27b";
  	color: #096;
  	padding-left: 5px;	
}


.school div.review {
	display: table;
	width: 100%;
}

.school div.r-cell {
	width: 50%;
	display: table-cell;
}
.school div.first {
	padding-right: 5px;
}
.school div.review img {
	float: right;
	border: 1px solid #ccc;
	margin: 0 0 5px 5px;
}

.school div.review h4 {
	margin: 0;
	margin-bottom: 5px;
}

.school div.review h4:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 18px 'FontAwesome';
  	content: "\f0da";
  	color: #096;
  	padding-left: 5px;	
}

#points {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 7px;
	background: -moz-linear-gradient(top,#ffd 0%,#ffe);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd), to(#ffe));
	background: linear-gradient(#ffd, #ffe);
}

#points h3 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#points h3:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 18px 'FontAwesome';
  	content: "\f0a6";
  	color: #096;
  	padding-left: 5px;	
}
#points ul {
	margin: 0 auto;	
}


/***********************************************/
/* Topic                                       */
/***********************************************/



.resPages {
	background-color: #f0f0f0;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
}



/***********************************************/
/* TABLE                                      */
/***********************************************/

.gtable {
	font-size: 80%;
	border-collapse: collapse;
	width: 100%;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 7px rgba(0,0,0,0.1);
	margin-bottom: 15px;
			
}

.gtable td {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #f9f9f9;
}

.gtable th {
	border: 1px solid #ccc;
	padding: 5px;	
	background-color: #eee;
	color: #444;
	text-align: center;
	font-weight: normal;
}

.gtable td.stitle {
	background-color: #f6f6f6;
}

.gtable input {
	border: 1px solid #ccc;
	padding: 2px;
	vertical-align: middle;
}

.gtable select {
	border: 1px solid #ccc;
}

.gtable textarea {
	border: 1px solid #ccc;
}

/***********************************************/
/* top of the table                            */
/***********************************************/

#pager-top {
	font-size: 80%;
	color: #666;
	padding: 0;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-left: 150px;
}


#form-btn {
	float: right;
	width: 150px;
	font-size: 13px;
	margin-bottom: 10px;
}
#form-btn a {
	border: 1px solid #900;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	color: #fff;
	line-height: 35px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
	padding: 5px 42px;
}
#form-btn a:hover {
	border: 1px solid #900;
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%); /* W3C */
	text-decoration: none;
}
#form-btn a:active {
	background: #ff3019;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #ccc;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

#form-btn a:before {
	position: relative;
	top: 0px;
	right: 4px;
  	font: 14px 'FontAwesome';
  	content: "\f061";
  	color: #fff;
}





/***********************************************/
/* General                                     */
/***********************************************/

.colorMain {	color: #009A63; }
.colorText {	color: #006531; }


/* ========================================================================
タブレット用設定
---------------------------------------------------------------------------*/
@media (max-width:767px){

#leftColumn {
	width: 100%;
	padding: 0;
}

#areaBox {
	width: 49%;
	float: left;
}

#catBox {
	width: 49%;
	float: right;
}

#searchBox {
	width: 49%;
	float: left;
}

#adSide {
	clear: both;
	width: 100%;
}




/*
.sideBox li.selected a:after {
	position: absolute;
	top: 7px;
	right: 10px;
	padding-left: 100px;
  	font: 14px 'FontAwesome';
  	content: "\f078";
  	color: #444;
}
*/

.notice {
	margin-top: 60px;
}

.adTop {
	height: auto;
}

.adTop iframe {
	margin: 0 auto 0 0;
}

#pager-top {
	padding: 5px 0;
}


#form-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 360px 6px auto 325px;	
	width: 150px;
	display: block;
}


#pdArea, #pdCat {
	display: block;
	width: 150px;
	z-index: 5;
	border-top: 1px solid #ccc;
	height: 25px;
	float: left;
	position: relative;
}
#pdArea {
	margin-right: 10px;
}
div.chevron-d{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 7;
}

#pdArea li, #pdCat  li {
	display: none;
	height: 32px;	
}

#pdArea li.selected, #pdCat li.selected {
	display: block;
}



}

/* ========================================================================
モバイル用設定
---------------------------------------------------------------------------*/
@media (max-width : 499px){
	
#listBbs ul li div.r {
	display: none;	
}
	
h1 {
	padding-top: 18px;	
	font-size: 95%;	
}

#form-btn {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 404px 6px auto 6px;	
	width: 140px;
	display: block;
	height: 30px;
	padding: 0;
}
#form-btn a {
	padding: 5px 37px;
}

.notice {
	margin-top: 100px;
}

#pager-top {
	border-top: 1px dotted #ccc;
	margin-top: 5px;
	padding: 5px 0;
}

#listBbs ul li a {
	font-size: 12px;	
}


span.author:before {
	content: "";	
}

#resList {
	padding: 10px;	
}

#listBbs ul li div.l {
	padding: 5px 5px 0 0;
}
#listBbs ul li div.l span.mTime {
	display:block;
	color: #ccc;
	text-align: center;
}

#listBbs ul li div.l span.icn {
	margin-right: 0px;
}

#listBbs ul li div.c {
	border: none;
	padding-left: 5px;
}


#pdArea, #pdCat {
	width: 140px;	
}

.school div.review {
	width: 100%;
	float: none;
}
.school div.first {
	padding-right: 0;
}
}