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

*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html{
	font-size:75%;
	color:#333;
}
a{
	color:#339;
	/*transition:all 0.15s ease-in-out;*/
}
a:hover{
	color:#c36;
}
body {
	background:url("img/background.jpg"); 
}
#main-content{
	max-width:1000px;
	min-height:calc(100vh - 450px);
	margin:50px auto;
}








#main-content a.back_home,
#main-content input[type="submit"],
#main-content input[type="button"]{
    display: block;
	margin: 1% auto;
    width: 40%;
	padding:1%;
	box-sizing:border-box;
	background-color:transparent;
	border:none;
	border:1px solid #cccccc;
	/*box-shadow:1px 1px 5px rgba(0,0,0,0.25);*/
	text-align: center;
    text-decoration: none;
	background-color:rgba(50,50,180,0.25);
}
#main-content a.back_home:hover,
#main-content input[type="submit"]:hover,
#main-content input[type="button"]:hover{
	box-shadow:0 0 2px rgba(0,0,0,0.35);
}
#main-content input[type="submit"]{
	background-color:rgba(180,50,50,0.25);
}

/*TOPへ戻る-----------------------------------*/
.to_top{
	clear:both;
	margin-bottom:30px;
	padding-top:20px;
	text-align:right;
}
.to_top a{
	text-align:center;
	padding:5px 20px;
	border-radius:3px;
	background-color:#454545;
	color:#fff;
	text-decoration:none;
	margin-right:10px;
}


/*ページ内基本コンテンツ-----------------------------------*/
#main-content h2{
	margin-top:50px;
	border-bottom:1px dashed #cccccc;
	color:#999;
	padding-left:15px;
}

/*一覧選択テーブル-----------------------------------*/
.float_list{
	padding:0;
	list-style:none;
}
.kashira{
	clear:left;
	padding-top:20px;
	font-size:200%;
	color:#aaa;
	text-align:center;
}
.kashira:first-child{
	padding-top:0;
}
.float_list li a{
	float:left;
	font-family:"Arial Black", Gadget, sans-serif;
	display:block;
	width:24%;
	padding:1%;
	margin:0.5%;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:3px;
	color:#ffffff;
	background-color:rgba(0,0,0,0.75);
	box-shadow:1px 1px 5px rgba(0,0,0,0.25);
	text-align:center;
	text-decoration:none;
}
.float_list li a:hover{
	box-shadow:0 0 2px rgba(0,0,0,0.35);
	background-color:rgba(0,0,0,0.9);
	color:#cc0000;
}
.float_list li a span{
	display:block;
	font-size:60%;
	line-height:1em;
}

.float_8 li a{
	width:13.25%;
}

/*更新情報テーブル-----------------------------------*/
.update_table{
	max-width:900px;
	margin:10px auto;
}
.update_table dt,
.update_table dd{
	box-sizing:border-box;
	margin-bottom:10px;
}
.update_table dt{
	clear:both;
	float:left;
	width:20%;
	text-align:right;
	padding-right:10px;
}
.update_table dd{
	float:right;
	width:80%;
	margin-left:0;
}
.update_table dd input{
	width:90%;
}


/*更新完了テーブル-----------------------------------*/
#kanryou{
    text-align: center;
    font-size: 200%;
    color: #aaa;
}

/*未実装機能---------------------------*/
.UnWorks a{
	color:#ccc;
    pointer-events: none;
}

/*ヘッダー---------------------------*/
header#header{
	background-color:rgba(0,0,0,0.80);
	color:#ffffff;
	height:100px;
	background-image:url("http://www.auction.azzurri-produce.com/als/top/image/header_bg.png");
	background-repeat:no-repeat;
	background-position:center;
}
header#header h1{
	padding:0;
	margin:0 auto;
	text-align:center;
}
#pan_kuzu{
	padding:10px;
}

/*フッター---------------------------*/
#main-content>section>h1{
	background-color:#333333;
	color:#ffffff;
	padding:2px 10px;
	font-size:15px;
}



/*フッター---------------------------*/
footer#footer{
	background:rgba(0,0,0,0.80); 
	color:#ffffff;
	padding:25px 0;
}
footer#footer a{
	color:#ffffff;
}
footer#footer p.copy{
	text-align:center;
}

/*クリアフィックス---------------------------*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}