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

reset

-----------------------------------------------------------------------------  ***/
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
.clearfix {
	display:inline-table;
	zoom:1;
}
/*Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
.red {
	color: #ff0000;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
legend {
	color:#000000;
}
img {
	vertical-align:bottom;
}
/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html {
	overflow-y:scroll;
}
body {
	color:#333;
	line-height: 1.6;
	font-size: 12px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", "Osaka";
	position: relative;
	-webkit-text-size-adjust: 100%;
}
/*** ------------------------------------------------------------------------------ 

リンク

-----------------------------------------------------------------------------  ***/
/* 基本 */
a:link {
	color: #3399FF;
	text-decoration:none;
}
a:visited {
	color: #3399FF;
	text-decoration:none;
}
a:hover {
	color: #1F4F97;
	text-decoration:none;
}
a:active {
	color: #1F4F97;
	text-decoration:none;
}
.opacity a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}

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

header

-----------------------------------------------------------------------------  ***/
#header {
	margin:0 auto;
	padding: 1px 0 5px;
/*	padding: 0 0 30px; */
	background-color: #fff;
}
#header .headline{
	padding: 3px 0;
	background:#98ccbe;
	border-bottom: solid 5px #c4e6dd;
	position:relative;
	color: #fff;
}
#header .headline p{
	margin:0 auto;
	padding:0 0 0 5px;
	width:950px;
	text-align: center;
}

#header .headline p.img {
	display: none;
}

#header .headline p.menu-btn{
	margin:0;
	width: auto;
	display:none;
}
#header .event{
	margin: 10px auto;
	width: 950px;
}
#header .event p{
	font-weight: bold;
}
#header .event p a{
	color: #ff0000;	
}
@media screen and (max-width: 950px) {
	#header {
		width:950px;
	}
}
@media screen and (max-width: 600px) {
	#header {
		width:100%;
		padding: 0 0 5px;
	}
	
	#header .headline p{
		width:100%;
	}
	
	#header .headline p.txt {
		padding: 0 50px 0 0;
		width: 90%
	}
	
	#header .headline p.menu-btn{
		margin:0;
		width: auto;
		display:block;
		position:absolute;
		right:2px;
		top:2px;
	}
	#header .headline p.menu-btn img{
		width:40px;
		height: auto;
	}
	
	#header .event{
		width:100%;
	}
	#header .event p{
		padding: 0 10px 0;
		font-weight: bold;
	}
}

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

key-topics

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

#key-topics {
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
}

@media screen and (max-width: 600px) {

	#key-topics {
		width: auto;
	}

}

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

visual-topics

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

#visual-topics {
	width: 600px;
	float: left;
}

#visual-topics .subject {
	background: #D4E4FE;
	border: 1px solid #8BAFE3;
	padding: 10px;
	text-align: left;
	color: #000000;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
	
	border-radius: 10px;            /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;       /* Firefox用 */ 
	
}

#visual-topics .subject2 {
	background: #DEF8FF;
	border: 1px solid #8BAFE3;
	padding: 10px;
	text-align: left;
	color: #4BACC6;
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;

	border-radius: 10px;            /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;       /* Firefox用 */ 
	
}

#visual-topics .subject3 {
	background: #E1ECFF;
	border: 1px solid #8BAFE3;
	padding: 10px;
	text-align: left;
	color: #4F81BD;
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;

	border-radius: 10px;            /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;       /* Firefox用 */ 
	
}

#visual-topics p {
}

#visual-topics .subject .keyword {
	font-size: 15px;
	font-weight: bold;
}

#visual-topics .menu {
	background: #4AACC7;
	padding: 3px 10px 3px 10px;
	margin-right: 10px;
	text-align: center;
	color: #FFFFFF;
	
	border-radius: 5px;            /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;       /* Firefox用 */ 
}


#visual-topics ul {
	line-height: 1.4;
}

@media screen and (max-width: 600px) {

	#visual-topics {
		width: auto;
		float: none;
	}
	
	#visual-topics .menu {
		padding: 0px 10px 0px 10px;
	}

}

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

right-side

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

#right-side {
	width: 350px;
	float: right;
	margin-top: 30px;
}

@media screen and (max-width: 600px) {

	#right-side {
		width: auto;
		/*display: none;*/
		float: none;
	}

}

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

visual

-----------------------------------------------------------------------------  ***/
#visual {
	text-align: center;
	margin-top: 20px;
}
#visual h1{
	margin-top: 10px;
	text-indent:-9999px;
}
#visual img.img_a {
	margin-right: 20px;
}

#visual2 h1{
	margin-top: 10px;
}

