@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 共通設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

html,body {
	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN',　Meiryo, sans-serif;
	color:#696969;
	line-height:1;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	font-size:100%;
	/*xx-small, x-small, small, medium, large, x-large, xx-large_xxx-large*/
	scrollbar-base-color:#C0C0C0;
	scrollbar-face-color:#C0C0C0;
	scrollbar-track-color:#C0C0C0;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#C0C0C0;
	scrollbar-shadow-color:#FFFFFF;
	/* IE用の中央寄せ */
	text-align:center;
	/*position: relative;*/
	z-index:0;
}

/* ***************************************************************************************
▼フェードインしながら読み込み
*************************************************************************************** */
body {
	animation: fadeIn 1s ease 0s 1 normal;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
	-moz-animation: fadeIn 1s ease 0s 1 normal;
	-ms-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-ms-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}


/* ***************************************************************************************
▼メインコンテンツ
*************************************************************************************** */
#main {
	/* IE以外用の中央寄せ */
		margin-left:auto;
		margin-righ:auto;
	/* 中身を左寄せに戻す */
		text-align:left;
}
.main_frame {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:0;
	text-align:left;
	min-height:1200px;
	padding:0 5px 0 5px;
	/*margin:0;*/
	/*padding:20px 20px 10px 20px;*/
	/* headerの高さと同期 */
	margin:50px 0px 0px 0px;
	width:980px;
	background-color:#ffffff;
	z-index:0;
	overflow:hidden;
	/*
	border-radius: 5px 5px 5px 5px;
	box-shadow:3px 3px 3px 0px #c0c0c0;
	*/
	/*position:relative;*/
}

/* ************************************************************************************ */
.cur {
	cursor:pointer;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	list-style: none;
	text-align:left;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
hr {
	margin:0px;
	padding:0px;
}



/* ***************************************************************************************
▼ヘッダー・フッター
*************************************************************************************** */
#footer {
	background-color:#4B0082;
	border-style:solid;
	border-color:#0d0015;
	border-width:0px;
	text-align:center;
	color:#FFFFFF;
	font-size:100%;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 10px;
}


/* ***************************************************************************************
▼ リンクの設定 この順番で記入のこと
*************************************************************************************** */
a:link {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	color:#3097C4;
	text-decoration:none;
}
a:visited { 
	color:#3097C4;
	font-weight:bold;
	text-decoration:none;
}
a:hover { 
	color:#00507C;
	text-decoration:none;
}
a:active { 
	color:#3097C4;
	text-decoration:none;
}


/* ***************************************************************************************
▼テーブル設定
*************************************************************************************** */
/* ▼罫線なし ************************************************************************* */
table#no_border {
	border-style:solid;
	border-color:#ff0000;
	border-width:0px;
	font-size:10pt;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	rules:void;
}
/* ▼罫線あり ************************************************************************* */
table#input {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	border-collapse:collapse;
	border-spacing:0;
	border-cellpadding:0;
	rules:all;
	width:100%;
}
table#input td {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	padding:5px;
	font-size:100%;
}
/*
table.input td.input_menu {
	background-color:floralwhite;
	font-size:100%;
}
*/
/* ▼罫線あり/空白なし ******************************************* */
table #no_space {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
table #no_space td {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	padding:5px;
	font-size:100%;
}
table #input td.input_menu {
	background-color:floralwhite;
	font-size:10pt;
}

/* クラス表示 id重複の回避 *************************************** */
table.input {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	border-collapse:collapse;
	border-spacing:0;
	border-cellpadding:0;
	rules:all;
	width:100%;
}
table.input td {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	padding:5px;
	font-size:10pt;
}
table.input td.input_menu {
	background-color:floralwhite;
	font-size:10pt;
}



/* ***************************************************************************************
▼アイコン色設定
*************************************************************************************** */
.ngz_icon {
	color:#7D2982;
}
.ngz46_icon {
	color:#ED69D6;
}
.kyz_icon {
	color:#5EB954;
}
.teama_icon {
	color:#E05E9E;/*桃*/
}
.teamk_icon {
	color:#64B000;/*緑*/
}
.teamb_icon {
	color:#26A6E0;/*青*/
}
.team4_icon {
	color:#FCC300;/*黄*/
}
team8_icon {
	color:#02297B;/*黒*/
}


