@charset "utf-8";

html,body{
margin: 0;
padding: 0;
font-size: 14px;
font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background-color: #DADCD7;
-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td{
  margin: 0;
  border: 0;
  outline: 0;
}

img{
 border: 0;
 padding: 0;
 margin: 0;
 }

ul{
margin: 0;
padding: 0;
}

li{
margin: 0;
padding: 0;
list-style-type: none;
line-height: 0;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* header */

.headerTop{
width: 1116px;
margin: 0 auto;
background: #dadcd7 url(../images/bobyBgimg.png) center top repeat-y;
height: 54px;
}

@media screen and (max-width:768px){
			.headerTop{
				width: 100%;
			}
		}

.headerTopmain{
width: 1065px;
margin: 0 auto;
margin-top: 30px;
background-color: #fff;
}

@media screen and (max-width:768px){
			.headerTopmain{
				width: 100%;
				margin-top: 0;
			}
		}

.headerToptabletd01{
color: #636363;
}

.headerToptabletd01 a{
text-decoration: none;
color: #636363;
}

.headerToptabletd01 a:hover{
text-decoration: underline;
color: #636363;
}

.headerToptable01{
width: 100%;
}

@media screen and (max-width:768px){
			.headerToptable01{
				width: 100%;
				margin-top: 0;
			}
		}

.headerToptabletd01{
padding: 20px;
width: 50%;
}

@media screen and (max-width:768px){
			.headerToptabletd01{
				display: block;
				width: 100%;
				text-align: center;
			}
		}

.headerToptabletd02{
padding-left: 250px;
}

@media screen and (max-width:768px){
			.headerToptabletd02{
				display: none;
			}
		}

.headerToptabletd02 img{
height: 40px;
}

@media screen and (max-width:768px){
			.headerToptabletd02 img{
				
			}
		}

.headerToptabletd02 ul li{
float: left;
margin-left: 15px;
}

@media screen and (max-width:768px){
			.headerToptabletd02 ul li{
				
			}
		}

.header{
width: 1116px;
margin: 0 auto;
background: #dadcd7 url(../images/headerBgimg01.png) center top no-repeat;
height: 400px;
}

@media screen and (max-width:768px){
			.header{
				width: 100%;
				height: 240px;
			}
		}

.headersub{
width: 1116px;
margin: 0 auto;
background: #dadcd7 url(../images/headerBgimg01.png) center top no-repeat;
height: 120px;
}

@media screen and (max-width:768px){
			.headersub{
				width: 100%;
				height: 110px;
			}
		}

.headermain{
width: 1065px;
margin: 0 auto;
}

@media screen and (max-width:768px){
			.headermain{
				width: 100%;
			}
		}

.hedaermaintable01{
width: 100%;
}

.hedaermaintabletd01{
width: 50%;
}

@media screen and (max-width:768px){
			.hedaermaintabletd01{
				width: 100%;
				display: block;
				text-align: center;
			}
		}

.hedaermaintabletd01 img{
width: 250px;
padding: 10px 0 0 15px;
}

@media screen and (max-width:768px){
			.hedaermaintabletd01 img{
				width: 280px;
				padding: 6px 0 0 0;
			}
		}

.hedaermaintabletd02{
float: right;
padding: 20px 10px 0 0;
}

@media screen and (max-width:768px){
			.hedaermaintabletd02{
				display: none;
			}
		}

.headmenutd{
text-align: center;
padding: 15px 15px;
}

.headmenutd a{
color: #fff;
text-decoration: none;
}

.headmenutd a:hover{
color: #e0a635;
text-decoration: none;
}


.topimg01{
text-align: right;
padding-top: 7px;
}

.topimg01 img{
width: 1065px;
}

@media screen and (max-width:768px){
			.topimg01 img{
				width: 100%;
			}
		}

#dropmenu{
 list-style-type: none;
	  width: 140px;
	  height: 40px;
	  margin: 0 0 0 5px;
	  padding: 0;
	  background: #3b3b3b;


	}
	#dropmenu li{
	  background: #3b3b3b;
	  position: relative;
	  width: 140px;
	  float: left;
	  margin: 0 0 0 3px;
	  padding: 0;
	  text-align: center;
	}
	#dropmenu li a{
	  display: block;
	  margin: 0;
	  color: #fff;
	  line-height: 22px;
	  text-decoration: none;
	}
	#dropmenu li:hover > a{
	  background: #3b3b3b;
	  color: #e0a635;
	}
