@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------- 
タイトル: SLY トップページ用基本設計
制作者 :EMJ

概要 : 基本設計＋メニューバー＋フッタ

作成日 : 2014/02/14
変更日 : 
--------------------------------------------------*/
.container { margin: 0 auto; }

/* SLY wrapper */
.wrap {
	width: 950px;
	/*height: 305px;*/
	position: relative;
	margin: 0;
	float: left;
	text-align: left;
	xbackground: #5f83b0;
}

/* Frame */
 .frame {
	/*height: 250px;*/
	line-height: 250px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.frame ul li {
	float: left;
	width: 950px;
	/*height: 305px;*/
	margin: 0px 10px 0px 0px;
	padding: 0;
	xbackground: #333;
	color: #ddd;
	text-align: center;
	cursor: pointer;
	line-height: 1;
}
.frame ul li.active {
	color: #fff;
	xbackground: #a03232;
}

.frame li a IMG{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	xborder: 1px solid #333;
}

.frame li a{
     filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.frame li a:visited {}
.frame li a:active  {}
.frame li a:hover   {
     filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

.frame p{
	font-size: 15px;
	xcolor: #9D9D21;
	margin: 16px 0 0 0;
	text-align: left;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 5px 0px 5px 0px;
	xpadding: 20px 0px 20px 0px;
	text-align: center;
	background-color: #F6F4EF;
}
.pages li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }

/* Effects */
.effects {
	height: 200px;
	line-height: 200px;
	-webkit-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	overflow-y: show;
}
.effects ul {
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.effects ul li {
	position: relative;
	margin: 0 -20px;
	-webkit-transform: rotateY(60deg) scale(0.9);
	-ms-transform: rotateY(60deg) scale(0.9);
	transform: rotateY(60deg) scale(0.9);
	-webkit-transition: -webkit-transform 300ms ease-out;
	transition: transform 300ms ease-out;
}
.effects ul li.active {
	z-index: 10;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.effects ul li.active ~ li {
	-webkit-transform: rotateY(-60deg) scale(0.9);
	-ms-transform: rotateY(-60deg) scale(0.9);
	transform: rotateY(-60deg) scale(0.9);
}

/*btn group*/
button, input, select, textarea { xcolor: #666; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
	border: none;
}

/* Select styles */
::-moz-selection { background: #4d4d4d; color: #fff; text-shadow: -1px -1px 0 #222; }
::selection { background: #4d4d4d; color: #fff; text-shadow: -1px -1px 0 #222; }

label, input, button, select, textarea { font-weight: normal; }

.btn {
	position: relative;
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	line-height: 30px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	xbackground-color: #fff;
	xborder: 1px solid #ccc;
	xborder-bottom-width: 2px;
	xborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
	*zoom: 1;
}

.btn:hover,  .btn:active,  .btn.active,  .btn.disabled,  .btn[disabled] {
	color: #333;
	background: none;
}

.btn:first-child { *margin-left: 0; }

.btn a { 
	color: #ff0000;
	background: none; 
}

.btn:hover { 
	color: #7C7779;
	text-decoration: none;
	background: none; 
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active,  .btn:active,  .btn-group.open  .btn { 
	xoutline: 0;
	xtop: 1px;
	xborder-top-width: 2px;
	xborder-bottom-width: 1px;
	xborder-top-color: rgba(0,0,0,.2);
	x-webkit-box-shadow: inset 0 60px 0 rgba(0,0,0,.1);
	x-moz-box-shadow: inset 0 60px 0 rgba(0,0,0,.1);
	xbox-shadow: inset 0 60px 0 rgba(0,0,0,.1);
	xbackground: none; 
}

.btn.disabled,  .btn[disabled] {
	cursor: default;
	background: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.btn-large { padding: 11px 19px; font-size: 17.5px; }
.btn-large [class^="icon-"],  .btn-large [class*=" icon-"] { margin-top: 4px; }

.btn-small { padding: 2px 10px; font-size: 11.9px; }
.btn-small [class^="icon-"],  .btn-small [class*=" icon-"] { margin-top: 0; }

.btn-mini [class^="icon-"],  .btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 0 6px; font-size: 10.5px; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block +  .btn-block { margin-top: 5px; }

input[type="submit"] .btn-block, input[type="reset"] .btn-block, input[type="button"] .btn-block { width: 100%; }

.btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #6b9fd6; }
.btn-primary:hover,  .btn-primary:active,  .btn-primary.active,  .btn-primary.disabled,  .btn-primary[disabled] { color: #fff; background-color: #6190c2; }

.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #47ABDD; }
.btn-info:hover,  .btn-info:active,  .btn-info.active,  .btn-info.disabled,  .btn-info[disabled] { color: #fff; background-color: #1695D1; }

.btn-warning { color: #5f4912; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #efcd76; }
.btn-warning:hover,  .btn-warning:active,  .btn-warning.active,  .btn-warning.disabled,  .btn-warning[disabled] { background-color: #e9bb44; }

.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; }
.btn-danger:hover,  .btn-danger:active,  .btn-danger.active,  .btn-danger.disabled,  .btn-danger[disabled] { color: #fff; background-color: #bd362f; }

.btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #82bf4c; }
.btn-success:hover,  .btn-success:active,  .btn-success.active,  .btn-success.disabled,  .btn-success[disabled] { color: #fff; background-color: #5bb75b; }

.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #3a3c47; }
.btn-inverse:hover,  .btn-inverse:active,  .btn-inverse.active,  .btn-inverse.disabled,  .btn-inverse[disabled] { color: #fff; background-color: #494c59; }

button .btn, input[type="submit"] .btn { *padding-top: 3px; *padding-bottom: 3px; }
button .btn::-moz-focus-inner, input[type="submit"] .btn::-moz-focus-inner { padding: 0; border: 0; }
button .btn .btn-large, input[type="submit"] .btn .btn-large { *padding-top: 7px; *padding-bottom: 7px; }
button .btn .btn-small, input[type="submit"] .btn .btn-small { *padding-top: 3px; *padding-bottom: 3px; }
button .btn .btn-mini, input[type="submit"] .btn .btn-mini { *padding-top: 1px; *padding-bottom: 1px; }

.btn-link,  .btn-link:active,  .btn-link[disabled] { background-color: transparent; background-image: none; }
.btn-link { color: #0088cc; cursor: pointer; border-color: transparent; }
.btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover { color: #333333; text-decoration: none; }

.btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; }
.btn-group:first-child { *margin-left: 0; }
.btn-group +  .btn-group { margin-left: 5px; }

.btn-toolbar { margin-top: 15px; margin-bottom: 15px; font-size: 0; *zoom: 1; }
.btn-toolbar:before,  .btn-toolbar:after { content: " "; display: table; }
.btn-toolbar:after { clear: both; }
.btn-toolbar  .btn-group.left { float: left; }
.btn-toolbar  .btn-group.right { float: right; }
.btn-toolbar >  .btn +  .btn,  .btn-toolbar >  .btn-group +  .btn,  .btn-toolbar >  .btn +  .btn-group { margin-left: 5px; }

.btn-group >  .btn { position: relative; }
.btn-group >  .btn +  .btn { margin-left: -1px; }
.btn-group >  .btn,  .btn-group > .dropdown-menu,  .btn-group > .popover { font-size: 16px; }
.btn-group >  .btn-mini { font-size: 10px; }
.btn-group >  .btn-small { font-size: 12px; }
.btn-group >  .btn-large { font-size: 18px; }

.btn-group >  .btn:first-child { margin-left: 0; }
.btn-group >  .btn.large:first-child { margin-left: 0; }

.btn-group >  .btn:hover,  .btn-group >  .btn:focus,  .btn-group >  .btn:active,  .btn-group >  .btn.active { z-index: 2; }

.btn-group .dropdown-toggle:active,  .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group >  .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; }
.btn-group >  .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; }
.btn-group >  .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; }
.btn-group >  .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; }

.btn .caret { margin-top: 14px; margin-left: 2px; margin-right: 2px; }
.btn-mini .caret,  .btn-small .caret,  .btn-large .caret { margin-top: 6px; }
.btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; }
.dropup  .btn-large .caret { border-bottom-width: 5px; }

.btn-primary .caret,  .btn-warning .caret,  .btn-danger .caret,  .btn-info .caret,  .btn-success .caret,  .btn-inverse .caret { border-top-color: #fff; }

#member_unit{
	width: 950px;
	/*height: 305px;*/
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	xborder-bottom: 1px solid #333;
	float: left;
}

.positionL{
	display: inline-block;
	width: 140px;
	height: auto;
	margin: -160px 0px 0px 0px;
	xbackground:#e12f94;
	float: left;
}
.positionC{
	display: inline-block;
	width: 950px;
	height: 305px;
	margin: 0px 0px 15px 0px;
	xbackground: #2c4e27;
	float: left;
}
.positionC .super img{
	margin: 0px 0px 0px 0px;
}
.positionR{
	display: inline-block;
	width: 140px;
	height: auto;
	margin: -160px 0px 0px 1030px;
	xbackground: #398b9d;
	float: left;
}

.prevPage,  .prevPage:active,  .prevPage[disabled] { color: #ccc; background-color: transparent; background-image: none; }
.prevPage { color: #7C7779; cursor: pointer; border-color: transparent; }
.prevPage:hover { color: #333; text-decoration: none; background-color: transparent; }
.prevPage[disabled]:hover { color: #999; text-decoration: none; }

.nextPage,  .nextPage:active,  .nextPage[disabled] { color: #ccc; background-color: transparent; background-image: none; }
.nextPage { color: #7C7779; cursor: pointer; border-color: transparent; }
.nextPage:hover { color: #333; text-decoration: none; background-color: transparent; }
.nextPage[disabled]:hover { color: #999; text-decoration: none; }

/**/
div.inner_title_wrap {
	float: right;
	font-size:18px;
	background-image:none;
	border: none;
}

div.inner_title_wrap div {
    display: table-cell;
    width: 480px;
	height: 396px;
    xvertical-align: middle;
    padding-top: 10px;
	xbackground-color: #ff0000;
}

div.inner_photo_wrap {
	float: left;
	font-size:18px;
	background-image:none;
	border: none;
}

div.inner_photo_wrap div {
    display: table-cell;
    width: 670px;
	height: 305px;
	vertical-align: middle;
    width: :650px;
	xbackground-color: #ff0;
}

div.inner_title_wrap .inner_title a.title_NDS {
	color: #7C7779;
	font-size:20px;
	line-height: 1.3em;
	width:422px;
	display:block;
	text-align: left;
	text-decoration: none;
}

div.inner_title_wrap .inner_title a.title_NDS .bannertitle {
	font-size: 40px;
	xfont-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	xmargin-bottom: 30px;
	}

div.inner_title_wrap .inner_title a.title_NDS .bannertitle .green {
	font-size: 40px;
	color: #9D9D21;
}

div.inner_title_wrap .inner_title a.title_NDS .bannertitle .ppl {
	font-size: 40px;
	color: #7e5f89;
}

div.inner_title_wrap .inner_title a.title_NDS .bannertitle .orange {
	font-size: 40px;
	color: #e38513;
}

div.inner_title_wrap .inner_title a.title_NDS .desc {
	font-size: 20px;
	xfont-weight: 400;
	letter-spacing: 0.05em;
	margin-top: 20px;
	}

div.inner_title_wrap .inner_title a.link {
	color: #9D9D21;
	font-size:20px;
	line-height: 1.3em;
	padding: 20px 0px 0px 0px;
	xwidth:422px;
	display:block;
	text-align: left;
}

div.inner_title_wrap .inner_title a.link a:visited {}
div.inner_title_wrap .inner_title a.link a:active  {}
div.inner_title_wrap .inner_title a.link a:hover   {
}






a:focus {
	outline: none;
}