/* 画面表示用 */
@media screen {

html {
	font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

body {
	text-align: center;
	line-height : 2em;		/* 行間 */
	margin : 0px;
	padding : 0px;

/*	background-color: #CCC;*/

	font: 62.5% "Trebuchet MS", sans-serif;
}

h5 {
	line-height : 3em;
	font-size:115%;
  color: #EB8F00;
	border : solid 1px #aaa;
	width : 200px;
	height : 30px;
	margin : 0 auto;
	background-color : white;
/*
	rgb(235, 8, 0)
  color:#4088b8;
*/
}


#container {

/*
	width  : 1024px;
	height : 768px;
*/
	width  : 1022px;

/*	height : 766px;*/
/*
	height : 709px;
	height : 672px;
*/
	height : 768px;


 	text-align: center;
  margin: 0 auto; /* center on everything else */
	border : solid 1px #333;

	background: url(../images/design/background.jpg);
	background-repeat: repeat;

}


#header {

/*	height: 110px;*/
	height: 90px;

/*	background-color: #FFB42A;
/*	color: #663200;	*/
/*
	color: #fff;
	font-size:30px;
	font-weight:bold;
*/
	line-height : 0em;		/* 行間 */

/*	background-image : url('../images/header_back.gif');*/

	text-align:left;

}

#wraptitle img{
	float:left;
	vertical-align: top;
}


#headerlogo img{
	float:left;
	margin-top  : 2px;
	margin-left : 2px;
}

#welcome {
	float:left;
	font-size:200%; 
	font-weight:bold;
	margin : 40px 20px 20px 120px;
}


#headermenyu {
	height: 20px;
	background-color: #69f;
	color: #fff;
	border : solid 1px green;
}

/* イラストエリア */
#navi {
	margin : 10px;
	padding-top : 5px;
	float:left;

	width : 200px;

	background-image : url("../images/design/navi_bg.png");
/*	background-repeat: no-repeat;*/

/*	height : 995px;*/
/*	height : 720px;*/

/* height : 660px; */
	height : 648px;

/*	background-color : #69f;*/

}

#contents {

/*	margin : 5px;*/
/*
	position:relative;
*/
	padding-top : 5px;
	line-height : 1em;		/* 行間 */
	float:right;

/*	width : 792px;*/
	width : 802px;

/*	width : 1060px;*/

/*	height : 995px;*/
/*	height : 720px;*/

/*	height : 660px;*/
	height : 648px;

/*	background-color : #ffc;*/
	margin: auto;
	text-align:center;
	font-size:150%;
}

#control {
	line-height : 1.5em;		/* 行間 */
	float:right;
	text-align:left;
	width : 214px;

/*	height :1000px; */
	height :800px;

	background-color : #69f;
}



#footer {
	height: 55px;
	clear: both;
	background-color : #330;
/*
	color: #fff;
	font-size: 12px;
	background-image: url( "../images/footer_back.gif");
*/


	/*	値を2つ指定した場合： 	記述した順に[上下][左右]のパディングになります。 */
/*	padding: 5px 20px;*/
}


/* エディトエリア */
/*
#editbox {
	clear: both;
	position:relative;
	border : solid 1px #000;
	overflow: visible;
	width  : 891px;
	height : 630px;
	background-image : url("../images/layout_grid.gif");
	margin: 0 auto;
	padding : 0px;
}
*/



#wakuan {
	text-align : center;
	margin-top : 10px;
}



/* 回転等での実際のエリア */
#realarea {
	position :absolute;
	top : 0px;
	width : 0px;
	width  : 100px;
	height : 100px;
	border : solid 1px transparent;
	z-Index : 2;
}


/* -------------------------------------------------------------------
 float解除
------------------------------------------------------------------- */
/* float解除 */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/*\*/
* html .clearfix {
	zoom:100%;
}
.clearfix {
	display:block;
}
/**/

}


#mainbox {
	text-align: left;
}

#main {
/*	font-size: 130%;*/
	text-align: left;
/*	width : 600px;*/
	padding-top: 15px;
	padding-left: 15px;
/*	border : solid 1px #000;*/
}



table {
	border: #000000 1px solid;
	border-collapse: collapse;
	padding:0;
} 

table th {
	border: #000000 1px solid;
	background-color: ALICEBLUE;
	text-align: center;
	font: bold;
} 

table td.pat1 {
	border: #000000 1px solid;
	text-align: left;
}

table td.pat2 {
	border: #000000 1px solid;
	text-align: center;
}


table tr.pat3 {
	text-align: center;
	height : 100px;
}

table td.pat4 {
	border: #000000 1px solid;
	text-align: center;
}


table tr.grayback {
	background-color: FLORALWHITE;
}


#itemlist {
	clear:both;
	margin : 20px 10px 10px;			/* 上, 左右, 下 */
/*  overflow: scroll;   /* スクロール表示 */ 
  overflow:auto; 
  overflow-y:scroll;.
/*
  width: 900px;
  height: 430px;
*/
  width: 800px;
  height: 513px;
}


.headmenu {
	float:left;
	line-height : 2.5em;
	font-size:120%;
  color: #EB8F00;
	border : solid 1px #aaa;
	width : 185px;
	height : 30px;
	margin : 2px 6px;
	background-color : white;
/*
	rgb(235, 8, 0)
  color:#4088b8;
*/
}


input[type="submit"] {
	background-color : #6bf;
	padding: 5px 10px 5 px 10px;
	font-size : 120%;
	forn-weight : bold;
	color : #fff;
	border : 1px solid #69c;
	border-radius : 15px;
	box-shadow : 0  4px 8px rgba(70, 140, 210, 0.5),
							 0 -8px  0  8px #48c inset;
	text-shadow: 1px 1px 2px #000;