@charset "UTF-8";
/*-ページ全体の指定-*/
html, body, header, section, article, nav, footer,
div, p, h1, h2, h3, h4, h5,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}
html {
 background-color: #EEE;/*#030;*/
}
body {
 color: #666;
 height: 100%;
 width: 100%;
 font-size: 14px;
 font-family: "Sans-Serif","ヒラギノ角ゴ Pro W3","MS PGothic","Arial","SimSun","Hiragino Kaku GothicPro","Osaka";
 line-height: 1.7;
 
 
 -webkit-text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -o-text-size-adjust: 100%;
 text-size-adjust: 100%;
}
/*コンテナー
---------------------------------------------------------------------------*/
#container {
margin-top: 0;
padding-top: 0;
text-align:center;
width: 100%;
}

/*ヘッダー
---------------------------------------------------------------------------*/
#header {
max-width: 1200px;
position: relative;
height: 40px;
padding-top: 10px;
background-color: #999;/*#030;*/
color: #FFF;
}
#header h3 {
text-align: center;
}
#header label{
top: 0;
left: 0;
position: absolute;
padding-top: 12px;
text-align: right;
width: 95%;
}
#header a{
color: #FFF;
}
/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
max-width: 1200px;
min-height: 580px;
height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
clear: left;
background-color: #FFF;/*#CFC;*/
color: #666;
}
#table{
/*最低高さ*/
min-height:400px;
height:auto !important;
height:400px;
}
/*フッター（最下部コピーライト部分）
---------------------------------------------------------------------------*/
#footer {
max-width: 1200px;
clear: both;
width: 100%;
height: 20px;
font-size:0.90em;
margin-right: auto;
margin-left: auto;
padding-top: 4px;
text-align: center;
}




/*部品
---------------------------------------------------------------------------*/
/*デフォルトスタイルを無効*/
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"],
input[type="number"],
input[type="email"],
button,select{
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0;
 height: 28px;
 text-align: center;
}

input,select{
 /*font-weight: bold;*/
 text-align: center;
 border: 1px #ccc solid;
 background-color: #EEE;
 color: #222;
 font-size: 1.1em;
 padding: 4px 10px;
 cursor:pointer;
}
button {
 text-align: center;
 background-color: #666;
 border-radius: 3px;
 border-style: none;
 color: white;
 height: 38px;
 font-size: 1.1em;
}
input[type="submit"] {
 padding: 3px 10px;
 text-decoration:none;
 font-size: 0.9em;
 line-height: 30px;
 border-radius: 2px;
 border-style: none;
 background-color: #666;
 color: #FFE;
}

/* list ---------------------------------*/

ul{
 list-style-type: none;
 padding: 0px;
}
.inline li{
 padding-top: 0px;
 display: inline;
 margin-right: 0px;
}
li{
 padding-bottom: 6px;
}

/*  nav-------------------------------------*/
#nav ul {
	width: 100%;
}
#nav li {
	width: 100%;
	list-style: none;
	text-align: center;
}

#nav li a {
	padding: 10px;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid;
	background-color: #CCC;
	border-color: #EEE;
}

#nav li a:hover {
	color: #AAA !important;
	text-decoration: none;
	border: 2px solid;
	background-color: #666;
}

span { white-space: nowrap; }


a {
 color: #666;
 text-decoration: none;	
 padding-bottom: 3px;
 cursor:pointer;
}
a:hover {
 color: #CCC;
 position: relative;
 left: 1px;	/*オーバー時に左から1px移動する設定*/
 top: 1px;	/*オーバー時に上から1px移動する設定*/
 cursor:pointer;
}

a:visited{
 color: #666;
}


/* メディアクエリサンプル */
@media screen and (min-width: 1281px) {
  /* 画面幅が1281px以上（PC専用スタイル）*/
 #contents, #header, #nav {
  margin-left: auto;
  margin-right: auto;
 }

@media screen and (max-width: 1280px) {
  /* 画面幅が1280px以下（タブレット・スマホ共通スタイル）*/
 #contents {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
 }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* 画面幅が768px～1280px（タブレット専用スタイル）*/
}

@media screen and (max-width: 767px) {
  /* 画面幅が767px以下（スマートフォン専用スタイル）*/
	p {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 414px) {
  /*画面幅が414px以下（スマートフォン縦向き専用スタイル）*/
}