@charset "utf-8";

body{
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
	background-image:url(../img/haikei.gif);
}


#home #mein{
	width:500px;
	height:500px;
	margin:100px auto;
	text-align:center;
}


#home h1{
	margin:0;
	padding:10px;
	text-align:center;
	font-size:60px;
	color:#fff;
	text-shadow: 2px 2px 3px #333333;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33ccff), to(#fff));
background: -webkit-linear-gradient(top, #33ccff, #fff);
background: -moz-linear-gradient(top, #33ccff, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33ccff,endColorStr=#fff, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ccff,endColorstr=#fff, GradientType=0)";
background: -ms-linear-gradient(top, #33ccff, #fff);
background: -ms-linear-gradient(top, #33ccff, #fff);
background: -o-linear-gradient(top, #33ccff, #fff);
zoom:1;
background: linear-gradient(top, #33ccff, #fff);
}


#home h2{
	padding:10px;
	text-align:center;
	font-size:50px;
	color:#fff;
	text-shadow: 2px 2px 3px #333333;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#89C2FB));
background: -webkit-linear-gradient(top, #fff, #89C2FB);
background: -moz-linear-gradient(top, #fff, #89C2FB);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff,endColorStr=#89C2FB, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff,endColorstr=#89C2FB, GradientType=0)";
background: -ms-linear-gradient(top, #fff, #89C2FB);
background: -ms-linear-gradient(top, #fff, #89C2FB);
background: -o-linear-gradient(top, #fff, #89C2FB);
zoom:1;
background: linear-gradient(top, #fff, #89C2FB);
		border-radius: 10px;
}


#home #mein table{
}


#home #mein table th{
	width:500px;
		border-radius: 10px;
	font-size:40px;
	color:#fff;
	text-shadow: 2px 2px 3px #333333;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cccccc));
background: -webkit-linear-gradient(top, #ffffff, #cccccc);
background: -moz-linear-gradient(top, #ffffff, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff,endColorStr=#cccccc, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#cccccc, GradientType=0)";
background: -ms-linear-gradient(top, #ffffff, #cccccc);
background: -ms-linear-gradient(top, #ffffff, #cccccc);
background: -o-linear-gradient(top, #ffffff, #cccccc);
zoom:1;
background: linear-gradient(top, #ffffff, #cccccc);
}


#home #mein table td{
	font-size:20px;
	padding:10px;
}

#home input[type="text"],
#home input[type="password"]{
	font-size:20px;
	width:300px;
	height: 25px;
	padding:5px;
	margin: 5px 0px;
	box-shadow: 0px 0px 3px #000000;
}


#home input[type="text"]:focus,
#home input[type="password"]:focus,
textarea:focus {
	box-shadow: 0px 0px 3px #000000;
	background:#FFF0D4;
}


#home input[type="submit"]{
	font-size:30px;
	padding:5px 10px;
	color: #ffffff;
	font-weight: bold;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33ccff), to(#3399ff));
		background: -webkit-linear-gradient(top, #33ccff, #3399ff);
		background: -moz-linear-gradient(top, #33ccff, #3399ff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#33ccff,endColorStr=#3399ff, GradientType=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ccff,endColorstr=#3399ff, GradientType=0)";	background: -ms-linear-gradient(top, #666666, #000000);
		background: -ms-linear-gradient(top, #33ccff, #3399ff);
		background: -o-linear-gradient(top, #33ccff, #3399ff);
		background: linear-gradient(top, #33ccff, #3399ff);
		zoom:1;
	border: solid 1px #336699;
		border-radius: 5px;
}


#home input[type="submit"]:hover{
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3399ff), to(#3333ff));
		background: -webkit-linear-gradient(top, #3399ff, #3333ff);
		background: -moz-linear-gradient(top, #3399ff, #3333ff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3399ff,endColorStr=#3333ff, GradientType=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3399ff,endColorstr=#3333ff, GradientType=0)";	background: -ms-linear-gradient(top, #666666, #000000);
		background: -ms-linear-gradient(top, #3399ff, #3333ff);
		background: -o-linear-gradient(top, #3399ff, #3333ff);
		background: linear-gradient(top, #3399ff, #3333ff);
		zoom:1;
}


#home p{
	color:#f00;
}

#home p.title_update{
	color:#ee7800;
	font-size:30px;
	text-align:left;
	margin-bottom:5px;
}

#home ul{
	text-align:left;
	list-style:none;
	color:#666;
	margin:0;
	padding:0;
}

#home ul li{
	border-bottom:1px dotted #ccc;
	padding:5px 0;

}


#home div.infobox{
	height:180px;
	overflow:scroll;
	border:#999 1px dashed;
	background:#F0F0F0;
	padding:5px;
}




#customer #wrap{
	width: 800px;
	margin:auto;
	text-align:center;
}


#customer h1{
	color:#ee7800;
		text-shadow: 2px 2px 0px #FCC7A3;
	font-size:50px;
}


#customer h2{
	color:#ccc;
		text-shadow: 2px 2px 0px #666;
	font-size:30px;
}


#customer h3{
	color:#ee7800;
		text-shadow: 2px 2px 0px #FCC7A3;
	font-size:30px;
}


#customer #download_area{
	text-align:left;
}


#customer #download_area h4{
	color:#fff;
		text-shadow: 2px 2px 3px #333333;
	padding:5px 20px;
	font-size:28px;
	border:2px solid #ccc;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#ffffff));
background: -webkit-linear-gradient(top, #cccccc, #ffffff);
background: -moz-linear-gradient(top, #cccccc, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#cccccc,endColorStr=#ffffff, GradientType=0);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#ffffff, GradientType=0)";
background: -ms-linear-gradient(top, #cccccc, #ffffff);
background: -ms-linear-gradient(top, #cccccc, #ffffff);
background: -o-linear-gradient(top, #cccccc, #ffffff);
zoom:1;
background: linear-gradient(top, #cccccc, #ffffff);
		border-radius: 5px;
}

#customer #download_area h5{
	color:#666;
	padding:5px 40px;
	font-size:20px;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
	text-align:center;
}


#customer #download_area p{
	letter-spacing:6px;
	font-size:18px;
	text-align:center;
}

#customer #download_area p a:link{
	color:#FA771F;
	text-decoration:none;
}
#customer #download_area p a:visited{
	color:#666;
	text-decoration:none;
}
#customer #download_area p a:hover,
#customer #download_area p a:active{
	color:#999;
	text-decoration:underline;
}


#customer .commentary img{
	-moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5);
	-ms-box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
}


#customer a img:hover{
	opacity:0.5;
}


#customer table.commentary{
	width:800px;
	border-left:5px solid #FFAD31;
	border-right:5px solid #FFAD31;
}