#search #visual h1,
#detail #visual h1{
/*	height:95px; */
/*	background: url(../images/search/visual_img_pc.png) center top no-repeat; */
}
@media screen and (max-width: 600px) {
	#visual h1,
	#search #visual h1,
	#detail #visual h1{
		text-indent:0px;
		height:auto;
		background: none;
	}
	#visual h1 img{
		width:100%;
		height: auto;
	}
	
	#visual img {
		width: 80%;
	}
	
	#visual img.img_a {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	#visual2 h1 img {
		width: 80%;
	}
}
/*** ------------------------------------------------------------------------------ 

nav

-----------------------------------------------------------------------------  ***/
@media screen and (max-width: 600px) {
#nav {
	display:none;
}
}
#nav {
	background-color: #98ccbe;
}
#nav ul{
	width:950px;
	margin:0 auto;
	height:50px;
}
#nav ul li {
	float:left;
}
#nav ul li a{
	width:190px;
	height:50px;
	display:block;
	text-indent:-9999px;
}
#nav ul .nav01 a {
	background: url(../images/nav_btn01.png) no-repeat;
}
#nav ul .nav02 a {
	background: url(../images/nav_btn02.png) no-repeat;
}
#nav ul .nav03 a {
	background: url(../images/nav_btn03.png) no-repeat;
}
#nav ul .nav04 a {
	background: url(../images/nav_btn04.png) no-repeat;
}
#nav ul .nav05 a {
	background: url(../images/nav_btn05.png) no-repeat;
}
#nav ul li a:hover {
	background-position: 0 -50px ;
}
/*** ------------------------------------------------------------------------------ 

cont

-----------------------------------------------------------------------------  ***/
#cont {
	width: 950px;
	margin: 25px auto 50px;
}
#cont .scrollarea p.scroll.sp{
	display:none;
}
#cont .event p{
	font-weight: bold;
}
#cont .event p a{
	color: #ff0000;	
}
@media screen and (max-width: 600px) {
	#cont {
		width: auto;
		margin: 3% 3% 0;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#cont .scrollarea{
		position:relative;
	}
	#cont .scrollarea p.scroll.sp{
		display:block;
		text-align: right;
	}
	#cont .event{
		width:100%;
	}
	#cont .event p{
		padding: 0 10px 0;
		font-weight: bold;
	}
}

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

main

-----------------------------------------------------------------------------  ***/
#main .content h1 {
	font-weight: bold;
	font-size:1.333em;
	border-bottom:3px #1F4F97 solid;
	padding:0 10px 5px 10px;
	margin:0 0 25px;
}
#main .content .h2-title {
	border:#CCCCCC 1px solid;
	border-radius:5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
	background: -moz-linear-gradient(top, #EFEFEF, #FFF);
	padding:7px 10px;
	margin:0 0 20px;
}
#main .content .h2-title h2 {
	border-left: 3px #194B96 solid;
	padding:0 0 0 10px;
	font-size:1.333em;
	font-weight: bold;
	line-height:1.3;
	word-break:break-all;
}
#main .content h3.title {
	font-size:1.333em;
	font-weight: bold;
	background: url(../images/icon_h3_arrow.png) 5px 0.7em no-repeat;
	border-bottom:	2px #999999 dotted;
	padding:5px 0 5px 20px;
	margin:0 0 15px;
	word-break:break-all;
}

@media screen and (max-width: 600px) {
	#main .content img {
		/* width: 80%; */
	}
}

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

footer

