@charset "utf-8";
/* CSS Document */
/*
Theme Name: オリジナルテーマ
Author:有限会社裏木曽庭苑
Author URI:https://urakisoteien.jp/
*/

/* formatting style
--------------------------------------------*/

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;

}

body {
	color: #222222;
	font-family: "Klee One", cursive,"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 15px;
	background-color: #FFFFFF;
	line-height: 1.8;
}

 


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-spacing:0;
    border-collapse:separate;
    *border-collapse:collapse; /* ie6,7 */
}

ol {
	margin-left: 30px;
	margin-bottom: 30px;
}

.cl {
    clear: both;
}

img {
    border: none;
	max-width:100%;
	height:auto;
}


a:hover img {
opacity:0.6;
filter:Alpha(opacity=60);
}


.hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 2em;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}

hr {
margin:0px 0px;
padding:0;
clear:both !important;
height:0;
border:none;
}
* html hr{
border-top: 1px solid;
}
*:first-child+html hr{/* for IE7 */
border-top:1px solid;
}
#menu{
    display: block;
}
#toggle{ 
 display: none;
}

.arign_r {
	text-align: right;
	clear: both;
}
.alignleft {
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 1em;
}
.aligncenter {
  display: block;
  margin:0 auto;
}
.alignright {
  display: block;
  float: right;
  margin-left: 10px;
  margin-bottom: 1em;
}

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 90%;
	z-index:10;
}
#back-top a {
	width: 60px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
}
#back-top a:link {
	color: #CCCCCC;
}
#back-top a:visited {
	color: #CCCCCC;
}
#back-top a:hover {
	color: #CCCCCC;
}
#back-top a:active {
	color: #CCCCCC;
}

#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: url(images/pagetop.png) no-repeat center center;
}
#back-top a:hover span {
}

/* head style
--------------------------------------------*/

#headwrap {
	width: 100%;
	background-color: #f7f7f7;
	height: 60px;
}

#headbox {
    width: 1200px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#headleft {
	margin: 0px;
	padding: 14px 0px 0px 0px;
	float: left;
	width: 650px;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
}
#headleft th {
	padding-right: 20px;
}
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}
#headleft td {
	font-size: 14px;
}

#headright {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 294px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 116px;
	height: 60px;
	line-height: 60px;
}
#hdr02 {
	float: left;
	width: 116px;
	height: 60px;
	line-height: 60px;
}

#hdr03 {
	float: left;
	width: 60px;
	height: 45px;
	padding-top: 15px;
}

/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gnavi {
	height: 60px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}


#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
#gnavi li a {
	display: block;
 	list-style: none;
}

#gnavi #menu01 a:link{
	width:240px;
	height:60px;
}

#gnavi #menu01 a:hover {
	width:240px;
	height:60px;
}


#gnavi #menu02 a:link{
	width:240px;
	height:60px;
}

#gnavi #menu02 a:hover {
	width:240px;
	height:60px;
}

#gnavi #menu03 a:link{
	width:240px;
	height:60px;
}

#gnavi #menu03 a:hover {
	width:240px;
	height:60px;
}

#gnavi #menu04 a:link{
	width:240px;
	height:60px;
}

#gnavi #menu04 a:hover {
	width:240px;
	height:60px;
}

#gnavi #menu05 a:link{
	width:240px;
	height:60px;
}

#gnavi #menu05 a:hover {
	width:240px;
	height:60px;
}



/* bread style　パン屑
--------------------------------------------*/

#bread {
    height: 30px;
    line-height: 30px;
width: 100%;
margin-bottom: 20px;
}

#bread ul{
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0;
width: 100%;
}
#bread ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}


#bread_home a:link{
	display: block;
	background-image: url(images/home.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #d01e1a;
}

#bread_home a:visited{
	background-image: url(images/home.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #d01e1a;
}

#bread_home a:hover{
	background-image: url(images/home.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #d01e1a;
}

#bread_home a:active{
	background-image: url(images/home.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #d01e1a;
}

/* all style
--------------------------------------------*/



#wrap{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	clear: both;
}

/* side style
--------------------------------------------*/

#side {
    width: 300px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	float: right;
	text-align: center;
}

#side ul {
	list-style: none;
}

#side li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#side01 a:link{
	display: block;
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:visited{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:hover{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:active{
	width: 298px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side02 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side03 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side03 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side04 {
	height: auto;
    border: solid 1px #e6e6e6;
}

#sidechild {
	padding-bottom: 24px;
}

#sidechild h3{
	background-color: #f7f7f7;
	width: 297px;
	height: 84px;
	font-size: 18px;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	font-weight: normal !important;
}
#sidechild a:link{
	display: block;
	background-color: #ffffff;
	width: 297px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:visited{
	background-color: #ffffff;
	width: 297px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:hover{
	background-color: #ffffff;
	width: 297px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:active{
	background-color: #ffffff;
	width: 297px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}


#side05 a:link{
	display: block;
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-top: 1px;
}
#side05 a:visited{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-top: 1px;
}
#side05 a:hover{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-top: 1px;
}
#side05 a:active{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-top: 1px;
}

