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

@import url('https://fonts.googleapis.com/css?family=Raleway');



article,aside,details,figcaption,figure,
footer,header,hgroup,main,menu,nav,section { 
	display:block;
	margin: 0px; padding: 0px;
}


body {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	text-align: justify;
	font-family: verdana, arial;
	-webkit-text-size-adjust: 100%;
  text-align: justify;
	text-justify: inter-ideograph;
	color: #444444;
}





#top1 {
	padding: 0px;
	width: 950px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#top1 h1 {
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	font-weight: normal;
	color: #444444;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
}


/*-----------------header----------------------*/
header#header {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 950px;
	position: relative;
	clear: both;
	
}

#sitemap_all {
	padding: 0px;
	height: 20px;
	margin-top: auto;
	margin-left: auto;
	margin-bottom: 5px;
	float: right;
}


#sitemap {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	padding: 0px;
	float: right;
	height: 20px;
	width: 88px;
	color: #333333;
	background-image: url(../images/sitemap_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	letter-spacing: 0.1em;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#sitemap a {
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 88px;
	color: #333333;
}
#sitemap a:hover {
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 88px;
	color: #FFFFFF;
}
#header_right {
	padding: 0px;
	float: right;
	width: 35%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#tel1 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#mail_header {
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	margin: 0px;
	width: 319px;
	float: left;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: auto;
}
#mail_header a {
	font-size: 12px;
	line-height: 15px;
	color: #444444;
	text-decoration: none;
	letter-spacing: 0.1em;
}
#mail_header a:hover {
	font-size: 12px;
	line-height: 15px;
	color: #3399CC;
	text-decoration: none;
	letter-spacing: 0.1em;
}



#top_logo {
	padding: 0px;
	float: left;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 15px;
	clear: both;
}





/*------------��������links---------------------------*/

#links {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 43px;
	font-family: "メイリオ", 'Raleway', Arial, verdana, arial;
	font-weight: normal;
	z-index: 100;
	clear: both;
	
}



/* top link */

#links a {
	color: #fff;
	float: left;
	width: 157px;
	height: 43px;
	line-height: 43px;
	background-color: #000000;	/*背景色（古いブラウザ）*/
	background-image: linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -o-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -ms-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -moz-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dad9d8), color-stop(0.49, #7d8387), color-stop(0.5, #1a1a1a));
	background-image: -webkit-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);

	-webkit-box-shadow: 1px 2px 7px #999;
	box-shadow: 1px 2px 7px #999;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;

-webkit-transition: .3s;
	transition: .3s;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C2C2C2;
	font-size: 15px;
}




#links a:hover {	
color: #000;
		background-image: linear-gradient(#fcfcfc, #f1f1f1 50%, #e3e3e3 50%);
	background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%);

}



#links a:first-child {
border-radius: 10px 0px 0px 10px;
border-left: 1px solid #BABABA;
}

#links a:last-child {
	border-radius: 0px 10px 10px 0px;
border-right: 1px solid #BABABA;
}




/*--------------------���left---------------------*/

#left_side {
	padding: 0px;
	float: left;
	width: 195px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}






#navi {
	z-index: 500;
	position: relative;
	background-color: #FFFFFF;
	clear: both;
}
@media print {
#navi {
	display: none;
   }
}



#sublink {
	width: 100%;
	-webkit-box-shadow: 0px 0px 6px #CDCDCD;
	box-shadow: 0px 0px 6px #CDCDCD;
	border-radius: 10px;
	border: 1px solid #CDCDCD;
	margin-bottom: 30px;
	padding-bottom: 10px;
	background-color: #FFFFFF;

	height: auto;
	clear: both;
}



/*top角丸、ボックスの設定*/