-----------------------------------------------------------------------------  ***/
#footer {
	color:#FFF;
	background:#98ccbe;
}
#footer .footer-cont{
	width: 740px;
	margin: 0 auto;
	padding:10px 210px 5px;
	position:relative;
}
#footer .footer-cont h4{
	display:inline-block;
	padding:0px 15px;
	background: #FFF;
	border-radius:5px;
	color:#98ccbe;
	font-weight: bold;
	font-size:1.333em;
	margin:0 0 10px;
}
#footer .footer-cont p.address{
	font-size:1.333em;
	margin:0 0 20px;
}
#footer .footer-cont p.scroll{
	position:absolute;
	right:0;
	top:60px;
}
#footer .footer-cont p.copyright{
	text-align: center;
	font-size:0.917em;
}
#footer .footer-cont p.logo{
	position:absolute;
	right:250px;
	top:45px;
}
#footer .footer-cont .menu {
	float:right;
	padding:0;
	font-weight:bold;
}
@media screen and (max-width: 600px) {
#footer .footer-cont .menu {
	float:center;
	padding:0;
	background:none;
}
}
#footer .footer-cont .menu a {
	color:#FFF;
}
@media screen and (max-width: 600px) {
#footer .footer-cont .menu a {
	color:#FFF;
}
}
#footer .footer-cont .menu span {
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	border-right:2px solid #FFF;
}
#footer .footer-cont .menu .end {
	border:none;
}
@media screen and (max-width: 600px) {
	#footer .footer-cont{
		width: auto;
		padding:20px 10px 5px;
	}
	#footer .footer-cont p.address span{
		display:block;
	}
	#footer .footer-cont p.scroll{
		display:none;
	}
	#footer .footer-cont p.logo{
		display:none;
	}
	#footer .footer-cont h4{
		font-size:1.167em;
	}
	#footer .footer-cont p.address{
		font-size:1.167em;
	}
}
/*** ------------------------------------------------------------------------------ 

スマホ開閉ナビ

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

#sidr-right .hide{
	display:none;
}
#software-detail{
	display:none;
}
#education-detail{
	display:none;
}
.span-title{
	display:block;
}
#software-title img,
#education-title img,
#timestation-title img{
	vertical-align:middle;
	padding:0 0 0 10px;
}
#sidr-right ul .down-menu .hide li li{
	padding:0 0 0 20px;
}
@media screen and (max-height: 600px) {
#education-detail li{
	line-height:33px;
}
#education-detail li:hover{
	line-height:33px;
}
}

@media screen and (max-height: 475px) {
	#education-detail li{
		line-height:30px;
	}
	#education-detail li:hover{
		line-height:30px;
	}
}

@media screen and (max-height: 444px) {
	#education-detail li{
		line-height:22px;
	}
	#education-detail li:hover{
		line-height:22px;
	}
}

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

#experience

-----------------------------------------------------------------------------  ***/
#experience #cont .section{
	margin:0 0 30px;
	padding: 30px;
	background-color: #fff;
	clear:both;
}
@media screen and (max-width: 600px) {
	#experience #cont .section{
		margin:0 0 3%;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#experience #cont .section .section-cont {
		width: 100%;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

#experience #header ul.caution{
	margin: 0 auto;
	padding: 10px 0 0;
	width: 890px;	
}
#experience #header ul.caution li{
	color: #FF0000;
	font-size: 1.167em;
}
@media screen and (max-width: 600px) {
	#experience #header ul.caution{
		margin: 0 auto;
		padding: 10px 10px 0;
		width: 100%;	
	}
	#experience #header ul.caution li{
		color: #FF0000;
		font-size: 1.167em;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* news */
#experience #header{
	background-color: #fff;
    margin: 0 auto;
    padding: 1px 0 5px;
}
#experience #header .section.news{
	width: 890px;
	margin: 30px auto 0;
	padding:3px;
	clear:both;
	background: #98ccbe;
	border-radius:10px;
}

#experience #header .section.news h2{
	padding:10px 15px;
}
#experience #header .section.news .section-cont{
	background: #FFF;
	padding:5px 15px;
	border-radius:0 0 10px 10px;
}
#experience #header .section.news .section-cont dl dt{
	float:left;
	border-top: #CCC 1px dotted;
	width:130px;
	padding:5px 0 5px 15px;
	background: url(../images/news_icon_arrow.png) 5px 11px no-repeat;
	font-weight: bold;
	clear:both;
}
#experience #header .section.news .section-cont dl dd{
	width:714px;
	float:right;
	padding:5px 0 5px;
	border-top: #CCC 1px dotted;
}
#experience #header .section.news .section-cont dl dt.first,
#experience #header .section.news .section-cont dl dd.first{
	border-top:none;
}

#experience #header .topics{
	width: 580px;
	margin: 30px auto 0;
	padding: 10px 10px 20px 10px;
	clear:both;
	background: none;
	border-radius:10px;
	text-align: center;
}
#experience #header .topics li{
	margin: 0px 30px;
	text-align: left;
}

#experience #header .topics li.li1{
	padding: 15px 0px 0px 0px;
	text-align: left;
}

#experience #header .topics li.li2{
	padding: 0px 0px 0px 66px;
	text-align: left;
}

#experience #header .topics li.li3{
	padding: 0px 0px 0px 140px;
	text-align: left;
}

@media screen and (max-width: 600px) {
	#experience #header .section.news {
		width: auto;
		margin: 10px;

	}
	#experience #header .section.news .section-cont dl dt {
		border-top: medium none;
		float: none;
		padding: 5px 0 0 15px;
		width: auto;
	}
	#experience #header .section.news .section-cont dl dd {
		border-bottom: 1px dotted #ccc;
		border-top: medium none;
		float: none;
		padding: 0 0 5px 15px;
		width: auto;
	}
	#experience #header .section.news .section-cont dl dt.first,#experience #header .section.news .section-cont dl dd.first {
		border-top: medium none;
	}
	#experience #header .section.news .section-cont dl dd:last-child {
		border-bottom: medium none;
	}
	#experience #header .topics {
		width: auto;
		margin: 10px;
	}
	#experience #header .topics li{
		margin: 0px 10px;
		text-align: left;
	}
}



/* about */
#experience #cont .section.about {
	padding: 30px 0 30px;
}