#side06 a:link{
	display: block;
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:visited{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:hover{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:active{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side07 a:link{
	display: block;
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:visited{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:hover{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:active{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:link{
	display: block;
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:visited{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:hover{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:active{
	width: 297px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-bottom: 1px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
/* category style
--------------------------------------------*/
#casemenu {
	width: 825px;
	clear: both;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#casemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#casemenu li{
	float: left;
	margin: 0px 1px;
	padding: 0px;
}
#casemenu span{
	display: none;
}


#wcasemenu {
	width: 660px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
}
#wcasemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#wcasemenu li{
	float: left;
	margin: 0px 1px;
	padding: 0px;
}
#wcasemenu span{
	display: none;
}

#cat3 a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat3 a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat3h a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4h a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat5 a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat5h a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat6 a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat6h a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat7 a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:link {
	display: block;
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:visited {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat7h a:hover {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:active {
	width: 163px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#caseboxul {
	width: 825px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

#caseboxul ul{
	list-style: none;
}

#caseboxul li{
	list-style: none;
	width: 47%;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 40px;
	background-color: #758492;
	border: solid 1px #758492;
	padding-bottom: 6px;
	min-height: 330px;
}
.casesize img{
 width: 100%;
  height: 220px;
  object-fit: cover;
	max-height: 220px;
}
.timefon {
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	width: 40%;
	text-align: center;
	padding-top: 10px;
	height: 24px;
}
.caseidfon {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.casefon {
	font-size: 14px;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(images/timeline.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.casefon a:link{
	color: #FFFFFF;
}
.casefon a:visited{
	color: #FFFFFF;
}
.casefon a:hover{
	color: #FFFFFF;
}
.casefon a:active{
	color: #FFFFFF;
}
.casecat {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 6px;
}
.morear02 {
	height: 22px;
	width: 91px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.boxful_t {
	border: solid 1px #FFFFFF;
	color: #ffffff;
	padding: 4px;
	margin-top: 10px;
}
.boxful_t a:link{
	color: #FFFFFF;
}

.boxful_t a:visited{
	color: #FFFFFF;
}

.boxful_t a:hover{
	color: #FFFFFF;
}

.boxful_t a:active{
	color: #FFFFFF;
}

#caseboxul a:link{
	color: #FFFFFF;
}

#caseboxul a:visited{
	color: #FFFFFF;
}

#caseboxul a:hover{
	color: #FFFFFF;
}

#caseboxul a:active{
	color: #FFFFFF;
}
.singlemainbox{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.singleimg01{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	text-align: center;
}
.demand {
	border: solid 1px #999999;
	padding: 10px 30px 10px 30px;
	margin-bottom: 60px;
}

.demand h3 {
	background-image: url(images/request.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 90px;
	border-bottom: solid 1px #999999;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	height: 28px;
	line-height: 38px;
}


.proposal {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #999999;
	width: auto;
}
.proposal .box01-title {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: 10px;
    padding: 18px 18px 18px 18px;
    line-height: 1;
    font-size: 17px;
	background-color: #051419;
    color: #FFFFFF;
}
.proposaltex {
	margin-top: 30px;
}

.singlecontent01 {
	margin-bottom: 40px;
}
.singlecontent01 table{
	table-layout: fixed;
}
.singlecontent01 th{
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #758492;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	width: 320px;
}

.singlecontent01 td{
	vertical-align: top;
	color: #000000;
	background-color:#EFF2F6;
	padding: 20px;
}
.constructionbox h4{
	font-weight: normal;
}

.constructionbox {
	width: 100%;
	clear: both;
	padding-bottom: 40px;
}

.constructionbox ul{
	list-style: none;
}
.constructionbox li{
	list-style: none;
}

.construction01 {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.cscl {
	width: 330px;
	float: left;
	margin-left: 35px;
	margin-right: 35px;
	border-bottom: dotted 1px #051419;
}
.cscl_l {
	width: 30%;
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
}
.cscl_r {
	width: 65%;
	float: right;
	padding-top: 12px;
	padding-bottom: 12px;
}
.ba_box {
   min-height: 100%;
   overflow: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.ba_texbox {
	width: 100%;
}
.ba_list {
	float: left;
	width: 45%;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 46px;
}
.ba_list h4 {
	padding-left: 4px;
	border-bottom: dashed 1px #cccccc;
	margin-bottom: 20px;
	color: #666666;
	font-size: 22px;
	font-weight: normal;
}
.ba_imgbox {
	margin-bottom: 14px;
	border: solid 1px #666666;
	width: auto;
	background-color: #E9E4E4;
	text-align: center;
}
.ba_texbox {
	background-color: #FFFFFF;
	color: #000000;
	padding: 12px;
	width: auto;
	height: 110px;
}
/* main style
--------------------------------------------*/

#topmain {
	width: 1200px;
	margin: 0px auto;
	padding-top: 60px;
}
#pagemain {
	width: 1200px;
	margin: 0px auto;
	padding-top: 60px;
}

#main {
	width: 900px;
	float: left;
	text-align: left;
}

.sgbox {
	padding-right: 38px;
}
.sgbox2 {
	width: 100%;
}
.ulclass {
	margin-left: 30px;
	margin-bottom: 30px;

}
.hd_g01 {
	height: 210px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 210px;
	text-align: center ;
}

.hd_g02 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g03 {
	height: 210px;
	background-color: #f7f7f7;
	font-size: 20px;
	line-height: 210px;
	text-align: center ;
	margin-bottom: 40px;
}

.hd_g04 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 40px;
}

.hd_a {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_b {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_c {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


.hd_d {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 {
	padding-top: 60px;
	text-align: center;
	padding-bottom: 40px;
}

.messe01 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 60px;
}

.messe01 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 60px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 40px;
	text-align: center;
	padding-bottom: 40px;
}


.messe02 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.messe02 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.hdcircle {
  color: #333;
	margin-bottom: 20px;
}
.table01 {
	padding-bottom: 30px;
}

.table01 table{
	width: 100%;
	table-layout: fixed;
}

.table01 th{
	width: 31%;
	background-color: #a4a4a4;
	color: #FFFFFF;
	padding-bottom: 44px;
	padding-top: 44px;
	text-align: center;
	font-weight: normal;
	border-right: solid 1px #FFFFFF;
}

.table01 td{
	width: 31%;
	background-color: #f7f7f7;
	color: #222222;
	padding-bottom: 44px;
	padding-top: 44px;
	text-align: center;
	font-weight: normal;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

.tbthree {
	width: 100%;
	clear: both;
	padding-bottom: 30px;
}
.tbthree ul{
	list-style: none;
}
.tbthree li{
	list-style: none;
	width: 32%;
	float: left;
	margin: 0px 4px;
}


.tbtype_a table{
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tbtype_a thead th {
	width: 35%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #a4a4a4;
}
.tbtype_a td {
	width: 60%;
	padding: 10px;
	vertical-align: top;
}
.tbtype_a .even {
	background: #f3f6f7;
}



.tbtype_b table{
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tbtype_b thead th {
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #a4a4a4;
	text-align: center;
}

.tbtype_b td {
	width: 100%;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}
.tbtype_b tr:nth-child(even) {
	background: #f3f6f7;
}


.tbtype_c {
	padding-bottom: 60px;
}

.tbtype_c table{
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}

.tbtype_c th {
	width: 20%;
	padding: 20px 0px 20px 0px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}

.tbtype_c td {
	width: 75%;
	padding: 20px 0px 20px 0px;
	vertical-align: top;
}
.tbtype_c td .ac {
	vertical-align: top;
	text-align: center;
}
.tbtype_c tr:nth-child(even) {
	background: #f7f7f7;
}

.type01 {
	padding-bottom: 30px;
}

.type01 table{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	width: 99%;
}
.type01 th {
	width: 25%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #e6e6e6;
	background: #efefef;
}
.type01 td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #e6e6e6;
}
.wpcf7-form .wpcf7-submit   {width: 30%}/*送信ボタンの横幅指定*/
#submitbox {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
margin-top: 16px;
	text-align: center;
}
.wpcf7 .wpcf7c-elm-step1, .wpcf7 .wpcf7c-elm-step2 { /* ボタン */ padding: 3px 10px 3px 20px; letter-spacing: 10px; cursor: pointer; }
.wpcf7 .wpcf7-confirm, .wpcf7 .wpcf7-submit { /* ボタン確認、ボタン送信 */ background-color: #051419; color: #fff; }
.wpcf7 .wpcf7-back { /* ボタン修正 */ background-color: silver; border-color: silver; color: #fff; margin-right: 3px; }
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .wpcf7-validation-errors { /* エラー */ color: red !important; font-weight: bold; }
.wpcf7 .wpcf7-mail-sent-ok { /* 送信完了 */ font-weight: bold; }
.wpcf7 .wpcf7c-conf { /* 確認画面の背景色 */ border: solid 1px #eee; background-color: #fff; }
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}



#main p{
	margin-bottom: 14px;
}


.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 120px;
	width: 1200px;
	padding-top: 90px;
	margin-bottom: 60px;
	color: #FFFFFF;
	text-decoration: none;
}


.onebox_b h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
}


.twobox {
	clear: both;
	width: 100%;
	padding-bottom: 140px;
	text-align: center;
}

.twobox img{
	margin: 0px 0px 40px 0px;
}

.twobox p{
	margin: 0px 0px 0px 0px;
}
.twoboxl {
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.twoboxr {
	width: 50%;
	float: right;
	margin: 0px;
	padding: 0px;
}

.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 160px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 30px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 33%;
	float: left;
}
.threein {
	padding: 0px 20px 0px 20px;
	min-height: 180px;
	text-align: left;
}



.threehov01 {
	background-image: url(images/topimg04a_hov.jpg);
	background-repeat: no-repeat;
	background-position: top;
background-size:cover;
}

.threehov01 a {
    display: inline-block;
}

.threehov01 a:hover {
	background-color: transparent; /* IE6対応 */
}

.threehov01 a:hover img {
    visibility: hidden;
}

.threehov02 {
	background-image: url(images/topimg04b_hov.jpg);
	background-repeat: no-repeat;
	background-position: top;
background-size:cover;
}

.threehov02 a {
    display: inline-block;
}

.threehov02 a:hover {
	background-color: transparent; /* IE6対応 */
}

.threehov02 a:hover img {
    visibility: hidden;
}
.threehov03 {
	background-image: url(images/topimg04c_hov.jpg);
	background-repeat: no-repeat;
	background-position: top;
background-size:cover;
}

.threehov03 a {
    display: inline-block;
}

.threehov03 a:hover {
	background-color: transparent; /* IE6対応 */
}

.threehov03 a:hover img {
    visibility: hidden;
}


.business_content {
	clear: both;
	width: 100%;
	padding-bottom: 140px;
	text-align: center;
}
.bcimg01 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
}

.bcimg01 span{
	display: none;
}

.bcimg02 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 448px;
}
.bcimg03 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 448px;
}

.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 140px;
	text-align: center;
}

.pagefourbox li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 225px;
	list-style: none;
}


#topmain h2{
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 60px;
}

.info {
	clear: both;
	width: 100%;
	padding-bottom: 60px;
}

.infol {
	width: 300px;
	float: left;	
}
.infor {
	width: 870px;
	float: right;	
}

.postbox {
	clear: both;
	width: 100%;
	padding-bottom: 60px;
}
.postboxl {
	width: 50%;
	float: left;
}
.postboxr {
	width: 50%;
	float: left;
}

.postinl {
	float: left;
	width: 300px;
}
.postinr {
	float: left;
	padding-left: 20px;
	width: 260px;
}


.bracket {
	position: relative;
	width: 90%;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 40px auto 0px auto;
	text-align:center;
}
.bracket::before,
.bracket::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.bracket::before {
	top: 0;
	left: 0;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}
.bracket::after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

/*---table---*/
.q {
	font-size: 24px;
	text-align: center;
	background-color: #a4a4a4;
	color: #FFFFFF;
	width: 46px;
	height: 46px;
	line-height: 46px;
}
.a {
	font-size: 24px;
	text-align: center;
	background-color: #fafafa;
	border: solid 1px #a4a4a4;
	width: 44px;
	height: 44px;
	line-height: 44px;
}
.qa table {
	width: 100%;
	table-layout: fixed;
	padding-bottom: 40px;
}

.qa th{
	text-align: left;
	font-weight: normal;
	width: 8%;
	padding-bottom: 10px;
	padding-right: 30px;
}

.qa td{
	width: 85%;
	padding-bottom: 10px;
	text-align: left;
}


.infor table{
	width: 100%;
	table-layout: fixed;
}

.infor th{
	text-align: left;
	font-weight: normal;
	width: 15%;
	padding-bottom: 10px;
}

.infor td{
	width: 83%;
	padding-bottom: 10px;
	text-align: left;
}

.postinr table{
	width: 100%;
	table-layout: fixed;
}

.postinr th{
	text-align: left;
	font-weight: normal;
	padding: 0px 0px 0px 0px ;
}

.postinr td{
	padding-top: 6px;
	text-align: left;
	padding-bottom: 14px;
	font-weight: normal;
}
#slide {
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #051419;
	clear: both;
}
#slide img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.topimgtext {
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	padding-bottom: 70px;
}


#pagebox {
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background-color: #051419;
}

#hd h2{
	clear: both;
	text-align: left;
	width: 1130px;
	height: 170px;
	margin: 0px auto;
	font-size: 217%;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 70px;
	padding-top: 110px;

}

.breakpad {
	padding-bottom: 30px;
	padding-top: 40px;
}

.breakoff span {
	display: none;
}

