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

@import "reset.css";

body{
	font-family:'ヒラギノ角ゴ ProN W6',  Meiryo, メイリオ, sans-serif;
	background-color:#fff;
	color:#444;
	height:100%;
  	font-size:1.2em;
	line-height:1.5em;

	text-align:center;
	margin: 0 auto;
}
#container{
	width:1100px;
	margin:0 auto;
	padding:10px 0;
}

h1{
	text-align:center;
	font-size:1em;
	font-weight:bold;
	padding-top:20px;
	margin:0;
}

h2{
	margin:0 auto 1em auto;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	height:40px;
}
dl{
	margin-bottom:3em;
}
dl dt{
	float:none;
	float:left;
	padding-right:1em;
}

table{
	width:100%;
}
table th,
table td{
	text-align:center;
	border:none;
	padding:5px 2px;
}
table thead th{
	text-align:center;
	font-weight:bold;
	background:#ddd;
}
table tbody th{
	font-weight:bold;
	background:#f5f5f5;
}
table tbody td{
	text-align:center;
}
table tbody td.tL{
	text-align:left;
}
table strong{
	color:red;
	font-weight:bold;
}

#design{
	width:100%;
	text-align:center;
}

a.btBack{
	display:block;
	margin:0 auto;
	text-indent:-9999em;
	width:92px;
	height:21px;
}
a.btBack:hover{
	background-position:bottom;
}
a {
	text-decoration: none;
}

/*************************/
/*　　  　header　　　　 */
/*************************/
a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	zoom:1;
}
#header_top{
	width:1040px;
	text-align:center;
	margin: 0 auto;
}
#vc-21 #header_bg {
	display:none;
}
#header_bg {
	background-image:   url(images/page-bg-1.jpg);
}
#logo_header {
	width:1040px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
#logo_header img {
	width:130px;
	left:0;
	float:left;
}

/*　　 　ALL banner　　　 */

#banner{
	width:1050px;
	margin:0 auto 20px;
	padding-top:10px;
	position: relative;
	left:10px;
	text-align:center;
	overflow:hidden;
}

/*　　 　BIG banner　　　 */

.special_header {
	padding-bottom:35px;
	margin-left:auto;
	margin-right:auto;
	padding-right:5px;
	overflow:hidden;
	width:295px;
	float:left;
}
.special_link {
	width:295px;
	height:295px;
	float:left;
}
.special_headr li{
	margin-right:10px;
}
.special_link img {
	width:295px;
	height:295px;
}

.special_link figure {
	width:295px;
	height:295px;
    position: relative;
    margin: 0;
}

.special_link figcaption {
	width:295px;
	height:295px;
	padding:100px 5px 0px 5px;
	font-size:14px;
}

.special_link figcaption span {
	font-size:16px;
	font-weight:bold;
}


/*　　 　MINI banner　　　 */


#mini_banner{
	float:left;
}

.special_link2 {
	width:145px;
	height:145px;
	float:left;
	margin-right:5px;
	margin-bottom:5px
}
.special_link2 img {
	width:145px;
	height:145px;
}


.special_link2 figure {
    width: 145px;
    height: 145px;
    position: relative;
    margin: 0;
}

.special_link2 figcaption {
	width:145px;
	height:145px;
	padding-top:40px;
	font-size:12px;
}

.special_link2 figcaption span {
	font-size:14px;
	font-weight:bold;
}

.fixed {
	position: fixed;
	top: 0;
	text-align:center;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
figure {
	text-decoration:none;
}
figure img {
    position: absolute;
    left: 0;
    top: 0;
}
figure figcaption {
	top:0;
	left:0;
	position: absolute;
    display: none;
    background: #000;
    color: #fff;
    box-sizing: border-box;
	text-align:center;
    filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*************************/
/*　　　contents　　　　 */
/*************************/
#wrap{
	width:1040px;
	margin-left:auto;
	margin-right:auto;
}

/*************************/
/*　  topへ戻るボタン　  */
/*************************/

#page-top {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
	    font-size: 100%;
}
#page-top a {
		background-color:#666;
	    text-decoration: none;
	    color: #fff;
	    width: 75px;
	    padding: 30px 0;
	    text-align: center;
	    display: block;
	    border-radius: 100px;
	}
	
#page-top a:hover {
	    text-decoration: none;
	    background: #999;
	}