#dropmenu > li:hover > a:hover{
	  border-radius: 0;
	  color: #e0a635;
	}
	#dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	  border-radius: 0 0 3px 3px;
	}
	#dropmenu li:last-child ul{

	  width: 100%
	}
	#dropmenu li ul li{
	opacity: 0.95;
	  overflow: hidden;
	  width: 180px;
	  height: 0;
	  color: #fff;
	  -moz-transition: .2s;
  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;
	}
	#dropmenu li ul li a{
	  color: #fff;
	  display: block;
	  text-align: left;
	  font-size: 14px;
	  font-weight: normal;
	  background-color: #3b3b3b;
	  line-height: 40px;
	  padding-left: 10px;
	}
	#dropmenu li:hover ul li{
	color: #e0a635;
	  overflow: visible;
	  height: 40px;
	  line-height: 40px;
	}
	#dropmenu li:hover ul li:first-child{
	  border-top: 0;
	}
	#dropmenu li:hover ul li:last-child{
	  border-bottom: 1px solid #636363;
	}
	#dropmenu li:hover ul li:last-child a{
	  border-bottom: 1px solid #636363
	}

.spmenu{
display: none;
}

@media screen and (max-width:768px){
			.spmenu{
				display: block;
				position: absolute;

			}
		}

.spimg01{
padding-top: 10px;
padding-right: 8px;
width: 44px;
}

.listdiv04{
top: 50px;
position: relative;
clear: both;
padding-bottom: 18px;
background-color: #636363;
}

.listdiv04 li{
font-size: 16px;
line-height: 46px;
}

.listdiv04 li a{
text-decoration: none;
color: #fff;
display: block;
background-color: #636363;
padding-left: 30px;
padding-right: 40px;
}

.listdiv04 li a:hover{
color: #e0a635;
background-color: #646464;
}

.spbtn{
left: 0;
width: 40px;
position: absolute;
}

.spcontanct{
padding: 5px 20px;
border: 1px solid #ae5324;
background-color: #ff5b5b;
}

.spcontanct:hover{
color: #e0a635;
}

/* contents */

h2{
font-size: 20px;
}

h3{
font-size: 16px;
border: 4px double #a9e31a;
padding: 6px 10px;
margin-top: 10px;
}

@media screen and (max-width:768px){
			h3{
				font-size: 14px;
				padding: 14px 10px;
				font-weight: normal;
			}
		}

h5{
font-size: 16px;
background-color: #a9e31a;
padding: 10px 10px;
margin-top: 10px;
}

@media screen and (max-width:768px){
			h5{
				font-size: 14px;
				padding: 14px 10px;
				font-weight: normal;
			}
		}


.subtitle{
font-size: 18px;
background-color: #a9e31a;
padding: 4px 10px;
margin: 10px 0 0 0;

}

@media screen and (max-width:768px){
			.subtitle{

				font-size: 14px;
				padding: 14px 10px;
				font-weight: normal;
			}
		}

.breadcrumb{
padding: 0 0 10px 0;
font-size: 12px;
}

@media screen and (max-width:768px){
			.breadcrumb{
				padding-left: 10px;
			}
		}

.breadcrumb a{
color: #3b3b3b;
}

.breadcrumb a:hover{
color: #946314;
}

.contentsdetail{
padding: 30px 0;
width: 1000px;
}

@media screen and (max-width:768px){
			.contentsdetail{
				width: 100%;
				padding: 10px;
				display: block;
			}
		}

.description01{
line-height: 24px;
padding: 10px 0 20px 10px;
color: #646464;
}

@media screen and (max-width:768px){
			.description01{
				letter-spacing: -1px;
				border: 1px solid #ccc;
				margin-bottom: 10px;
			}
		}



.detailimg02 img{
width: 200px;
}

@media screen and (max-width:768px){
			.detailimg02 img{
				width: 50%;
				padding-left: 0;
			}
		}