#experience #cont .section.about h2{
	margin:0 0 20px;
	text-align: center;
}
#experience #cont .section.about p.pc-img{
	text-align: center;
}
#experience #cont .section.about p.caption {
	font-size:1.666em;
	margin: 0 30px;
}

#experience #cont .section.about .sp-img {
	display: none;
}

@media screen and (max-width: 600px) {
	#experience #cont .section.about {
		width: 100%;
		padding: 3%;
	}
	
	#experience #cont .section.about h2 {
		margin: 0 0 3%;
	}
	
	#experience #cont .section.about h2 img {
		width: 90%;
		height: auto;
	}
	
	#experience #cont .section.about p.caption {
		font-size:1.333em;
		margin: 0;
	}
	
	#experience #cont .section.about .pc-img {
		display: none;
	}
	
	#experience #cont .section.about .sp-img {
		display: block;
		overflow: hidden;
	}
	
	#experience #cont .section.about .sp-img p {
		width: 100%;
		margin: 3% 0 0;
	}
	
	#experience #cont .section.about .sp-img p img {
		width: 100%;
	}
}



/* course */
#experience #cont .section.course {
	
}
#experience #cont .section.course h2{
	text-align: center;
}

#experience #cont .section.course .section-cont {
	margin: 20px 0 0;
	padding: 6px;
	background-color: #98ccbe;
	overflow: hidden;
}

#experience #cont .section.course .section-cont dl {
	width: 585px;
	float: right;
}

#experience #cont .section.course .section-cont dl dt {
	margin: 10px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 1.667em;
	font-weight: bold;
	line-height: 1.4;
}

#experience #cont .section.course .section-cont dl dt span {
	font-size: 1.350em;
}

#experience #cont .section.course .section-cont dl dd {
	height: 92px;
	margin: 10px 0 0 0;
	padding: 15px 10px 0 10px;
	background-color: #fff;
	font-size: 1.333em;
}

#experience #cont .section.course .section-cont p {
	float: left;
}

@media screen and (max-width: 600px) {
	#experience #cont .section.course {
		padding: 3%;
	}
	
	#experience #cont .section.course h2 img{
		width:136px;
		height: auto;
	}
	
	#experience #cont .section.course .section-cont {
		margin: 5% 0 0;
		padding: 3%;
		background-color: #98ccbe;
		overflow: hidden;
	}
	
	#experience #cont .section.course .section-cont img {
		width: 100%;
	}
	
	#experience #cont .section.course .section-cont dl {
		width: auto;
		float: none;
	}
	
	#experience #cont .section.course .section-cont dl dt {
		margin: 0;
		text-align: center;
		color: #fff;
		font-size: 1.417em;
		line-height: 1.3;
	}
	
	#experience #cont .section.course .section-cont dl dt span {
		font-size: 1.143em;
	}
	
	#experience #cont .section.course .section-cont dl dd {
		width: 55%;
		height: auto;
		margin: 10px 0 0 0;
		padding: 0;
		background: none;
		float: right;
		color: #fff;
		font-size: 1em;
	}
	
	#experience #cont .section.course .section-cont p {
		width: 40%;
		margin: 10px 0 0 0;
		border: solid 1px #fff;
		float: left;
		position: static;
	}
	
}



/* schedule */
#experience #cont .section.schedule {
}
#experience #cont .section.schedule h2{
	text-align: center;
}

#experience #cont .section.schedule p .sp-img {
	display: none;
}

#experience #cont .section.schedule p.caution {
	margin: 20px 0 0 0;
	color: #f00;
	font-size: 1.167em;
}
#experience #cont .section.schedule ul.caution{
	margin:20px 0 0;
}
#experience #cont .section.schedule ul.caution li{
	color: #f00;
    font-size: 1.167em;
    font-weight: normal;
    margin: 0;	
}

@media screen and (max-width: 600px) {
	#experience #cont .section.schedule {
		padding: 3%;
	}
	
	#experience #cont .section.schedule img{
		width:136px;
		height: auto;
	}
	
	#experience #cont .section.schedule p .pc-img {
		display: none;
	}
	
	#experience #cont .section.schedule p .sp-img {
		width: 100%;
		margin: 5% 0 0;
		display: inline;
	}
	
	#experience #cont .section.schedule p.caution {
		margin: 20px 0 0 0;
		color: #f00;
		font-size: 1.167em;
	}
	#experience #cont .section.schedule ul.caution li {
		margin: 0;
		padding-left: 1em;
		text-indent: -1em;
		color: #f00;
		font-size: 1.167em;
		font-weight: normal;
	}
}

/* entry */
#experience #cont .section.entry h2{
	text-align: center;
	margin:0 0 30px;
}
#experience #cont .section.entry p{
	text-align: center;
	font-weight: bold;
	font-size:1.333em;
	margin:0 0 20px;
}
#experience #cont .section.entry p a{
	text-decoration: underline;
}
#experience #cont .section.entry p a:hover{
	text-decoration: none;
}
#experience #cont .section.entry ul{
	margin:0 0 30px;
}
#experience #cont .section.entry ul li{
	margin:0 0 15px;
}
#experience #cont .section.entry ul li .sp{
	display: none;
}

