@charset "UTF-8";
@media print,screen and (min-width: 896px) {
body {
	background: #eee;
	margin: 0 auto;
	width:100%;
}

a:link {
	text-decoration: none;
	color: #c6c;
}
a:visited {
	text-decoration: none;
	color: #c6c;
}
a:hover {
	text-decoration: none;
	color: #6c3;
}
a:active {
	text-decoration: none;
	color: #c6c;
	font-family: 'Noto Sans JP', sans-serif;
}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {
	font-weight:700;
	font-size: 9pt;
	font-family: 'Noto Sans JP', sans-serif;
}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}
	
	#index{
	display: none;
}
	
h1 {
	margin: 0 auto;
	height: 115px;
	width: 1020px;
	text-indent: -1000em;
}
h1 a {
	display:block;
	margin: 0 auto;
	height: 115px;
	width: 1020px;
	background-image:url(img/head.jpg);
}
#bar1{
	width: 100%;
	height: 115px;
	background: #df9;
	background-repeat: repeat-x;
}
#bar1_in{
	width: 1040px;
	height: 115px;
	margin: 0 auto;
}
#bar2{
	width: 100%;
	height: 5px;
	background:#c6c;
	top:115px;
}
#bar2_in{
	width: 1040px;
	margin: 0 auto;
	background:#c6c;
	height: 5px;
}

#address{
	clear: both;
	width: 130px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 9pt;
	color: #999;
	text-align: left;
	line-height: 130%;
	background:#fff;
	padding: 10px;
}
#address2{
	margin: 0 auto;
	clear: both;
	height: 20px;
	width: 1020px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size:10pt;
	line-height: 1.5em;
	color:#999;
}
#foot{
	clear: both;
	width: 100%;
	height: 20px;
	background:#6c3;
	margin-top:20px;
}
#foot_in{
	width: 1040px;
	height: 20px;
	margin: 0 auto;
	height: 20px;
	background:#6c3;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 9pt;
	line-height: 20px;
	color: #fff;
	text-align: center;
}

#main{
	width: 1040px;
	margin: 0 auto;
	margin-top:20px;
}
#main1{
	width: 150px;
	margin-left: 10px;
	float: left;
}
#main2{
	width: 850px;
	margin-left: 20px;
	margin-right:10px;
	float: left;
}
#navi{
	width: 150px;
	height: 445px;
}
#navi ul {
    width: 150px;
	height: 445px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(img/btn_00.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#navi li{
	float: left;
	margin: 0px 0px 5px 0px;
    padding: 0px;
}

.m1 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;	
}
.m2 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.m3 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.m4 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.m5 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.m6 a{
    display: block;
    height: 70px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}