@media screen and (max-width:768px){
			.detailimg02{
				text-align: center;
				background-color: #ccc;
				padding: 10px 0;
			}
		}

.detailimg03 img{
width: 350px;
}

@media screen and (max-width:768px){
			.detailimg03 img{
			width: 90%;
				padding-left: 0;
			}
		}

@media screen and (max-width:768px){
			.detailimg03{
				text-align: center;
				background-color: #ccc;
				padding: 10px 0;
			}
		}

.detailimg04 img{
width: 250px;
}

@media screen and (max-width:768px){
			.detailimg04 img{
			width: 50%;
				padding-left: 0;
			}
		}

@media screen and (max-width:768px){
			.detailimg04{
				text-align: center;
				background-color: #fff;
				padding: 10px 0;
			}
		}

.detailimg05 img{
width: 250px;
}

@media screen and (max-width:768px){
			.detailimg05 img{
			width: 60%;
				padding-left: 0;
			}
		}

@media screen and (max-width:768px){
			.detailimg05{
				text-align: center;
				background-color: #fff;
				padding: 10px 0;
			}
		}

.detailimg06 img{
width: 200px;
}

@media screen and (max-width:768px){
			.detailimg06 img{
			width: 50%;
				padding-left: 0;
			}
		}

@media screen and (max-width:768px){
			.detailimg06{
				text-align: center;
				background-color: #fff;
				padding: 10px 0;
			}
		}

.entxt{
color: #636363;
font-size: 16px;
}

.txt01{
padding: 0 0 6px 0;
color: #636363;
}

.txt02{
color: #366218;
font-weight: bold;
}

.txt3{
padding: 10px;
margin-right: 10px;
border: 1px solid #ccc;
}

@media screen and (max-width:768px){
			.txt01{
			display: block;
				width: 100%;
			}
		}

.contents{
padding: 6px;
width: 1116px;
margin: 0 auto;
background: #dadcd7 url(../images/bobyBgimg.png) center top repeat-y;
}

@media screen and (max-width:768px){
			.contents{
				width: 100%;
			}
		}

.contentssub{
padding: 6px;
width: 1116px;
margin: 0 auto;
background: #dadcd7 url(../images/bobyBgimg.png) center top repeat-y;
}

@media screen and (max-width:768px){
			.contentssub{
				width: 100%;
				padding: 0;
			}
		}

.contentsmain{
width: 1065px;
margin: 0 auto;
color: #3B3B3B;
}

@media screen and (max-width:768px){
			.contentsmain{
				width: 100%;
			}
		}

.contentsmainsub{
width: 1000px;
margin: 0 auto;
color: #3B3B3B;
}

@media screen and (max-width:768px){
			.contentsmainsub{
				width: 100%;
				margin: 0;
			}
		}

.toptable01{
width: 100%;
}

@media screen and (max-width:768px){
			.toptable01{
				padding-top: 60px;
			}
		}

@media screen and (max-width:480px){
			.toptable01{
				padding-top: 30px;
			}
		}

.toptable01 img{
width: 100px;
margin-top: 50px;
}

@media screen and (max-width:768px){
			.toptable01 img{
				width: 120px;
				margin-top: 0;
			}
		}



.toptable02{
width: 100%;
}

.toptable01td01{
width: 33%;
vertical-align: top;
}

@media screen and (max-width:768px){
			.toptable01td01{
				width: 100%;
				display: block;
				padding: 0 18px 18px 18px;
			}
		}

.toptable01td02{
width: 33%;
}

@media screen and (max-width:768px){
			.toptable01td02{
				width: 100%;
				display: block;
				padding: 18px;
			}
		}

.toptable01td03{
width: 34%;
}

@media screen and (max-width:768px){
			.toptable01td03{
				width: 100%;
				display: block;
				padding: 18px;
			}
		}

.topttl{
font-weight: bold;
}

.Topdetail{
vertical-align: top;
color: #646464;
padding: 10px 15% 16px 15%;
}

.toptable02 a{
text-decoration: none;
color: #000;
padding: 15px;
}

.toptable02 a:hover{
color: #e0a635;
}

