@charset "utf-8";
/* CSS Document */
html,body {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	text-align:center;
	height: 100%; 
	}
	
#topbox h1{
	padding: 10px 10px 0 0;
	font-size: 3.5em;
	}
#topbox h2{
	padding: 10px 10px 0 0;
	font-size: 1.2em;
	}
#topbox h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 5px 10px 5px 10px;
	font-size: 2em;
	}
#topbox h4{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px 0px 0px 10px;
	font-size: 0.7em;
	font-weight: normal;
	}
#topbox p{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 120px 10px 0 0 ;
	line-height: 1.5em;
	}
#topbox img{
}

#topbox {
height:100%;
 width:900px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
	background-color:#000;}


.box1 {
	background-color:#fff;
	position:static;
	float: left;
	width:300px; height:100%;  /** 横幅50% **/
	}
.box2 {
	background-color:#fff;
	position:static;
	float: left;
	width:300px; height:100%;  /** 横幅50% **/
	}
.box3 {
	background-color:#fff;
	position:static;
	float: left;
	width:300px; height:100%;  /** 横幅50% **/
	}
	
.topbox1main{
	background-color:#fff;
	float: left;
	width: 92%; height:100%;
		}
.topbox1main0{
	background-color:#fff;
	float: left;
	width: 89%; height:100%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
		}
.boxtext{
	padding-right:8px;
	margin-left: auto;
	height: 62%;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	}
.boxtitle{
	height: 8%;
	}
.boximg1{
	z-index: 3;
	background-image:url(../image/top/3.jpg) ;
	background-position: center center;
    background-repeat: no-repeat;
	width: 100%;
	bottom: 0;
	height: 30%;
	}
.boximg2{
	z-index: 4;
	background-image:url(../image/top/1.jpg) ;
	background-position: center center;
    background-repeat: no-repeat;
	width: 100%;
	bottom: 0;
	height: 30%;
	}
.boximg4{
	z-index: 6;
	background-image:url(../image/top/4.jpg) ;
	background-position: center center;
    background-repeat: no-repeat;
	width: 100%;
	bottom: 0;
	height: 30%;
	}
.topbox1side{
	z-index: 1;
	background-color:#000;
	float: left;
	width: 4%; height:100%;
	}
.topbox1line{
	z-index: 2;
	background-color:#C00;
	float: left;
	width: 4%; height:100%;
	}
.topbox2side{
	background-color:#000;
	float: left;
	width: 4%; height:100%;
	}
.topbox2line{
	background-color:#93C;
	float: left;
	width: 4%; height:100%;
	}
.topbox4side{
	background-color:#000;
	float: left;
	width: 4%; height:100%;
	}
.topbox4line{
	background-color:#FC3;
	float: left;
	width: 4%; height:100%;
	}


// spanをdisplay:block;でブロック要素にします
.span2box {
　background-color:white; display:block;
　border:1px solid gray; padding:5px; margin:5px; 
}
// リンクの見栄えを設定します。
a .span2box { background-color:#f0f0ff; font-weight:bold; }
a:hover .span2box { background-color:skyblue; color:blue; }

.link_box{
    position:relative;
}
 
.link_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.link_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}