#experience #cont .section.entry ul.caution {
	margin: 20px 0 0 0;
}

#experience #cont .section.entry ul.caution li {
	margin: 0;
	color: #f00;
	font-size: 1.167em;
	font-weight: normal;
}

@media screen and (max-width: 600px) {
	#experience #cont .section.entry {
		padding: 3%;
	}
	
	#experience #cont .section.entry h2{
		margin:0 0 20px;
	}
	#experience #cont .section.entry h2 img{
		height:27px;
		width: auto;
	}
	#experience #cont .section.entry p{
		font-size:1.167em;
	}
	#experience #cont .section.entry ul li .pc{
		display:none;
	}
	#experience #cont .section.entry ul li .sp{
		display: block;
	}
	#experience #cont .section.entry ul li img{
		width:100%;
		height: auto;;
	}
	
	#experience #cont .section.entry ul.caution {
		margin: 20px 0 0 0;
	}

	#experience #cont .section.entry ul.caution li {
		margin: 0;
		padding-left: 1em;
		text-indent: -1em;
		color: #f00;
		font-size: 1.167em;
		font-weight: normal;
	}
}
/*** ------------------------------------------------------------------------------ 

共通設定

-----------------------------------------------------------------------------  ***/
#cont h2.h2{
	border-bottom:#CCC 1px solid;
	padding:0 0 10px;
	margin:0 0 20px;
}
#cont h2.h2 span{
	border-left:#0E6EB8 4px solid;
	padding:0 10px 0 15px;
	font-size:1.75em;
	font-weight: bold;
}
#cont h3.h3{
	color:#FFF;
	font-size:1.333em;
	font-weight: bold;
	padding:5px 25px;
	margin:0 0 15px;
	background: url(../images/search/search_icon_arrow2.png) 10px center no-repeat #EB678C;
}

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

会員画面（#login）

-----------------------------------------------------------------------------  ***/
#login #cont .login {
	margin:0 0 30px;
}
#login #cont .login .section-cont{
	background: #C4E5F2;
	border-radius:10px;
	padding:50px 150px;
}
#login #cont .login .section-cont dl dt{
	float:left;
	font-size:1.25em;
	font-weight: bold;
	color:#0E6EB8;
	margin:0 10px 0 0;
	padding:5px 10px 0;
	width:130px;
	height:23px;
}
#login #cont .login .section-cont dl dd {
	float:left;
	margin:0 15px 10px 0;
}
#login #cont .login .section-cont dl dd.name {
	width:390px;
}
#login #cont .login .section-cont dl dd .text input{
	height:34px;
	float:left;
	padding:0 10px;
	border:none;
}
#login #cont .login .section-cont dl dd .btn input{
     outline:none;
     border:none;
     cursor:pointer;
     background: #036DB7;
     width:100px;
     height:34px;
     display:block;
     margin:0 270px;
	 border-radius:10px 10px 10px 10px;
	 color:#FFFFFF;
	 font-weight: bold;
}
@media screen and (max-width: 600px) {
	#login #cont .login .section-cont{
		padding:15px 10px;
	}
	#login #cont .login .section-cont dl dt{
		float:none;
		margin:0 0 10px;
		padding:0;
		width: auto;
		height: auto;
		text-indent: 0px;
		font-size:1.25em;
		font-weight: bold;
		color:#0E6EB8;
		background: none;
	    -webkit-text-shadow: 0px 0px 10px #FFF;
	    -moz-text-shadow: 0px 0px 10px #FFF;
	    -ms-text-shadow: 0px 0px 10px #FFF;
	    text-shadow:  0px 0px 10px #FFF;
	}
	#login #cont .login .section-cont dl dd {
		float:none;
		margin:0 0 10px;
	}
	#login #cont .login .section-cont dl dd.name {
		width:100%;
	}
	#login #cont .login .section-cont dl dd .text input{
		border-radius:0px !important;
	}
	#login #cont .login .section-cont dl dd .btn input{
	     width:100px;
	     margin:auto;
	}
	#login #cont .login .section-cont dl dd.category {
		margin:0;
	}
	#login #cont .login .section-cont dl dd.category .easy-select-box{
		width:280px;
	}
	#login #cont .login .section-cont dl dd.category .easy-select-box .esb-displayer{
		width:245px;
	}
}

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

アンケート回答画面（#question）