.menu01 {
	width: 195px;
	padding: 0;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

.menu01 ul {
	
	clear: both;
}
.menu01 li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	background: -moz-linear-gradient(left, #e5e5e5 20%, #ffffff 100%);
	background: -webkit-linear-gradient(left, #e5e5e5 20%,#ffffff 100%);
	background: linear-gradient(to right, #e5e5e5 20%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	border-radius: 0px;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);
	background-image: linear-gradient(#FFF, #e3e3e3);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
}

.menu01 li a{
	display: block;
	position: relative;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;

	-webkit-transition: .4s;
	transition: .4s;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin: 0px;
	color: #06324D;
	text-align: left;
	list-style-image: none;
	padding-left: 3px;
	z-index: 50;
	font-size: 14px;
}

.menu01 li a:hover {
	color: #0066CC;
-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	background-color: #F3F5F5;

}

.menu01 li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 43px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#FFF));
	background-image: -webkit-linear-gradient(#e3e3e3, #FFF);
	background-image: linear-gradient(#e3e3e3, #FFF);transition: .3s;
	z-index: -1;
}

.menu01 li a:hover:before {
	width: 195px;
}


.menu01 .fa-fw {
 color: #0099CC;
margin-right: 3px;
font-size: 100%;
}
.menu01 li a:hover i {
  color: #000066;
}




#list6 dt.list {
	background-color: #FAFAFA;
	background-image: linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -o-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -ms-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -moz-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dad9d8), color-stop(0.49, #7d8387), color-stop(0.5, #1a1a1a));
	background-image: -webkit-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	text-shadow: 0px -1px #777;

	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	clear: both;
	color: #fff;
	padding: 6px;
	font-weight: bold;
	margin: 0px;
}



#button11 {
	display: none;
}

#button {
	display: none;
}


#button11 i {
	color: #FFFFFF;
	float: left;
	font-size: 24px;
	position: relative;
    left: 20px;
}
#button i {
	color: #FFFFFF;
	float: left;
	font-size: 24px;
    position: relative;
    left: 20px;
}






/*ホバー1*/

.linkweb {
	background-color: #FAFAFA;
	border-radius: 10px 10px 0px 0px;
	background-image: linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -o-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -ms-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -moz-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dad9d8), color-stop(0.49, #7d8387), color-stop(0.5, #1a1a1a));
	background-image: -webkit-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	font-weight: bold;
	text-shadow: 0px -1px #777;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777;
	text-align: center;
	margin: 0px;
	color: #fff;
	padding: 6px;
}


#list6 {
	width: 195px;
	padding: 0;
	position: relative;
	clear: both;



	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#list6 dd {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5C5C5;
}

#list6 dd a {
	display: block;
	position: relative;
	z-index: 10;
	margin: 0;
	background: -moz-linear-gradient(left,  #e5e5e5 20%,#ffffff 100%);
	background: linear-gradient(to right, #e5e5e5 20%,#ffffff 100%);
	background: -webkit-linear-gradient(left,  #e5e5e5 20%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	color: #06324D;
	font-size: 15px;
	line-height: 35px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 35px;
}
#list6 dd a:hover {
	color: #0066CC;
	background-color: #CCCCCC;
}


#list6 dd a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 35px;
background: -moz-linear-gradient(left,  #ffffff 20%, #e5e5e5 100%);
	background: -webkit-linear-gradient(left,  #ffffff 20%,#e5e5e5 100%);
	background: linear-gradient(to right, #ffffff 20%,#e5e5e5 100%);
	transition: .3s;
	z-index: -1;
}

#list6 dd a:hover:before {
	width: 195px;
}




/*faー*/
#list6 .fa-fw {
	margin-right: 3px;
	color: #0099CC;
		font-size: 90%;
}

#list6 dd:hover i {
  color: #000066;
}



/*ドメイン・サーバー*/
.dtlist {
	background-image: linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -o-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -ms-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -moz-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dad9d8), color-stop(0.49, #7d8387), color-stop(0.5, #1a1a1a));
	background-image: -webkit-linear-gradient(#dad9d8, #7d8387 49%, #1a1a1a 50%);
	text-shadow: 0px -1px #777;
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #777 inset;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin: 0px;
	clear: both;
	color: #fff;
	padding: 6px;
	font-weight: bold;
}




/*leftlink*/
.menu02 {
	width: 195px;
	padding: 0;
	position: relative;
	margin: 0px;
	clear: both;

}

.menu02 ul {
	
	clear: both;
}
.menu02 li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	background: -moz-linear-gradient(left,  #e5e5e5 20%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #e5e5e5 20%,#ffffff 100%);
	background: linear-gradient(to right, #e5e5e5 20%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);
	background-image: linear-gradient(#FFF, #e3e3e3);
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
}

.menu02 li a{
	display: block;
	position: relative;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	-webkit-transition: .4s;
	transition: .4s;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin: 0px;
	color: #06324D;
	text-align: left;
	list-style-image: none;
	padding-left: 3px;
	z-index: 50;
	font-size: 15px;
	overflow: hidden;
	white-space: nowrap;/* 折り返さない */
}

.menu02 li a:hover {
	color: #0066CC;
	background: -moz-linear-gradient(#e3e3e3, #FFF);
	background-image: -webkit-linear-gradient(#e3e3e3, #FFF);

	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
	background-color: #F3F5F5;

}
.menu02 .fa-fw {
 color: #0099CC;
margin-right: 3px;
font-size: 100%;
}
.menu02 li:hover i {
  color: #000066;
}




/* index11にもあり */
#scrollBox {
	height: 250px;
	width: 170px;
	overflow: auto;
	font-size: 10px;
	color: #666666;
	border: 1px solid #CCCCCC;
	line-height: 13px;
	text-align: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	clear: both;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFFFFF;
}








  /*--左サイドの高さ調整のため（重要）--*/
#left_under {
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 27px;
	padding-left: 0px;
}



/*------------------------���T�C�h���j���[�I��--------------------------------*/


#mail_left {
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	clear: both;
	padding-top: 25px;
	width: 100%;
	letter-spacing: -0.1em;
}
#mail_left a {
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #444444;
	text-decoration: none;
}
#mail_left a:hover {
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.1em;
	color: #3399CC;
	text-decoration: none;
}
#tel2 {
	margin: 0px auto;
	padding: 0px;
	height: 20px;
	width: 175px;
}

