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

/* ※※※※※※※※※※※※ 表示領域768px以上スタイル ※※※※※※※※※※※※ */

/* ▼▼▼▼▼▼▼▼▼▼ 全体設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style{
	background:url(../images/back.gif) repeat;
	margin-top:70px;
	margin-bottom:100px;
}
.container{
	max-width:980px;
	margin:0 auto;
}
header,#main,footer{
	width:100%;
}
/* △△△△△△△△△△ 全体設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main_slider設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style #main_slider #slider_ns{
	font-family:"rounded-l-mplus-1c-thin", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	background:#333;
	margin-top:0;
}
.ns_style #main_slider #slider_ns p{
	color:#00A0E9;
	font-size:180%;
	text-align:center;
	padding:2% 0;
}
/* △△△△△△△△△△ main_slider設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ header設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container header{
	position:fixed;
	top:0;
	left:0;
	height:70px;
	background-color:#D3EDFB;
}
.ns_style .container header #header_main{
	max-width:980px;
	margin:0 auto;
}
.ns_style .container header #header_main h1{
	width:50%;
	float:left;
	margin-top:0.5%;
}
.ns_style .container header #header_main section{
	float:right;
}
.ns_style .container header #header_main section h2{
	color:#1F519A;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	margin-top:2%;
}
.ns_style .container header #header_main section h2 a{
	color:#1F519A;
}
.ns_style .container header #header_main section h2 a:link{
	color:#1F519A;
}
.ns_style .container header #header_main section h2 a:visited{
	color:#1F519A;
}
.ns_style .container header #header_main section h2 a:hover{
	color:#C0C0C0;
}
.ns_style .container header #header_main section h2 a:active{
	color:#00A0E9;
}
.ns_style .container header #header_main section p{
	color:#333;
	font-size:90%;
	text-align:center;
	line-height:1.2;
}
.ns_style .container header #header_main section address{
	color:#00A0E9;
	font-size:110%;
	text-align:center;
	line-height:1.2;
}
/* △△△△△△△△△△ header設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main{
	font-family:"rounded-l-mplus-1c-thin", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	color:#F8F8FF;
}
.ns_style .container #main #sec_ns{
	width:90%;
	height:auto;
	margin-top:3%;
	margin-bottom:3%;
	padding:0 5%;
}
.ns_style .container #main #sec_ns article p{
	font-size:130%;
	color:#F8F8FF;
	background:#333333;
	line-height:1.2;
	text-align:center;
}
.ns_style .container #main #sec_ns article p.error_msg_color{
	color:#E73562;
}
/* △△△△△△△△△△ main設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main form table設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main #sec_ns article form input,
.ns_style .container #main #sec_ns article form textarea{
	background:#333333;
	color:#F8F8FF;
}
.ns_style .container #main #sec_ns article form textarea{
	width:80%;
	vertical-align:bottom;
}
.ns_style .container #main #sec_ns article form input#login{
	width:40%;
	height:1.8em;
}
.ns_style .container #main #sec_ns article form#reLoginForm,
.ns_style .container #main #sec_ns article form#toHomeForm{
	text-align:center;
}
.ns_style .container #main #sec_ns article form input#relogin,
.ns_style .container #main #sec_ns article form input#tohome{
	background:#333333;
	color:#F8F8FF;
	width:50%;
	height:2.6em;
}
.ns_style .container #main #sec_ns article .button_align{
	margin:3% 0;
}
	
.ns_style .container #main #sec_ns article form table{
	border:1px #F8F8FF solid;
	font-size:100%;
	color:#F8F8FF;
	line-height:3.0;
	width:50%;
	height:auto;
	margin:5% auto;
}
.ns_style .container #main #sec_ns article form table tr td{
	border:1px #F8F8FF solid;
	text-align:center;
}

.ns_style .container #main #sec_ns article table{
	border:1px #F8F8FF solid;
	font-size:100%;
	color:#F8F8FF;
	line-height:3.0;
	width:80%;
	height:auto;
	margin:5% auto;
}
.ns_style .container #main #sec_ns article table tr th,
.ns_style .container #main #sec_ns article table tr td{
	border:1px #F8F8FF solid;
	text-align:center;
}
/* △△△△△△△△△△ main form table設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ buttonArea設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #buttonArea{
	font-family:"rounded-l-mplus-1c-thin", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	width:96%;
	height:auto;
	margin:3% auto 0;
}
.ns_style .container #buttonArea p{
	font-size:130%;
	color:#F8F8FF;
	background:#333333;
	line-height:1.2;
	text-align:center;
	margin:3.2%;
}
.ns_style .container #buttonArea form input#idBox{
	background:#333333;
	color:#F8F8FF;
	height:1.6em;
	width:40%;
}
.ns_style .container #buttonArea form input#idSearch{
	background:#333333;
	color:#F8F8FF;
	height:1.8em;
	width:20%;
}
.ns_style .container #buttonArea form input#toCreate,
.ns_style .container #buttonArea form input#logout{
	background:#333333;
	color:#F8F8FF;
	width:40%;
	height:1.8em;
}
.ns_style .container #buttonArea form input#toMain{
	background:#333333;
	color:#F8F8FF;
	width:40%;
	height:1.8em;
}
.ns_style .container #buttonArea form table{
	border:1px #F8F8FF solid;
	font-size:100%;
	color:#F8F8FF;
	line-height:3.5;
	width:50%;
	height:auto;
	margin:1% auto;
}
.ns_style .container #buttonArea form table tr td{
	border:1px #F8F8FF solid;
	text-align:center;
}
/* △△△△△△△△△△ buttonArea設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ searchResult設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main #sec_ns article form table#searchResult tr td input,
.ns_style .container #main #sec_ns article form table#searchResult tr td textarea{
	width:96%;
}
.ns_style .container #main #sec_ns article form table#searchResult{
	border:1px #F8F8FF solid;
	font-size:100%;
	color:#F8F8FF;
	line-height:2.0;
	width:80%;
	height:auto;
	margin:3% auto;
}
.ns_style .container #main #sec_ns article form table#searchResult tr th{
	border:1px #F8F8FF solid;
	width:20%;
}
.ns_style .container #main #sec_ns article form table#searchResult tr td{
	border:1px #F8F8FF solid;
	padding:2%;
}
.ns_style .container #main #sec_ns article form table#searchResult tr td#imgResult img{
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:middle;
}
.ns_style .container #main #sec_ns article form table#searchResult tr td input#return,
.ns_style .container #main #sec_ns article form table#searchResult tr td input#update,
.ns_style .container #main #sec_ns article form table#searchResult tr td input#delete,
.ns_style .container #main #sec_ns article form table#searchResult tr td input#createSubmit,
.ns_style .container #main #sec_ns article form table#searchResult tr td input#createReset{
	background:#333333;
	color:#F8F8FF;
	width:30%;
	height:1.8em;
}
.ns_style .container #main #sec_ns article p{
	font-size:130%;
	color:#F8F8FF;
	background:#333333;
	line-height:1.2;
	text-align:center;
}
.ns_style .container #main #sec_ns article p.caution_msg{
	font-size:110%;
	color:#D3EDFB;
	background:none;
}
.ns_style .container #main #sec_ns article p.error_msg{
	color:#F6BFBC;
	background:none;
	margin-top:3%;
}
/* △△△△△△△△△△ searchResult設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ footer設定 ▼▼▼▼▼▼▼▼▼▼ */
footer{
	position:fixed;
	bottom:0;
	left:0;
	height:60px;
	background-color:#D3EDFB;
}
#footer_main p{
	color:#00A0E9;
	font-size:90%;
	line-height:60px;
	text-align:center;
}
/* △△△△△△△△△△ footer設定 △△△△△△△△△△ */