.breakoff {
    border: 0; 
    height: 1px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

img { 
vertical-align: top;
}


.flobox_a {
	clear: both;
	padding-bottom: 40px;
}

.flobox_b {
	clear: both;
	padding-bottom: 60px;
}
.flobox01l {
	width: 46%;
	float: left;
}

.flobox01r {
	width: 48%;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}
.flobox01r2 {
	width: 48%;
	float: right;
	padding-right: 20px;
}
.flobox01r3 {
	width: 46%;
	float: right;
}


.flobox02l {
	width: 26%;
	float: left;
	padding-right: 20px;
}

.flobox02r {
	width: 68%;
	float: right;
	padding-right: 20px;
}


.flobox03l {
	width: 62%;
	float: left;
}

.flobox03r {
	width: 35%;
	float: right;
}

.flobox04l {
	width: 35%;
	float: left;
}

.flobox04r {
	width: 60%;
	float: right;
	padding-right: 20px;
}

.gallerybox {
	width: 100%;
}
.gallerybox ul{
	list-style: none;
}

.gallerybox li{
	width: 47%;
	float: left;
	list-style: none;
	margin-right: 20px;
}
.gallerybox li img{
	 width: 100%;
  height: 220px;
  object-fit: cover;
	max-height: 220px;
}

.col_more {
	position:absolute;
	bottom:0px;
	width: 400px;
	margin-bottom: 0px;
}
.col_more a:link {
	display: block;
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more a:visited {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more a:hover {
	background-color: #aeaaab;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more a:active {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more_p {
	position:absolute;
	bottom:0px;
	width: 400px;
	margin-bottom: 0px;
}
.col_more_p a:link {
	display: block;
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more_p a:visited {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more_p a:hover {
	background-color: #aeaaab;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.col_more_p a:active {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.buy_more_p {

	bottom:0px;
	width: 400px;
	margin-bottom: 0px;
}
.buy_more_p a:link {
	display: block;
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.buy_more_p a:visited {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.buy_more_p a:hover {
	background-color: #aeaaab;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.buy_more_p a:active {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.post_more {
	position:absolute;
	bottom:0px;
	right: 38px;
	width: 200px;
	margin-bottom: 0px;
}
.post_more a:link {
	display: block;
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.post_more a:visited {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.post_more a:hover {
	background-color: #aeaaab;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.post_more a:active {
	background-color: #222222;
	background-image: url(images/arrow_bk.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 10px;
	color: #FFFFFF;
	text-decoration: none;
}



.listbn01 a:link{
	display: block;
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:visited{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:hover{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:active{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}


.listbn02 a:link{
	display: block;
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:visited{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:hover{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:active{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:link{
	display: block;
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:visited{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:hover{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:active{
	width: 300px;
	height: 206px;
	line-height: 206px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.flostyle01 {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	margin-bottom: 30px;
}

.flostyle01l {
	width: 45%;
	float: left;
	padding: 14px 24px 0px 0px;
	border-right: solid 1px #e6e6e6;
}
.flostyle01r {
	width: 45%;
	float: right;
	padding: 14px 0px 0px 0px;
}

.flostyle02 ul{
	list-style: none;
}
.flostyle02 li{
	list-style: none;
	width: 30%;
	padding: 0px 10px 0px 10px;
	float: left;
}
.flostyle02 img {
	margin-bottom: 10px;
}

.kakomi01{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #f3faff;
    border-bottom: solid 2px #f3faff;
	text-align: center;
}
.kakomi01:before, .kakomi01:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #f3faff;
}
.kakomi01:before {left: 10px;}
.kakomi01:after {right: 10px;}
.kakomi01 p {
    margin: 0; 
    padding: 0;
}

.lucid {
	display: none;
}

.kakomi01 table {
	width: 390px;
	margin-left: auto;
	margin-right: auto;
}

.kakomi01 th {
	text-align: left;
	padding-right: 20px;
}
.kakomi01 td {
	text-align: left;
}

.bot_a {
	width: 250px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.bot_a  a:link{
	display: block;
	width: 250px;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: #fafafa;
}
.bot_a  a:visited{
	width: 250px;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: #fafafa;
}
.bot_a  a:hover{
	width: 250px;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: #ededed;
}

.bot_a  a:active{
	width: 250px;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	background-color: #ededed;
}

/*---ページ送り---*/

.prevnext{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	overflow:hidden;
	width: 100%;
	margin-bottom: 20px;
}
.prev{
	margin:0;
	float:left;
}
.next{
	margin:0;
	float:right;
}


.clickstyle {
     text-align: center;
	 margin: 10px auto;
}


.google-maps {
position: relative;
padding-bottom: 44.8%;
height: 0;
overflow: hidden;
margin-bottom: 10PX;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/* pagenavi style　ページナビゲーション
--------------------------------------------*/

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:14px;
line-height:22px;
font-weight: bold;
}
  
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#000000;
border: solid 1px #000000;
background: #FFFFFF;
font-weight: bold;
}
  
.pagination a:hover{
color:#fff;
background: #000000;
}
  
.pagination .current{
padding:6px 9px 5px 9px;
color:#fff;
background: #000000;
font-weight: bold;
}


/* foot style
--------------------------------------------*/


#foot {
	padding-bottom: 56px;
	padding-top: 56px;
	width: 100%;
	background-color: #e5e5e5;
}

#footbox {
	width: 1200px;
	margin: 0px auto;
}

#footl {
	float: left;
	width: 300px;
	padding-right: 28px;
	text-align: center;
	border-right: solid 1px #FFFFFF;
	min-height: 340px;
	padding-top: 20px;
}

#footl img {
	margin-bottom: 40px;
}

#footl h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}
#footl p {
	margin-bottom: 10px;
}
#footr {
	float: right;
	width: 800px;
	padding-left: 70px;
}

#footr ul{
	list-style: none;
}
#footr li{
	list-style: none;
	padding-bottom: 8px;
	padding-top: 8px;
}

#ful01 {
	width: 230px;
	float: left;
}
#ful02 {
	width: 320px;
	float: left;
}
#ful03 {
	width: 230px;
	float: left;
}
.fli01 {
	font-size: 16px;
}
.fli02 {
	margin-left: 22px;
}

#footerbot {
	width: 100%;
	text-align: center;
    bottom: 0;
	min-height: 42px;
	line-height: 42px;
	background-color: #d2d2d2;
}

#footerbotbox {
	width: 600px;
	margin: 0px auto;
	padding: 0px 0px;
}

#footerbotbox p{
	color: #FFF;
}

.selling {
	font-size: 18px;
	padding-bottom: 40px;
	padding-top: 0px;
}

/* 以下、ディスプレイ幅が1024pxより小さい画面に使われるCSS */
@media screen and (max-width: 1024px) {
	
/* head style
--------------------------------------------*/
#headwrap {
	width: 100%;
	background-color: #f7f7f7;
	height: auto;
}

#headbox {
    width: 820px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#headleft {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 550px;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
}
#headleft th {
	padding-right: 10px;
	width: 120px;
	line-height: 60px;
}
#headleft td {
	font-size: 13px;
	line-height: 60px;
}
	
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}


#headright {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 264px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 100px;
	height: 60px;
	line-height: 60px;
}
#hdr02 {
	float: left;
	width: 100px;
	height: 60px;
	line-height: 60px;
}

#hdr03 {
	float: left;
	width: 60px;
	height: 45px;
	padding-top: 15px;
}


/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gnavi {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 820px;
}


#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
#gnavi li a {
	display: block;
 	list-style: none;
}

#gnavi #menu01 a:link{
	width:162px;
	height:60px;
}

#gnavi #menu01 a:hover {
	width:162px;
	height:60px;
}

#gnavi #menu02 a:link{
	width:162px;
	height:60px;
}

#gnavi #menu02 a:hover {
	width:162px;
	height:60px;
}

#gnavi #menu03 a:link{
	width:162px;
	height:60px;
}

#gnavi #menu03 a:hover {
	width:162px;
	height:60px;
}

#gnavi #menu04 a:link{
	width:162px;
	height:60px;
}

#gnavi #menu04 a:hover {
	width:162px;
	height:60px;
}

#gnavi #menu05 a:link{
	width:162px;
	height:60px;
}

#gnavi #menu05 a:hover {
	width:162px;
	height:60px;
}


/* indexslide style
--------------------------------------------*/

#indexbox {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#indexbox img {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* main style
--------------------------------------------*/


#hd h2{
	clear: both;
	text-align: left;
	width: 708px;
	height: 112px;
	margin: 0px auto;
	font-size: 217%;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 60px;
	padding-top: 66px;
    background-size: cover;
}

#topmain {
	width: 768px;
	margin: 0px auto;
	padding-top: 40px;
}
#pagemain {
	width: 768px;
	margin: 0px auto;
	padding-top: 60px;
}

#main {
	width: 768px;
	float: none;
	text-align: left;
}

.sgbox {
	padding-right: 0px;
}
.sgbox2 {
	width: 100%;
}
.twobox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.twobox img{
	margin: 0px 0px 20px 0px;
}

.twobox p{
	margin: 0px 0px 0px 0px;
}
.twoboxl {
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.twoboxr {
	width: 50%;
	float: right;
	margin: 0px;
	padding: 0px;
}

.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 33%;
	float: left;
}
.threein {
	padding: 0px 20px 0px 20px;
	min-height: 260px;
	text-align: left;
}


.fourbox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.fourbox img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 192px;
}

.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 80px;
	text-align: center;
}

.pagefourbox li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 192px;
	list-style: none;
}
.business_content {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}
.bcimg01 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 26%;
}
.bcimg01 span{
	display: none;
}
	
.bcimg02 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 37%;
}
.bcimg03 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 37%;
}


#topmain h2{
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 30px;
}

.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
}


.info {
	clear: both;
	width: 100%;
	padding-bottom: 30px;
}

.infol {
	width: 250px;
	float: left;	
}
.infor {
	width: 500px;
	float: right;	
}

