@charset "utf-8";
/* CSS Document */

* {
	background: #F2F2F2;
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	font-size: 18px;
	font-family: Helvetica, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
body {
	text-align: center;
}
a {
	color: #3399ff;
}
hr {
	border: none;
	border-bottom: 1px solid #666;
	margin: 15px 0;
}

hr.dot {
	border: none;
	border-bottom: 1px dotted #999;
	margin: 15px 0;
}

/*共通*/
#wrapper {
/*	width: 82%;*/
	max-width:90%;
	margin: 1em auto;
	text-align: left;
}

.kome {
	margin-left: 1em !important;
	text-indent: -1em;
	text-align: left;
	font-size: 90%;
	display: block;
}

.caption {
	text-align: left;
	font-size: 90%;
	display: block;
}

/*-----ボタン-----*/
/*決定*/
#loginbutton {
	width: 200px;
	padding: 0.8em;
	margin: 0.8em auto 2em;
	background: #008eeb;
	color: #ffffff;
	border: #008eeb 1px solid;
	border-radius: 5px;
	cursor: pointer;
}









#header {
	background:#000;
	text-align:left;
	background-position : 20px;		
	border-top:7px solid #2E89E2;	
}


#header a{
	background:#000;
	text-decoration:none;
}

#header img{
	background:#000;
	padding:5px 10px;
	border:none;

}

.title-login{
	text-align:center;
	color:#2E89E2;
	margin-bottom:4px;
	}


input#email,input#password{
	padding:5px;
}


.inputbox{
    margin: 15px auto 10px;
    width: 300px;
}
	
.inputbox input{
width:285px;
margin:0 auto;	
}

.link_box{
    margin: 20px auto;
	
}

.link_box ul {
    display: table;
    list-style: none;
    width: 380px;
    margin: 0 auto;
}

.link_box ul li {
    display: table-cell;
    width: 50%;
    padding: 5px;
	text-align:center;
}


.text_c{
	text-align:center;
}



@media screen and (max-width: 440px) {
   /*-- 440px以下の場合のプライバシーリンク --*/
.link_box ul {
	width:auto;

}  
   
.link_box ul li{
	display:block;
	text-align:center;
	padding:5px;
	width:200px;
	margin:0 auto;
}

	   
}
	

@media screen and (max-width: 345px) {
   /*-- 345px以下の場合のヘッダ画像 --*/
   #header img{
	  width:95%;
	  background-position:10px;}
}

@media screen and (max-width: 330px) {
   /*-- 330px以下の場合の入力ボックス --*/
   .inputbox input {
	   width:95%;
	   
}
  .inputbox {
 width:90%;
}
}