.blue_icon {
	color:#4285F4;
}
.red_icon {
	color:#C30636;
}
.blk_icon {
	color:#696969;
}
.c0c0_icon {
	color:#c0c0;
}
.gb_icon {
	#f39800;/*金茶*/
}

/* ***************************************************************************************
▼パン屑リストさん
*************************************************************************************** */
.breadcrumbs {
	border-style:solid;
	border-color:#FF9A05;
	border-width:3px 0 3px 0;
	text-align:center;
	height:20px;
	line-height:20px;
	padding:0px;
	margin:0px 0px 3px 0px;
	font-size:120%;
	font-weight:bold;
	background-color:#FF9A05;
	text-decoration:none;
}
.breadcrumbs a:link {
	color:#FFFFFF;
}
.breadcrumbs a:visited { 
	color:#0000FF;
	font-weight:bold;
}
.breadcrumbs a:hover { 
	color:#FF0000;
}
.breadcrumbs a:active { 
	color:#FF0000;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■ 個別設定 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* ***************************************************************************************
▼コンテンツ設定
*************************************************************************************** */
.contents_frame {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	width:100%;
	/*
	border-radius: 5px 5px 5px 5px;
	*/
	box-shadow:0px 3px 3px 0px #c0c0c0;
	text-align:left;
	padding:0px;
	margin:0px 0px 20px 0px;
	line-height:1.5;
}

.contents_title {
	border-style:solid;
	border-color:#7D2982;
	border-width:0 0 1px 0;
	margin: 0 10px 10px 10px;
	padding:5px 10px 5px 24px;
	font-size:150%;
	font-weight:bold;
	text-align:left;
	background-image: url(https://www.breathtake.net/js/folder.png);
	background-repeat: no-repeat;
	background-position: bottom 11px left 5px;;
	/*v https://developer.mozilla.org/ja/docs/Web/CSS/background-position */
}

.contents_detail {
	padding:5px 15px 15px 15px;
	font-size:100%;
	text-align:left;
	line-height:1.5;
	color:#000000;
	/*Word-break: break-all;*/
	/*position: relative;*/
}

.contents_detail_inner {
	border-style:solid;
	border-color:#ED69D6;
	border-width:1px 1px 5px 1px;
	padding:10px;
	margin:0 0 20px 0;
	font-size:100%;
}


/* ***************************************************************************************
▼コンテンツ設定
*************************************************************************************** */
.contents_frame_A {
	border-style:solid;
	border-color:#c0c0c0;
	border-width:1px;
	width:100%;
	/*
	border-radius: 5px 5px 5px 5px;
	*/
	box-shadow:0px 3px 3px 0px #c0c0c0;
	text-align:left;
	padding:0px;
	margin:0px 0px 20px 0px;
	line-height:1.5;
}

.contents_title_A {
	border-style:solid;
	border-color:#7D2982;
	border-width:0 0 1px 0;
	margin: 0 10px 10px 10px;
	padding:5px 10px 5px 24px;
	font-size:150%;
	font-weight:bold;
	text-align:left;
	background-image: url(http://akita.himepara.net/member_regist/js/folder.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.contents_detail_A {
	padding:5px 15px 15px 15px;
	font-size:100%;
	text-align:left;
	line-height:1.5;
	color:#000000;
	Word-break: break-all;
	/*position: relative;*/
}

/* ***************************************************************************************
▼pre設定
*************************************************************************************** */

pre {
	position:relative;
	text-align:left;
	margin:0 20px 10px 0;
	padding:10px;
	color:#000000;
	
	border-style:solid;
	border-color:#c0c0c0;
	border-width:0 0 0 5px;
	/*
	border: 1px solid #c0c0c0;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	box-shadow:3px 3px 3px 0px #696969;
	background-color: rgba(215,78,145,0.1);
	*/
	background-color: #FFFFFF;
	/*改行を生かしたまま折り返す */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	z-order:2;
	line-height:1.0;
	width:97%;
}
/*
pre:after{
	content:'';
	position:absolute;
	border-top:15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	border-bottom:15px solid transparent;
	z-order:1;
	bottom:-32px;left:30px;
	line-height:1.0;
}
@-moz-document url-prefix() {
	pre:after {
		content:'';
		position:absolute;
		border-top:15px solid #ff0000;
		border-right:15px solid transparent;
		border-left:15px solid transparent;
		border-bottom:15px solid transparent;
		bottom:-32px;left:30px;
	}
}
*/
/* A=============================================== */
pre#script {
	background-color: rgba(215,78,145,0.1);
	border-color:#D74E91;
	color:#000000;
}
#title_script {
	text-align:left;
	color: #D74E91;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* K=============================================== */
pre#java {
	background-color: rgba(129,169,27,0.1);
	border-color:#81A91B;
	color:#000000;
}
#title_java {
	text-align:left;
	color: #81A91B;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* B=============================================== */
pre#css {
	background-color: rgba(46,145,194,0.1);
	border-color:#2E91C2;
	color:#000000;
}
#title_css {
	text-align:left;
	color: #2E91C2;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* 48=============================================== */