.Topbnr1div{
	width:100%;
	overflow:hidden;
}
.Topbnr1{
font-weight: bold;
margin: 22px;
width: 280px;
text-align: center;
padding-left: 30px;
float:left;
}

.Topbnr2{
font-weight: bold;
margin: 22px;
width: 280px;
text-align: center;
padding-left: 30px;
float:left;
}

.Topbnr3{
font-weight: bold;
margin: 22px;
width: 280px;
text-align: center;
padding-left: 30px;
float:left;
/*
font-weight: bold;
margin: 22px;
width: 250px;
text-align: center;
margin-left: 435px;
float:left;
*/
}
.Topbnr3 a{
text-indent:-9999px;
width:250px; height:103px;
display:block;
background: url(../images/recruit.jpg);
background-repeat:no-repeat;
background-size:cover;
}
.Topbnr3 a:hover{
background: url(../images/recruit.jpg);
background-repeat:no-repeat;
background-size:cover;
}


@media screen and (max-width:768px){
			.Topbnr1div{
				text-align:center;
			}
			.Topbnr1{
				padding-left: 0;
				margin: 32px auto;
				float:inherit;
			}
			.Topbnr2{
				padding-left: 0;
				margin: 32px auto;
				float:inherit;
			}
			.Topbnr3{
				width: 250px;
				padding-left: 0;
				margin: 32px auto;
				background: url(../images/banner_rec.png);
				background-repeat:no-repeat;
				float:inherit;
			}
		}

.Topbnr1 a{
letter-spacing: -1px;
text-decoration: none;
display: block;
color: #6a4215;
background-color: #ffecd1;
padding: 8px 25px;
border: 3px ridge #ffa326;
}

.Topbnr1 a:hover{
background-color: #fff6bb;
}


.subtitletable01{
width: 100%;
}

.subtitletd01 img{
width: 180px;
}

.subtitletd01{
font-weight: bold;
padding: 10px;
vertical-align: top;
width: 200px;
text-align: center;
border: 1px solid #ccc;
}

@media screen and (max-width:768px){
			.subtitletd01{
				display: block;
				width: 100%;
				background-color: #ebebeb;
			}
		}

.subtitlewidth{
letter-spacing: -1.5px;
}

/* contact */



@media screen and (max-width:768px){
			h2{
				padding-left: 10px;
			}
		}

.summary{
padding: 12px 0;
color: #646464;
}

@media screen and (max-width:768px){
			.summary{
				padding-left: 10px;
			}
		}


.summary a{
color: #646464;
}

.summary a:hover{
color: #b08315;
}

.informaiton{
color: #646464;
padding: 12px 0;
}

@media screen and (max-width:768px){
			.informaiton{
				padding-left: 10px;
			}
		}

.informaiton a{
text-decoration: none;
color: #646464;
}

.informaiton a:hover{
text-decoration: none;
color: #646464;
}

.formtable{
border-left: 1px solid #646464;
border-right: 1px solid #646464;
border-top: 1px solid #646464;
}

@media screen and (max-width:768px){
			.formtable{
				border: none;
				width: 100%;
			}
		}

.formtable td{
width: 230px;
padding: 10px 12px;
background-color: #645144;
color: #fff;
vertical-align: top;
border-bottom: 1px solid #ccc;
}

@media screen and (max-width:768px){
			.formtable td{
				display: block;
				width: 100%;
			}
		}

.formtable th.formtableth01{
text-align: left;
padding: 10px 12px;
background-color: #ccc;
color: #3b3b3b;
border-bottom: 1px solid #646464;
font-weight: normal;
width: 600px;
vertical-align: top;
}

@media screen and (max-width:768px){
			.formtable th.formtableth01{
				display: block;
				width: 100%;
			}
		}

.formtableth02{
vertical-align: top;
text-align: left;
padding: 10px 12px;
background-color: #fff;
color: #3b3b3b;
border-bottom: 1px solid #646464;
font-weight: bold;
width: 600px;

}

@media screen and (max-width:768px){
			.formtable th{
				display: block;
				width: 100%;
			}
		}

.formtable th .small{
width: 250px;
}