-----------------------------------------------------------------------------  ***/
#question #cont .question .section-cont{
	background: #C4E5F2;
	border-radius:10px;
	padding:15px 20px;
}
#question #cont .question .section-cont dl dt{
	float:left;
	margin:0 10px 0 0;
	padding:5px 0 0;
	width:99px;
	height:23px;
	text-indent:-9999px;
	background: url(../images/search/search_text_name.png) no-repeat;
}
#question #cont .question .section-cont dl dd {
	float:left;
	margin:0 15px 0 0;
}
#question #cont .question .section-cont dl dd.name {
	width:390px;
}
#question #cont .question .section-cont dl dd .text input{
	width:300px;
	height:34px;
	float:left;
	padding:0 10px;
	border:none;
}
#question #cont .question .section-cont dl dd .btn input{
     outline:none;
     border:none;
     cursor:pointer;
     background: url(../images/search/question_icon_glass.png) center center no-repeat #036DB7;
     width:70px;
     height:34px;
     text-indent:-9999px;
     display:block;
     margin:0 ;
	 border-radius:0 10px 10px 0;
}
#question #cont .question .section-cont dl dd.category {
	margin:0;
}

/* selectbox */
#question #cont .question .section-cont dl dd.category select{
	width:330px;
}
#question #cont .question .section-cont dl dd.category span.customSelect {
	background: url(../images/search/icon_select_arrow.png) right center no-repeat #FFF;
	border-radius:10px;
	height:34px;
	width:280px;
	line-height:34px;
	font-size:1.167em;
	padding:0 30px 0 10px;
	overflow:hidden;
}
@media screen and (max-width: 600px) {
	#question #cont .question .section-cont{
		padding:15px 10px;
	}
	#question #cont .question .section-cont dl dt{
		float:none;
		margin:0 0 10px;
		padding:0;
		width: auto;
		height: auto;
		text-indent: 0px;
		font-size:1.25em;
		font-weight: bold;
		color:#0E6EB8;
		background: none;
	    -webkit-text-shadow: 0px 0px 10px #FFF;
	    -moz-text-shadow: 0px 0px 10px #FFF;
	    -ms-text-shadow: 0px 0px 10px #FFF;
	    text-shadow:  0px 0px 10px #FFF;
	}
	#question #cont .question .section-cont dl dd {
		float:none;
		margin:0 0 10px;
	}
	#question #cont .question .section-cont dl dd.name {
		width:100%;
	}
	#question #cont .question .section-cont dl dd .text input{
		width:220px;
		border-radius:0px !important;
	}
	#question #cont .question .section-cont dl dd .btn input{
	     width:40px;
	}
	#question #cont .question .section-cont dl dd.category {
		margin:0;
	}
	/* selectbox */
	#question #cont .question .section-cont dl dd.category select{
		width:290px;
	}
	#question #cont .question .section-cont dl dd.category span.customSelect {
		width:240px;
	}
}

#question #cont .result .section-cont .pagenation {
	position:relative;
	margin:0 0 20px;
}
#question #cont .result .section-cont .pagenation.bottom {
	min-height:20px;
	margin:0 0 40px;
}
#question #cont .result .section-cont .pagenation ul {
	position:absolute;
	right:130px;
	font-weight: bold;
	font-size:1.25em;
}
#question #cont .result .section-cont .pagenation.bottom ul {
	right: 0;
}
#question #cont .result .section-cont .pagenation ul li{
	float:left;
	margin:0 5px;
}
#question #cont .result .section-cont .pagenation ul li a{
	color:#026CB7;
	text-decoration: underline;
}
#question #cont .result .section-cont .pagenation ul li a:hover{
	text-decoration: none;
}
#question #cont .result .section-cont .pagenation p{
	float:left;
}

#question #cont .result2 {
	width:650px;
	margin:0 140px;
}
#question #cont .result2 .section-cont .list h4 .answer{
	/* width:49px; */
	display:inline-block;
	writing-mode: tb-rl;
	line-height: 47px
}

