@charset "UTF-8";
@import "common.css";

button{
background:none;
padding:0;
margin:0;
border:0;
cursor:pointer;
overflow:hidden;
outline:none;
}
button::-moz-focus-inner {
border-style: none;
}

#frmLogin {
	width: 300px;
	margin: 0px auto;
	padding: 0;
}
	#frmLogin table { width: 300px;}
	#frmLogin th { width: 96px; padding: 2px; font-weight: normal; text-align: right; font-weight:bold;}
	#frmLogin td { width: 196px; padding: 2px;}
	#txtId     { width: 170px;  font-size: 20px; padding:4px; font-weight:bold; ime-mode: disabled;}
	#txtPasswd { width: 170px;  font-size: 20px; padding:4px; font-weight:bold; ime-mode: disabled;}
	.login_box {
	width: 300px;
	margin: 5px auto;
}
	#btnLogin {background-color:transparent;width:187px;height:33px;}

#topimg {
	overflow: hidden;
	background: url("../images/topimg.jpg") no-repeat;
}

#topimg .catchphrase {
	float: left;
	font-size: 20px;
	color: #FFF;
	padding: 40px 0 0 10px;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
}

#login {
	margin: 20px 0 20px 580px;
	width: 340px;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	border-radius: 8px;
	text-shadow: 0px 0px 3px rgba(255,255,255,1);
}


#login a {
	Color: #FFF;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	background: #f97070;
	background: -moz-linear-gradient(-45deg, #f97070 0%, #ff4c4c 100%);
	background: -webkit-linear-gradient(-45deg, #f97070 0%,#ff4c4c 100%);
background: linear-gradient(135deg, #f97070 0%,#ff4c4c 100%);
	text-align: center;
	line-height: 36px;
	border-bottom: 2px solid #ed3636;
	font-size: 1.4em;
}
#login a:hover {
	background: #ed3636;
	color:#FFF;
}

#login a span {
	background: url("../images/login_icon.png") no-repeat 30% 40%;
	display: block;
	text-align: center;
}


#login h2 {
	font-weight: bold;
	padding: 4px;
	border-bottom: solid 1px #88b83f;
	margin: 0 0 10px;
	font-size: 1.2em;
}

#isrcmove {
	margin: 0 0 20px 580px;
	background: rgba(0,0,0,0.5);
	padding: 10px;
	border-radius: 8px;
	width: 340px;
}

#isrcmove p {
	color: #CCC;
}

a.isrcmove:before {
	content:"▶ ";
}

a.isrcmove {
	Color: #FFF;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	background: #499bea;
	background: -moz-linear-gradient(-45deg, #499bea 0%, #207ce5 100%);
	background: -webkit-linear-gradient(-45deg, #499bea 0%,#207ce5 100%);
	background: linear-gradient(135deg, #499bea 0%,#207ce5 100%);
	text-align: center;
	line-height:32px;
	border-bottom:2px solid #1169c6;
}
a.isrcmove:hover {
	background: #1169c6;
	color:#FFF;
}

#regist {
	margin: 30px 0;
	text-align: center;
}

#regist p {
	font-size: 14px;
	margin: 1em;
}

#regist h2 {
	font-size: 26px;
	background: linear-gradient(transparent 55%, #ff7575 55%);
	border-radius: 100%;
	width: 22em;
	margin: 0 auto;
	font-weight: bold;
}

#regist a {
	Color: #FFF;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	background: #ffa0a0;
background: -moz-linear-gradient(top, #ffa0a0 1%, #ff7f7f 50%, #f97070 51%, #ff4c4c 100%);
background: -webkit-linear-gradient(top, #ffa0a0 1%,#ff7f7f 50%,#f97070 51%,#ff4c4c 100%);
background: linear-gradient(to bottom, #ffa0a0 1%,#ff7f7f 50%,#f97070 51%,#ff4c4c 100%);
	text-align: center;
	line-height: 50px;
	border-bottom: 2px solid #ed3636;
	width: 300px;
	font-size:18px;
	margin: 0 auto;
	text-shadow:0 0 3px #ff4c4c;
}
#regist a:hover {
	background: #ed3636;
	color:#FFF;
}

#car_list ul {
	overflow:hidden;
	width: 960px;
}

#car_list li {
	float:left;
	padding: 0 1px 5px;
	width: 190px;
}

#car_list li img {
	width:190px;
}

#car_list h2 {
	font-weight: bold;
	padding: 4px;
	border-bottom: solid 1px #88b83f;
	margin: 0 0 10px;
	font-size: 1.2em;
}

#car_list h3 {
	font-weight:bold;
}

/******************************************************************************
 * NEWS
 *****************************************************************************/
#news {
	padding: 20px 0 0 0;
}
#news .title {
	background: url("../images/news_bg.gif");
	height:30px;
}
	#news .contents {
	padding: 0px;
	height: 250px;
	overflow: auto;
}
	#news p.date	{ color: #000000; padding-left:0px; font-size:12px;font-weight:bold; width: 85px; float:left; }
	#news p.subject	{ margin-left: 90px; padding-left:0px; font-size:14px; font-weight:bold;}
	#news p.info  	{ padding-left:90px; padding-bottom:5px; margin-bottom:5px; font-size:14px; }
	
	#news .contents .bdy { height: auto; overflow: hidden; border-bottom:1px dotted #cccccc; margin-bottom: 20px; }
	#news .bdy p { margin-bottom: 1em; } 
	
/******************************************************************************
 * FORM
 *****************************************************************************/

h1.regist {
	border-left: 5px solid #699D19;
	padding: 3px 8px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.form {
	width:100%;
}

.form p {
	padding: 10px 0;
	line-height: 1.6em;
	font-size:1.2em;
}

.form form {
	background: #DFDFDF;
	padding: 15px;
	border-radius: 10px;
}

.form table {
	border: 2px solid #999;
	width: 100%;
	background: #FFF;
}

.form table th,
.form table td {
	padding: 10px 5px;
	border: 1px solid #999;
	font-size: 14px;
}

.form table th {
	background: #EDEDED;
	text-align: right;
	color: #333;
	width: 25%;
}

.form em {
	background-color: #B34343;
	border-radius: 3px;
	padding: 2px;
	color: #FF0;
	font-size: 12px;
	float: left;
}

.form input[type=text] {
	height:18px;
}

/*.form input.ime { どっちにしたいのかわからなすぎるので改名　*/
.form input.imeoff {
	/*ime-mode: disabled;*/
	ime-mode: inactive; /*disabled は強すぎる　*/
}
.form *.imeon {
	/*こっちもつけないと復帰しないので追加 */
	ime-mode: active; 
}

.form .form_btn {
	text-align: center;
	padding: 25px 0 0;
}

.form .form_btn a,
.form .form_btn span
 {
	Color: #FFF;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	background: #6db3f2;
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	text-align: center;
	line-height: 50px;
	border-bottom: 2px solid #105bcc;
	width: 200px;
	font-size:18px;
	margin: 0 auto;
}
.form .form_btn a:hover ,
.form .form_btn span:hover 

{
	background: #105bcc;
	color:#FFF;
}

.form .form_btn a.bk {
	width:100px;
	line-height:30px;
	font-size:14px;
	background:#666;
	border-bottom:2px solid #444;
}

form .form_btn a.bk:hover {
	background:#444;
}