/* ※※※※※※※※※※※※ 表示領域768px以下スタイル ※※※※※※※※※※※※ */
@media screen and (max-width:768px){

/* ▼▼▼▼▼▼▼▼▼▼ 全体設定 ▼▼▼▼▼▼▼▼▼▼ */
/* △△△△△△△△△△ 全体設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main_slider設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style #main_slider #slider_ns p{
	font-size:150%;
}
/* △△△△△△△△△△ main_slider設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ header設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container header #header_main section.header_sec_ns{
	display:none;
}
.ns_style .container header #header_main h1{
	width:100%;
	text-align:center;
	float:none;
}
/* △△△△△△△△△△ header設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main #sec_ns article p{
	font-size:120%;
}
/* △△△△△△△△△△ main設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ main form table設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main #sec_ns article form table{
	font-size:90%;
	width:100%;
}
.ns_style .container #main #sec_ns article table{
	font-size:90%;
	width:100%;
}
/* △△△△△△△△△△ main form table設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ buttonArea設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #buttonArea form table{
	width:100%;
}
/* △△△△△△△△△△ buttonArea設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ searchResult設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style .container #main #sec_ns article form table#searchResult{
	font-size:90%;
	width:100%;
}
/* △△△△△△△△△△ searchResult設定 △△△△△△△△△△ */

/* ▼▼▼▼▼▼▼▼▼▼ footer設定 ▼▼▼▼▼▼▼▼▼▼ */
.ns_style footer #footer_main p{
	font-size:50%;
}
/* △△△△△△△△△△ footer設定 △△△△△△△△△△ */
}