/* selectbox */
#question #cont .result .section-cont .pagenation p span.customSelect {
	background: url(../images/search/icon_select_arrow.png) right center no-repeat #FFF;
	border-radius:10px;
	padding:0 30px 0 10px;
	height:25px;
	width:73px;
	line-height:25px;
	font-size:1.167em;
	border:#CCC 1px solid;
	overflow:hidden;
}
#question #cont .result .section-cont .list {
	margin: 0 0 20px;
}
#question #cont .result .section-cont .list h4{
    background: -webkit-gradient(linear,left top,left bottom, from(#FFFFFF), to(#CCCCCC));
    background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
    /* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0)";
	border:#CCCCCC 1px solid;
	font-size:1.25em;
	font-weight: bold;
	padding:2px 10px;
}
#question #cont .result .section-cont .list h4 .name{
	/* width:390px; */
	width:450px;
	display:inline-block;
}
#question #cont .result .section-cont .list h4 .answer{
	/* width:49px; */
	display:inline-block;
	writing-mode: tb-rl;
	line-height: 47px
}
#question #cont .result .section-cont .list h4 .address{
	/* width:280px; */
	width:150px;
	display:inline-block;
}
#question #cont .result .section-cont .list .question{
	border-bottom: 1px #CCCCCC dotted;
	padding:6px 0;
	font-size:1.25em;
	clear:both;
}
#question #cont .result .section-cont .list .question.bl-hover{
	background: #EEEEEE;
}
#question #cont .result .section-cont .list .question h5{
	background: url(../images/search/search_icon_arrow02.png) left 0.7em no-repeat;
	padding:0 15px;
	/* width:370px; */
	width:580px;
	float:left;
	font-size:15px;
}
#question #cont .result .section-cont .list .question h6{
	padding:10px 15px;
	width:650px;
	width:auto;
	float:left;
	font-size:15px;
}
#question #cont .result .section-cont .list .question dl dt{
/*	display:none; */
		display: block;
		background: #98ccbe;
		color:#FFFFFF;
		float: left;
		text-align: center;
		clear:both;
		width:40%;
		border-bottom: 1px #FFFFFF solid;
		margin:0px 0px 0px 30px;
}
#question #cont .result .section-cont .list .question dl dd{
/*
	float:left;
	width:170px;
	padding:25px 10px 0 0;
	font-size:13px;
*/

	float:left;
	background: #EEEEEE;
	border-bottom: 1px #FFFFFF solid;
	padding:0;
	text-indent:13px;

}
#question #cont .result .section-cont .list .question dl dd.address{
	float:left;
	width:150px;
	padding:0 10px 0 0;
	font-size:14px;
}
#question #cont .result .section-cont .list .question p{
	width:110px;
	float:left;
}
#question #cont .result .section-cont .list .question p a{
	display:inline-block;
	background: #036DB7;
	border-radius:10px;
	padding:2px 10px;
	color:#FFFFFF;
}
#question #cont .result .section-cont .list .question p a:hover{
	background: #024877;
	text-decoration: none;
}

#question #cont .result .section-cont dd .btn2 input{
     outline:none;
     border:none;
     cursor:pointer;
     background: #eb678c;
     width:150px;
     height:34px;
     /* display:block; */
     /* margin:0 240px 20px; */
	 border-radius:10px 10px 10px 10px;
	 color:#FFFFFF;
	 font-weight: bold;
}
#question #cont .result2 .section-cont .list2 {
	margin: 0 0 20px;
}
#question #cont .result2 .section-cont .list2 h4{
    background: -webkit-gradient(linear,left top,left bottom, from(#FFFFFF), to(#CCCCCC));
    background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
    /* IE 5.5-7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0)";
	border:#CCCCCC 1px solid;
	font-size:1.25em;
	font-weight: bold;
	padding:2px 10px;
}
#question #cont .result2 .section-cont .list2 .question{
	border-bottom: 1px #CCCCCC dotted;
	padding:6px 0;
	font-size:1.25em;
	clear:both;
}
#question #cont .result2 .section-cont .list2 .question h5{
	background: url(../images/search/search_icon_arrow02.png) left 0.7em no-repeat;
	padding:0 15px;
	/* width:370px; */
	width:650px;
	float:left;
	font-size:15px;
}
#question #cont .result2 .section-cont .list2 .question h6{
	padding:10px 15px;
	width:650px;
	width:auto;
	float:left;
	font-size:15px;
}
#question #cont .result2 .section-cont .list2 .question dl dt{
	display:none;
}
#question #cont .result2 .section-cont dd .btn input{
     outline:none;
     border:none;
     cursor:pointer;
     background: #036DB7;
     width:100px;
     height:34px;
     /* display:block; */
     margin:0 0 20px;
	 border-radius:10px 10px 10px 10px;
	 color:#FFFFFF;
	 font-weight: bold;
}

#question #cont .result2 .section-cont dd .btn2 input{
     outline:none;
     border:none;
     cursor:pointer;
     background: #eb678c;
     width:170px;
     height:34px;
     /* display:block; */
     margin:0 0px 50px;
	 border-radius:10px 10px 10px 10px;
	 color:#FFFFFF;
	 font-weight: bold;
}