#okigaruni {
	font-size: 11px;
	line-height: 20px;
	color: #444444;
	text-align: center;
	padding: 0px;
	height: 20px;
	width: 195px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#left #side_bottom {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 195px;
}




/*------------------�T�C�h�����N�����܂�-----------------------------*/

.pagetop {
	font-size: 14px;
	line-height: 25px;
	text-align: right;
	height: 25px;
	width: 720px;
	margin-top: 20px;
}
.pagetop a {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: underline;
}
.pagetop a:hover {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #0066CC;
	text-decoration: none;
}

/*-----------------��������t�b�^�[--------------------------*/
#footer {
	padding: 0px;
	height: auto;
	width: 950px;
	font-size: 12px;
	color: #666666;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


#top_add {
	margin: 0px;
	padding: 0px;
	width: 500px;
	text-align: left;
	float: left;
	color: #444444;
	font-size: 90%;
}

.footer_link {
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 450px;
}
.footer_link1 {
	text-align: right;
	margin: 0px;
	padding: 0px;
	float: right;
}
.tel {
	margin-left: 10px;
display: inline-block
}
.footlink {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 7px;
	padding-left: 2px;
}
.footlink1 {
	display: inline;
	padding-left: 3px;
}

.footer_link a ,.footer_link1 a {
	font-size: 12px;
	color: #3399CC;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
display: inline-block
}
.footer_link a:hover ,.footer_link1 a:hover {
	font-size: 12px;
	color: #444444;
	text-decoration: underline;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#footer_sen {
	margin: 0px;
	padding: 0px;
	height: 11px;
	width: 950px;
	clear: both;
}

small {
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	padding: 0px;
	float: left;
	width: 300px;
	text-align: left;
	margin: 0px;
}



@media only screen and (min-width:541px) and (max-width:820px){ 
/*基本
---------------------------------------------------------------------------*/
img {
max-width : 100% ;
 height : auto ;
 float : none ;
 } 
 



#wrapper ,#footer{
    width:100%;
 height : auto ;
float : none;
}
header#header {
    width:100%;
 height : auto ;

}



#top_logo {
	text-align: center;
	float : left;
	top: -20px;
	position: relative;
}
#sitemap_all {
 height : auto ;
    width:100%;
 float : right ;
	clear: both;
}
#top1 {
	width: auto;
}
#top1 h1 {
	display: none;
}


#header_right {
	float : none;
	clear: both;
	height: auto;
	width: 100%;
	text-align: center;
	margin: 0px;
	position: relative;
	top: -10px;
}
#tel1 {
	text-align: center;
}
#mail_header {
	float: none;
	text-align: center;
	clear: both;
	width: 100%;
}



/*ナビリンク*/
#button11{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
	font-size: 130%;
  }
  #button11 a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
	left: -10px;
  }
  
  

#links {
	display: none;
	height: auto;
}




#links a {
	width: 49%;
	left: 2px;
	position: relative;
}
#links a:nth-child(odd) {
	width: 50%;
}



#links a:first-child {
	border-radius: 0px;	
}
#links a:last-child {
	border-radius: 0px;	
	width: 49%;
}





/*左リンク*/
#button{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
	font-size: 130%;
  }
  #button a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
	left: -10px;
  }
.linkweb {
	border-radius: 0px;

}


#left_side {
	width:100%;
	float: none;
	text-align: justify;
}
#sublink {
	width: 100%;
}
#leftmenu_a {
	display: none;
	height: auto;
}


.menu01 {
	width: 100%;
	clear: both;
}
.menu01 li {
		width: 100%;
}
.menu01 li a:hover:before {
	width: 100%;
}



#list6 {
	width: 100%;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}


#list6 dd {
	width: 50%;
	float: left;
}