@media screen and (max-width:768px){
			.formtable th .small{
				display: block;
				width: 100%;
				height: 40px;
			}
		}

.formtable th .small2{
width: 150px;
}

@media screen and (max-width:768px){
			.formtable th .small2{
				display: block;
				width: 100%;
				height: 40px;
			}
		}

.formtable th .input2{
width: 450px;
}

@media screen and (max-width:768px){
			.formtable th .input2{
				display: block;
				width: 100%;
				height: 40px;
			}
		}



.must{
color: #fff;
background-color: #d50e0e;
border: 1px solid #d50e0e;
border-radius: 3px;
font-size: 11px;
}

.formp02{
text-align: center;
padding: 12px 0;
}

.summary2{
padding: 50px 0 200px 0;
}

.kakunin{
padding: 10px;
border: 1px solid #e0a635;
}


/* ichiran */

.ichirantable01{
width: 100%;
}

@media screen and (max-width:768px){
			.ichirantable01{
				padding-top: 60px;
			}
		}

@media screen and (max-width:480px){
			.ichirantable01{
				padding-top: 30px;
			}
		}

.ichirantable01 img{
width: 100px;
margin-top: 50px;
}

@media screen and (max-width:768px){
			.ichirantable01 img{
				width: 120px;
				margin-top: 0;
			}
		}



.ichirantable02{
width: 100%;
}

.ichirantable01td01{
width: 25%;
vertical-align: top;
}

@media screen and (max-width:768px){
			.ichirantable01td01{
				width: 100%;
				display: block;
				padding: 0 18px 18px 18px;
			}
		}

.ichirantable01td02{
width: 25%;
}

@media screen and (max-width:768px){
			.ichirantable01td02{
				width: 100%;
				display: block;
				padding: 18px;
			}
		}

.ichirantable01td03{
width: 25%;
}

@media screen and (max-width:768px){
			.ichirantable01td03{
				width: 100%;
				display: block;
				padding: 18px;
			}
		}

.ichirantable01td04{
width: 25%;
}

@media screen and (max-width:768px){
			.ichirantable01td04{
				width: 100%;
				display: block;
				padding: 18px;
			}
		}

.ichirantable02 a{
text-decoration: none;
color: #000;
padding: 15px;
}

.ichirantable02 a:hover{
color: #e0a635;
}

/* uniform学生服 */



.uniformtabletd02{
width: 300px;
vertical-align: top;
}

@media screen and (max-width:768px){
			.uniformtabletd02{
				display: block;
				width: 100%;
			}
		}

.uniformtabletd04{
text-align: left;
width: 350px;
vertical-align: bottom;
padding-left: 30px;
}

@media screen and (max-width:768px){
			.uniformtabletd04{
				display: block;
				width: 100%;
				padding-left: 0;
			}
		}

.uniformtable05{
width: 950px;
}

@media screen and (max-width:768px){
			.uniformtable05{
				width: 100%;
			}
		}

.uniformtabletd05{
width: 550px;
}

@media screen and (max-width:768px){
			.uniformtabletd05{
				display: block;
				width: 100%;
			}
		}
.uniformtabletd06{
width: 300px;
vertical-align: top;
padding-left: 15px;
}

@media screen and (max-width:768px){
			.uniformtabletd06{
				padding-left: 0;
				display: block;
				width: 100%;
			}
		}


.uniformtable07{
width: 600px;
}

@media screen and (max-width:768px){
			.uniformtable07{
				width: 100%;
			}
		}

.uniformtabletd08{
padding: 10px;
width: 100px;
background-color: #237383;
text-align: left;
border-bottom: 1px solid #ccc;
color: #fff;
}

@media screen and (max-width:768px){
			.uniformtabletd08{
				display: block;
				width: 100%;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
			}
		}
.uniformtabletd09{
width: 450px;
vertical-align: top;
padding: 10px;
background-color: #e4f9ff;
border-bottom: 1px solid #ccc;
}

@media screen and (max-width:768px){
			.uniformtabletd09{
				border-left: 1px solid #ccc;
				border-right: 1px solid #ccc;
				display: block;
				width: 100%;
			}
		}

