@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

/*==============================================================================
  Header
================================================================================*/
#header
{width: 100%;
	height: 60px;
	background: url(../image/header.gif) center top no-repeat;
	}
	
	

h1 {
	margin-right: 20px;
	top: 60px;
	}
	
#header h2 {
	margin-top: 15px;
	
}
#header p {
	margin-right: 20px;
	text-align: right;
}

/*----------------------------------------------------
content_list
------------------------------------------------------*/

#list{
		width: 100%;
	margin: 10px auto;
	
	  }

#list2{
		width: 730px;
	margin: 10px 80px 10px 90px;
	text-align:right
	
	  }
	  

	  
 #list3{
		width: 730px;
	margin: 20px 80px 10px 90px;
	
	  }

 #list4{
		width: 1260px;
	margin: 10px auto;
	
	  }

#table2 {
	width: 1180px;
	margin: auto;
　	border: #cacaca solid 1px;
}

#table2 th {
	padding: 5px 2px 5px 2px;
	text-align: center;
	font-weight: normal;
	border: #cacaca solid 1px;
	background: #fcffe0;
}
#table2 td {
	padding: 5px 2px 5px 2px;
	text-align: center;
	border: #cacaca solid 1px;
}
#table2 td.gr_cel {
	background: #cff9dd;
}




#table3 {
	width: 80%;
	margin: auto;
　	border: #cacaca solid 1px;
}

#table3 th {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #cacaca solid 1px;
	background: #f6f4f7;

 
}
#table3 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #cacaca solid 1px;
}
#table3 td.gr_cel {
	background: #cff9dd;
}


#table4 {
	width: 80%;
	margin: auto;
　	border: #000000 solid 1px;
}

#table4 th {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #000000 solid 1px;
	

}
#table4 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #000000 solid 1px;
}
#table4 td.gr_cel {
	background: #cff9dd;
}

#table00 {
	width: 80%;
	margin: auto;
　	border: #cacaca solid 1px;
}

#table00 th {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #cacaca solid 1px;
	background: #f2f0fd;

 
}
#table00 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: #cacaca solid 1px;
}
#table00 td.gr_cel {
	background: #cff9dd;
}
/*==============================================================================
  samp2
================================================================================*/
#samp2 {
    width:770px;
	height:auto;
	padding:10px;
	margin:10px auto;
	}


/*----------------------------------------------------
eve_imput
------------------------------------------------------*/


#evelist{
		width: 100%;
	margin: 20px auto;
	  }
	  
#evelist2{
		width: 1270px;
	margin: 34px 0px 10px 0px;
	background: #F0F8F1;
	
	  }
	  
 #evelist3{
		width: 100%;
	margin: 20px auto;
	  }
	  
	  
	  #evelist4{
		width: 650px;
	margin: 5px 0px 10px 0px;
	background: #F0F8F1;
	
	  }	
#evelist table {
	width: 1270px;
	margin: auto;
　	border: #cacaca solid 1px;
}

#evelist table th {
	padding: 3px 1px 3px 1px;
	text-align: center;
	font-weight: normal;
	border: #cacaca solid 1px;
	background: #ECE9D8;
}
#evelist table td {
	padding: 3px 1px 3px 1px;
	text-align: center;
	border: #cacaca solid 1px;
	background: #f7f7f6
}
#evelist table td.gr_cel {
	background: #cff9dd;
}

#table10 {
	width: 1270px;
	margin: auto;
　	border: none;
}


#table10 td {
	padding: 8px 8px 8px 8px;
	text-align: center;
	vertical-align: top;
	border: none;
}
#table10 td.gr_cel {
	background: #cff9dd;
}

#table7 {
	width: 400px;
	border: 1px #bfbfbf solid;
background-color: #ffffff;
}

#table7 th {
	padding-left: 5px;
	text-align: right;
	font-weight: normal;
	border: none;
	}
#table7 td {
	padding: 5px 5px 5px 5px;
	text-align: left;
	border: none;
}

#table11 {
	width: 610px;
	border: none;

}

