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



html {
	overflow: auto;
}

body {
	overflow: hidden;
}


header footer article section {
	margin-left: -500%;
	margin-right: -500%;
	padding-left: 500%;
	padding-right: 500%;
	
}

header{
	background-color:#ffffff;
	height:250px;
	
}


nav{
	margin-left:0;
	height:100px;
}
nav ul li{
	margin-left:0;
	float:left;
	list-style-type:none;
	margin-right:1px;
}

nav ul{
	margin-top:50px;
}


.btn1 a{
	width:300px;
	height:103px;
background:url(file:///G|/0803%20HP%E4%BD%9C%E6%88%90%20width100/images/0803-%E3%83%AA%E3%82%B9%E3%83%88_07.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
}
.btn1 a:hover{
	opacity:0.5;
}


.btn2 a{
	width:300px;
	height:103px;
background:url(file:///G|/0803%20HP%E4%BD%9C%E6%88%90%20width100/images/0803-%E3%83%AA%E3%82%B9%E3%83%88_09.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
}
.btn2 a:hover{
	opacity:0.5;
}

.btn3 a{
	width:300px;
	height:103px;
background:url(file:///G|/0803%20HP%E4%BD%9C%E6%88%90%20width100/images/0803-%E3%83%AA%E3%82%B9%E3%83%88_11.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
}

.btn3 a:hover{
	opacity:0.5;
}

.btn4 a{
	width:300px;
	height:103px;
background:url(file:///G|/0803%20HP%E4%BD%9C%E6%88%90%20width100/images/0803-%E3%83%AA%E3%82%B9%E3%83%88_13.jpg);
text-indent:-9999px;
background-repeat:no-repeat;
display:block;
}

.btn4 a:hover{
	opacity:0.5;
}



#main{
	background-color:#ffffff;
	height:850px;
	
}

.viewer {
margin-left:auto;
margin-right:auto;
margin-top:0;
width: 1280px;
height: 600px;
text-align: center;
overflow: hidden;
}

.viewer ul {
width: 1280px;
height: 600px;
text-align: left;
overflow: hidden;
position: relative;
}

.viewer ul li {
top: 0;
left: 0;
width: 1280px;
height: 600px;
display: none;
position: absolute;
}

#section1{
	margin-left:auto;
	margin-right:auto;
	height:230px;
	padding-top:20px;
	width:1280px;
	
}

footer{
	background-color:#7C3535;
	height:44px;
}

#footer_text{
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	width:1280px;
	color:#ffffff;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



article{
	background-color:#ffffff;
	height:600px;
	padding-top:40px;
}

#section2{
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:650px;
	width:1280px;
}



section{
	background-color:#ffffff;
	height:600px;
}

#section3{
	padding-top:35px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	width:1280px;
}

#section4{
	margin-left:auto;
	margin-right:auto;
	height:600px;
	width:1280px;
}

#section5{
	margin-left:auto;
	margin-right:auto;
	height:600px;
	width:1280px;
}

#section6{
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	width:1280px;
}

#section7{
	padding-top:90px;
	margin-left:auto;
	margin-right:auto;
	height:380px;
	width:1280px;
}


/* ２カラム３カラムのレイアウトbox　*/



.container {
	width: 90%;
	padding:5%;
	display: -webkit-box;　/* Safari,Google Chrome用 */
	display: -moz-box;　/* Firefox用 */
}
.box1 {
	width: 50%;
	background: #EEE;
	min-height: 480px;
}

.box2 {
	width: 50%;
	background: #999;
	min-height: 480px;
}


.leftBox {
	width: 25%;
	background: #999;
	min-height: 300px;
}
.rightBox {
	width: 25%;
	background: #666;
	min-height: 100px;
}



/* トップへ戻るボタン　*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color:#683030;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.hako1{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	border:solid 3px #7c3535;
	width:1050px;
	height:500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
box-shadow:2px 2px 3px 3px rgba(124,53,53,0.50);
}

.hako2{
	margin-left:auto;
	margin-right:auto;
	margin-top:106px;
	border:solid 3px #7c3535;
	width:1050px;
	height:500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	box-shadow:2px 2px 3px 3px rgba(124,53,53,0.50);
}

.hako3{
	margin-left:auto;
	margin-right:auto;
	border:solid 3px #7c3535;
	width:1050px;
	height:500px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
box-shadow:2px 2px 3px 3px rgba(124,53,53,0.50);
}

.hako4{
	border:solid 3px #7c3535;
	width:375px;
	height:442px;
	padding-top:30px;
}

.hako5{
	border:solid 3px #7c3535;
	width:375px;
	height:472px;
	
}

.hako6{
	border:solid 3px #7c3535;
	width:375px;
	height:472px;
	
}

.hako7 ul li{
	margin-left:0;
   float:left;
	list-style-type:none;
	margin-right:25px;
	
}
.hako8{
padding-left:38px;
padding-top:48px;
width: 35%;
float:left;


}

.hako9{
width: 50%;
padding-top:110px;
padding-left:95px;
float:left;
height:330px;


}

.hako10{
padding-left:30px;
padding-top:40px;
width: 40%;
float:left;


}

.hako11{
padding-left:50px;
padding-top:100px;
width: 48%;
float:left;
height:330px;


}

.hako12{
padding-left:30px;
padding-top:45px;
width: 40%;
float:left;



}

.hako13{
padding-left:40px;
padding-top:90px;
width: 49%;
float:left;
height:390px;

}

.clearfix{
	clear:both;
}

table{
	
	border: 3px solid #683030;
	border-radius: 10px;
	border-spacing: 0;
	border-collapse: separate;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	
}

.hyo1{
	width:1000px;
	
}

.hyo2{
	width:500px;
	height:330px;
	font-size:18px;
}

.hyo3{
	width:510px;
	height:330px;
	font-size:18px;
}

.hyo4{
	width:530px;
	height:350px;
	font-size:18px;
}

table tr td{
	padding:0.2em;
	border-left:2px solid #683030;
	border-top:2px solid #683030;
}

table tr td:first-child{
	border-left:none;
}

table tr:first-child td{
	border-top:none;
}