pre#source {
	background-color: rgba(231,144,21,0.1);
	border-color:#E79015;
	color:#000000;
}
#title_source {
	text-align:left;
	color: #E79015;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* NGT48============================================ */
pre#php {
	background-color: rgba(231,0,10,0.1);
	border-color:#E7000A;
	color:#000000;
}
#title_php {
	text-align:left;
	color: #E7000A;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* 乃木坂46========================================= */
pre#comment {
	background-color: rgba(125,41,130,0.1);
	border-color:#7D2982;
	color:#000000;
}
#title_comment {
	text-align:left;
	color: #7D2982;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}
/* 欅坂46========================================== */
pre#html {
	background-color: rgba(94,185,84,0.1);;
	border-color:#5EB954;
	color:#000000;
}
#title_html {
	text-align:left;
	color: #5EB954;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0;
	font-size:100%;
}




/* ***************************************************************************************
▼罫線の設定
*************************************************************************************** */
hr {
	margin:5px 0 10px 0;
	padding:0;
}
hr.menu {
	border-style:dotted;
	border-color:#812990;
	border-width:1px 0px 0px 0px;
}
hr.style1{
	border-top: 1px solid #8c8b8b;
}
hr.style2 {
	border-top: 3px double #8c8b8b;
}
hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
hr.style4 {
	border-top: 1px dotted #8c8b8b;
}
hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}
hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}
hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}
hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}
hr.style11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
	border: 0;
}
hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
	border: 0;
}
hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}
hr.style14 { 
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}
hr.style16 { 
	border-top: 1px dashed #8c8b8b; 
} 
hr.style16:after { 
	content: '\002702'; 
	display: inline-block; 
	position: relative; 
	top: -12px; 
	left: 40px; 
	padding: 0 3px; 
	background: #f0f0f0; 
	color: #8c8b8b; 
	font-size: 18px; 
}
hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}
hr.style18 { 
	height: 30px; 
	border-style: solid; 
	border-color: #8c8b8b; 
	border-width: 1px 0 0 0; 
	border-radius: 20px; 
} 
hr.style18:before { 
	display: block; 
	content: ""; 
	height: 30px; 
	margin-top: -31px; 
	border-style: solid; 
	border-color: #8c8b8b; 
	border-width: 0 0 1px 0; 
	border-radius: 20px; 
}

/* ***************************************************************************************
▼その他設定
*************************************************************************************** */



input[type="text"] {
	width:100%;
}
input[type="date"] {
	width:100%;
}
input[type="datetime"] {
	width:100%;
}
textarea {
	width:100%;
	height:300px;
}


hr {
	margin:5px 0 10px 0;
	padding:0;
}


button {
	border-style:solid;
	border-color:#000000;
	border-width:0 1px 1px 0;
	font-size: inherit;
	background: #c0c0c0;
	color: #FFFFFF
	padding: 10px 20px 10px 20px;
	cursor : pointer;
	margin : 3px;
	/*width:100%;*/
}

button:hover {
	opacity: 0.6;
}

button:hover {
	opacity: 0.6;
}