.uniformtabletd10{
vertical-align: top;
padding-left: 0x;
padding-bottom: 10px;
}
.Recbnr a{
text-indent:-9999px;
width:250px; height:125px;
display:block;
background: url(../images/recruit.jpg);
background-repeat:no-repeat;
background-size:cover;
}
.Recbnr a:hover{
background: url(../images/recruit.jpg);
background-repeat:no-repeat;
background-size:cover;
}


@media screen and (max-width:768px){
			.uniformtabletd10{
				padding-left: 0;
				display: block;
				width: 100%;
			}
			.Recbnr a{
				background: url(../images/recruit.jpg);
				background-repeat:no-repeat;
				background-size:cover;
				display: block;
			}
		}

.uniformtabletd12{
vertical-align: top;
padding-left: 0px;
padding-bottom: 10px;
width: 750px;
}

@media screen and (max-width:768px){
			.uniformtabletd12{
				padding-left: 0;
				display: block;
				width: 100%;
			}
		}

.uniformtabletd13{
vertical-align: top;
padding: 10px 0;
width: 220px;
}

@media screen and (max-width:768px){
			.uniformtabletd13{
			text-align: center;
				padding-left: 0;
				display: block;
				width: 100%;
			}
		}

.uniformtabletd13 img{
height: 180px;
}

.photo01{
cursor: pointer;
}

.photo01:hover{
opacity: 0.95;
cursor: pointer;
}

dl {
margin: 0;
}

@media screen and (max-width:768px){
			dl{
					display:none;
			}
		}

dl dt.close{
	text-align: right;
	font-size:large;
	border:1px solid #007BC2;
	padding-left:0px;
	width:150px;
	cursor:pointer;
}

div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background: url(../images/photobgimg.png) left top ;
	filter:alpha(opacity=85);
	opacity: 0.85;
}

#overLayer{
	display:none;
	background:#fff;
	border-radius: 3px;
	padding:7px;
	position: fixed;
	top:45%;
	margin: 0 30%;
}



@media screen and (max-width:768px){
			#overLayer{
					display:none;
	background:#fff;
	border-radius: 3px;
	padding:7px;
	position: fixed;
	top:40%;
	left: 2%;
	margin: 0 2%;
			}
		}


#glayLayer img{
}

#overLayer img.close{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}

.overimg{
height: 190px;
}

.billtable01{
margin-top: 10px;
border-top: 1px solid #646464;
width: 600px;
}

@media screen and (max-width:768px){
			.billtable01{
				width: 100%;
			}
		}

.billtable01 th{
border-bottom: 1px solid #ccc;
text-align: left;
padding: 6px;
background-color: #646464;
color: #fff;
font-weight: normal;
}

.billtable01 td{
border-bottom: 1px solid #646464;
vertical-align: top;
padding: 6px;
}

@media screen and (max-width:768px){
			.billtable01 td{
				width: 250px;
				padding: 4px 4px;
			}
		}

.billtable02{
display: none;
}

@media screen and (max-width:768px){
			.billtable02{
				display: block;
			}
		}

.billtable02 li{
}

.billtable02 li:nth-child(even){
padding: 6px;
background-color: #757575;
color: #fff;
font-weight: normal;
line-height: 20px;
}

.billtable02 li:nth-child(odd){
border-bottom: 1px solid #646464;
padding: 6px;
border: 1px solid #646464;
line-height: 30px;
}

.billtable02 li:last-child{
border-bottom: 1px solid #646464;
padding: 6px;
border: 1px solid #646464;
margin-bottom: 20px;
}

.roomtxt{
padding: 4px;
color: #fff;
background-color: #ff5859;
}

.roomtxt2{
padding: 4px;
color: #fff;
background-color: #646464;
}

.billtxt02{
padding: 2px 6px;
border: 1px solid #ccc;
background-color: #646464;
color: #fff;
}

@media screen and (max-width:768px){
		.spnone{
	display: none;
		}
	}
@media screen and (max-width:768px){
			.billtxt03{
			padding: 6px;
			background-color: #3c6438;
			color: #fff;
			text-align: center;
}
		}

/* footer */

.footer{
width: 1116px;
margin: 0 auto;
background: #3B3B3B url(../images/footerBgimg01.png) center top no-repeat;
padding-bottom: 20px;
}

