body {
	color: #222;
	text-align: center;
	background: #e0ffff;
	/*background-image: url(../img/blue.gif);*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
}

/*========================================
   Container
  ========================================*/
#container{
	/*width:970px;*/
	width:960px;
	margin:0 auto;
	text-align:left;
}


/*========================================
   Header
  ========================================*/
#header{
	/*width:100%;*/
	background:#ffffff;
	text-align:center;
}
#header h1{
	padding:20px 0;
}
#nav ul{
	overflow:hidden;
}
#nav ul li{
	width:25%;
	float:left;
}
#nav ul li a{
	display:block;
	width:100%;
	background:#AAA;
}
#nav ul li a:hover{
	background:#333;
	color:#FFF;
}

/*========================================
   Contents
  ========================================*/
#contents{
	width:100%;
}

/*========================================
   Main
  ========================================*/
#main{
	width:960px;
	float:left;
	/*background:#EEFFFF;*/
	background:#ffffff;
}

/*========================================
   Side
  ========================================*/
#side{
	width:200px;
	float:right;
	background:#BBB;
}

/*========================================
   Footer
  ========================================*/
#footer{
	background:#CCC;
	text-align:center;
}
#footer ul{
	overflow:hidden;
}
#footer li{
	float:left;
	margin:0 10px 0 0;
}


p.test{
font-size: 100%;
}

.tblsample th, .tblsample td {
font-size: 100%;
}

/*　ラジオボタンの位置調整　*/
.radio-plain{
  margin-right: 0.5em;
  top: 0px;
  position: relative;
}

/*　ラジオボタンの位置調整　フォント小さい版*/
.radio-plain2{
  margin-right: 0.5em;
  top: 10px;
  position: relative;
}

/*　チェックボックスの位置調整　*/
.checkbox-plain{
  margin-right: 0.5em;
  top: 0px;
  position: relative;
}

/*　チェックボックスの位置調整　フォント小さい版*/
.checkbox-plain2{
  margin-right: 0.5em;
  top: 10px;
  position: relative;
}

.info {color:blue; font-size:small;}

/*　デフォルト表示を消す　*/
/*
input[type="radio"],
input[type="checkbox"] {
    display:none;
}
*/

/*　ラジオボタン 未選択時の背景指定　*/
/*
input[type="radio"] + label {
    padding:3px 0 2px 22px;
    background:url(../img/radio_off.png) no-repeat left center;
    background-size:18px 18px;
    cursor:pointer;
}
*/
 
/*　ラジオボタン 選択時の背景指定　*/
/*
input[type="radio"]:checked + label {
    background:url(../img/radio_on.png) no-repeat left center;
    background-size:18px 18px;
    cursor:pointer;
}
*/

/*　チェックボックス 使用不可時　ラベルテキストの色変更*/
 input[type="checkbox"][disabled] + label{
    color: #707070;
}


/*　ラジオボタン 使用不可時　ラベルテキストの色変更*/
 input[type="radio"][disabled] + label{
    color: #707070;
}

/*　ナンバー 使用不可時　ラベルテキストの色変更*/
 input[type="number"][disabled] + label{
    color: #707070;
}

/*　チェックボックス 未選択時の背景指定　*/
/*
input[type="checkbox"] + label {
    padding:3px 0 2px 22px;
    background:url(../img/check_off.png) no-repeat left center;
    background-size:18px 18px;
    cursor:pointer;
}
*/
 
/*　チェックボックス 選択時の背景指定　*/
/*
input[type="checkbox"]:checked + label {
    background:url(../img/check_on.png) no-repeat left center;
    background-size:18px 18px;
    cursor:pointer;
}
*/