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

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 24px;
	color: #0C5108;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

body{
	overflow-x: hidden;
	font-size: 13px;
	color: #0024FF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../common/main_bg1.jpg);
}

img{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

.clear{
	clear:left;
}

.main{
	clear:left;
	margin:0 auto;
	width:1000px;
	height:2000px;
	background:#96F;
}

/*------------------------------------------------------------
	header
------------------------------------------------------------*/
header{
	clear:left;
	width:100%;
	height:200px;
}

header section{
	clear:left;
	margin:0 auto;
	width:1000px;
	height:200px;
}

header #logo{
	float:left;
	width:500px;
	height:auto;
}

header #logo img{
	margin-top:20px;
}

header #menu{
	float:left;
	width:500px;
}

header .menu1{
	clear:left;
	margin-left:320px;
}

header .menu1 p{
	float:left;
	margin-bottom:20px;
}

header .menu2{
	clear:left;
	margin-left:13px;
	width:auto;
	height:auto;
}

/*------------------------------------------------------------
	header button
------------------------------------------------------------*/
#h_menu1 a{
    display:block;
	float:left;
	margin-top:15px;
    overflow:hidden;
    width:82px;
	height:71px;
	background:url(../button/h_menu1_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#h_menu1 a:hover{
	background:url(../button/h_menu1_2.png);
}

#h_menu2 a{
    display:block;
	float:left;
	margin-top:15px;
	margin-left:5px;
    overflow:hidden;
    width:92px;
	height:71px;
	background:url(../button/h_menu2_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#h_menu2 a:hover{
	background:url(../button/h_menu2_2.png);
}

/*------------------------------------------------------------
	menu button
------------------------------------------------------------*/
#b_menu1 a{
    display:block;
	float:left;
	margin-top:2px;
    overflow:hidden;
    width:33px;
	height:54px;
	background:url(../button/b_menu1_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu1 a:hover{
	background:url(../button/b_menu1_2.png);
}

#b_menu2 a{
    display:block;
	float:left;
	margin-top:10px;
	margin-left:20px;
    overflow:hidden;
    width:109px;
	height:47px;
	background:url(../button/b_menu2_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu2 a:hover{
	background:url(../button/b_menu2_2.png);
}

#b_menu3 a{
    display:block;
	float:left;
	margin-top:7px;
	margin-left:25px;
    overflow:hidden;
    width:41px;
	height:49px;
	background:url(../button/b_menu3_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu3 a:hover{
	background:url(../button/b_menu3_2.png);
}

#b_menu4 a{
    display:block;
	float:left;
	margin-top:7px;
	margin-left:40px;
    overflow:hidden;
    width:42px;
	height:50px;
	background:url(../button/b_menu4_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu4 a:hover{
	background:url(../button/b_menu4_2.png);
}

#b_menu5 a{
    display:block;
	float:left;
	margin-top:3px;
	margin-left:35px;
    overflow:hidden;
    width:44px;
	height:56px;
	background:url(../button/b_menu5_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu5 a:hover{
	background:url(../button/b_menu5_2.png);
}

#b_menu6 a{
    display:block;
	float:left;
	margin-top:7px;
	margin-left:40px;
    overflow:hidden;
    width:41px;
	height:50px;
	background:url(../button/b_menu6_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu6 a:hover{
	background:url(../button/b_menu6_2.png);
}

#b_menu7 a{
    display:block;
	float:left;
	margin-top:2px;
	margin-left:38px;
    overflow:hidden;
    width:53px;
	height:56px;
	background:url(../button/b_menu7_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_menu7 a:hover{
	background:url(../button/b_menu7_2.png);
}

/*------------------------------------------------------------
	top_img
------------------------------------------------------------*/
#top_img{
	clear:left;
	width:100%;
	height:630px;
}

#top_img section{
	clear:left;
	margin:0 auto;
	width:1100px;
	height:577px;
	background:url(../top_img/top_img_bg.png);
}

#top_img .bxslider ul{
	margin-bottom:0;
}

#top_img .bxslider li{
	text-align:center;
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------*/
footer{
	clear:left;
	width:100%;
	height:140px;
}

footer section{
	clear:left;
	margin:0 auto;
	width:760px;
	height:140px;
	background:url(../common/footer_bg.png);
}

footer #left{
	float: left;
	width: 500px;
	height: 140px;
}

footer #left h1{
	float:left;
	margin-top:30px;
	margin-left:15px;
}

footer #left ul{
	float:left;
	margin-top:27px;
	margin-left:15px;
	width:270px;
}


footer #left li img{
	margin-bottom:10px;
}

footer #sns{
	float:left;
	margin-top:40px;
	margin-left:170px;
	width:190px;
	height:auto;
}

footer #sns h1{
	clear:left;
	font-size:13px;
	font-weight:normal;
}

/*------------------------------------------------------------
	SNS button
------------------------------------------------------------*/
#b_facebook a{
    display:block;
	float:left;
	margin-bottom:5px;
    overflow:hidden;
    width:39px;
	height:39px;
	background:url(../button/b_facebook1_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_facebook a:hover{
	background:url(../button/b_facebook1_2.png);
}

#b_twitter a{
    display:block;
	float:left;
	margin-left:5px;
    overflow:hidden;
    width:39px;
	height:39px;
	background:url(../button/b_twitter1_1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_twitter a:hover{
	background:url(../button/b_twitter1_2.png);
}

/*------------------------------------------------------------
	copyright
------------------------------------------------------------*/
#copyright{
	clear:left;
	width:100%;
	height:50px;
	text-align:center;
	color:#333;
	font-size:12px;
	line-height:50px;
}

/*------------------------------------------------------------
	ページトップ
------------------------------------------------------------*/
.pagetop{
    display:none;
    position:fixed;
    bottom:25px;
    right:40px;
}
.pagetop a{
	display:block;
	width:64px;
	height:86px;
    text-decoration:none;
	background:url(../button/p_top1.png);
	-webkit-transition:0.4s;
	transition:0.4s;
}
 
.pagetop a:hover{
	background:url(../button/p_top2.png);
}


/*------------------------------------------------------------
	height
------------------------------------------------------------*/
.height5{
	margin:0;
	padding:0;
	width:auto;
	height:5px;
}

.height10{
	margin:0;
	padding:0;
	width:auto;
	height:10px;
}

.height15{
	margin:0;
	padding:0;
	width:auto;
	height:15px;
}

.height20{
	margin:0;
	padding:0;
	width:auto;
	height:20px;
}

.height30{
	margin:0;
	padding:0;
	width:auto;
	height:30px;
}

.height40{
	margin:0;
	padding:0;
	width:auto;
	height:40px;
}

.height50{
	margin:0;
	padding:0;
	width:auto;
	height:50px;
}

.height80{
	margin:0;
	padding:0;
	width:auto;
	height:80px;
}

.height100{
	margin:0;
	padding:0;
	width:auto;
	height:100px;
}