#list6 dd a:hover {
	color: #fff;
	text-shadow: 1px 1px #000;	/*左右、上下、色設定。*/
}

#list6 dd a:before {
	width: 3px;
background: -moz-linear-gradient(left, #222222 5%, #fff 40%, #e5e5e5 100%);
	background: -webkit-linear-gradient(left, #222222 5%, #fff 40%, #e5e5e5 100%);
	background: linear-gradient(to right, #222222 5%, #fff 40%, #e5e5e5 100%);
}



#list6 dd a:hover:before {
	width: 100%;
}

#list6 dd:hover i {
  color: #fff;
}

#left_under {
	padding-top: 0px;
	position: relative;
	padding-bottom: 10px;
}



.menu02 {
	width: 100%;
	clear: both;
}
.menu02 li {
		width: 50%;
	float: left;
}









#footer {
    width:100%;
}
#top_add {
    width:100%;
	float: none;
	text-align: center;
	font-size: 110%;
	margin-bottom: 20px;
}
.footer_link ,.footer_link1 {
	float : none;
	text-align: center;
	font-size: 140%;
	width: auto;
}
.footer_link a ,.footer_link1 a {
	font-size: 110%;
}
.footer_link a:hover ,.footer_link1 a:hover {
	font-size: 110%;
}

#footer_sen {
    width:100%;
}

small {
	float : right;
	text-align: center;
	width: 100%;
	clear: both;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}


}

@media only screen and (max-width : 540px){

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



#wrapper ,#footer{
    width:100%;
 height : auto ;
float : none;
}
header#header {
    width:100%;
 height : auto ;

}



#top_logo {
	text-align: center;
	float : left;
	top: -20px;
	position: relative;
}
#sitemap_all {
 height : auto ;
    width:100%;
 float : right ;
	clear: both;
}
#top1 {
	width: auto;
}
#top1 h1 {
	display: none;
}


#header_right {
	float : none;
	clear: both;
	height: auto;
	width: 100%;
	text-align: center;
	margin: 0px;
	position: relative;
	top: -10px;
}
#tel1 {
	text-align: center;
}
#mail_header {
	float: none;
	text-align: center;
	clear: both;
	width: 100%;
}



/*ナビリンク*/
#button11{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
	font-size: 130%;
  }
  #button11 a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
	left: -15px;
  }

  


#links {
	display: none;
	height: auto;
}



#links a {
	float: none;
	display: block;
	width: 100%;
}

#links a:first-child {
	border-radius: 0px;
	width: 100%;
}
#links a:last-child {
	border-radius: 0px;
	width: 100%;
}





/*左リンク*/
#button{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
	font-size: 130%;
  }
  #button a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
	left: -15px;
  }
.linkweb {
	border-radius: 0px;

}


#left_side {
	width:100%;
	float: none;
	text-align: justify;
}
#sublink {
	width: 100%;
}
#leftmenu_a {
	display: none;
	height: auto;
}



#list6 {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#list6 dd {
	width: 50%;
	float: left;
}


#list6 dd a:hover {
	color: #fff;
	text-shadow: 1px 1px #000;	/*左右、上下、色設定。*/
}

#list6 dd a:before {

	width: 3px;
background: -moz-linear-gradient(left, #222222 5%, #fff 40%, #e5e5e5 100%);
	background: -webkit-linear-gradient(left, #222222 5%, #fff 40%, #e5e5e5 100%);
	background: linear-gradient(to right, #222222 5%, #fff 40%, #e5e5e5 100%);
}



#list6 dd a:hover:before {
	width: 100%;
}
#list6 dd:hover i {
  color: #fff;
}


#left_under {
	padding-top: 0px;
	position: relative;
	padding-bottom: 10px;
}

.menu01 {
	width: 100%;
	clear: both;
}
.menu01 li {
		width: 100%;
}
.menu01 li a:hover:before {
	width: 100%;
}

.menu02 {
	width: 100%;
	clear: both;
}
.menu02 li {
		width: 50%;
	float: left;
}


#scrollBox {
	display: none;
}


.pagetop {
	height: auto;
	    width:100%;
}






#footer {
    width:100%;
}
#top_add {
    width:100%;
	float: none;
	text-align: center;
	font-size: 110%;
	margin-bottom: 20px;
}
.footer_link ,.footer_link1 {
	float : none;
	text-align: center;
	font-size: 140%;
	width: 100%;
}
.footer_link a ,.footer_link1 a {
	font-size: 110%;
}
.footer_link a:hover ,.footer_link1 a:hover {
	font-size: 110%;
}

#footer_sen {
    width:100%;
}

small {
	float : right;
	text-align: center;
	width: 100%;
	clear: both;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}


}