.listbn01 a:link{
	display: block;
	width: 250px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:visited{
	width: 250px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:hover{
	width: 250px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:active{
	width: 250px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:link{
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:visited{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:hover{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:active{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}


.listbn03 a:link{
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:visited{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:hover{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:active{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}



.postbox {
	clear: both;
	width: 100%;
	padding-bottom: 60px;
}
.postboxl {
	width: 48%;
	float: left;
}
.postboxr {
	width: 48%;
	float: right;
}

.postinl {
	float: none;
	width: auto;
	text-align: center;
	padding-bottom: 20px;
}
.postinr {
	float: none;
	padding-left: 0px;
	width: auto;
}





.hd_g01 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g02 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g03 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_g04 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_a {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_b {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_c {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


.hd_d {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.messe01 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.messe01 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.messe02 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.flobox02l {
	width: 36%;
	float: left;
	padding-right: 0px;
}

.flobox02r {
	width: 58%;
	float: right;
	padding-right: 0px;
}

.flobox04l {
	width: 336px;
	float: left;
}

.flobox04r {
	width: 410px;
	height: 150px;
	float: right;
	position:relative;
	padding-right: 0px;
	padding-top: 10px;
}

.flobox05l {
	width: 300px;
	float: left;
}

.flobox05r {
	width: 440px;
	height: 160px;
	float: right;
	position:relative;
	padding-right: 0px;
	padding-top: 10px;
}



.flobox06l {
	width: 360px;
	float: left;
}

.flobox06r {
	width: 380px;
	height: 196px;
	float: right;
	position:relative;
	padding-right: 0px;
	padding-top: 10px;
}


.col_more {
	position:absolute;
	bottom:0px;
	width: 300px;
	margin-bottom: 0px;
}
.col_more_p {
	position:absolute;
	bottom:0px;
	width: 380px;
	margin-bottom: 0px;
}

.table01 {
	padding-bottom: 30px;
}

.table01 table{
	width: 100%;
	table-layout: fixed;
}

.table01 th{
	width: 31%;
	background-color: #a4a4a4;
	color: #FFFFFF;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
	border-right: solid 1px #FFFFFF;
}

.table01 td{
	width: 31%;
	background-color: #f7f7f7;
	color: #222222;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}


.qa th{
	text-align: left;
	font-weight: normal;
	width: 12%;
	padding-bottom: 10px;
	padding-right: 30px;
}

.qa td{
	width: 80%;
	padding-bottom: 10px;
	text-align: left;
}
.singlemainbox{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
.construction01 {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.cscl {
	width: 330px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;

	border-bottom: dotted 1px #CCCCCC;
}
.demand {
	border: solid 1px #999999;
	padding: 10px 10px 10px 10px;
	margin-bottom: 60px;
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
}

.demand h3 {
	background-image: url(images/request.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 90px;
	border-bottom: solid 1px #999999;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	height: 28px;
	line-height: 38px;
}

.proposal {
    position: relative;
    margin: 2em auto;
    padding: 0.5em 1em;
    border: solid 1px #999999;
	width: 90% !important;
}
.proposal .box01-title {
    position: absolute;
    display: inline-block;
    top: -26px;
    left: 10px;
    padding: 18px 18px 18px 18px;
    line-height: 1;
    font-size: 17px;
	background-color: #23874b;
    color: #FFFFFF;
}
.proposaltex {
	margin-top: 30px;
}

	
/* side style
--------------------------------------------*/

#side {
    width: 600px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	float: none;
	text-align: center;
	padding-bottom: 30px;
}

#side ul {
	list-style: none;
}

#side li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#side01 a:link{
	display: block;
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	clear: both;
}
#side01 a:visited{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:hover{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:active{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side02 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side03 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side03 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side04 {
	height: auto;
    border: solid 1px #e6e6e6;
	width: 598px;
}

#sidechild {
	padding-bottom: 24px;
}

#sidechild h3{
	background-color: #f7f7f7;
	width: 598px;
	height: 84px;
	font-size: 18px;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	font-weight: normal !important;
}
#sidechild a:link{
	display: block;
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
	float: left;
}
#sidechild a:visited{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:hover{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:active{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}


#side05 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	font-weight: bold;
}
#side05 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side06 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side07 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side08 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}
#side08 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}

#side08 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}
#side08 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}



/* foot style
--------------------------------------------*/


#foot {
	padding-bottom: 20px;
	padding-top: 40px;
	width: 100%;
	background-color: #e5e5e5;
}

#footbox {
	width: 720px;
	margin: 0px auto;
}

#footl {
	float: none;
	width: 300px;
	padding-right: 28px;
	text-align: center;
	border-right: solid 0px #FFFFFF;
	border: none;
	min-height: 260px;
	padding-top: 20px;
	margin: 0px auto;
}

#footl img {
	margin-bottom: 40px;
}

#footl h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}
#footl p {
	margin-bottom: 10px;
}
#footr {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 30px;
	border-bottom: solid 1px #FFFFFF;
}

#footr ul{
	list-style: none;
}
#footr li{
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

#ful01 {
	width: 200px;
	float: left;
}
#ful02 {
	width: 320px;
	float: left;
}
#ful03 {
	width: 200px;
	float: left;
}

.fli02 {
	margin-left: 22px;
}

#footerbot {
	width: 100%;
	text-align: center;
    bottom: 0;
	min-height: 42px;
	line-height: 42px;
	background-color: #d2d2d2;
}

#footerbotbox {
	width: 600px;
	margin: 0px auto;
	padding: 0px 0px;
}

#footerbotbox p{
	color: #FFF;
}


}

/* 以下、タブレット縦（ディスプレイ幅が860px）より小さい画面に使われるCSS */
@media screen and (max-width: 860px) {

/* head style
--------------------------------------------*/

#headbox {
    width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#headleft {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 100%;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#headleft th {
	padding-right: 0px;
	width: 165px;
	line-height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#headleft td {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}


#headright {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 264px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}
#hdr02 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

#hdr03 {
	float: left;
	width: 40px;
	height: 40px;
	padding-top: 4px;
}


/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gnavi {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 768px;
}


#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
#gnavi li a {
	display: block;
 	list-style: none;
}

#gnavi #menu01 a:link{
	width:153px;
	height:60px;
}

#gnavi #menu01 a:hover {
	width:153px;
	height:60px;
}


#gnavi #menu02 a:link{
	width:153px;
	height:60px;
}

#gnavi #menu02 a:hover {
	width:153px;
	height:60px;
}

#gnavi #menu03 a:link{
	width:153px;
	height:60px;
}

#gnavi #menu03 a:hover {
	width:153px;
	height:60px;
}

#gnavi #menu04 a:link{
	width:153px;
	height:60px;
}

#gnavi #menu04 a:hover {
	width:153px;
	height:60px;
}

#gnavi #menu05 a:link{
	width:153px;
	height:60px;
}

#gnavi #menu05 a:hover {
	width:153px;
	height:60px;
}


/* indexslide style
--------------------------------------------*/
#indexbox {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#indexbox img {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* main style
--------------------------------------------*/


#hd h2{
	clear: both;
	text-align: left;
	width: 708px;
	height: 112px;
	margin: 0px auto;
	font-size: 217%;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 60px;
	padding-top: 66px;
    background-size: cover;
}

#topmain {
	width: 768px;
	margin: 0px auto;
	padding-top: 40px;
}
#pagemain {
	width: 768px;
	margin: 0px auto;
	padding-top: 60px;
}

#main {
	width: 768px;
	float: none;
	text-align: left;
}

.sgbox {
	padding-right: 0px;
}
.sgbox2 {
	width: 100%;
}
.twobox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.twobox img{
	margin: 0px 0px 20px 0px;
}

.twobox p{
	margin: 0px 0px 0px 0px;
}
.twoboxl {
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.twoboxr {
	width: 50%;
	float: right;
	margin: 0px;
	padding: 0px;
}

.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 33%;
	float: left;
}
.threein {
	padding: 0px 20px 0px 20px;
	min-height: 260px;
	text-align: left;
}


.fourbox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.fourbox img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 192px;
}

.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 80px;
	text-align: center;
}

.pagefourbox li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 192px;
	list-style: none;
}

.topimgtext {
	text-align: center;
	line-height: 1.6;
	font-size: 18px;
	padding-bottom: 50px;
}

#topmain h2{
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 30px;
}
.bcimg01 {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	clear: both
}
.bcimg01 img{
	display: none;
}
.bcimg01 span{
	display: block;
	background-color: #f7f7f7;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}	
.bcimg02 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
}
.bcimg03 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50%;
}
.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 104px;
	width: 100%;
	padding-top: 30px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
}

.info {
	clear: both;
	width: 100%;
	padding-bottom: 30px;
}

.infol {
	width: 200px;
	float: left;	
}
.infor {
	width: 550px;
	float: right;	
}