#table11 th {
	padding-left: 5px;
	text-align: right;
	vertical-align: top;
	border: none;
	}
#table11 td {
	padding: 4px 4px 4px 4px;
	text-align: left;
	border: none;
}



#table8 {
	width: 580px;
	border: 1px #bfbfbf solid;
background-color: #ffffff;
}

#table8 th {
	padding-left: 5px;
	text-align: right;
	font-weight: normal;
	border: none;
	}
#table8 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: none;
}

#table9 {
	width: 500px;
border: none;
background-color: #ffffff;
}

#table9 th {
	padding-left: 5px;
	text-align: right;
	font-weight: normal;
	border: none;
	}
#table9 td {
	padding: 2 2;
	text-align: left;
	border: none;
}


#table12 {
	width: 1000px;
	margin: auto;
　	border: none;
}

#table12 th {
	padding-left: 5px;
	text-align: right;
	font-weight: normal;
	border: none;
	}
#table12 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: none;
}
#table12 td.gr_cel {
	background: #cff9dd;
}


#table13 {
	width: 700px;
	margin: auto;
　	border: #cacaca solid 1px;
}

#table13 th {
	padding: 3px 1px 3px 1px;
	text-align: center;
	font-weight: normal;
	border: #cacaca solid 1px;
	background: #E4FAF4;
}
#table13 td {
	padding: 3px 1px 3px 1px;
	text-align: center;
	border: #cacaca solid 1px;
	background: #ffffff
}
#table13 td.gr_cel {
	background: #cff9dd;
}




/*----------------------------------------------------
content_input
------------------------------------------------------*/

#input{
		width: 100%;
	margin: 20px auto;
	  }
	  
#input2{
		width: 1270px;
	margin: 34px 0px 10px 0px;
	
	  }

#input table {
	width: 1270px;
	margin: auto;
　	border: #cacaca solid 1px;
}

#input table th {
	padding: 3px 1px 3px 1px;
	text-align: center;
	font-weight: normal;
	border: #cacaca solid 1px;
	background: #eeeeee;
}
#input table td {
	padding: 3px 1px 3px 1px;
	text-align: center;
	border: #cacaca solid 1px;
}
#input table td.gr_cel {
	background: #cff9dd;
}


/*----------------------------------------------------
 #contents_select
------------------------------------------------------*/

#select1{
	width: 820px;
	margin: 20px 80px 10px 230px;
	
	  }
	   
#select2{
	width: 820px;
	margin: 20px 80px 30px 230px;
	
	  }

#select3{
		width: 1270px;
	margin: 34px 0px 10px 0px;
	
	  }
#select4{
		width: 1270px;
	margin: 34px 0px 10px 0px;
	
	  }	  
	  


#table6 {
	width: 1270px;
	margin: auto;
　	border: none;
}

#table6 th {
	padding-left: 5px;
	text-align: right;
	font-weight: normal;
	border: none;
	}
#table6 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: none;
}
#table6 td.gr_cel {
	background: #cff9dd;
}

form#form6 select {
	/*selectは250では大きすぎるので*/
	width:700px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#select4 {
width:800px; height:450px;
margin:5px; padding:0px; border:1px solid #ccc;
background: #fff;
} 

#select5 {
width:600px; height:200px;
margin:5px; padding:0px; border:1px solid #ccc;
background: #ebf7fc;
} 
/*-------------------------------------------------------*/