@media screen and (max-width:768px){
			.footer{
				width: 100%;
			}
		}

.footermain{
width: 1065px;
margin: 0 auto;
}

@media screen and (max-width:768px){
			.footermain{
				width: 100%;
				background-color: #3b3b3b;
			}
		}

.footerrogo{
width: 80px;
}

.footertable01{
padding-top: 40px;
margin: 0 20px;
}

@media screen and (max-width:768px){
			.footertable01{
			margin: 0 2px;
			}
		}

.footertable01 td{
vertical-align: top;
}

.footerul01 li{
line-height: 20px;
color: #999999;
}

@media screen and (max-width:768px){
			.footerul01 li{
				line-height: 26px;
			}
		}

.footerul01 li a{
color: #999999;
text-decoration: none;
}

.footerul01 li a:hover{
color: #e0a635;
}

.footerul02 li{
color: #fff;
line-height: 30px;
margin-left: 26px;
}

@media screen and (max-width:768px){
			.footerul02 li{
				line-height: 44px;
				margin-left: 10px;
			}
		}

.footerul02 li a{
color: #fff;
text-decoration: none;
}

.footerul02 li a:hover{
color: #e0a635;
}

@media screen and (max-width:768px){
			.footerul02 li img{
				margin-left: 12px;
			}
		}

.footerul03 li{
color: #fff;
line-height: 30px;
margin-left: 26px;
}

@media screen and (max-width:768px){
			.footerul03 li{
				line-height: 44px;
				margin-left: 26px;
			}
		}

@media screen and (max-width:768px){
			.footerul03{
				padding-top: 20px;
			}
		}

.footerul03 li a{
color: #fff;
text-decoration: none;
}

.footerul03 li a:hover{
color: #e0a635;
}

.footerttl1{
color: #fff;
font-size: 18px;
font-weight: bold;
}

@media screen and (max-width:768px){
			.footerttl1{
				margin-top: 20px;
			}
		}



.footertable01td01{
width: 25%;
}

@media screen and (max-width:768px){
			.footertable01td01{
				display: block;
				width: 100%;
				padding-left: 12px;
			}
		}

.footertable01td02{
width: 25%;
}

@media screen and (max-width:768px){
			.footertable01td02{
				display: block;
				width: 100%;
			}
		}

.footertable01td03{
width: 25%;
}

@media screen and (max-width:768px){
			.footertable01td03{
				display: block;
				width: 100%;
			}
		}

.footertable01td04{
width: 25%;
}

@media screen and (max-width:768px){
			.footertable01td04{
				display: block;
				width: 100%;
			}
		}

.copy{
padding: 6px;
width: 1116px;
margin: 0 auto 30px auto;
background: #dadcd7 url(../images/bobyBgimg.png) center top repeat-y;
padding: 18px 0;
}

@media screen and (max-width:768px){
			.copy{
				width: 100%;
				margin-bottom: 0;
			}
		}

.copymain{
width: 1065px;
margin: 0 auto;

}

@media screen and (max-width:768px){
			.copymain{
				width: 100%;
			}
		}

.copyp01{
padding: 20px auto;
margin: 0 auto;
font-size: 12px;
color: #636363;
}

/* 2018.09.26 ADD ST Fujiwara 特商法ページ用に既存から設定を分割 */
.uniformtable07-tok {
    width: auto;
}

@media screen and (max-width:768px) {
    .uniformtable07-tok {
        width: 100%;
    }
}

.uniformtabletd08-tok {
    padding: 10px;
    width: auto;
    background-color: #237383;
    text-align: left;
    border-bottom: 1px solid #ccc;
    color: #fff;
}

@media screen and (max-width:768px) {
    .uniformtabletd08-tok {
        display: block;
        width: 100%;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
}

.uniformtabletd09-tok {
    width: auto;
    vertical-align: top;
    padding: 10px;
    background-color: #e4f9ff;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width:768px) {
    .uniformtabletd09-tok {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        display: block;
        width: 100%;
    }
}
/* 2018.09.26 ADD ED Fujiwara 特商法ページ用に既存から設定を分割 */