* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *behavior:url(boxsizing.htc); }
body { 
margin:0;
padding:0;
font: 16px/1.5 "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS P Gothic", sans-serif;
}

.main .title h1 {
	display: block;
	margin: 40px auto;
	overflow: hidden;
	width: 574px;
	height: 172px;
	}
.main .title h1:before{
	display: inline-block;
	content: url("../img/ttl.png");
}
.main .box h2 {
max-width: 900px;
margin: 0 auto;
color:#fff; 
text-shadow: 1px 1px 1px #000;
font-size: 16px;
font-weight: bold;
}
.box { 
	background:#444; 
	background:rgba(0,0,0,.6);
	padding: 20px;
	margin:40px 0;
}
.box p {
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 1em;
	color:#fff; 
	text-shadow: 1px 1px 1px #000;
}
.main {
	position:relative;
	margin:0 auto;
	min-width: 574px;
}
.menu{
	width:900px;
	margin: 200px auto 0 auto;
}

.menu ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
.menu ul li {
	float: left;
}
.menu .bt1 a,
.menu .bt2 a,
.menu .bt3 a {
display: block;
width: 280px;
height: 141px;
text-indent: -999em;
border:solid 2px #fff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.menu .bt1 a{
margin: 0 30px 30px 0;
background: url(../img/bt1.jpg) no-repeat 0 0;
}
.menu .bt2 a{
margin: 0 30px 30px 0;
background: url(../img/bt2.jpg) no-repeat 0 0;
}
.menu .bt3 a{
margin: 0 0 30px 0;
background: url(../img/bt3.jpg) no-repeat 0 0;
}
.menu .bt1 a:hover,
.menu .bt2 a:hover,
.menu .bt3 a:hover{
background-position: 0 bottom;
}
.note {
width:900px;
margin: 0 auto;
text-align:center;
color:#000;
font-size:12px;
text-shadow: none;
background:#fff; 
background:rgba(255,255,255,.6);
padding: 5px;
}
.footer {
margin: 20px 0;
}
.footer a{
	display: block;
	margin:0 auto;
	overflow: hidden;
	width: 185px;
	height: 46px;
}
.footer a:before{
	display: inline-block;
	content: url("../img/logo.png");
}



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media only screen and (max-width: 480px) {
html{
background-image:url(../img/background-dock.jpg);
background-repeat:no-repeat;
background-color: #aea6a1;
}
#big-video-wrap {
	display: none;
}
.box,
.menu,
.note,
.footer{
max-width:100%;
}
.menu{
margin:50px auto 10px;
}
.menu ul{
margin: 0 auto;
width: 284px;
}
.note{
	font-size: 15px;
}
}