@charset "UTF-8";

/*サイドメニュー*/
#side-menu{
	width:300px;
	height:900px;
	float:left;
	margin-left:10px;
	margin-top:20px;
}
/*サイドメニューの画像ボタン*/
.a-btn{
    background: linear-gradient(top, #a9db80 0%,#96c56f 100%);
    padding: 5px 120px 20px 90px;
    height: 90px;
    display: inline-block;
    position: relative;
    border:none;
    box-shadow: 
		0px 2px 3px rgba(255,255,255,0.8) inset, 
		2px 2px 3px rgba(0,0,0,0.2);
    border-radius: 4px;
    float: left;
    clear: both;
    margin: 10px 0px;
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out;
}
.a-btn img{
    position: absolute;
    left: 15px;
    top: 13px;
    border: none;
    transition: all 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
    position: absolute;
    font-size: 26px;
    top: 18px;
    left: 18px;
    color: #6d954e;
    opacity: 0;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
    transition: opacity 0.2s ease-in-out;
}
.a-btn-text{
    padding-top: 13px;
    display: block;
    font-size: 20px;
    text-shadow: 0px -1px 1px #80ab5d;
}
.a-btn-text small{
    display: block;
    font-size: 11px;
    text-align:right;
    letter-spacing: 1px;
}

.a-btn:hover{
    box-shadow: 
        0px 1px 1px rgba(255,255,255,0.8) inset, 
        1px 1px 5px rgba(0,0,0,0.4); 
}
.a-btn:hover img{
    transform: scale(10);
    opacity: 0;
}
.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span{
    opacity: 1;
}
.a-btn:active {
    position:relative;
    top:1px;
    background:#80ab5d;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color: #a9db80;
}
.a-btn:active .a-btn-icon-right span{
    transform: scale(1.4);
}


/*メインコンテンツ*/
#main{
	width:980px;
}
#main_contents iframe{
	float:right;
	width:640px;
	height:860px;
	margin:20px 10px 10px 0px;
	padding-left:20px;
	background-color:#CCCC99;
}
#main_bun{
	width:800px;
	margin:0 90px 0 90px;
background:url(../images/hanbai-list/thK11XO0YC.jpg)no-repeat top right;
}
#main_bun h2{
	color:#003366;
	font-size:2.3em;
	font-weight:bold;
	text-align:left;
	text-shadow:5px 5px 2px #666666;
	width:600px;
	border-bottom:dotted 5px #339999;
	margin-bottom:20px;
	padding-left:40px;
}
#main_bun h3{
	font-family:sans-serif;
	font-size:1.5em;
	text-align:center;
	color:#336699;
	text-shadow:3px 3px 5px #666666;
}
#main_bun p{
	font-family:sans-serif;
	font-size:0.8em;
	text-align:center;
	color:#4682B4;
	text-shadow:3px 3px 6px #666666
}
#main_bun a{
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
}
#main_bun a:hover{
	color:#59D9C6;
	}