.listbn01 a:link{
	display: block;
	width: 200px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:visited{
	width: 200px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:hover{
	width: 200px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:active{
	width: 200px;
	height: 172px;
	line-height: 172px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:link{
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:visited{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:hover{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn02 a:active{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}


.listbn03 a:link{
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:visited{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:hover{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn03 a:active{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}



.postbox {
	clear: both;
	width: 100%;
	padding-bottom: 60px;
}
.postboxl {
	width: 48%;
	float: left;
}
.postboxr {
	width: 48%;
	float: right;
}

.postinl {
	float: none;
	width: auto;
	text-align: center;
	padding-bottom: 20px;
}
.postinr {
	float: none;
	padding-left: 0px;
	width: auto;
}





.hd_g01 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g02 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g03 {
	height: 104px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 104px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_g04 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_a {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_b {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}

.hd_c {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


.hd_d {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.messe01 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.messe01 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.messe02 h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.flobox02l {
	width: 36%;
	float: left;
	padding-right: 0px;
}

.flobox02r {
	width: 58%;
	float: right;
	padding-right: 0px;
}

.flobox04l {
	width: 336px;
	float: left;
}

.flobox04r {
	width: 410px;
	height: auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}

.flobox05l {
	width: 300px;
	float: left;
}

.flobox05r {
	width: 440px;
	height:auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}



.flobox06l {
	width: 360px;
	float: left;
}

.flobox06r {
	width: 380px;
	height:auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}


.col_more {
	position:absolute;
	bottom:0px;
	width: 300px;
	margin-bottom: 0px;
}
.col_more_p {
	position:absolute;
	bottom:0px;
	width: 380px;
	margin-bottom: 0px;
}

.table01 {
	padding-bottom: 30px;
}

.table01 table{
	width: 100%;
	table-layout: fixed;
}

.table01 th{
	width: 31%;
	background-color: #a4a4a4;
	color: #FFFFFF;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
	border-right: solid 1px #FFFFFF;
}

.table01 td{
	width: 31%;
	background-color: #f7f7f7;
	color: #222222;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	font-weight: normal;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
}


.qa th{
	text-align: left;
	font-weight: normal;
	width: 12%;
	padding-bottom: 10px;
	padding-right: 30px;
}

.qa td{
	width: 80%;
	padding-bottom: 10px;
	text-align: left;
}

/* category style
--------------------------------------------*/
#casemenu {
	width: 760px;
	clear: both;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#casemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#casemenu li{
	float: left;
	margin: 0px 1px;
	padding: 0px;
}
#casemenu span{
	display: none;
}

#cat3 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat3 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat3h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat5 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat5h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat6 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat6h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat7 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat7h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

	
#caseboxul {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

#caseboxul ul{
	list-style: none;
}

#caseboxul li{
	list-style: none;
	width: 47%;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 40px;
	background-color: #758492;
	border: solid 1px #758492;
	padding-bottom: 6px;
	min-height: 330px;
}
.casesize img{
 width: 100%;
  height: 220px;
  object-fit: cover;
	max-height: 220px;
}
.timefon {
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	width: 40%;
	text-align: center;
	padding-top: 10px;
	height: 24px;
}
.caseidfon {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.casefon {
	font-size: 14px;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(images/timeline.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.casefon a:link{
	color: #FFFFFF;
}
.casefon a:visited{
	color: #FFFFFF;
}
.casefon a:hover{
	color: #FFFFFF;
}
.casefon a:active{
	color: #FFFFFF;
}
.casecat {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 6px;
}
.morear02 {
	height: 22px;
	width: 91px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.boxful_t {
	border: solid 1px #FFFFFF;
	color: #ffffff;
	padding: 4px;
	margin-top: 10px;
}
.boxful_t a:link{
	color: #FFFFFF;
}

.boxful_t a:visited{
	color: #FFFFFF;
}

.boxful_t a:hover{
	color: #FFFFFF;
}

.boxful_t a:active{
	color: #FFFFFF;
}

#caseboxul a:link{
	color: #FFFFFF;
}

#caseboxul a:visited{
	color: #FFFFFF;
}

#caseboxul a:hover{
	color: #FFFFFF;
}

#caseboxul a:active{
	color: #FFFFFF;
}
	
/* side style
--------------------------------------------*/

#side {
    width: 600px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	float: none;
	text-align: center;
	padding-bottom: 30px;
}

#side ul {
	list-style: none;
}

#side li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#side01 a:link{
	display: block;
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	clear: both;
}
#side01 a:visited{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:hover{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	font-weight: bold;
}
#side01 a:active{
	width: 598px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side02 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side03 a:link{
	display: block;
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side03 a:visited{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:hover{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:active{
	width: 299px;
	height: 210px;
	line-height: 210px;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side04 {
	height: auto;
    border: solid 1px #e6e6e6;
	width: 598px;
}

#sidechild {
	padding-bottom: 24px;
}

#sidechild h3{
	background-color: #f7f7f7;
	width: 598px;
	height: 84px;
	font-size: 18px;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	font-weight: normal !important;
}
#sidechild a:link{
	display: block;
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
	float: left;
}
#sidechild a:visited{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:hover{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}
#sidechild a:active{
	background-color: #ffffff;
	width: 199px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin: 0px;
}


#side05 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side06 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side07 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side08 a:link{
	display: block;
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}
#side08 a:visited{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}

#side08 a:hover{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}
#side08 a:active{
	width: 294px;
	height: 104px;
	line-height: 104px;
	font-size: 18px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 6px;
}



/* foot style
--------------------------------------------*/


#foot {
	padding-bottom: 20px;
	padding-top: 40px;
	width: 100%;
	background-color: #e5e5e5;
}

#footbox {
	width: 720px;
	margin: 0px auto;
}

#footl {
	float: none;
	width: 300px;
	padding-right: 28px;
	text-align: center;
	border-right: solid 0px #FFFFFF;
	border: none;
	min-height: 260px;
	padding-top: 20px;
	margin: 0px auto;
}

#footl img {
	margin-bottom: 40px;
}

#footl h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}
#footl p {
	margin-bottom: 10px;
}
#footr {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 30px;
	border-bottom: solid 1px #FFFFFF;
}

#footr ul{
	list-style: none;
}
#footr li{
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

#ful01 {
	width: 200px;
	float: left;
}
#ful02 {
	width: 320px;
	float: left;
}
#ful03 {
	width: 200px;
	float: left;
}

.fli02 {
	margin-left: 22px;
}

#footerbot {
	width: 100%;
	text-align: center;
    bottom: 0;
	min-height: 42px;
	line-height: 42px;
	background-color: #d2d2d2;
}

#footerbotbox {
	width: 600px;
	margin: 0px auto;
	padding: 0px 0px;
}

#footerbotbox p{
	color: #FFF;
}


}


/* 以下、タブレット縦（ディスプレイ幅が768px）より小さい画面に使われるCSS */
@media screen and (max-width: 768px) {


/* head style
--------------------------------------------*/

#headbox {
    width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#headleft {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 100%;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#headleft th {
	padding-right: 0px;
	width: 165px;
	line-height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#headleft td {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}


#headright {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 264px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}
#hdr02 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

#hdr03 {
	float: left;
	width: 40px;
	height: 40px;
	padding-top: 4px;
}
/* indexslide style
--------------------------------------------*/


#indexbox {
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#indexbox img {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gnavi {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 560px;
}


#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
#gnavi li a {
	display: block;
 	list-style: none;
}

#gnavi #menu01 a:link{
	width:112px;
	height:60px;
}

#gnavi #menu01 a:hover {
	width:112px;
	height:60px;
}

#gnavi #menu02 a:link{
	width:112px;
	height:60px;
}

#gnavi #menu02 a:hover {
	width:112px;
	height:60px;
}

#gnavi #menu03 a:link{
	width:112px;
	height:60px;
}

#gnavi #menu03 a:hover {
	width:112px;
	height:60px;
}

#gnavi #menu04 a:link{
	width:112px;
	height:60px;
}

#gnavi #menu04 a:hover {
	width:112px;
	height:60px;
}

#gnavi #menu05 a:link{
	width:112px;
	height:60px;
}

#gnavi #menu05 a:hover {
	width:112px;
	height:60px;
}

/* main style
--------------------------------------------*/

#hd h2{
	clear: both;
	text-align: left;
	width: 560px;
	height: 139px;
	margin: 0px auto;
	font-size: 175%;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 0px;
	line-height: 139px;
    background-size: cover;
}

#topmain {
	width: 600px;
	margin: 0px auto;
	padding-top: 40px;
}
#pagemain {
	width: 600px;
	margin: 0px auto;
	padding-top: 0px;
}

#main {
	width: 600px;
	float: none;
	text-align: left;
}

.hd_g01 {
	height: 84px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 84px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g02 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g03 {
	height: 84px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 84px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_g04 {
	height: 60px;
	background-color: #f7f7f7;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_a {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.hd_b {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
}

.hd_c {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}


.hd_d {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}

.messe01 h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 30px;
	text-align: center;
	padding-bottom: 30px;
}
.messe02 h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.infol {
	width: 38%;
	float: left;	
}
.infor {
	width: 58%;
	float: right;	
}

.infor table{
	width: 100%;
	table-layout: fixed;
}

.infor th{
	text-align: left;
	font-weight: normal;
	width: 25%;
	padding-bottom: 10px;
}

.infor td{
	width: 78%;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align: left;
	line-height: 1.4;
}

.listbn01 a:link{
	display: block;
	width: auto;
	height: 160px;
	line-height: 160px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:visited{
	width: auto;
	height: 160px;
	line-height: 160px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:hover{
	width: auto;
	height: 160px;
	line-height: 160px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.listbn01 a:active{
	width: auto;
	height: 160px;
	line-height: 160px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.flobox02l {
	width: 36%;
	float: left;
	padding-right: 0px;
}

.flobox02r {
	width: 60%;
	float: right;
	padding-right: 0px;
}

.flobox04l {
	width: 250px;
	float: left;
}

.flobox04r {
	width: 320px;
	height: auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}

.flobox05l {
	width: 250px;
	float: left;
}

.flobox05r {
	width: 320px;
	height: auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}


.flobox06l {
	width: 380px;
	float: none;
	margin: 0px auto;
	padding-top: 0px;
}

.flobox06r {
	margin: 0px auto;
	width: 380px;
	height: auto;
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}

.flobox06r h2 {
	text-align: center;
}


.fourbox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.fourbox img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
}

.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
}

.pagefourbox li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	list-style: none;
}

.twobox {
	clear: both;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
}

.twobox img{
	margin: 0px 0px 20px 0px;
}

.twobox p{
	margin: 0px 0px 0px 0px;
}
.twoboxl {
	width: 100%;
	float: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.twoboxr {
	width: 100%;
	float: none;
	margin: 0px;
	padding: 0px;
}
.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 46%;
	float: left;
	margin: 0px 11px 30px 11px;
	border: solid 1px #eeeeee;
	padding-top: 20px;
}
.threein {
	padding: 0px 20px 0px 20px;
	min-height: 220px;
	text-align: left;
}



.flobox_a {
	clear: both;
	padding-bottom: 30px;
}

.flobox_b {
	clear: both;
	padding-bottom: 30px;
}



.flostyle01 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	margin-bottom: 30px;
}

.flostyle01l {
	width: 45%;
	float: left;
	padding: 14px 24px 0px 0px;
	border-right: solid 1px #e6e6e6;
}
.flostyle01r {
	width: 45%;
	float: right;
	padding: 14px 0px 0px 0px;
}
.flostyle02 {
	padding-bottom: 30px;
}
.flostyle02 ul{
	list-style: none;
}
.flostyle02 li{
	list-style: none;
	width: 45%;
	padding: 0px 10px 0px 10px;
	float: left;
	min-height: 400px;
}
.flostyle02 img {
	margin-bottom: 10px;
}

.topimgtext {
	text-align: left;
	line-height: 1.5;
	font-size: 16px;
	padding-bottom: 40px;
}

.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 78px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
}
/* category style
--------------------------------------------*/
#casemenu {
	width: 560px;
	clear: both;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#casemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#casemenu li{
	float: left;
	margin: 0px 1px;
	padding: 0px;
}
#casemenu span{
	display: none;
}

