@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

#container{
	width:100%;
}
.fixed {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
}
/* CSS Document */

body { color: #00ff00;
	background-color: #000000;
	font-family: "ヒラギノ角ゴProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "MS ゴシック", Osaka, Arial, Sans-serif;
}

p { font-size: 13px; margin: 20px 0 10px 0; }


#page {
	width: 100%/*600px*/;
	margin: 0 auto;
	padding: 0;
}

#page .magin-width { font-size: 13px; margin: 10px 0 0 10px; }

/* goto pagetop btn */
#page .pagetop {
	font-size: 12px;
	text-align: right;
}
#page .pagetop a {
	color: #00ff00;
	text-decoration: none;
	display: inline-block;
	padding: 10px 9px;
}
#page .pagetop a:hover { 
	color: #008a00;
	background-color: #33FF00;
}

/* ページヘッダー */
#pageHead {
	background-color: #1f1f21;
	margin-top: 0;
	width: 100%/*600px*/;
	z-index: 100;
	position: fixed;
}

#pageHead #siteTitle {
	padding: 0 8%/*18px*/;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

#pageHead #catchcopy {
	padding: 0 5%/*9px*/;
	font-size: 12px;
	line-height: 1.5;
}


/* グロナビ */
#pageHead .globalNavi {
	border: solid #00ff00;
	border-width: 1px 0;
	padding: 3% 0px;
	width: 100%/*600px*/;
	margin: 0 auto;
}
#pageHead .globalNavi ul {
	margin: 0;
	padding: 0;
}
#pageHead .globalNavi ul:after {
	content: "";
	clear: both;
	display: block;
}
#pageHead .globalNavi ul li {
	list-style: none;
	width: 20%/*120px*/;
	float: left;
	border-left: solid 1px #00ff00;
	padding: 0 1%;
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
	line-height: 140%;
}
#pageHead .globalNavi ul li:first-child {
	border-left: none;
}
#pageHead .globalNavi ul li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 5% 0;
}
#pageHead .globalNavi ul li a:hover,
#pageHead .globalNavi ul li.current a {
	background-color: rgba(0,255,0,0.3); /* #8A950B;#666600 */
}


/* ページフッター */
#pageFoot {
	border-top: solid 1px #00ff00;
	margin-top: 5px;
	text-align: center;
	background-color: #1f1f21;
	clear both;
}

#pageFoot #copyright small {
	font-size: 10px;
	line-height: 1.5;
}

/* link */
#pageFoot a { color: #00ff00;
	text-decoration: none;
}
#pageFoot a:hover { color: #008a00;
	background-color: #33FF00;
}

/* ページボディ */

#pageBody {
	width: 95%/*580px*/;
	margin: 0 auto;
	padding: 200px 0 0 0;
		/* tst background-color: #FFFFFF;
		border: solid 10px #ff0000; */
}
#pageBody:after {
	content: "";
	clear: both;
	display: block;
}

/* link */
#pageBody span a { color: #00ff00;
	text-decoration: none;
}
#pageBody span a:hover { color: #008a00;
	background-color: #33FF00;
}

/* センター寄せ */
#pageBody .imgAlign {
	margin: 0 auto;
	text-align: center;
}

/* 見出し */

/* h2 */
#pageBody .heading-typeA { font-size: 20px;
	margin:18px 0 10px 0;
	padding:2px 18px;
	border-width:3px 0;
	border-color: rgba(0,255,0,0.3); /*#00ff00;*/
	border-style: solid;
	/*background:#E5EC87;*/
	color:#00ff00;
	line-height:1 40%;
	font-weight: bold;
}

/* h3 */
#pageBody .heading-typeB { 
	font-size: 16px;
	margin: 18px 0 10px 0;
	padding: 0 8px;
	border-width: 0 0 1px 3px;
	border-color: #00ff00;
	border-style:solid;
	color:#00ff00;
	line-height:140%;
	font-weight:normal;
}


/* メンバーナビ */
#pageBody .localNavi {
/*	border: solid #00ff00;
	border-width: 0 0 1px 0; */
	padding: 3px 0px;
	width: 98%/*580px*/;
	margin: 0 auto;
}
#pageBody .localNavi ul {
	margin: 0;
	padding: 0;
}
#pageBody .localNavi ul:after {
	content: "";
	clear: both;
	display: block;
}
#pageBody .localNavi ul li {
	list-style: none;
	width: 20%/*116px*/;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
}
#pageBody .localNavi ul li a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}
#pageBody .localNavi ul li a:hover,
#pageBody .localNavi ul li.current a {
	background-color: rgba(0,255,0,0.3);
}

#pageBody .profList ul li {
	list-style-type: square/*circle lower-greek none*/;
	padding: 0;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
}

#pageBody .discList ul li {
	list-style-type: /* squarecircle lower-greek */none;
	/* margin-left: 5px; */
	padding: 0;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.4;
}


/* ---------トップ------------ */
/* mainVisual */

#pageBody .mainVisual {
	position: relative;
}

#pageBody .mainVisual img {
	margin: 0 auto;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#pageBody .mainVisual .mainVisualText {
	position: absolute;
	left: 65%/*380px*/;
	bottom: 1%/*20px*/;
	color: #00FF00;
	background-color: rgba(0,255,0,0.3);
	width: 200px;
	padding: 7px 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pageBody .mainVisual .mainVisualText h3 {
	font-size: 10px;
	margin: 8px 0 5px 0;
	padding: 0 8px;
	border-width: 0 0 1px 3px;
	border-color: #00ff00;
	border-style: solid;
	color: #00ff00;
	line-height: 140%;
	font-weight: normal;
}

#pageBody .mainVisual .mainVisualText p {
	font-size: 8px;
	line-height: 160%;
	font-weight: bold;
	margin: 0;
}

#pageBody .mainVisual ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#pageBody .mainVisual ul li {
	position: relative;
}

#pageBody .topNews ul {
	border: 1px solid rgba(0,255,0,0.3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 7px 10px 11px;
	margin: 0 0 24px;
}

#pageBody .topNews ul li {
	line-height: 170%;
	list-style-type: disc;
	line-height: 200%;
	font-size: 14px;
	margin-left: 25px;
}
}