@charset "UTF-8";

img.bgfull {
	/* �c���̍ŏ��l��ݒ肷��B */
	min-height: 100%;
	min-width: 1024px;
	/* �E�B���h�E�����ɂ��Ĉ������΂��B */
	width: 100%;
	height: auto;
	/* �\���ʒu��ݒ肷�� */
	position: fixed; /* �܂���absolute; */
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	/* �E�B���h�E�̕��������Ȃ��Ă�w�i�摜�𒆐S���ɂ���B */
	img.bgfull {
	left: 50%;
	margin-left: -512px; }
}

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

#body{
	width:100%;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
}
html{
  display: table;
  width: 100%;
  height: 80%;
}

body{
/*  display: table-cell;*/
  text-align: center;
/*  vertical-align: middle;*/
}

img{
  max-width: 100%;
  max-height: 100%;
}

*{
color:#666;	
	}


br {
   letter-spacing:normal;
}

a {
   color:#663333;
   text-decoration:none;
}

a:hover {
   color:#B97373;
   text-decoration:none;
}

a:hover img{ filter: alpha(opacity=70); /* IE7�ȉ��p */
  -ms-filter: �galpha(opacity=70)�h; /* IE8�p */
  opacity:0.7; /* Firefox 1.5�ȏ�, Opera, Safari�p */
 } 

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

div #container{
	/*position: relative;*/
	width:500px;
	background:url(img/formbg.gif);
	border:2px solid #FFF;
	height:360px;
	color:#666;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
}

div #form {
	
	color:#666;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
}

div #form .item{
	margin-top:5px;
	margin-bottom:5px;
	
	}


h1{
	font-size:16px;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#666;
	margin-bottom:10px;
	}
	
div #menucontainer{
	/*position: relative;*/
	width:800px;
	
	height:auto;
	color:#666;
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
}	

div #menu {
	color:#666;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
	background-color:#FFF;
	border:#999 1px solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

div #menu a{
	color:white;
}

div #menu p{
	margin:10px 15px 10px 15px;
	font-size:90%;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
	width:450px;
	float:left;
}

div #menu img{
	margin:10px 10px 5px 10px;
	border:#CCC 2px solid;
}



h2{
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
	background-color:#999;
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	padding:5px 5px 5px 20px;
	margin-left:-15px;
	margin-top:-1px;
	border-left:#CCC 5px solid;
	}

div #menucontainer h1{
	font-size:16px;
	font-family:"Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "メイリオ", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#666;
	margin-bottom:10px;
	}

/*div #logout{
	
	margin:15px 15px 10px auto;
	
}*/


div #logout{
	width:170px;
	float:left;
}

div #logout a{
	background:url(img/logout.png) no-repeat ;
	float : left ;
	width : 130px ;
	height : 25px ;
	padding:7px;
	margin-top:0px;
}

div #back{
	width:170px;
	float:left;
}
div #back a{
	background:url(img/back.png) no-repeat ;
	float : left ;
	width : 130px ;
	height : 25px ;
	padding:7px;
	margin-top:0px;
}