#cat3 a:link {
	display: block;
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:visited {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat3 a:hover {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:active {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:link {
	display: block;
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:visited {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat3h a:hover {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:active {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:link {
	display: block;
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:visited {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:hover {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:active {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:link {
	display: block;
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:visited {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4h a:hover {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:active {
	width: 120px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat5 a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:link {
	display: block;
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:visited {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat5h a:hover {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:active {
	width: 150px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat6 a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat6h a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat7 a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat7h a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

	
#caseboxul {
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

#caseboxul ul{
	list-style: none;
}

#caseboxul li{
	list-style: none;
	width: 47%;
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	margin-bottom: 30px;
	background-color: #758492;
	border: solid 1px #758492;
	padding-bottom: 6px;
	min-height: 280px;
}
.casesize img{
 width: 100%;
  height: 220px;
  object-fit: cover;
	max-height: 220px;
}
.timefon {
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	width: 40%;
	text-align: center;
	padding-top: 10px;
	height: 24px;
}
.caseidfon {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.casefon {
	font-size: 14px;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(images/timeline.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.casefon a:link{
	color: #FFFFFF;
}
.casefon a:visited{
	color: #FFFFFF;
}
.casefon a:hover{
	color: #FFFFFF;
}
.casefon a:active{
	color: #FFFFFF;
}
.casecat {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 6px;
}
.morear02 {
	height: 22px;
	width: 91px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.boxful_t {
	border: solid 1px #FFFFFF;
	color: #ffffff;
	padding: 4px;
	margin-top: 10px;
}
.boxful_t a:link{
	color: #FFFFFF;
}

.boxful_t a:visited{
	color: #FFFFFF;
}

.boxful_t a:hover{
	color: #FFFFFF;
}

.boxful_t a:active{
	color: #FFFFFF;
}

#caseboxul a:link{
	color: #FFFFFF;
}

#caseboxul a:visited{
	color: #FFFFFF;
}

#caseboxul a:hover{
	color: #FFFFFF;
}

#caseboxul a:active{
	color: #FFFFFF;
}

.singlecontent01 {
	margin-bottom: 40px;
}
.singlecontent01 table{
	table-layout: fixed;
}
.singlecontent01 th{
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #758492;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	width: 180px;
}

.singlecontent01 td{
	vertical-align: top;
	color: #000000;
	background-color:#EFF2F6;
	padding: 20px;
}
.construction01 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.cscl {
	width: 330px;
	float: none;
	margin-left: auto;
	margin-right: auto;

	border-bottom: dotted 1px #CCCCCC;
}
.ba_box {
   min-height: 100%;
   overflow: hidden;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.ba_texbox {
	width: 100%;
}
.ba_list {
	float: left;
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ba_list h4 {
	padding-left: 4px;
	border-bottom: dashed 1px #cccccc;
	margin-bottom: 20px;
	color: #666666;
	font-size: 22px;
	font-weight: normal;
}
.ba_imgbox {
	margin-bottom: 14px;
	border: solid 1px #666666;
	width: auto;
	background-color: #E9E4E4;
	text-align: center;
}
.ba_texbox {
	background-color: #FFFFFF;
	color: #000000;
	padding: 12px;
	width: auto;
	height: 110px;
}
/* foot style
--------------------------------------------*/


#foot {
	padding-bottom: 20px;
	padding-top: 40px;
	width: 100%;
	background-color: #e5e5e5;
}

#footbox {
	width: 480px;
	margin: 0px auto;
}

#footl {
	float: none;
	width: 280px;
	padding-right: 0px;
	text-align: center;
	border-right: solid 0px #FFFFFF;
	border: none;
	min-height: 260px;
	padding-top: 20px;
	margin: 0px auto;
}

#footl img {
	margin-bottom: 40px;
}

#footl h3 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 16px;
}
#footl p {
	margin-bottom: 10px;
}
#footr {
	float: none;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 30px;
	border-bottom: solid 1px #FFFFFF;
}

#footr ul{
	list-style: none;
}
#footr li{
	list-style: none;
	padding-bottom: 10px;
	padding-top: 10px;
}

#ful01 {
	width: 240px;
	float: left;
	margin-bottom: 30px;
}
#ful02 {
	width: 240px;
	float: left;
	margin-bottom: 30px;
}
#ful03 {
	clear: both;
	width: 240px;
	float: left;
}

.fli02 {
	margin-left: 18px;
}

#footerbot {
	width: 100%;
	text-align: center;
    bottom: 0;
	min-height: 42px;
	line-height: 42px;
	background-color: #d2d2d2;
}

#footerbotbox {
	width: 600px;
	margin: 0px auto;
	padding: 0px 0px;
}

#footerbotbox p{
	color: #FFF;
}


}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:560px){
/* head style
--------------------------------------------*/

#headbox {
    width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#headleft {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 100%;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#headleft th {
	padding-right: 0px;
	width: 165px;
	line-height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#headleft td {
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}


#headright {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 264px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}
#hdr02 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

#hdr03 {
	float: left;
	width: 40px;
	height: 40px;
	padding-top: 4px;
}

/* indexslide style
--------------------------------------------*/


#indexbox {
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#indexbox img {
	margin-top: 0px;
	margin-bottom: 0px;
}


/* globalmenu style
--------------------------------------------*/

#gmenu {
    width: 100%;
	height: auto;
}

#gnavi {
	text-align: center;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 480px;
}


#gnavi ul{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	list-style: none;
}


#gnavi li {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
#gnavi li a {
	display: block;
 	list-style: none;
}

#gnavi #menu01 a:link{
	width:159px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu01 a:visited{
	width:159px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu01 a:hover {
	width:159px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	background-color: #f7f7f7;
}
#gnavi #menu01 a:active{
	width:159px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}


#gnavi #menu02 a:link{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu02 a:visited{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu02 a:hover {
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	background-color: #f7f7f7;
}
#gnavi #menu02 a:active{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}


#gnavi #menu03 a:link{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu03 a:visited{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu03 a:hover {
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	background-color: #f7f7f7;
}
#gnavi #menu03 a:active{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}


#gnavi #menu04 a:link{
	width:318px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu04 a:visited{
	width:318px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu04 a:hover {
	width:318px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	background-color: #f7f7f7;
}
#gnavi #menu04 a:active{
	width:318px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu05 a:link{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu05 a:visited{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu05 a:hover {
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	background-color: #f7f7f7;
}
#gnavi #menu05 a:active{
	width:158px;
	height:60px;
	border-left: solid 1px #eeeeee;
	border-right: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
}
/* main style
--------------------------------------------*/
#hd h2{
	clear: both;
	text-align: left;
	width: auto;
	height: 110px;
	margin: 0px auto;
	font-size: 175%;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 40px;
	padding-top: 0px;
	line-height: 110px;
    background-size: cover;
}


#topmain {
	width: 480px;
	margin: 0px auto;
	padding-top: 40px;
}


#topmain h2{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}


#pagemain {
	width: 480px;
	margin: 0px auto;
	padding-top: 0px;
}

#main {
	width: 480px;
	float: none;
	text-align: left;
}

.topimgtext {
	text-align: left;
	line-height: 1.5;
	font-size: 15px;
	padding-bottom: 40px;
}
.flobox01l {
	width: 100%;
	float: none;
}
.flobox01l img {
	margin-bottom: 16px;
}

.flobox01r {
	width: 100%;
	float: none;
	padding-top: 20px;
	padding-right: 0px;
}
.flobox01r2 {
	width: 100%;
	float: none;
	padding-right: 0px;
}
.flobox01r3 {
	width: 100%;
	float: none;
}


.flobox02l {
	width: 320px;
	float: none;
	padding-right: 0px;
	padding-bottom: 30px;
	margin: 0px auto;
}

.flobox02r {
	width: 100%;
	float: none;
	padding-right: 0px;
}


.flobox03l {
	width: 100%;
	float: none;
}

.flobox03r {
	width: 100%;
	float: none;
}




.flobox04l {
	width: 100%;
	float: none;
}
.flobox04l img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}
.flobox04r {
	width: 100%;
	height: auto;
	float: none;
	padding-right: 0px;
	padding-top: 10px;
}

.flobox05l {
	width: 100%;
	float: none;
}