input.sam1{
width:274px;
height:20px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sam2{
width:150px;
height:20px;
	padding:1px 2px;
	margin-bottom: 5px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sam4{
width:350px;
height:20px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sam5{
	width:60px;
height:20px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sam6{
width:450px;
height:100px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}


input.sam3{
width:20px;
height:20px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 1px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 1px 2px 3px -2px #ddd inset;
	box-shadow: 1px 2px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

textarea {
width: 500px;
height: 4em;
line-height: 1.5em;
}
/*----------------------------------------------------
 #form
------------------------------------------------------*/
/*まず、フォーム全体の囲み罫や背景などを指定*/
form#form5 {
	width: 1270px;
	padding: 0px;
	color: #666;
	background: #F0F8F1;
	}

/*リスト要素<ul>を初期化*/
form#form5 ul {
	padding:0;
	margin:0
}

input.sample1{
width:600px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sample2{
width:70px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 3px -2px #ddd inset;
	box-shadow: 2px 3px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sample3{
width:1000px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

select.saam1 {
	/*selectは250では大きすぎるので*/
	width:1000px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

select.saam2 {
	/*selectは250では大きすぎるので*/
	width:630px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}


input.sample5{
width:150px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

input.sample6{
width:30px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 2px 3px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 3px -2px #ddd inset;
	box-shadow: 2px 3px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}


input.sample7{
width:25px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 3px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 3px -2px #ddd inset;
	box-shadow: 2px 3px 3px -2px #ddd inset;
	/*角丸にする*/
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}

input.sample8{
width:680px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

textarea.sample9{
width : 600px;　height : 340px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
		/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

textarea.sample10{
width : 500px;　
height: 340px;
	padding:1px 2px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
		/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

/* テキスト入力部品の見た目を統一する */
form#form5 ul li .txtfiled, {
	width:300px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
form#form5 select {
	/*selectは250では大きすぎるので*/
	width:100px;
}


/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
form#form5 ul li input[type="submit"] ,
form#form5 ul li input[type="reset"] {
  cursor:pointer;
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -moz-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -ms-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -o-linear-gradient(top, #ffffff, #cee6f5);
  background-image: linear-gradient(to bottom, #ffffff, #cee6f5);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  box-shadow: 0px 1px 2px #d6d6d6;
  border-radius: 4px;
  text-shadow: 1px 1px 3px #b5b1b5;
  font-family:Arial;
  font-weight:bold;
  color: #513afc;
  font-size: 13px;
  padding: 7px 20px 7px 20px;
  margin: 10px 0px 10px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}


form#form5 ul li input[type="submit"]:hover ,
form#form5 ul li input[type="reset"]:hover {
 background: #e6f0f7;
  background-image: -webkit-linear-gradient(top, #e6f0f7, #c0ddf0);
  background-image: -moz-linear-gradient(top, #e6f0f7, #c0ddf0);
  background-image: -ms-linear-gradient(top, #e6f0f7, #c0ddf0);
  background-image: -o-linear-gradient(top, #e6f0f7, #c0ddf0);
  background-image: linear-gradient(to bottom, #e6f0f7, #c0ddf0);
  text-decoration: none;
}



#table5 {
	width: 1270px;
	margin: auto;
　	border: none;
}

#table5 th {
	padding-left: 5px;
	text-align: center;
	font-weight: normal;
	border: none;
	}
#table5 td {
	padding: 8px 8px 8px 8px;
	text-align: left;
	border: none;
}
#table5 td.gr_cel {
	background: #cff9dd;
}




/*----------------------------------------------------
 #form6
------------------------------------------------------*/
/*まず、フォーム全体の囲み罫や背景などを指定*/
form#form6 {
	width: 1270px;
	padding: 0px;
	color: #666;
	background: #F0F8F1;
	}

/*リスト要素<ul>を初期化*/
form#form6 ul {
	padding:0;
	margin:0
}

/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
form#form6 ul li input[type="submit"]  {
  cursor:pointer;
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -moz-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -ms-linear-gradient(top, #ffffff, #cee6f5);
  background-image: -o-linear-gradient(top, #ffffff, #cee6f5);
  background-image: linear-gradient(to bottom, #ffffff, #cee6f5);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  box-shadow: 1px 1px 2px #c4c2c4;
  text-shadow: 1px 1px 3px #b5b1b5;
  font-family:Arial;
  font-weight:bold;
  color: #513afc;
  font-size: 13px;
  padding: 7px 20px 7px 20px;
  margin: 10px 0px 0px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}


form#form6 ul li input[type="submit"]:hover  {
background: #f7fcff;
  background-image: -webkit-linear-gradient(top, #f7fcff, #a9d0e8);
  background-image: -moz-linear-gradient(top, #f7fcff, #a9d0e8);
  background-image: -ms-linear-gradient(top, #f7fcff, #a9d0e8);
  background-image: -o-linear-gradient(top, #f7fcff, #a9d0e8);
  background-image: linear-gradient(to bottom, #f7fcff, #a9d0e8);
}

form#form6 ul li input[type="reset"] {
  cursor:pointer;
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #b1b4b5);
  background-image: -moz-linear-gradient(top, #ffffff, #b1b4b5);
  background-image: -ms-linear-gradient(top, #ffffff, #b1b4b5);
  background-image: -o-linear-gradient(top, #ffffff, #b1b4b5);
  background-image: linear-gradient(to bottom, #ffffff, #b1b4b5);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 1px 1px 3px #919191;
  box-shadow: 1px 1px 2px #c4c2c4;
   font-family:Arial;
  font-weight:bold;
  color: #00000;
  font-size: 13px;
  padding: 7px 30px 7px 30px;
  margin: 0px 0px 10px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}


form#form6 ul li input[type="reset"]:hover {
 background: #ebebeb;
  background-image: -webkit-linear-gradient(top, #ebebeb, #949494);
  background-image: -moz-linear-gradient(top, #ebebeb, #949494);
  background-image: -ms-linear-gradient(top, #ebebeb, #949494);
  background-image: -o-linear-gradient(top, #ebebeb, #949494);
  background-image: linear-gradient(to bottom, #ebebeb, #949494);
  text-decoration: none;
}


/*---------------------------------------------------
form3
---------------------------------------------------*/
/*まず、フォーム全体の囲み罫や背景などを指定*/
form#form3 {
	width: 730px;
	padding: 0px;
			}

/*リスト要素<ul>を初期化*/
form#form3 ul {
	padding:0;
	margin:0
}




/*----------------------------------------------------
	#login
----------------------------------------------------*/
#login{
  width: 500px;
  margin: 150px auto;
  padding: 5px;
  border: 1px solid #555;
  }

/* skin */
#login{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px #a5d1de;
  -moz-box-shadow: 0px 1px 3px #a5d1de;
  box-shadow: 0px 1px 3px #a5d1de;
  border: solid #4eb4c2 1px;
  background: #f1fefe;
  }


#login table {
	width: 500px;
}
#login table th {
	width: 200px;
	padding: 5px;
}
#login table td {
	width: 320px;
	padding: 5px;
	text-align:left;
}


input.sample4{
width:250px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}



/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
input#login_button
 {
  cursor:pointer;
  background: #6cbbf0;
  background-image: -webkit-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -moz-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -ms-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -o-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: linear-gradient(to bottom, #6cbbf0, #3d90c4);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b0aeb0;
  -moz-box-shadow: 0px 1px 3px #b0aeb0;
  box-shadow: 0px 1px 3px #b0aeb0;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 13px 6px 13px;
  margin: 16px 0px 20px 13px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

input#login_button:hover {
  background: #b9d8eb;
  background-image: -webkit-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -moz-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -ms-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -o-linear-gradient(top, #b9d8eb, #73add4);
  background-image: linear-gradient(to bottom, #b9d8eb, #73add4);
  text-decoration: none;
}

input#reset_button
 {
  cursor:pointer;
  background: #6cbbf0;
  background-image: -webkit-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -moz-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -ms-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: -o-linear-gradient(top, #6cbbf0, #3d90c4);
  background-image: linear-gradient(to bottom, #6cbbf0, #3d90c4);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b0aeb0;
  -moz-box-shadow: 0px 1px 3px #b0aeb0;
  box-shadow: 0px 1px 3px #b0aeb0;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 13px 6px 13px;
  margin: 16px 0px 20px 13px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

input#reset_button:hover {
  background: #b9d8eb;
  background-image: -webkit-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -moz-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -ms-linear-gradient(top, #b9d8eb, #73add4);
  background-image: -o-linear-gradient(top, #b9d8eb, #73add4);
  background-image: linear-gradient(to bottom, #b9d8eb, #73add4);
  text-decoration: none;
}

/*----------------------------------------------------
	#viewerlogin
----------------------------------------------------*/
#viewerlogin{
  width: 500px;
  margin: 150px auto;
  padding: 5px;
  border: 1px solid #555;
  }

/* skin */
#viewerlogin{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px #a5d1de;
  -moz-box-shadow: 0px 1px 3px #a5d1de;
  box-shadow: 0px 1px 3px #a5d1de;
  border: solid #1ea574 1px;
  background: #d2faeb;
  }


#viewerlogin table {
	width: 500px;
}
#viewerlogin table th {
	width: 200px;
	padding: 5px;
}
#viewerlogin table td {
	width: 320px;
	padding: 5px;
	text-align:left;
}


input.sample4{
width:250px;
	padding:3px 5px;
	margin:0px;
	color:#666;
	border: solid 1px #ccc;
	/*テキストエリア内にシャドウをつける。最初にbackground初期化が必要*/
    background: #fff;
	-webkit-box-shadow: 2px 3px 5px -2px #ddd inset;
	-moz-box-shadow: 2px 3px 5px -2px #ddd inset;
	box-shadow: 2px 3px 5px -2px #ddd inset;
	/*角丸にする*/
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}



/*送信・リセットボタンの体裁を指定（[type="○○"]で属性の値でセレクト）*/
input#viewerlogin_button
 {
  cursor:pointer;
  background: #34d955;
  background-image: -webkit-linear-gradient(top, #34d955, #2bb847);
  background-image: -moz-linear-gradient(top, #34d955, #2bb847);
  background-image: -ms-linear-gradient(top, #34d955, #2bb847);
  background-image: -o-linear-gradient(top, #34d955, #2bb847);
  background-image: linear-gradient(to bottom, #34d955, #2bb847);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b0aeb0;
  -moz-box-shadow: 0px 1px 3px #b0aeb0;
  box-shadow: 0px 1px 3px #b0aeb0;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 13px 6px 13px;
  margin: 16px 0px 20px 13px;
  border: solid #138730 1px;
  text-decoration: none;
}

input#viewerlogin_button:hover {
  background: #3cfc59;
  background-image: -webkit-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -moz-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -ms-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -o-linear-gradient(top, #3cfc59, #34d94f);
  background-image: linear-gradient(to bottom, #3cfc59, #34d94f);
  text-decoration: none;
}

input#viewerreset_button
 {
  cursor:pointer;
  cursor:pointer;
  background: #34d955;
  background-image: -webkit-linear-gradient(top, #34d955, #2bb847);
  background-image: -moz-linear-gradient(top, #34d955, #2bb847);
  background-image: -ms-linear-gradient(top, #34d955, #2bb847);
  background-image: -o-linear-gradient(top, #34d955, #2bb847);
  background-image: linear-gradient(to bottom, #34d955, #2bb847);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #b0aeb0;
  -moz-box-shadow: 0px 1px 3px #b0aeb0;
  box-shadow: 0px 1px 3px #b0aeb0;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 13px 6px 13px;
  margin: 16px 0px 20px 13px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

input#viewerreset_button:hover {
  background: #3cfc59;
  background-image: -webkit-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -moz-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -ms-linear-gradient(top, #3cfc59, #34d94f);
  background-image: -o-linear-gradient(top, #3cfc59, #34d94f);
  background-image: linear-gradient(to bottom, #3cfc59, #34d94f);
  text-decoration: none;
}


/*----------------------------------------------------
 オプション追加
----------------------------------------*/
table.option {
	width: 760px;
	border: #cacaca solid 1px;
}

table.option th {
	padding:  2px 3px 4px 10px;
	text-align: left;
	font-weight: normal;
	border: #cacaca solid 1px;
	background: #edf9fe;
}

table.option td {
	padding:  10px 3px 4px 10px;
	text-align: left;
	font-weight: normal;
	border: #cacaca solid 1px;
}