.m1 a:hover {
	background: url(img/btn_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.m2 a:hover {
    background: url(img/btn_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.m3 a:hover {
    background: url(img/btn_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.m4 a:hover {
    background: url(img/btn_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.m5 a:hover {
    background: url(img/btn_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.m6 a:hover {
    background: url(img/btn_06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}



#navi2{
	width: 100%;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	text-align: left;
	background:#fff;
}
#navi3{
	width: 840px;
	height: 50px;
	color: #999;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 170%;
}


#box{
	width: 850px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.60);
	padding-top:20px;
	padding-bottom:20px;
	overflow: hidden;
}
#box1{
	float: left;
	width: 300px;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
#box2{
	float: left;
	width: 510px;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
#box3{
	float: left;
	width: 810px;
	text-align: left;
	margin-left:20px;
	margin-right:20px;	
}


#box3_menu{
	float: left;
	width: 810px;
	height:160px;
	text-align: left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:15px;
	overflow: hidden;
}

#box3_menu2{
	float: left;
	width: 830px;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
	
#boxb{
	float: left;
	width: 830px;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
#boxb ul {
    width: 840px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#boxb li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.box9_ad{
	float: left;
	width: 146px;
	text-align: left;
	margin-right:20px;
	margin-bottom:20px;
	overflow: hidden;
}
.box9_ad a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

.box9_adw{
	float: left;
	width: 292px;
	text-align: left;
	margin-right:30px;
	margin-bottom:20px;
	overflow: hidden;
}

.box9_adw a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

	

#boxc{
	float: left;
	width: 840px;
	text-align: left;
	margin-left:20px;
	overflow: hidden;
}
#boxc ul {
    width: 840px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#boxc li{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

.c1 a{
    display: block;
	background-image: url(img2/cat01a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;	
}
.c2 a{
    display: block;
	background-image: url(img2/cat02a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;
}
.c3 a{
    display: block;
	background-image: url(img2/cat03a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;
}
.c4 a{
    display: block;
	background-image: url(img2/cat04a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;
}
.c5 a{
    display: block;
	background-image: url(img2/cat05a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;
}
.c6 a{
    display: block;
	background-image: url(img2/cat06a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
    height: 160px;
    width: 390px;
    text-indent: -1000em;
    overflow: hidden;
}

.c1 a:hover {
	background: url(img2/cat01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c2 a:hover {
    background: url(img2/cat02b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c3 a:hover {
    background: url(img2/cat03b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c4 a:hover {
    background: url(img2/cat04b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c5 a:hover {
    background: url(img2/cat05b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.c6 a:hover {
    background: url(img2/cat06b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

	

.cat1{
	width: 390px;
	height: 160px;
	float: left;
}



.cat2 a{
	float: left;
	width: 390px;
	text-align: left;
	margin-left:30px;	
}
.cat3 a{
	float: left;
	width: 390px;
	text-align: left;
	
}
.cat4 a{
	float: left;
	width: 390px;
	text-align: left;
	margin-left:30px;	
}


#box9_ad{
	float: left;
	width: 146px;
	text-align: left;
	margin-right:20px;
	margin-bottom:20px;
	overflow: hidden;
}
#box9_ad a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

#box9_adw{
	float: left;
	width: 292px;
	text-align: left;
	margin-right:30px;
	margin-bottom:20px;
	overflow: hidden;
}

#box9_adw a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: 0.5s ;
}

#box9_ad2{
	float: left;
	width: 373px;
	text-align: left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	overflow: hidden;
}

#box9_mo{
	float: left;
	width: 256px;
	text-align: left;
	margin-right:20px;
	margin-bottom:20px;
	overflow: hidden;
}
#box9_movie{
	float: left;
	width: 810px;
	text-align: left;
	margin-right:20px;
	margin-bottom:10px;
	overflow: hidden;
}
#box9_title{
	float: left;
	width: 256px;
	text-align: left;
	overflow: hidden;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
	color:#999;
	margin-right:20px;
}
#box10{
	float: left;
	width: 187px;
	text-align: left;
	overflow: hidden;
	font-size: 16pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2em;
	margin-top:5px;
}

#box13{
	float: left;
	width: 634px;
	text-align: left;
	overflow: hidden;
	font-size: 9pt;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	line-height: 1.3em;
	color:#000;
}
#box14{
	float: left;
	width: 176px;
	height:60px;
	text-align: left;
	overflow: hidden;
	background-image:url(img/mrpartner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}





.text8 {
	font-size: 8pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.text12_t{
	width: 490px;
	font-size: 12pt;
	line-height: 120%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color: #6c3;
}
.text9 {
	width: 490px;
	font-size: 12pt;
	line-height: 1.6em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
	.text9_kabu {
	font-size: 9pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.text9_m {
	width: 490px;
	font-size: 12pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
.text9_b {
	width: 490px;
	font-size: 9pt;
	line-height: 2em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#kaisya{
	width: 500px;
	height:26px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 12pt;
	text-align: left;
	color:#fff;
	overflow: hidden;
	background:#6c3;
	padding-left:10px;
	margin-bottom:5px;
	line-height: 1.8em;
}
#kaisya2{
	width: 500px;
	height:47px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 12pt;
	text-align: left;
	color:#fff;
	overflow: hidden;
	background:#6c3;
	padding-left:10px;
	margin-bottom:5px;
	line-height: 1.6em;
}
.text12 {
	width: 490px;
	font-size: 12pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}



hr {
	border-width: 1px 0 0 0; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #6c3; /* 線色 */
	height: 1px; /* IE6用対策 */
	clear: both; /* IE6用対策 */
}
.space {
	height: 3px;
}

.text9_mc {
	color:#6c3;
	font-size: 9pt;
	line-height: 1.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
#navi4{
	width: 150px;
	height: 175px;
	margin-top: 20px;
}
#navi4 ul {
    width: 150px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: url(img/bn_00.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#navi4 li{
	float: left;
	margin: 0px 0px 5px 0px;
    padding: 0px;
}

.bn1 a{
    display: block;
    height: 40px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;	
}
.bn2 a{
    display: block;
    height: 40px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.bn3 a{
    display: block;
    height: 40px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}
.bn4 a{
    display: block;
    height: 40px;
    width: 150px;
    text-indent: -1000em;
    overflow: hidden;
}

.bn1 a:hover {
	background: url(img/bn_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bn2 a:hover {
    background: url(img/bn_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bn3 a:hover {
    background: url(img/bn_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bn4 a:hover {
    background: url(img/bn_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#address0{
	display:none;
}
#ctittle1{
	background-image: url("img/ctitle01.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}
#ctittle2{
	background-image: url("img/ctitle02.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}
#ctittle3{
	background-image: url("img/ctitle03.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}
#ctittle4{
	background-image: url("img/ctitle04.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}
#ctittle5{
	background-image: url("img/ctitle05.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}
#ctittle6{
	background-image: url("img/ctitle06.jpg");
	width: 850px;
	height: 60px;
	text-indent: -1000em;
}


	
#kesu{
	display:inline-flex;
}
	#kesu2{
	display:none;
}
#menumini{
	display:none;
}
	
/*ヘッダーまわりはサイトに合わせて調整してください*/
header {
	display:none;
}
#nav-drawer {
}
/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}
/*アイコンのスペース*/
#nav-open {
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
}
#nav-open span:before {
}
#nav-open span:after {
}
/*閉じる用の薄黒カバー*/
#nav-close {
}
/*中身*/
#nav-content {
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
}
#nav-input:checked ~ #nav-content {
}
	
}