.flobox05r {
	width: 100%;
	height: auto;
	float: none;
	padding-right: 0px;
	padding-top: 20px;
}
.col_more {
	position: static;
	bottom:0px;
	width: 100%;
	margin-bottom: 0px;
	margin: 10px auto;
	float: none;
}
.col_more_p {
	position: static;
	bottom:0px;
	width: 100%;
	margin-bottom: 0px;
	margin: 10px auto;
	float: none;
}

.post_more {
	position: static;
	bottom:0px;
	right: 0px;
	width: 240px;
	margin-bottom: 0px;
	margin: 0px auto;
}

.messe01 {
	padding-top: 30px;
	text-align: left;
	padding-bottom: 30px;
}

.messe01 h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 30px;
	text-align: left;
	padding-bottom: 30px;
}
.messe02 h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.hd_g01 {
	height: 84px;
	background-color: #f7f7f7;
	font-size: 16px;
	font-weight: bold;
	line-height: 84px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g02 {
	height: auto;
	background-color: #f7f7f7;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 10px;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-bottom: 1px;
}

.hd_g03 {
	height: 84px;
	background-color: #f7f7f7;
	font-size: 16px;
	font-weight: bold;
	line-height: 84px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_g04 {
	height: auto;
	background-color: #f7f7f7;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 10px;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-bottom: 1px;
	margin-bottom: 30px;
}

.hd_a {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
}

.hd_b {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}

.hd_c {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}


.hd_d {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.fourbox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.fourbox img {
	float: none;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 240px;
}

.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
}

.pagefourbox li{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px;
	list-style: none;
}

.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 45%;
	float: left;
	margin: 0px 11px 30px 11px;
	border: solid 1px #eeeeee;
	padding-top: 20px;
}
.threein {
	padding: 0px 20px 0px 20px;
	min-height: 280px;
	text-align: left;
}

.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.4;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 64px;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b h3 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.4;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
}


.infor table{
	width: 100%;
	table-layout: fixed;
}

.infor th{
	text-align: left;
	font-weight: normal;
	width: 30%;
	padding-bottom: 10px;
}

.infor td{
	width: 66%;
	padding-bottom: 10px;
	text-align: left;
}
.qa th{
	text-align: left;
	font-weight: normal;
	width: 15%;
	padding-bottom: 10px;
	padding-right: 30px;
}

.qa td{
	width: 78%;
	padding-bottom: 10px;
	text-align: left;
}


.listbn01 a:link{
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

.listbn01 a:visited{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

.listbn01 a:hover{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

.listbn01 a:active{
	width: auto;
	height: 80px;
	line-height: 80px;
	background-color: #f7f7f7;
	color: #222222;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 14px;
}

.infol {
	width: 100%;
	float: none;	
}
.infor {
	width: 100%;
	float: none;	
}

.flostyle01 {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #e6e6e6;
	border-top: solid 1px #e6e6e6;
	margin-bottom: 30px;
}

.flostyle01l {
	width: 100%;
	float: none;
	padding: 14px 0px 14px 0px;
	border-right: none;
}
.flostyle01r {
	width: 100%;
	float: none;
	padding: 0px 0px 0px 0px;
}
	
/* category style
--------------------------------------------*/
#casemenu {
	width: 480px;
	clear: both;
	margin: 30px auto 0px auto;
	padding: 0px;
}
#casemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#casemenu li{
	float: left;
	margin: 0px 1px;
	padding: 0px;
}
#casemenu span{
	display: none;
}

