@charset "UTF-8";

/* ttl */
#ttl{
	height:200px;
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:30px;
}
#concept #ttl{
	background-color:#D0E3FB;
}
#gakkai #ttl{
	background-color:#85CBA7;
}
#onoff #ttl{
	background-color:#6C99BD;
}
#case #ttl{
	background-color:#3C6AAD;
}
#support #ttl{
	background-color:#FD6F71;
}
#concept #ttl{
	background-image:url(../../img/concept/ttl_bg.jpg);
}
#gakkai #ttl{
	background-image:url(../../img/gakkai/ttl_bg.jpg);
}
#onoff #ttl{
	background-image:url(../../img/onoff/ttl_bg.jpg);
}
#case #ttl{
	background-image:url(../../img/case/ttl_bg.jpg);
}
#database #ttl, #contact #ttl{
	height:auto;
}
#support #ttl{
	background-image:url(../../img/support/ttl_bg.jpg);
}
#ttl_dot{
	background-image:url(../img/ttl_dot.png);
	background-repeat:repeat;
	background-position:left top;
	position:relative;
	height:100%;
	width:100%;
}
#database #ttl_dot{
	background-image:none;
}
#ttl_txt{
	max-width:980px;
	margin:0 auto;
	padding:0 10px;
}
#ttl_txt h1{
	padding-top:55px;
}
#case #ttl_txt h1{
	padding-top:68px;
}
#concept #ttl_txt h1, #gakkai #ttl_txt h1{
	padding-top:80px;
}

/* breadcrumb */
#breadcrumb{
	width:980px;
	margin:0 auto 30px auto;
	padding:0 10px;
	letter-spacing:-.40em;
}
#breadcrumb li{
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:middle;
	font-size:93%;
	line-height:1.2em;
	font-weight:bold;
}
#breadcrumb li.arrow{
	padding:0 12px;
}
#breadcrumb li a:hover{
	text-decoration:underline;
}

/* container */
#container{
	overflow:hidden;
	width:980px;
	margin:0 auto;
	padding:0 10px 50px 10px;
}

/* contents */
#contents{
	float:right;
	width:730px;
}
.no_side #contents{
	float:none;
	width:auto;
}

/* side */
#side{
	float:left;
	width:230px;
}
#side li{
	margin-bottom:10px;
	font-size:10px;
	display:table;
	width:100%;
}
#side li span{
	display:block;
	font-weight:bold;
	padding:20px 15px 16px 15px;
	font-size:12px;
	color:#fff;
}
#concept #side li span{
	background-color:#AFCFF8;
}
#gakkai #side li span{
	background-color:#85CBA7;
}
#onoff #side li span{
	background-color:#1496bf;
	font-size:11px;
	font-weight:normal;
	padding:12px 15px 8px 15px;
}
#case #side li span{
	background-color:#2f5a9e;
}
#support #side li span{
	background-color:#FD6F71;
}
#contact #side li span{
	background-color:#D0AF75;
}
#onoff #side li span strong{
	font-size:16px;
}
#side li a{
	display:table;
	color:#fff;
	width:100%;
	line-height:1.2em;
}
#gakkai #side li a{
	background-color:#85CBA7;
}
#onoff #side li a{
	background-color:#1496BF;
}
#case #side li a{
	background-color:#2F5A9E;
}
#side li a:hover,
#side li.active a{
	opacity:0.6;
	filter:alpha(opacity=60);
}
#side li a .vol{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px 0 10px;
	font-family:'Roboto Condensed', sans-serif;
	font-size:138.5%;
	width:44px;
}
#side li a .name{
	display:table-cell;
	padding:8px 5px 6px 0;
}
#side li a .name strong{
	display:block;
	font-size:16px;
	margin-bottom:3px;
	line-height:1.2em;
}
#side li.bnr{
	width:230px;
	padding-top:20px;
	background-color:#fff !important;
}
#side li.bnr img{
	width:100%;
	height:auto;
}

/* slide */
#onoff #side li ul li{
	margin-bottom:2px;
}
#onoff #side li .slide_btn{
	background-color:#006486;
	display:block;
	font-weight:bold;
	padding:20px 15px 16px 15px;
	font-size:16px;
	color:#fff;
	margin-bottom:2px;
	cursor:pointer;
	background-image:url(../img/slide_btn_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
#onoff #side li .slide_btn:hover,
#onoff #side li .slide_btn.active{
	opacity:0.8;
	filter:alpha(opacity=80);
}
#onoff #side li .slide_btn.active{
	background-image:url(../img/slide_btn_arrow_active.png);
}
#onoff #side li .slide_btn em{
	font-style:normal;
	font-family:'Roboto Condensed', sans-serif;
	font-size:17px;
	margin-right:3px;
	font-weight:normal;
}
#onoff #side li .slide_list{
	display:none;
}

@media screen and (max-width: 1000px) {
/* ttl */
#ttl{
	margin-bottom:20px;
}
#concept #ttl{
	background-position:right top;
}

/* breadcrumb */
#breadcrumb{
	width:auto;
	margin-bottom:20px;
}

/* container */
#container{
	width:auto;
	padding:0 10px 20px 10px;
}

/* contents */
#contents{
	float:none;
	width:auto;
	margin-bottom:50px;
}

/* side */
#side{
	float:none;
	width:auto;
}
#side li{
	margin-bottom:2px;
}
#side li a .name strong br{
	display:none;
}
#side li.bnr{
	padding-top:18px;
}
#side li a br{
	display:none;
}
}

@media screen and (max-width: 640px) {
/* ttl */
#ttl{
	height:60px;
	background-image:none !important;
	margin-bottom:10px;
}
#ttl_dot{
	background-image:none;
}
#concept #ttl{
	background-color:#AFCFF8;
}
#gakkai #ttl{
	background-color:#85CBA7;
}
#onoff #ttl{
	background-color:#1396BF;
}
#case #ttl{
	background-color:#2F5A9E;
}
#support #ttl{
	background-color:#FD6F71;
}
#ttl_txt h1{
	height:40px;
	padding-top:10px !important;
}
#concept #ttl_txt h1, #gakkai #ttl_txt h1{
	height:17px;
	padding-top:18px !important;
}
#ttl_txt h1 img{
	height:100%;
	width:auto;
}
#contact #ttl h1{
	height:30px;
	padding-top:20px !important;
}

/* breadcrumb */
#breadcrumb{
	display:none;
}

/* side */
#side li a .name strong{
	font-size:14px;
}
#side li.bnr{
	margin:0 auto;
}

/* slide */
#onoff #side li .slide_btn{
	background-image:url(../img/slide_btn_arrow_sp.png);
	background-size:34px 11px;
}
#onoff #side li .slide_btn.active{
	background-image:url(../img/slide_btn_arrow_active_sp.png);
}
}