@media screen and (max-width: 650px) {
	#question #cont .result {
		width:auto;
		margin:0 0;
	}
	#question #cont .result .section-cont .list h4{
		display:none;
	}
	#question #cont .result .section-cont .list .question{
		border-top: 1px #CCCCCC solid;
		border-left: 1px #CCCCCC solid;
		border-right: 1px #CCCCCC solid;
		border-bottom: none;
		/* width:38%; */
		padding:15px 10px;
	}
	#question #cont .result .section-cont .list .question:last-child{
		border-bottom: 1px #CCCCCC solid;
	}
	#question #cont .result .section-cont .list .question h5{
		background: url(../images/search/search_icon_arrow02.png) left 0.7em no-repeat;
		padding:0 15px;
		width: auto;
		float:none;
		margin:0 0 10px;
		font-weight: bold;
	}
	#question #cont .result .section-cont .list .question h6{
		padding:10px 5px;
		width: auto;
		float:none;
		/* margin:0 0 10px; */
		/* font-weight: bold; */
	}
	#question #cont .result .section-cont dd .btn2 input{
	     outline:none;
	     border:none;
	     cursor:pointer;
	     background: #eb678c;
	     width:150px;
	     height:34px;
	     /* display:block; */
	     margin:0 0 20px;
		 border-radius:10px 10px 10px 10px;
		 color:#FFFFFF;
		 font-weight: bold;
	}
	#question #cont .result .section-cont .list .question dl dt{
		display: block;
		background: #98ccbe;
		color:#FFFFFF;
		float:left;
		text-align: center;
		clear:both;
		/* width:40%; */
		width:70%;
		border-bottom: 1px #FFFFFF solid;
		margin:0px 0px 0px 15px;
	}
	#question #cont .result .section-cont .list .question dl dd{
		background: #EEEEEE;
		border-bottom: 1px #FFFFFF solid;
		padding:0;
		width:70%;
		text-indent:13px;
	}
	#question #cont .result .section-cont .list .question p{
		display:none;
	}
}

@media screen and (max-width: 650px) {
	#question #cont .result2 {
		width:auto;
		margin:0 0;
	}
	#question #cont .result2 .section-cont .list2 h4{
		display:none;
	}
	#question #cont .result2 .section-cont .list2 .question{
		border-top: 1px #CCCCCC solid;
		border-left: 1px #CCCCCC solid;
		border-right: 1px #CCCCCC solid;
		border-bottom: none;
		padding:15px 10px;
	}
	#question #cont .result2 .section-cont .list2 .question:last-child{
		border-bottom: 1px #CCCCCC solid;
	}
	#question #cont .result2 .section-cont .list2 .question h5{
		background: url(../images/search/search_icon_arrow02.png) left 0.7em no-repeat;
		padding:0 15px;
		width: auto;
		float:none;
		margin:0 0 10px;
		font-weight: bold;
	}
	#question #cont .result2 .section-cont .list2 .question h6{
		padding:10px 5px;
		width: auto;
		float:none;
		/* margin:0 0 10px; */
		/* font-weight: bold; */
	}
	#question #cont .result2 .section-cont dd .btn2 input{
	     outline:none;
	     border:none;
	     cursor:pointer;
	     background: #eb678c;
	     width:170px;
	     height:34px;
	     /* display:block; */
	     margin:0 0 20px;
		 border-radius:10px 10px 10px 10px;
		 color:#FFFFFF;
		 font-weight: bold;
	}
	#question #cont .result2 .section-cont .list2 .question dl dd{
		background: #EEEEEE;
		border-bottom: 1px #FFFFFF solid;
		padding:0;
		width:70%;
		text-indent:10px;
	}
	#question #cont .result2 .section-cont .list2 .question dl dt{
		display: block;
		background: #eb678c;
		color:#FFFFFF;
		/* float:left; */
		text-align: center;
		font-weight: bold;
		clear:both;
		width:auto;
		border-bottom: 1px #FFFFFF solid;
		font-size:13px;
	}
	#question #cont .result2 .section-cont .list2 .question p{
		display:none;
	}
}


@media screen and (max-height: 475px) {
	#education-detail li{
		line-height:30px;
	}
	#education-detail li:hover{
		line-height:30px;
	}
}

@media screen and (max-height: 444px) {
	#education-detail li{
		line-height:22px;
	}
	#education-detail li:hover{
		line-height:22px;
	}
}

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

seminar-guide

-----------------------------------------------------------------------------  ***/
#main .seminar-guide {
	width: 100%;
	text-align: center;
	vertical-align:middle;
}

#main .seminar-guide .page-odd {
	width: 100%;
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}

#main .seminar-guide .page-even {
	width: 100%;
	background-color: #F6F6F6;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media screen and (max-width: 600px) {
	#main .seminar-guide {
		width: 100%;
	}
	
	#main .seminar-guide img {
		width: 90%;
	}

	#main .seminar-guide .page-odd {
		width: 100%;
	}

	#main .seminar-guide .page-even {
		width: 100%;
	}
}

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

sub-contents

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

.sub-contents {
	width: 1024px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.sub-contents .contents {
	width: 500px;
	margin-bottom: 20px;
	float: left;
}

.sub-contents .contents-r {
	width: 500px;
	float: right;
}

@media screen and (max-width: 600px) {

	.sub-contents {
		width: auto;
	}
	
	.sub-contents img {
		width: 80%;
	}
	
	.sub-contents .contents {
		width: auto;
		float: none;
	}
	
	.sub-contents .contents-r {
		width: auto;
		float: none;
	}

}