#cat3 a:link {
	display: block;
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:visited {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat3 a:hover {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:active {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:link {
	display: block;
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:visited {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat3h a:hover {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:active {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:link {
	display: block;
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:visited {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:hover {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:active {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:link {
	display: block;
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:visited {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4h a:hover {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:active {
	width: 90px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:link {
	display: block;
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:visited {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat5 a:hover {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:active {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:link {
	display: block;
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:visited {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat5h a:hover {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:active {
	width: 130px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat6 a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat6h a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat7 a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:link {
	display: block;
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:visited {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat7h a:hover {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:active {
	width: 80px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
	
#caseboxul {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

#caseboxul ul{
	list-style: none;
}

#caseboxul li{
	list-style: none;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	float: none;
	margin-bottom: 10px;
	background-color: #758492;
	border: solid 1px #758492;
	padding-bottom: 6px;
	min-height: 410px;
}
.casesize img{
 width: 100%;
  height: 220px;
  object-fit: cover;
	max-height: 220px;
}
.timefon {
	font-size: 12px;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	width: 40%;
	text-align: center;
	padding-top: 10px;
	height: 24px;
}
.caseidfon {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.casefon {
	font-size: 14px;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
	height: 50px;
	margin-top: 30px;
	margin-bottom: 10px;
	background-image: url(images/timeline.png);
	background-position: left top;
	background-repeat: no-repeat;
}
.casefon a:link{
	color: #FFFFFF;
}
.casefon a:visited{
	color: #FFFFFF;
}
.casefon a:hover{
	color: #FFFFFF;
}
.casefon a:active{
	color: #FFFFFF;
}
.casecat {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 6px;
}
.morear02 {
	height: 22px;
	width: 91px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.boxful_t {
	border: solid 1px #FFFFFF;
	color: #ffffff;
	padding: 4px;
	margin-top: 10px;
}
.boxful_t a:link{
	color: #FFFFFF;
}

.boxful_t a:visited{
	color: #FFFFFF;
}

.boxful_t a:hover{
	color: #FFFFFF;
}

.boxful_t a:active{
	color: #FFFFFF;
}

#caseboxul a:link{
	color: #FFFFFF;
}

#caseboxul a:visited{
	color: #FFFFFF;
}

#caseboxul a:hover{
	color: #FFFFFF;
}

#caseboxul a:active{
	color: #FFFFFF;
}

.singlecontent01 {
	margin-bottom: 20px;
}
.singlecontent01 table{
	table-layout: fixed;
	width: 100%;
}
.singlecontent01 th{
	display: block;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #758492;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto;
}

.singlecontent01 td{
	display: block;
	vertical-align: initial;
	color: #000000;
	background-color:#EFF2F6;
	padding: 20px;
	width: auto;
}		
.ba_box {
   min-height: 100%;
   overflow: hidden;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.ba_texbox {
	width: 100%;
}
.ba_list {
	float: left;
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.ba_list h4 {
	padding-left: 4px;
	border-bottom: dashed 1px #cccccc;
	margin-bottom: 20px;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
}
.ba_imgbox {
	margin-bottom: 14px;
	border: solid 1px #666666;
	width: auto;
	background-color: #E9E4E4;
	text-align: center;
}
.ba_texbox {
	background-color: #FFFFFF;
	color: #000000;
	padding: 12px;
	width: auto;
	height: 110px;
}

#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 90%;
	z-index:10;
}
#back-top a {
	width: 30px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
}
#back-top a:link {
	color: #CCCCCC;
}
#back-top a:visited {
	color: #CCCCCC;
}
#back-top a:hover {
	color: #CCCCCC;
}
#back-top a:active {
	color: #CCCCCC;
}

#back-top span {
	width: 30px;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	background: url(images/pagetop_sp.png) no-repeat center center;
}
#back-top a:hover span {
}

/* side style
--------------------------------------------*/

#side {
    width: 480px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	float: none;
	text-align: center;
	padding-bottom: 30px;
}

#side ul {
	list-style: none;
}

#side li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#side01 a:link{
	display: block;
	width: 478px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	clear: both;
}
#side01 a:visited{
	width: 478px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:hover{
	width: 478px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:active{
	width: 478px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side02 a:link{
	display: block;
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 1px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:visited{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:hover{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:active{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side03 a:link{
	display: block;
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side03 a:visited{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg02.pngg);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:hover{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:active{
	width: 240px;
	height: 166px;
	line-height: 166px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 20px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side04 {
	height: auto;
    border: solid 1px #e6e6e6;
	width: 478px;
}

#sidechild {
	padding-bottom: 24px;
}

#sidechild h3{
	background-color: #f7f7f7;
	width: 478px;
	height: 84px;
	font-size: 16px;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	font-weight: normal !important;
}

#sidechild a:link{
	display: block;
	background-color: #ffffff;
	width: 158px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
	float: left;
}
#sidechild a:visited{
	background-color: #ffffff;
	width: 158px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}
#sidechild a:hover{
	background-color: #ffffff;
	width: 158px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}
#sidechild a:active{
	background-color: #ffffff;
	width: 158px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}


#side05 a:link{
	display: block;
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:visited{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:hover{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side05 a:active{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side06 a:link{
	display: block;
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:visited{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:hover{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side06 a:active{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}


#side07 a:link{
	display: block;
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:visited{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:hover{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side07 a:active{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:link{
	display: block;
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:visited{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:hover{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side08 a:active{
	width: 235px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 20px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#footerbotbox {
	width: 480px;
	margin: 0px auto;
	padding: 0px 0px;
}

#footerbotbox p{
	color: #FFF;
}

}


/* スマートフォン 縦(ポートレート) */
@media screen and (max-width:480px){
/* head style
--------------------------------------------*/

#headbox {
    width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#headleft {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 100%;
	height: auto;
}
#headleft table {
	border: none;
	vertical-align: middle;
	width: 100%;
	height: auto;
	margin: 0px auto;
}
#headleft th {
	padding-right: 0px;
	width: 165px;
	line-height: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#headleft td {
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
#headleft img{
	margin: 0px;
	padding: 0px;
	max-width: 100%;
	height: auto;
}


#headright {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 264px;
	text-align: center;
}

#hdr01 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}
#hdr02 {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

#hdr03 {
	float: left;
	width: 40px;
	height: 40px;
	padding-top: 4px;
}

#bread  {
display: none;
}

/* indexslide style
--------------------------------------------*/

#indexbox {
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#indexbox img {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* main style
--------------------------------------------*/
#hd h2{
	clear: both;
	text-align: left;
	width: auto;
	height: 80px;
	margin: 0px auto;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 0px;
	line-height: 80px;
    background-size: cover;
}
#topmain {
	width: 95%;
	margin: 0px auto;
	padding-top: 40px;
}
#pagemain {
	width: 100%;
	margin: 0px auto;
	padding-top: 0px;
}

#main {
	width: 100%;
	float: none;
	text-align: left;
	margin: 0px ;
}



.messe01 {
	padding-top: 20px;
	text-align: left;
	padding-bottom: 20px;
}

.messe01 h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe01 h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe01 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.messe02 {
	padding-top: 20px;
	text-align: left;
	padding-bottom: 20px;
}
.messe02 h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.messe02 h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
}

.messe02 p{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 14px;
}
.pagefourbox {
	clear: both;
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
}

.pagefourbox li{
	float: none;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 298px;
	list-style: none;
}

.qa th{
	text-align: left;
	font-weight: normal;
	width: 20%;
	padding-bottom: 10px;
	padding-right: 20px;
}

.qa td{
	width: 70%;
	padding-bottom: 10px;
	text-align: left;
}

.flobox06l {
	width: 300px;
	float: none;
	margin: 0px auto;
	padding-top: 0px;
}

.flobox06r {
	margin: 0px auto;
	width: 300px;
	height: auto;
	float: none;
	position: static;
	padding-right: 0px;
	padding-top: 10px;
}
.type01 {
	padding-bottom: 20px;
}

.type01 table{
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	line-height: 1.5;
	border-top: 0px solid #e6e6e6;
	border-left: 0px solid #e6e6e6;
	border-right: 0px solid #e6e6e6;
	border: none;
	width: 100%;
}
.type01 th {
	display: block;
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 0px solid #e6e6e6;
	background: #efefef;
	border: none;
}
.type01 td {
	display: block;
	width: 100%;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
	border-bottom: 0px solid #e6e6e6;
	border: none;
}

.threebox {
	clear: both;
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
}

.threebox h3{
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 20px;
}

.threebox ul{
	list-style: none;
}
.threebox li{
	list-style: none;
	width: 100%;
	float: left;
	margin: 0px auto 20px auto;
	border: none;
	padding-top: 20px;
}
.threein {
	padding: 0px 0px 0px 0px;
	min-height: 150px;
	text-align: left;
}

.onebox_a a:link{
	display: block;
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:visited{
	background-image: url(images/topimg_hajimeteno.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:hover{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_a a:active{
	background-image: url(images/topimg_hajimeteno_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_a h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.0;
}
.onebox_a p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.0;
}


.onebox_b a:link{
	display: block;
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:visited{
	background-image: url(images/topimg_saiyo.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:hover{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.onebox_b a:active{
	background-image: url(images/topimg_saiyo_hov.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
	height: 58px;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	text-decoration: none;
}

.onebox_b h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.0;
}
.onebox_b p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.0;
}


.sgbox {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
}
.sgbox2 {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
}
	
	
.flostyle02 {
	padding-bottom: 30px;
}
.flostyle02 ul{
	list-style: none;
}
.flostyle02 li{
	list-style: none;
	width: 100%;
	padding: 0px 0px 20px 0px;
	float: none;
	min-height: 100px;
}
.flostyle02 img {
	max-width: 260px;
	display: block;
	margin: 0px auto 10px auto;
}

#caseboxul {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}

/* gnavi style
--------------------------------------------*/

#gnavi{
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}

	
#gnavi li{
	list-style: none;
	float: none;
	font-size: 14px;
	text-align: center;
    letter-spacing: 0.1em;
	line-height: 44px;
	height: 44px;
}

#menu{
    display: none;
}
#menu li{
    width: 100%;
}
#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
}
#toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
}
#toggle a:before{
    margin-top: -6px;
}
#toggle a:after{
    margin-top: 2px;

}
#gnavi #menu01 a:link {
	display: block;
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu01 a:visited {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu01 a:hover {
	width: 100%;
	text-decoration: none;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu01 a:active {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu02 a:link {
	display: block;
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu02 a:visited {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu02 a:hover {
	width: 100%;
	text-decoration: none;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu02 a:active {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}



#gnavi #menu03 a:link {
	display: block;
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu03 a:visited {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu03 a:hover {
	width: 100%;
	text-decoration: none;
	color: #4D4D4D;
	height: 44px;
	line-height: 44px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu03 a:active {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}

#gnavi #menu04 a:link {
	display: block;
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu04 a:visited {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu04 a:hover {
	width: 100%;
	text-decoration: none;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu04 a:active {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}


#gnavi #menu05 a:link {
	display: block;
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu05 a:visited {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu05 a:hover {
	width: 100%;
	text-decoration: none;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}
#gnavi #menu05 a:active {
	width: 100%;
	height: 44px;
	color: #4D4D4D;
	line-height: 44px;
	margin-right: 0px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #eeeeee;
}

/* category style
--------------------------------------------*/
#casemenu {
	width: 385px;
	clear: both;
	margin: 20px auto 0px auto;
	padding: 0px;
}
#casemenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#casemenu li{
	float: left;
	margin: 0px 1px 2px 1px;
	padding: 0px;
}
#casemenu span{
	display: none;
}

#cat3 a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat3 a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3 a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat3h a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat3h a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat4 a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4 a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat4h a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat4h a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat5 a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5 a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat5h a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat5h a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat6 a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6 a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat6h a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat6h a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color: #939598;
	color: #FFFFFF;
	text-align: center;
}

#cat7 a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7 a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:link {
	display: block;
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:visited {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}

#cat7h a:hover {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
#cat7h a:active {
	width: 125px;
	height: 51px;
	line-height: 51px;
	background-color:#758492;
	color: #FFFFFF;
	text-align: center;
}
	
/* side style
--------------------------------------------*/

#side {
    width: 300px;
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	float: none;
	text-align: center;
	padding-bottom: 30px;
}

#side ul {
	list-style: none;
}

#side li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: none;
}

#side01 a:link{
	display: block;
	width: 298px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	clear: both;
}
#side01 a:visited{
	width: 298px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:hover{
	width: 298px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-bottom: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}
#side01 a:active{
	width: 298px;
	height: 104px;
	line-height: 104px;
	font-size: 16px;
	background-color: #fdfdfd;
	color: #222222;
	margin-bottom: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
}

#side02 a:link{
	display: block;
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:visited{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:hover{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side02 a:active{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg01.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}


#side03 a:link{
	display: block;
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side03 a:visited{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:hover{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side03 a:active{
	width: 298px;
	height: 210px;
	line-height: 210px;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-image: url(images/sideimg02.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#side04 {
	height: auto;
    border: solid 1px #e6e6e6;
	width: 298px;
}

#sidechild {
	padding-bottom: 24px;
}

#sidechild h3{
	background-color: #f7f7f7;
	width: 298px;
	height: 84px;
	font-size: 16px;
	margin: 0px 0px 25px 0px;
	padding-top: 20px;
	font-weight: normal !important;
}

#sidechild a:link{
	display: block;
	background-color: #ffffff;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
	float: left;
}
#sidechild a:visited{
	background-color: #ffffff;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}
#sidechild a:hover{
	background-color: #ffffff;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}
#sidechild a:active{
	background-color: #ffffff;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	margin: 0px;
}


#side05 a:link{
	display: block;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side05 a:visited{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side05 a:hover{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side05 a:active{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 10px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}

#side06 a:link{
	display: block;
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side06 a:visited{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side06 a:hover{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side06 a:active{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	margin-left: 6px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}


#side07 a:link{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side07 a:visited{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side07 a:hover{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side07 a:active{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-bottom: 10px;
}
#side08 a:link{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 0px;
}
#side08 a:visited{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 0px;
}
#side08 a:hover{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #f7f7f7;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 0px;
}
#side08 a:active{
	width: 298px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background-color: #ffffff;
	color: #222222;
	margin-top: 0px;
	text-decoration: none;
	border: solid 1px #e6e6e6;
	margin-left: 0px;
}

.lucid {
	display: block;
	height: 4px !important;
}
.lucid_r {
	display: none;
}
.kakomi01 table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.kakomi01 th {
	text-align: left;
	padding-right: 5px;
}
	
.ba_box {
   min-height: 100%;
   overflow: hidden;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.ba_texbox {
	width: 100%;
}
.ba_list {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.ba_list h4 {
	padding-left: 4px;
	border-bottom: dashed 1px #cccccc;
	margin-bottom: 20px;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
}
.ba_imgbox {
	margin-bottom: 14px;
	border: solid 1px #666666;
	width: auto;
	background-color: #E9E4E4;
	text-align: center;
}
.ba_texbox {
	background-color: #FFFFFF;
	color: #000000;
	padding: 12px;
	width: auto;
	height: 110px;
}
/* foot style
--------------------------------------------*/


#foot {
	padding-bottom: 20px;
	padding-top: 40px;
	width: 100%;
	background-color: #e5e5e5;
}

#footbox {
	width: 280px;
	margin: 0px auto;
}

#ful01 {
	width: auto;
	float: none;
	margin-bottom: 30px;
}
#ful02 {
	width: auto;
	float: none;
	margin-bottom: 30px;
}
#ful03 {
	clear: both;
	width: auto;
	float: none;
}

.fli02 {
	margin-left: 18px;
}


#footerbotbox {
	width: 95%;
	margin: 0px auto;
	padding: 0px 0px;
}

}