@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}








html{
    overflow-y:scroll;

}



body{
	line-height:1;
	color:#507886;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
}

@media all and (max-width:480px){
	body{
		padding:0 0 11% 0;
	}
}



blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

input, select{
	vertical-align:middle;
}

input[type="submit"]{
	border:none;
}

input[type="button"]{
	border:none;
}

textarea{
	border:none;
}


input[type="text"],
input[type="password"],
textarea{
	border:none;	
	border:1px solid #dadada;
	-webkit-appearance: none;
	border-radius: 3px;
   	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 98%;
}

input[type="text"],
input[type="password"]{
line-height: 150%;
    padding: 3px;
    font-size: 140%;
}



ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:focus{
	outline:none;
}







.appIconBig{
 display: block;
 margin-left: auto;
 margin-right: auto;
		}





/* clearfix
------------------------*/
.clearfix:after{
    content:"";
	height:0;
    display:block;
    clear:both;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common layout
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/



#wrapper{
	margin:0 auto;
	background:url(img/wrapper_bg.gif) repeat 0 0;
	z-index:50;
}



#contents { min-height: calc(45vh - 45px) }



div.iframeWrapper {
position: relative;
width: 100%;
padding-top: 125%;
}

div.iframeWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



@media all and (max-width:768px){

	div.iframeWrapper {
		position: relative;
		width: 100%;
		padding-top: 90%;
		}
	
}

@media all and (max-width:320px){

	div.iframeWrapper {
		position: relative;
		width: 100%;
		padding-top: 100%;
		}
	
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

header{
	background:#fff;
}

.h_content{
	max-width:1140px;
	padding:0.7% 0;
	margin:0 auto;
	position:relative;
	/*position:fixed;
	top:0;
	left:0;
	z-index:100;*/
}

h1{
	font-size:75%;
	line-height:150%;
}

@media all and (max-width:1024px){
	.h_content{
		padding:2%;
	}
}

/* logo
------------------------*/

#logo{
	width:180px;
	margin:-53px 0 0 0;
	float:left;
}

#logo a{
	width:180px;
	height:130px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo.png) no-repeat center 0;
	background-size:180px 180px;
}


.logomoji{
	padding:60px 0 0 0;
	font-size:75%;
}


@media all and (max-width:768px){
	#logo{
		margin:0 auto;
		margin-top:-2%;
		margin-bottom:10%;
		float:inherit;
	}
	
	.logomoji{
		margin:-245px 0 0 -2%;
		position:absolute;
		//display:none;
				
		width:  100%;
    		text-align:  center;   
		}
		
}


/*
@media all and (max-width:480px){
	#logo{
		width:74%;
	}
}*/

/* header navi
------------------------*/
.h_navi{
	width:20%;
	margin:1% 0;
	float:right;
	margin:2% 0;
	
}

@media all and (max-width:1150px){
	.h_navi{
		width:25%;
		margin:1% 0;

	}
}

.h_navi p{
	font-size:75%;
	margin:0 0 0 7%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:20px 20px;
	float:left;
}

.h_navi p a{
	min-height:20px;
	color:#444;
	display:block;
	padding:5px 0 0 25px;
	text-decoration:none;
}

.h_navi p a:hover{
	text-decoration:underline;
}

.h_navi .h_01{
	background-image:url(img/icon_mail.png);
}

.h_navi .h_02{
	background-image:url(img/icon_site.png);
}

.h_navi .h_03{
	background-image:url(img/icon_regist.png);
}

.h_navi .h_04{
	background-image:url(img/icon_login.png);
}

.h_navi .h_05{
	background-image:url(img/icon_loging.png);
}

.h_navi .h_06{
	background-image:url(img/icon_logout.png);
}



@media all and (max-width:1024px){
	.h_navi{
		width:24%;
	}
}

@media all and (max-width:768px){
	.h_navi{
		width:31%;
		margin:2% 0;
	}
}

@media all and (max-width:736px){
	.h_navi{
		width:32%;
	}
}

@media all and (max-width:667px){
	.h_navi{
		width:36%;
	}
}

@media all and (max-width:568px){
	.h_navi{
		width:100%;
		text-align:center;
		margin:3% 0;
		float:inherit;
	}
	
	.h_navi p{
		display:inline-block;
		float:inherit;
	}
}

/* header contact
------------------------*/
.h_contact{
	width:56%;
	text-align:right;
	float:right;
	clear:right;
}

.h_contact .open{
	font-size:68.75%;
	text-align:center;
	display:inline-block;
	margin:0 2% 0 0;
}

.h_contact .open span{
	color:#fff;
	display:block;
	padding:2%;
	margin:0 0 2% 0;
	background:#202020;
}

.h_contact .tel{
	color:#2285d1;
	font-size:180%;
	font-weight:bold;
	padding:1% 0 0 8%;
	background:url(img/icon_tel.png) no-repeat 0 50%;
	display:inline-block;
	background-size:44px 30px;
}

.h_contact .tel a{
	color:#2285d1;
}

@media all and (max-width:768px){
	.h_contact{
		width:30%;
	}
	
	.h_contact .open{
		display:block;
		margin:0;
	}
	
	.h_contact .open span{
		display:block;
		padding:2%;
		margin:0 0 2% 0;
	}

	.h_contact .tel{
		font-size:130%;
		padding:2% 0 2% 24%;
		margin:3% 0 0 0;
		background-size:contain;
	}
}

@media all and (max-width:667px){
	.h_contact{
		width:34%;
	}
}

@media all and (max-width:568px){
	.h_contact{
		width:100%;
		text-align:center;
		float:inherit;
	}
	
	.h_contact .open{
		width:45%;
		display:inline-block;
		vertical-align:top;
	}
	
	.h_contact .open span{
		display:block;
		margin:0 0 2% 0;
	}
	
	.h_contact .tel{
		font-size:140%;
		padding:0 0 0 8%;
		margin:0;
		background-position:0 0;
	}
}

@media all and (max-width:375px){
	.h_contact .open{
		width:80%;
	}
	
	.h_contact .tel{
		padding:0 0 0 12%;
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 global navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{

	
	//トップバーの部分
	//background-color:#ffffff;
	//background:linear-gradient(#2285d1, #2285d1);
	border-top:0px solid #f19c00;
		border-bottom:0px solid #2285d1;
	//background:#ffffff;
	

}

#g_navi ul{
	max-width:1140px;
	margin:0 auto;
}

#g_navi li{
	width:19.8%;
	text-align:center;
	float:left;

	
	//しきりの部分
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	
	background:#D9E5FF;
}

@media all and (max-width:1100px){
	#g_navi li{
		width:18%;
		font-size:85%;
	}
}

#g_navi .g_01{}
#g_navi .g_02{}
#g_navi .g_03{}
#g_navi .g_04{}
#g_navi .g_05{}

#g_navi li a{
		color:#2285d1;
		color:#2285d1;
	display:block;
	padding:7% 0;

	//修正	
	background:#D9E5FF;
	//background:linear-gradient(#D9E5FF, #D9E5FF);
}

#g_navi li a:hover,
#g_navi li#current a{
	color:#fff;
		background:#2285d1;
		
		background:#2285d1;
	//background:linear-gradient(#2285d1, #2285d1);
}

@media all and (max-width:768px){
	#g_navi li{
		width:17%;
		font-size:80%;
	}
}

@media all and (max-width:667px){
	#g_navi li{
		font-size:70%;
	}
}

@media all and (max-width:568px){
	#g_navi .g_01{
		display:none;
	}
	
	#g_navi li{
		width:24.6%;
	}
}

@media all and (max-width:480px){
	#g_navi li{
		width:49.5%;
	}
}

@media all and (max-width:375px){
	#g_navi li{
		width:49.3%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 footer
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

footer{
	padding:1% 0 0 0;
	background:url(img/footer_bg.gif) repeat 0 0;
}

/* footer contents
------------------------*/
.f_content{
	max-width:1140px;
	text-align:center;
	padding:2% 0;
	margin:0 auto 1% auto;
	//background:#ccc;
}

/* footer contact
------------------------*/
.f_contact{
	width:30%;
	margin:0 2% 0 0;
	display:inline-block;
	vertical-align:top;
}

.f_contact .logo{
	width:274px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 3% auto;
	background:url(img/logo.png) no-repeat center 0;
	background-size:274px 70px;
}

.f_contact .open{
	font-size:68.75%;
	margin:0 0 2% 0;
}

.f_contact .open span{
	color:#fff;
	text-align:center;
	display:block;
	background:#202020;
	padding:1%;
	margin:0 0 1% 0;
}

.f_contact .tel{
	color:#2285d1;
	font-size:180%;
	font-weight:bold;
	padding:1% 0 0 15%;
	display:inline-block;
	background:url(img/icon_tel.png) no-repeat 0 50%;
	background-size:44px 30px;
}

.f_contact .tel a{
	color:#2285d1;
}

.f_contact .add{
	font-size:68.75%;
	line-height:140%;
	margin:1% 0 0 0;
}

@media all and (max-width:1024px){
	.f_contact .logo{
		width:100%;
		background:url(img/logo.png) no-repeat center 0;
		background-size:contain;
	}
	
	.f_contact .tel{
		padding-left:18%;
		background-size:contain;
	}
	
	.f_contact .add{
		margin:3% 0 0 0;
	}
}

@media all and (max-width:768px){
	.f_contact{
		width:40%;
	}
}

@media all and (max-width:667px){
	.f_contact{
		width:60%;
		display:inherit;
		margin:0 auto;
	}
	
	.f_contact .tel{
		font-size:120%;
		padding-left:10%;
	}
}

@media all and (max-width:568px){
	.f_content{
		padding:4%;
	}
	
	.f_contact{
		width:100%;
		margin:0 0 2% 0;
	}
}

/* footer navi
------------------------*/



.f_navi{
	width:60%;
	display:inline-block;
	vertical-align:top;
}

.f_navi ul{
	text-align:left;
	margin:0 0 4% 0;
}

.f_navi li{
	font-size:75%;
	text-align:left;
	line-height:140%;
	margin:0 2% 0 0;
	display:inline-block;
	color:#878787;
}

.f_navi li.title{
	color:#878787;
	font-size:87.5%;
	font-weight:bold;
	display:block;
	padding:0.5% 0 0.5% 3%;
	margin:0 0 1% 0;
	background:url(img/icon_arrow4.png) no-repeat 0 50%;
	background-size:14px 14px;
	border-bottom:1px dotted #878787;
}

.f_navi li a{
	color:#878787;
}

.f_navi li a:hover{
	text-decoration:underline;
}

@media all and (max-width:768px){
	.f_navi{
		width:50%;
	}
	
	.f_navi li.title{
		padding:0.5% 0 0.5% 5%;
	}
}

@media all and (max-width:667px){
	.f_navi{
		width:80%;
		display:inherit;
		margin:3% auto 0 auto;
	}
}

@media all and (max-width:568px){
	.f_navi{
		width:100%;
	}
}

@media all and (max-width:375px){
	.f_navi li{
		margin-bottom:1%;
	}
}

/* copyright
------------------------*/
.copyright{
	color:#fff;
	text-align:center;
	padding:0.5% 0;
	background:#2285d1;
}

.copyright a{
	color:#fff;
}

@media all and (max-width:480px){
	.copyright{
		font-size:75%;
		padding:1% 0;
	}
}

@media all and (max-width:375px){
	.copyright{
		margin:0 0 2% 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 page top
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#page_top{
	position:fixed;
	bottom:0px;
	right:20px;
	z-index:100;
}

#page_top a{
	color:#fff;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	line-height:130%;
	padding:15% 10% 5% 10%;
	display:block;
	text-shadow:1px 1px #2285d1;
	border:1px solid #2285d1;
	background-color:#2285d1;
	
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-top-left-radius: 12px;
	border-top-right-radius: 1px;
	-moz-border-top-left-radius: 12px;
	-moz-border-top-right-radius: 12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;

	opacity:0.8;

}

@media all and (max-width:480px){

	#page_top{
		position:fixed;
		bottom:0;
		right:0;
		width:100%;
		}

	#page_top a{
		padding:2%;
		border-radius:0;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		font-size:90%;
		}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 contents
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#contents{
	max-width:1140px;
	padding:0 2% 2% 2%;
	margin:1% auto 0 auto;
	background:url(img/contents_bg.png) repeat-x 0 bottom;
	background-size:contain;

}

.index #contents{
	margin:2% auto 0 auto;
}

#main{
	width:76%;
	/*overflow:hidden;*/
	float:left;
}

#sub{
	width:21%;
	/*overflow:hidden;*/
	float:right;
}




.column1 #main{
	width:100%;
}

@media all and (max-width:1024px){
	#contents{
		max-width:1024px;
	}
}

@media all and (max-width:830px){
	#contents{
		max-width:830px;
	}
	
	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
	}
}

@media all and (max-width:768px){
	#contents{
		max-width:768px;
		padding:0 3% 10% 3%;
	}

	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
		margin:2% 0 0 0;
	}
}

@media all and (max-width:480px){
	#contents{
		max-width:480px;
		padding:0 2% 10% 2%;
	}
}





#sub .admin li{
	line-height:140%;
}


#sub .admin ul{
	margin:3% 0 0 0;
}


#sub .admin{
	overflow:hidden;
	margin:0 0 5% 0;
	background:#fff;
	border:5px solid #2285d1;
	padding:3% 5% 3% 5%;
	border-radius:5px;
}

#sub .admin h3{
	font-size:95%;
	//font-weight:normal;
	min-height:18px;
	padding:3% 0 3% 0;
	border-bottom:1px solid #2285d1;
	position:relative;
}







/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common style
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* text
------------------------*/
img{
	max-width:100%;
	height:auto;
	display:block;
	border-radius: 9px; /* CSS3草案 */ 
	 -webkit-border-radius: 9px; /* Safari,Chrome用 */ 
	 -moz-border-radius: 9px; /* Firefox用 */
}

a{
		color:#2285d1;
		color:#f90;
	text-decoration:none;
}

.r_lnk{
	float:right;
}

.r_lnk a{
	min-height:14px;
	padding:0 19px 0 0;
	background:url(img/icon_arrow3.png) no-repeat right center;
	background-size:14px 14px;
}

.lnk a{
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow3.png) no-repeat left center;
	background-size:14px 14px;
}

.ex{
	font-size:100%;
	line-height:120%;
		margin:1% 0;
		color:#f90;
}

.note{
	width:100%;
	color:#878787;
	font-size:90%;
	line-height:150%;
	display:block;
}



.box{
		//padding:3%;
		padding:0;
	background:#fff;
}

.accordion .accordion_head{
	//cursor:pointer;
}

/* table
------------------------*/
table.common{
	width:100%;
	border-collapse:collapse;
	background:#f8f8f8;
}

table.common tr:nth-of-type(odd){
	background:#fff;
}

table.common td,
table.common th{
	text-align:center;
	padding:2%;
	border:1px solid #d4d4d4;
}

table.common th{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
}

table.common thead th{
	background:#f8f8f8;
}

table.common td{
	font-size:75%;
	line-height:160%;
}

@media all and (max-width:568px){
	table.common th{
		font-size:75%;
	}
}

@media all and (max-width:480px){
	table.common{
		display:block;
		background:none;
	}
	
	table.common tr:nth-of-type(odd){
		background:none;
	}

	table.common thead{
		display:none;
	}
	
	table.common tbody{
		display:block;
	}
	
	table.common tbody tr{
		display:block;
		margin-bottom:3%;
	}
	
	table.common tbody th,
	table.common tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	table.common tbody th{
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#bbb;
	}
	
	table.common tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}

	
	
	
	
	
	/* btn
------------------------*/


p.btn_del,
p.btn_info,
p.btn_entry,
p.btn_url,
p.btn_tel,
p.btn_tel2,
p.btn_mail,
p.btn_favor{
	display:inline;
	margin:0 1%;
	text-align:center;
}




p.btn_info a,
p.btn_entry a,
p.btn_url a,
p.btn_tel a,
p.btn_tel2 a,
p.btn_mail a,
p.btn_favor a,
p.btn_del a{
	color:#fff;
	font-weight:normal;
	display:inline-block;
	text-align:center;
}


p.btn_del a{
	width:55%;
	border:1px solid #666;
	background:#666;
	background:linear-gradient(#666, #666);
}

p.btn_info a{
	border:1px solid #2285d1;
	background:#2285d1;
	background:linear-gradient(#2285d1, #2285d1);
}

p.btn_entry a{
	border:1px solid #ff9900;
	background:#ff9900;
	background:linear-gradient(#ff9900, #ff9900);
}

p.btn_url a{
	border:1px solid #ff9900;
	background:#ff9900;
	background:linear-gradient(#ff9900, #ff9900);
}

p.btn_tel a{
	border:1px solid red;
	background:red;
	background:linear-gradient(red, red);
}

p.btn_tel2 a{
	border:1px solid #2285d1;
	background:#2285d1;
	background:linear-gradient(#2285d1, #2285d1);
	display:none;
}


p.btn_mail a{
	border:1px solid blue;
	background:blue;
	background:linear-gradient(blue, blue);
}



p.btn_favor a{

	border:1px solid green;
	background:green;
	background:linear-gradient(green, green);
}

	
	
	

.btn_box{
	text-align:center;
	margin:0 0 3% 0;
	clear:both;
}
	
	
	
.btn_box p.btn_del a,
.btn_box p.btn_info a,
.btn_box p.btn_entry a,
.btn_box p.btn_url a,
.btn_box p.btn_tel2 a,
.btn_box p.btn_mail a,
.btn_box p.btn_favor a{
		padding:1em 2em;
	}


	

	@media all and (max-width:480px){
		
		

		.btn_box{
			width:100%;
			margin:0 0 2% 0;
	}

	p.btn_del,
	p.btn_info,
	p.btn_entry,
	p.btn_url,
	p.btn_tel2,
	p.btn_mail,
	p.btn_favor{
		display:block;
		margin:2% 0 0 0;
	}

	p.btn_del a,
	p.btn_info a,
	p.btn_entry a,
	p.btn_url a,
	p.btn_tel2 a,
	p.btn_mail a,
	p.btn_favor a{
		width:90%;
		margin:auto;		
	}
	
	p.btn_tel,
	p.btn_tel a{
		display:none;
		}
	
}
	
	
	
	
	
	
	
	
	
	
	
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath{
	padding:1% 2%;
	margin:1% 0 0 0;
}

#topicpath ul{
	max-width:1140px;
	margin:0 auto;
}

#topicpath li{
	font-size:75%;
	line-height:160%;
	padding:0 0 0 2%;
	margin:0 1% 0 0;
	background:url(img/icon_arrow2.png) no-repeat 0 50%;
	background-size:12px 22px;
	word-wrap:break-word;
	float:left;
}

#topicpath li a{}

#topicpath li.home{
	padding:0;
	background:none;
}

#topicpath li strong{}

#topicpath li span{
	color:#878787;
}

@media all and (max-width:830px){
	#topicpath{
		padding:1% 3%;
	}
	
	#topicpath li{
		padding:0 0 0 3%;
		background-size:contain;
	}
}

@media all and (max-width:480px){
	#topicpath{
		border-top:none;
	}

	#topicpath li{
		padding:0 0 0 4%;
		border-top:none;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents index
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* top info
------------------------*/
#top_info{
	padding:12% 0;
	margin:0.5% 0 0 0;
	background:url(img/top_info-3.jpg) no-repeat 40% 40%;
	background-size:cover;
	position:relative;
}




#top_info h2{
	color:red;
	font-size:230%;
	text-shadow:3px 3px 3px #fff;
	
	position: absolute;
	top: 85%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:100%;
	height:20px;  
}



/*----- btn -----*/
#top_info .btn_search{
	position:absolute;
	left:20%;
	bottom:20%;
}

#top_info .btn_search a{
	width:400px;
	height:86px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	background:url(img/btn_search.png) no-repeat 0 0;
	background-size:400px 86px;
}

@media all and (max-width:1280px){
	#top_info{
		padding:20% 0;
	}
	
	
	#top_info .btn_search{
		left:5%;
		bottom:15%;
	}
}

@media all and (max-width:768px){
	#top_info{
		padding:20% 0;
	}
}

@media all and (max-width:667px){
	#top_info h2{
		font-size:220%;
		top: 60%;
	}
}


@media all and (max-width:568px){
	#top_info h2{
		font-size:210%;
		top: 64%;
	}
	
	#top_info .btn_search{
		bottom:25%;
	}

	#top_info .btn_search a{
		width:200px;
		height:43px;
		background-size:200px 43px;
	}
}


@media all and (max-width:480px){
	#top_info h2{
		font-size:175%;	
		top: 63%;
	}
}

@media all and (max-width:375px){
	#top_info h2{
		font-size:145%;
		top: 62%;
	}
	
	#top_info .btn_search{
		bottom:20%;
	}
}

@media all and (max-width:320px){
	#top_info h2{
		font-size:110%;
		top: 63%;
	}
}
	
	
	
/* new
------------------------*/
.new_frame{
	width:100%;
	height:265px;
	background:#f8f8f8;
	//background:#fff;
}



.new iframe{
	background:#f8f8f8;
}


.new{
	//overflow:hidden;
	//overflow-y:hidden;
    	width: 100% !important;
}



.new h2{
	color:#fff;

	background:#2285d1 url(img/icon_new.png) no-repeat 1.2% 50%;
	background-size:50px 16px;
		
	border-radius: 12px 12px 0 0;
    font-size: 105%;
    font-weight: 400;
    padding: 1% 1% 1% 9%;
		
		
}




.new h2 span{
color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}


@media all and (max-width:568px){

	.new_frame{
		width: 100% !important;
		height:525px;
	}
	
	.new h2{
		//padding-left:9%;
		padding:2% 2% 2% 9%;
		background-position:2% 50%;
	}
}

@media all and (max-width:480px){

	.new_frame{
		width: 100% !important;
		height:525px;
	}
	
	.new h2{
		padding-left:18%;
	}
}



@media all and (max-width:375px){
	.new h2{
		padding-left:18%;
	}
}

@media all and (max-width:320px){	
	.new h2{
		font-size:87.5%;
		padding-left:20%;
	}
}


/* reco
------------------------*/
.reco_frame{
	width:100%;
	height:265px;
	background:#fff;
}

.reco{
	overflow:hidden;
	margin:3% 0 0 0;
	//border:1px solid #dadada;
}

.reco h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1.5% 1.2% 1.2% 9%;
	background:#2285d1 url(img/icon_pickup.png) no-repeat 1.2% 50%;
	border-bottom:2px solid red;
	background-size:50px 16px;
}

.reco h2 span{
	font-size:80%;
	color:#adadad;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}

@media all and (max-width:1024px){
	.reco_frame{
		width:100%;
		height:240px;
	}
}

@media all and (max-width:768px){
	.reco_frame{
		width:100%;
		height:235px;
	}
}

@media all and (max-width:667px){
	.reco_frame{
		width:100%;
		height:215px;
	}
}

@media all and (max-width:568px){
	.reco_frame{
		width:100%;
		height:442px;
	}
	
	.reco h2{
		//padding-left:12%;
		
		padding:2% 2% 2% 14%;
		background-position:2% 50%;
	}
}

@media all and (max-width:480px){
	.reco_frame{
		width:100%;
		height:525px;
	}
	
	.reco h2{
		padding-left:14%;
	}
}

@media all and (max-width:414px){
	.reco_frame{
		width:100%;
		height:475px;
	}
}

@media all and (max-width:375px){
	.reco_frame{
		width:100%;
		height:447px;
	}
	
	.reco h2{
		padding:2% 2% 2% 17%;
	}
}

@media all and (max-width:320px){
	.reco_frame{
		width:100%;
		height:405px;
	}
	
	.reco h2{
		font-size:87.5%;
		padding-left:19%;
	}
}




/* jobs
------------------------*/


.jobs{
	margin:3% 0 0 0;
	margin:0;
	background:#f8f8f8;
}

.jobs h2{
	color:#fff;

	background:#2285d1 url(img/icon_search3.png) no-repeat 1% 50%;
	background-size:18px 18px;

	border-radius: 12px 12px 0 0;
    font-size: 105%;
    font-weight: 400;
    padding: 1% 1% 1% 4%;
		
	
}

.jobs h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}


.jobs .box{
	padding:3% 0 0 0;
	background:#fff;
}



@media all and (max-width:568px){
	
	.jobs h2{
		padding:2% 2% 2% 7%;
		background-position:2% 50%;
	}
}



@media all and (max-width:375px){
	
	.jobs h2{
		padding-left:9%;
	}
}

@media all and (max-width:320px){
	
	.jobs h2{
		font-size:87.5%;
	}
}






/* top job type
------------------------*/
.top_job_type{
	//margin:3% 0 3% 0;
	margin:0;
	background:#f8f8f8;
	padding:1% 0 2% 0;
}

.top_job_type .box{
	margin:0 5% 0% 5%;
	background:#f8f8f8;
}


.top_job_type section{
	width:48%;
	//border:0px solid #dadada;
	//background:#ffffff;

}

.top_job_type section h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1.5% 1.2% 1.2% 4%;
	background:#2285d1 url(img/icon_search3.png) no-repeat 1% 50%;
	background-size:18px 18px;
	border-bottom:0px solid red;
}

.top_job_type section h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}

.index .top_job_type section .box{
	padding:3%;
	margin:1.5%;
}

.top_business{
	float:left;
}


.top_category{
	float:right;
}



@media all and (max-width:568px){
	.top_job_type section{
		width:100%;
	}
	
	.top_job_type section h2{
		padding-left:7%;
	}
	
	
}


@media all and (max-width:375px){
	.top_job_type section h2{
		padding-left:9%;
	}
}


@media all and (max-width:320px){
	.top_job_type section h2{
		font-size:87.5%
	}
}




/*---- list -----*/
.top_job_type ul{}

.top_job_type li a{
	text-decoration:none;
}

.top_job_type li a:hover{
	text-decoration:underline;
}

.top_job_type li{
	padding:0 0 1% 0;
	margin:0 0 2% 0;
	//background:#fff;
	border-bottom:1px dotted #bbb;
}

.top_job_type li:last-child{
	//margin:15px 0 0 0;
}


.top_job_type li h3{
	font-size:90%;
	min-height:14px;
	padding:0 0 0 5%;
	margin:0 0 2% 0;
	background:url(img/icon_arrow1.png) no-repeat 0 50%;
	background-size:14px 14px;
	font-weight: normal;
}



.top_job_type li p{
	width:90%;
	color:#666;
	font-size:80%;
	line-height:120%;
	margin:-1% 0 0 5%;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	
}

@media all and (max-width:375px){
	.top_job_type li h3{
		font-size:75%;
		padding-left:6%;
	}
}




/* top area
------------------------*/
.top_area{
	margin:3% 0 0 0;
	margin:0;
	background:#fff;
}

.top_area h2{
	color:#fff;

	background:#2285d1 url(img/icon_search3.png) no-repeat 1% 50%;
	background-size:18px 18px;

	border-radius: 12px 12px 0 0;
    font-size: 105%;
    font-weight: 400;
    padding: 1% 1% 1% 4%;
	
}

.top_area h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}

.top_area .box{
	padding:3%;
	background:#f8f8f8;
}

.top_area .map{
	//width:40%;
	float:left;
}


.prefectures{
	width:56%;
	float:right;
	margin:5% 0 0 0;
}


.prefectures ul{
	margin:0 0 5% 0;
}

.prefectures li{
	width:30%;
	font-size:82%;
	text-align:center;
	border-right:1px solid #bbb;
	float:left;
}

.prefectures li a{
	padding:5%;
	display:block;
}


@media screen and (max-width: 800px) and (max-height: 600px) {


.prefectures {
		margin:5% -5% 0 0;
	}

.prefectures li{
		width:30%;
		font-size:80%;
		margin:0 0 1% 0;
	}


}



@media all and (max-width:1024px){

.prefectures {
		margin:5% -7% 0 0;
	}
	
	.prefectures li{
		width:30%;
		font-size:75%;
		margin:0 0 1% 0;
	}
}




@media all and (max-width:667px){

	.prefectures li{
		width:32%;
		font-size:75%;
		margin:0 0 1% 0;
	}
}



@media all and (max-width:568px){	
	.top_area h2{
		padding:2% 2% 2% 7%;
		background-position:2% 50%;
	}
	
	.top_area .map{
		display:none;
	}
	
	.prefectures{
		width:100%;
		float:inherit;
	}
	
	.prefectures li{
		width:30%;
		margin:0;
	}
}

@media all and (max-width:375px){	
	.top_area h2{
		padding-left:9%;
	}
	
	.prefectures li{
		width:30%;
	}

}

@media all and (max-width:320px){	
	.top_area h2{
		font-size:87.5%;
	}
	
	.prefectures li{
		width:30%;
		margin-bottom:1%;
	}
}

/* top employ
------------------------*/
.top_employ{
	margin:3% 0 0 0;
	margin:0;
	//border:1px solid #dadada;
	background:#fff;
}

.top_employ h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1.5% 1.2% 1.2% 4%;
	background:#2285d1 url(img/icon_search3.png) no-repeat 1% 50%;
	background-size:18px 18px;
	border-bottom:0px solid red;
	
	
}

.top_employ h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}

.top_employ .box{
	padding:3%;
	background:#f8f8f8;
}

.top_employ ul{
	margin:0 -3.3% 0 0;
}

.top_employ li{
	width:30%;
	font-size:100%;
	font-weight:bold;
	margin:0.25% 3.3% 0.25% 0;
	background:#fff url(img/icon_search1.png) no-repeat 5% 50%;
	background-size:40px 40px;
	float:left;
}

.top_employ li a{
	color:#555;
	overflow:hidden;
	display:block;
	text-decoration:none;
	padding:5% 0 5% 25%;
	border-radius:5px;
	border:1px solid #ccc;
}

.top_employ li a span{
	font-size:80%;
	color:#2285d1;
	display:block;
	margin:3% 0 0 0;
}

.top_employ .em_01 a{}
.top_employ .em_02 a{}
.top_employ .em_03 a{}

.top_employ li a:hover{
	background:url(img/icon_arrow2.png) no-repeat 96% 50%;
	background-size:12px 22px;
}

@media all and (max-width:667px){
	.top_employ li{
		font-size:87.5%;
	}
	
	.top_employ li a{
		padding-left:28%;
	}
}

@media all and (max-width:568px){	
	.top_employ h2{
		padding:2% 2% 2% 7%;
		background-position:2% 50%;
	}
	
	.top_employ .box{
		padding:1%;
	}
	
	.top_employ ul{
		margin:0 -1% 0 0;
	}
	
	.top_employ li{
		width:32.3%;
		font-size:75%;
		margin:0 1% 0 0;
	}
	
	.top_employ li a{
		padding:7% 0 7% 31%;
	}
}

@media all and (max-width:480px){
	.top_employ .box{
		padding:3% 3% 0 3%;
	}
	
	.top_employ ul{
		margin:0 -3% 0 0;
	}
	
	.top_employ li{
		width:47%;
		margin:0 3% 3% 0;
	}
}

@media all and (max-width:375px){	
	.top_employ h2{
		padding-left:9%;
	}
}

@media all and (max-width:320px){
	.top_employ .box{
		padding:3%;
	}
		
	.top_employ h2{
		font-size:87.5%;
	}
	
	.top_employ ul{
		margin:0;
	}
	
	.top_employ li{
		width:100%;
		background-size:20px 20px;
		background-position:2% 50%;
		float:inherit;
	}
	
	.top_employ li:last-child{
		margin-bottom:0;
	}
	
	.top_employ li a{
		padding:3% 0 3% 12%;
	}
	
	.top_employ li a span{
		display:inline;
		margin:0 0 0 2%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents search
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{

font-size:110%;
}

.search h2{
	color:#fff;
	border-radius: 12px 12px 0 0;
	font-size:105%;
	font-weight:normal;
	padding:1% 1% 1% 4%;
	background:#2285d1 url(img/icon_search2.png) no-repeat 1% 50%;
	background-size:18px 18px;
}

.search .box{
	//padding:1%;
	padding:2% 1% 1% 1%;
			background:#f4f4f4;
			background:#fff;
			padding:0;
}


.search th span{

font-size:120%;

}



@media all and (max-width:667px){
	.search h2{
		font-size:100%;
		padding:1.5% 1.5% 1.5% 5%;
	}
}

@media all and (max-width:568px){
	.search h2{
		font-size:87.5%;
	}
}

@media all and (max-width:480px){
	.search h2{
		background-size:16px 16px;
	}
}

@media all and (max-width:320px){
	.search h2{
		padding:1.5% 1.5% 1.5% 7%;
	}
}

/* module table
------------------------*/
.search table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	//border-top:1px dotted #d4d4d4;
	//border-bottom:1px dotted #d4d4d4;
	//border-left:1px dotted #d4d4d4;
	//border-right:1px dotted #d4d4d4;
	
	//background:#f4f4f4;
			

		}
		


.search table td{
background:#fff;
//border:0;

}

.search table td.row2 table{

//border:0;
}

.search table th,
.search table td.row2{
	font-size:75%;
	padding:2% 2% 1.5% 3%;
	border-bottom:1px dotted #d4d4d4;
			vertical-align:middle;
			text-align:left;
	background:#fff;
	
		}
		

.search table th{
	width:25%;
	//border-right:1px dotted #d4d4d4;
}



.search td input{
	margin-right:2px;
	padding:2px;
	position:relative;
	bottom:2px;
}

.search select{
	margin:3px 5px 3px 0;
}

.search td label{
	margin:3px 0;
}

.search td.row2 label{
	width:45%;
	float:left;
	font-size:115%;
	line-height: 140%;
}

.search td.row4 label{
	width:25%;
	float:left;
}

.search .sbmt{
	margin:3% 0;
}

@media all and (max-width:480px){


.search table th,
.search table td.row2{
	padding:0.75% 2% 1.5% 3%;
}


.search table td.row2{
	border-bottom:none;
	//background:#f4f4f4;	
}

	.search table{
		display:block;
		border:none;

	}
	
	.search tr:nth-of-type(odd){
		background:none;
	}

	.search thead{
		display:none;
	}
	
	.search tbody{
		display:block;
	}
	
	.search tbody tr{
		display:block;
		margin-bottom:0%;
	}
	
	.search tbody th,
	.search tbody td{
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
		//background:#f4f4f4;
	}
	
	.search tbody th{
		width:inherit;
		font-size:83%;
		//color:#fff;
		padding:3% 1.5%;
		background:#fff;
				//border:1px solid #d4d4d4;
				border-bottom:1px dotted #d4d4d4;
	}
	
	.search tbody th span{
		margin:0 5px 0 5px;
	}
	
	.search tbody td{
		font-size:75%;
		padding:0;
		//background:#f4f4f4;
		border:none;
	}
	
	

	
	
}

@media all and (max-width:320px){
	.search td.row2 label{
		width:100%;
		display:block;
		float:none;
		font-size:160%;
		line-height: 180%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents page navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.page_navi{}

.page_navi p{
	font-size:100%;
}

.page_navi p strong{
	color:#ff9900;
	margin:0 0.5% 0 0;
}

.page_navi ul{
	text-align:right;
	margin:1% 0 0 0;
}

.page_navi li{
	font-size:85%;
	line-height:110%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block;
	padding:1% 1.2%;
	background-color:#2285d1;
	border:1px #2285d1 solid;
	font-weight:bold;
	border-radius:25px;
	-moz-border-radius:25px;
   	-webkit-border-radius:25px;
}

.page_navi li a{
	color:#666;
	display:inline-block;
	padding:1.1% 1.3%;
	border:1px #2285d1 solid;
	border-radius:25px;
	-moz-border-radius:25px;
   	-webkit-border-radius:25px;
}


@media all and (max-width:568px){
	.page_navi li span{
		padding:2%;
		}

	.page_navi li a{
		padding:2%;
		}
}



.page_navi li a:link,
.page_navi li a:visited{
	border-color:#666;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#666;
	background-color:#666;
}

@media all and (max-width:830px){
	.page_navi ul{
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents detail
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* table
------------------------*/
table.detail{
	width:100%;
	border-collapse:collapse;
	background:#f8f8f8;
	table-layout: fixed;
}

table.detail tr:nth-of-type(odd){
	background:#fff;
}

table.detail td,
table.detail th{
	padding:1%;
	border:1px solid #d4d4d4;
	vertical-align:middle;
}

table.detail th{
	font-size:90%;
	text-align:left;
	line-height:1.5em;
	font-weight:bold;
			width:25%;
}

table.detail thead th{
	background:#f8f8f8;
}

table.detail td{
	font-size:90%;
	text-align:left;
	line-height:1.5em;
}




table.detail.over td.campa{

font-size:90%;
font-weight:bold;
    font-weight: normal;

}
		
		
		
	
		
		

.textOverflowLine1 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
.textOverflowLine2 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}



	
	
	
table #chk_remarks{

font-size:80%;
	}



@media screen and (max-width: 800px){
	table.detail th{
		width:100%;
	}
	table.detail td{
		width:100%;
	}
	
}






@media all and (max-width:568px){
	table.detail th{
		font-size:95%;
		width:100%;
	}
	table.detail td{
		font-size:90%;
		width:99%;
	}
	
	table.detail tbody td{
		padding:0 0 0 3%;
	}

}

@media all and (max-width:480px){
	table.detail{
		display:block;
		background:none;
		padding:1% 0;
	}
	
	table.detail tr:nth-of-type(odd){
		background:none;
	}

	table.detail thead{
		display:none;
	}
	
	table.detail tbody{
		display:block;
	}
	
	table.detail tbody tr{
		display:block;
		margin-bottom:3%;
	}
	
	table.detail tbody th,
	table.detail tbody td{
		font-size:100%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	table.detail tbody th{
		width:inherit;
		padding:0 0 0 1%;
		margin-bottom:1%;
		border-left:5px solid #2285d1;
	}
	

}




/* table detail2
------------------------*/

.detail2 table p.text_left { text-align: left; }
.detail2 table p.txt_center { text-align: center; }
.detail2 table p.txt_right { text-align: right; }
		

.detail2 table {
	width: 100%;
	min-width: 100%; /* 最低限必要な幅を確保（必要に応じて調整） */
	font-size:90%;
	line-height:120%;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}

.detail2 table tr:nth-of-type(odd) { background: #eee; }


.detail2 table td a{ vertical-align:middle;}

		
.detail2 table td .btn_del{display:none;}
		
.detail2 table th,
.detail2 table td {
	padding:5px 10px;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align:middle;
	white-space: normal;
  }

 
.detail2 table th:nth-of-type(1) { width:5%;}
		
.detail2 table td:nth-of-type(1) { width:10%;}
.detail2 table td:nth-of-type(2) { width:40%;} 
.detail2 table td:nth-of-type(3) { width:40%;}


  
.detail2 table p.delete a,
.detail2 table p.btn_info a,
.detail2 table p.btn_entry a,
.detail2 table p.btn_url a,
.detail2 table p.btn_tel a,
.detail2 table p.btn_mail a{
			width:100%;
			max-width: 100%;
	color:#fff;
	font-weight:normal;
	display:inline-block;
	text-align:center;
}
		
		
		.detail2 input[type="text"], 
		.detail2 input[type="password"], 
		.detail2 textarea {
			width:98%;
		}


  
  
@media(max-width:480px){


.detail2 table{
	display:block;
	width: 100%;
	}
			
.detail2 table th,
.detail2 table th .btn_del{display:none;}

.detail2 table th { 
	padding: 10px 0 10px 0; 
	font-size:90%;
	border: 0px solid #ccc;
	line-height:130%;
	position: relative;
} 


.detail2 table td{ 
	padding: 5px; 
} 


.detail2 table tr { 
	border: 1px solid #ccc;
	margin:0 0 3% 0;
}


.detail2 table td { 
	border: none;
	position: relative;
	padding-left: 10%; 
	text-align: left;
} 


.detail2 table td p{
	position: relative;
	padding: 0 0 0 2%;
	border-left: 5px solid #2285d1;
	z-index:10;
}


.detail2 table td .btn_del{
	position: relative;
	text-align: center;
	padding:0;
	border-left: 0;
	border-radius:5px;
	margin:-2px 0 0 0;
}




.detail2 table td .btn_del{
	display:block;
	position: absolute; 
	top: -5px;
	left: 6px; 
	width: 7%; 
	padding-right: 10px; 
	white-space: nowrap;
	text-align:left;
	border-left: 0;
}


.detail2 table td:nth-of-type(1),
.detail2 table td:nth-of-type(2),
.detail2 table td:nth-of-type(3),
.detail2 table td:nth-of-type(4){
	width:90%; 
	}


.detail2 table td p {
	width: 90%; 
	}

}







/* table.detail3
------------------------*/
.detail3 p.text_left { text-align: left; }
.detail3 p.txt_center { text-align: center; }
.detail3 p.txt_right { text-align: right; }



.detail3 table {
width: 100%; 
border-collapse: collapse; 
font-size:90%;
line-height:1.5em;
}

.detail3 tr:nth-of-type(odd) { background: #eee; }




.detail3 th { 
	background: #fff; 
	font-weight: bold;
	vertical-align:middle;
}


.detail3 td img{display:none;}


.detail3 table th, 
.detail3 table td {
	padding: 5px;
	text-align: center;
	border: 1px solid #d4d4d4;
	vertical-align:middle;
		}
		
		
		
.detail3 p.btn_info a{
	width:30px;
	display:inline-block;
	padding:15px 8px 15px 0;
	font-size:90%;
	writing-mode: vertical-rl;
	text-align: center;
	vertical-align:middle;
}



		
		
  
.detail3 table th:nth-of-type(1) { width:12%;} 
		
.detail3 table td:nth-of-type(1) { width:30%;} 
.detail3 table td:nth-of-type(2) { width:15%;} 
.detail3 table td:nth-of-type(3) { width:8%;} 
.detail3 table td:nth-of-type(4) { width:30%;} 
.detail3 table td:nth-of-type(5) { width:8%;} 
 
.detail3 .appIconBig{
				display: block;
				margin-left: auto;
				margin-right: auto;
			}


		@media(max-width:480px){


.detail3 td img{
	display:block;
	position: absolute; 
	top: 6px;
	left: 6px; 
	width: 37%;
	white-space: nowrap;
	text-align:left;
	z-index:1000;
}



.detail3 th{
	display:none;
}

.detail3 thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
	display:none;
} 

.detail3 table td{ 
	padding: 5px; 
	font-size:90%;
	line-height:1.15em;
} 

 


.detail3 tr { 
	border: 1px solid #ccc;
	margin:0 0 3% 0;
}


.detail3 table td { 
	border: none;
	position: relative; 
	padding-left: 40%; 
	text-align: left;
	z-index:0;
} 

.detail3 p{margin:0;}

.detail3 td p:not(p.btn_info){
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	padding: 0 0 0 2%;
	border-left: 5px solid #2285d1;
	}
			
			
.detail3 p.btn_info{
	padding:0;
	border-left: 0px;
	width:100%;
}

.detail3 td p.btn_info a{
	width:100%;
	display:inline-block;
	padding:2%;
	font-size:90%;
	text-align: center;
	vertical-align:middle;
	writing-mode: horizontal-tb;
}


.detail3 table td:nth-of-type(1) { width:55%;} 
.detail3 table td:nth-of-type(2) { width:55%;} 
.detail3 table td:nth-of-type(3) { width:55%;} 
.detail3 table td:nth-of-type(4) { width:55%;} 
.detail3 table td:nth-of-type(5) { width:55%;} 
			
}










.detail4 p.text_left { text-align: left; }
.detail4 p.txt_center { text-align: center; }
.detail4 p.txt_right { text-align: right; }


.detail4 table {
width: 100%; 
border-collapse: collapse; 
font-size:95%;
line-height:120%;
}

.detail4 tr:nth-of-type(odd) { background: #eee; }


.detail4 td a{ 
font-weight: bold;
  vertical-align:middle;
}


.detail4 th { 
background: #fff; 
font-weight: bold;
  vertical-align:middle;
}


.detail4 td img{display:none;}
.detail4 td .btn_del{display:none;}

.detail4 table th, 
.detail4 table td {
	padding: 5px;
	text-align: center;
	border: 2px solid #ccc;
	vertical-align:middle;
  }


 
 
.detail4 table th:nth-of-type(1) { 
width:4%;
  } 
.detail4 table th:nth-of-type(2) { 
width:10%;
  } 
.detail4 table th:nth-of-type(3) { 
width:25%;
  } 
.detail4 table th:nth-of-type(4) { 
width:10%;
  } 
.detail4 table th:nth-of-type(5) { 
width:10%;
  } 
.detail4 table th:nth-of-type(6) { 
width:26%;
  } 
.detail4 table th:nth-of-type(7) { 
width:5%;
  } 
 .detail4 table th:nth-of-type(8) { 
width:10%;
  } 
  
.detail4 p.delete a,
.detail4 p.btn_info a,
.detail4 p.btn_entry a,
.detail4 p.btn_url a,
.detail4 p.btn_tel a,
.detail4 p.btn_mail a{
	width:98%;
	color:#fff;
	font-weight:normal;
	display:inline-block;
	text-align:center;
}

  
@media(max-width:479px){

.detail4 table, thead, tbody, th, td, tr {
display: block;
} 

.detail4 th{

display:none;

}

.detail4 thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
} 

.detail4 table td, 
.detail4 table th { 
padding: 5px; 
font-size:90%;
border: 0px solid #ccc;

line-height:110%; 

} 


.detail4 table td{ 
padding: 2px 5px 2px 5px; 
} 



.detail4 tr { 
border: 1px solid #ccc;
margin:0 0 3% 0;
}


.detail4 table td { 
border: none;
//border-bottom: 1px solid #eee; 
position: relative; 
padding-left: 45%; 
text-align: left;
z-index:0;

} 

.detail4 p{margin:0;}
.detail4 table td p{

	padding: 0 0 0 2%;
	border-left: 5px solid #2285d1;
}


.detail4 td .btn_info{

	text-align: center;
	padding:0;
	border-left: 0;
	border-radius:5px;
	//margin-left: -45%; 

}


.detail4 td img{
display:block;
position: absolute; 
top: 6px;
left: 6px; 
width: 38%; 
padding-right: 10px; 
white-space: nowrap;
text-align:left;
z-index:1;
}

.detail4 td .btn_del{
display:block;
position: absolute; 
top: 4px;
left: 6px; 
width: 7%; 
padding-right: 10px; 
white-space: nowrap;
text-align:left;
z-index:100;
border-left: 0;
}



.detail4 table td:nth-of-type(1),
.detail4 table td:nth-of-type(2),
.detail4 table td:nth-of-type(3),
.detail4 table td:nth-of-type(4),
.detail4 table td:nth-of-type(5),
.detail4 table td:nth-of-type(6),
.detail4 table td:nth-of-type(7){
width:55%; 

}

.detail4 td p {
	width: 90%; 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	
}








/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.list{margin:3% 0 0 0;}

.list .item{margin:1em 0 0 0;}

.list .page_navi{margin:1em 0 0 0;}




/* item
------------------------*/
.item {

	padding: 0;
    background: #fff;
    border: 0px solid #d4d4d4;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}


.main_item_info .item {
    padding: 0 5px;
    margin: 3% 0;
    background: #fff;
    border: 1px solid #fff;
}



.item .title{
	color:#f90;
	font-size:105%;
	font-weight:normal;
	padding:1% 0;
	border-bottom:1px dotted #d5d5d5;
}

.item .title a{
	color:#fff;
	display:block;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}






/* type */
.type{
	margin:0 0 2% 0;
}

.type li{
	font-size:75%;
	text-align:center;
	padding:0.5% 3%;
	margin:0 5px 0 0;
	border:1px solid #2185d1;
	float:left;
}

.type .emp{
	color:#fff;
	background:#2185d1;
}

.type .bus{
	color:#2185d1;
	background:#fff;
}

.type .cate{
	color:#2185d1;
	background:#fff;
}

/* catch */
.catch{
	color:#2285d1;
	font-size:115%;
	font-weight:bold;
	line-height:135%;
	margin-bottom:-3px;

}






.item .left{
	width:38%;
	margin:1% 0;
	float:left;
}

.item .right{
	width:60%;
	margin:1% 0;
	float:right;
}




/* thumb */
.item .thumb h4{
    color: #2285D1;
    font-size:120%;
	font-weight: 900;
			margin:10px 0 15px 0;
			line-height:1em
}




.left .thumb img{
			width:95%;
	}
	



.left p{
color:#999;
text-align:center;
font-size:100%;

}




	



/* feature */
.feature{
	margin:0 -1% 2% 0;
}


.feature li{

	width:22%;
	color:#fff;
	font-size:75%;
	line-height:110%;	
	background:#2285d1;
	padding:1%;
	margin:0 1% 1% 0;
	float:left;
	height:22px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	
	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	
}



.feature li{
  
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;

  -webkit-box-pack:center;
  -moz-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;

  -webkit-box-align:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  
  	border-radius: 5px;
   	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;

}


	
	
.item table.detail th{
	width:20%;
}

.item table.detail td{
	word-wrap:break-word;
}



@media all and (max-width:1024px){
	.item .right{
		width:100%;
		float:none;
	}
	.item .left{
		width:100%;
		float:none;
	}
	


	.item .left div.thumb{
		 width:100%;
		 text-align:center;
	}
	
	.item .left div.thumb img{
		width:60%;
 		top: 0;
  		right: 0;
  		bottom: 0;
  		left: 0;
  		margin: auto;
	}
	

	.left h4{
		text-align:center;
	}
		
	
}
			
			
			
			
@media all and (max-width:736px){
				
				
.item table.detail th{
	width:100%;
}



	.item .left div.thumb img{
		width:100%;
 		top: 0;
  		right: 0;
  		bottom: 0;
  		left: 0;
  		margin: auto;
	}
	
	

	.item .left{
		width:100%;
	}
	
	.feature li{
		width:30%;
	}
		


}

@media all and (max-width:667px){
	.item .title{
		font-size:100%;
	}
	
	.feature li{
	
	font-size:70%;
	font-weight:bold;
	}

	
}

@media all and (max-width:568px){
	.item .title{
		font-size:90%;
	}
	
	.catch,
	.slist .catch{
		font-size:125%;
	}

	.item .left{
		width:100%;
	}
}

@media all and (max-width:480px){
	.item .title{
		font-size:90%;
		padding:1.5%;
	}

	.item .left{
		width:100%;
		float:none;
	}
	
	.item .right{
		width:100%;
		float:none;
	}
}

@media all and (max-width:320px){
	.item .title{
		font-size:90%;
		padding:1.5%;
	}

	.item .left{
		width:100%;
		float:none;
	}
	
	.item .right{
		width:100%;
		float:none;
	}
}





			
			
			
.list_search{
	width:100%;
	border:0px solid #2285d1;
	margin:0 0 15px 0;
			}
			
.list_search td{
				text-align:center;
				width:50%;
				padding:0.5%;
		}
  
			
			
.list_search p{
    margin-block-start: 0;
    margin-block-end: 0;
			}
			
	.list_search p.btn_info a,
	.list_search p.btn_mail a,
	.list_search p.btn_tel a,
	.list_search p.btn_entry a,
	.list_search p.btn_url a{
       
       		width:100%;
			margin:0 0 0 -5px;
       }
       


 
 
  @media all and (max-width:480px){
  
  	.list_search p.btn_mail a,
  	.list_search p.btn_tel a,
  	.list_search p.btn_entry a,
	.list_search p.btn_url a,
	.list_search p.btn_info a{
  
  		width:99%;
		margin:2px 0 0 0;
					clear: both;
					overflow: hidden;
  	}
				
				
				
		.list_search td{
				width:99%;
		}		
				
				
				
				
				
				
				
  
  }
  
  


/* photo
------------------------*/
.photo{
	padding:2%;
	padding:0;
	margin:3% 0 0 0;
	margin:0;
	background:#fff;
	//border:1px solid #d4d4d4;
	text-align: center;
}

.photo ul{
	margin:0 -1% -2% 0;	
}

.photo li{
	//width:40%;
	margin:0 1% 2% 0;
	display:inline-block;
	vertical-align:top;
}

.photo li p{
	font-size:87.5%;
	line-height:160%;
	margin:3% 0 0 0;
}



@media all and (max-width:1024px){
	.photo li{
		width:31.9%;
	}
}

@media all and (max-width:768px){
	.photo li{
		width:31.8%;
	}
}

@media all and (max-width:736px){
	.photo li{
		width:31.7%;
	}
	
	.photo li p{
		font-size:75%;
	}
}

@media all and (max-width:568px){
	.photo ul{
		margin:0;
	}
	
	.photo li{
		width:100%;
		display:block;
		margin:0 0 3% 5%;
	}
}





@media all and (max-width:480px){
	.photo ul{
		margin:0;
	}
	
	.photo li{
		width:100%;
		display:block;
		margin:0 0 3% 5%;
	}

}



@media all and (max-width:320px){
	.photo ul{
		margin:0;
	}
	
	.photo li{
		width:100%;
		display:block;
		margin:0 0 3% 0;
	}
	
	.photo li:last-child{
		margin:0;
	}
}





#photo3{
padding:4% 0 4% 0;
}


#photo3 table {
width: 100%; 
border:none; 
//padding: 10px;
}


#photo3 td{
width: 33%;
text-align:center;
padding:1%;
vertical-align:top;
}

#photo3 td img{
width:100%;
}

#photo3 td p{
color:#999;
font-size:100%;
margin:3% 0 3% 0;
}





@media all and (max-width:736px){

#photo3 tr {
    display: block;
}

#photo3 td {
	width: 100%;
    border-bottom: none;
    display: block;
    text-align:center;
    padding:0%;
}

#photo3 td img{

	display:block;
	max-width:99%;
	border:0;
	vertical-align:bottom;
	margin:0 auto;
	text-align:center;
}



#photo3 td p{
color:#999;
font-size:100%;
margin:3% 0 3% 0;
}




}










/*------------*//

 
  
  #photo4 img{
display:block;
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
}

#photo4 img{
margin:0 auto;
}

#photo4{
//font-size:0;
padding:1px;
}

#photo4 h3{
  font-size:85%;
  line-height:115%;
  color:#2285d1;
  
  margin:4% 0 0 0;
}

#photo4 .listcard{
width:100%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
padding:2px;
}


#photo4 .listcardmeta{
padding:0;
box-sizing:border-box;
}

#photo4 .listcardmeta p{
color:#999;
font-size:80%;
line-height:120%;
margin:2% 0 3% 0;
}

  
#photo4 h3{
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
font-weight:normal;
}
  
  #photo4 p{
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}


#photo4 p.catch{
width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
				color:#2285d1;
				margin-bottom:0.35em;
}



@media all and (max-width:1024px){
	#photo4 p,
	#photo4 h3{
	width: 205px;
	font-size:80%;
	}
}









/* info
------------------------*/
.info{
	border:0px solid #dadada;
	//background:#f8f8f8;
	margin:3% 0 0 0;
}

.info h3{
	color:#2285d1;
	font-size:140%;
	font-weight:normal;
	padding:1.5%;
	background:#fff;
	border-bottom:1px solid #2285d1;
}

.info h4{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:6px 10px;
	margin:2% 0 0 0;
	background:#2285d1;
				border-radius: 12px 12px 0 0;
				line-height:1.5em;
}

.info h4:first-child{
	margin-top:0;
}


.info .box{

	margin:0;
}




@media all and (max-width:568px){
			
	.info h3{
		font-size:100%;
	}
}

@media all and (max-width:320px){
	.info h3{
		font-size:87.5%;
		padding:2%;
	}
	
	.info h4{
		font-size:87.5%;
	}
}


 /* item_youtube
------------------------*/
.item_youtube{
	border:0px solid #dadada;
	//background:#f8f8f8;
	margin:1% 0 -1% 0;
	page-break-inside: avoid;
}



.item_youtube h4{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1%;
	margin:2% 0 2% 0;
	background:#2285d1;
}

.item_youtube h4:first-child{
	margin-top:0;
}



.youtube iframe{
	width:50%;
	float:left;
}
   
  

.item_youtube .you_coment{
	width:42%;
	float:right;
	margin: 0 2% 0 0;	
}




.item_youtube .you_coment ul, ol {
 background: #fffde8;
  //box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: solid 1px #ffb03f;
  border-radius: 9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;  
  margin: 0.5em -0.5em 0.5em -2em;
}


.item_youtube .you_coment ul li, ol li {
	color: #2d8fdd;
	font-weight:bold;
	font-size:135%;
	line-height:1.5em;
	//padding: 0.25em 0; /*前後の文との余白*/
}


   

@media all and (max-width:1024px){
	.item_youtube .you_coment{
		width:100%;
		margin: 0;
	}
	
	.item_youtube .you_coment ul, ol {
  		margin:0;
		  padding:0.5em 2em;
		  box-shadow:none;
		  margin-left:0;
  		margin-right:0;
	}
	

   
  .item_youtube .youtube{
	width:100%;
 	height=auto;
	float:left;
	margin:2% 0 0 0;
}
   
   
   .youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
   
   
  	
}


@media all and (max-width:768px){
	
   .youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

	
	.item_youtube .you_coment{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}



@media all and (max-width:667px){
	.item_youtube .you_coment{
		width:100%;
	}
}




@media all and (max-width:568px){
	
   .youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
   
   
   .item_youtube .you_coment{
		width:100%;
	}

}

@media all and (max-width:480px){
   
   .youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.youtube iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

	
	.item_youtube .you_coment{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}

@media all and (max-width:320px){
	
	.item_youtube h4{
		font-size:87.5%;
		padding:2%;
	}
      

}



/* access
------------------------*/
.access{
	border:0px solid #dadada;
	//background:#f8f8f8;
	margin:2% 0 0 0;
	page-break-inside: avoid;
}

.access .box{margin:0;}


.access h4{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:6px 10px;
	margin:2% 0 1% 0;
			background:#2285d1;
			border-radius: 12px 12px 0 0;
			line-height:1.5em;
}

.access h4:first-child{
	margin-top:0;
}


.access h3{
	color:#202020;
	font-size:112.5%;
	font-weight:normal;
	padding:1%;
	//background:#fff;
	border-bottom:3px solid #2285d1;
			margin:0 0 1.5% 0;
			
}

.access .map{
	width:50%;
	float:left;
}

.access .address{
	width:48%;
	float:right;
}


.access .address li{
	font-size:95%;
	line-height:150%;
	padding:0 0 2% 0;
	margin:0 0 2% 0;
	border-bottom:1px dotted #bbb;
}

.access .address li span{
	font-weight:bold;
	display:block;
	margin-top:1%;
	color:#2285d1;
}

#map_canvas,#map_canvas2{
		//width:300px !important;
		//height:300px !important;
			width:100% !important;
			border-radius: 12px;
	}



@media all and (max-width:1024px){
	.access .address{
		width:48%;
	}
	
	#map_canvas,#map_canvas2{
		//width:300px !important;
		height:300px !important;
		width:100% !important;
	}
}


@media all and (max-width:768px){
	#map_canvas,#map_canvas2{
		//width:300px !important;
		height:300px !important;
		width:100% !important;
	}
	
	.access .map{
		width:100%;
	}
	
	.access .address{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}



@media all and (max-width:667px){
	.access .address{
		width:100%;
	}
}



@media all and (max-width:568px){
			
	.access h3{
		font-size:100%;
	}
	
	#map_canvas,#map_canvas2{
		//width:250px !important;
		height:250px !important;
		width:100% !important;
	}
	
	.access .map{
		width:100%;
	}
}

@media all and (max-width:480px){
	.access .map{
		width:100%;
		float:none;
	}
	
	#map_canvas,#map_canvas2{
		//width:300px !important;
		height:250px !important;
		width:100% !important;
	}
	
	.access .address{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}

@media all and (max-width:320px){
	.access h3{
		font-size:87.5%;
		padding:2%;
	}
	
	.access h4{
		font-size:87.5%;
	}
	
	#map_canvas,#map_canvas2{
		//width:285px !important;
		height:250px !important;
		width:100% !important;
	}

}




/* company info
------------------------*/
.com_info .tel{font-size:112.5%;}

.com_info{
	border:0px solid #dadada;
	margin:2% 0 0 0;
}


.com_info h3{
	color:#202020;
	font-size:112.5%;
	font-weight:normal;
	padding:1%;
	border-bottom:3px solid #2285d1;
	margin:0 0 1.5% 0;
}

.com_info h4{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:6px 10px;
	margin:2% 0 0 0;
	background:#2285d1;
	border-radius: 12px 12px 0 0;
	line-height:1.5em;
}

.com_info h4:first-child{
	margin-top:0;
}

.com_photo{
	width:280px;
	float:left;
}

.com_info .detail{
	width:100%;
	float:left;
}

@media all and (max-width:1024px){
	.com_info .detail{
		width:100%;
	}
}

@media all and (max-width:768px){
	.com_photo{
		width:240px;
	}
	
	.com_info .detail{
		width:100%;
	}
}

@media all and (max-width:667px){
	.com_photo{
		width:200px;
	}
	
	.com_info .detail{
		width:100%;
	}
}

@media all and (max-width:568px){
			
			
	.com_info h3{
		font-size:100%;
	}
	
	.com_photo{
		width:120px;
	}
	
	.com_info .detail{
		width:100%;
	}
}

@media all and (max-width:480px){
	.com_info h3{
		font-size:87.5%;
		padding:2%;
	}
	
	.com_photo{
		width:100%;
		float:none;
	}
	
	.com_info .detail{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}

@media all and (max-width:320px){
	.com_info h3{
		font-size:87.5%;
		padding:2%;
	}
	
	.com_info h4{
		font-size:87.5%;
	}
	
	.com_photo{
		width:100%;
		float:none;
	}
	
	.com_info .detail{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}

}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents form
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* submit
------------------------*/
.sbmt_box{
	text-align:center;
	margin:3% 0 0 0;
}

.sbmt_box .sbmt{
	display:inline;
}

.sbmt_box .btn{
	margin:0;
}

.sbmt{
	text-align:center;
	margin:3% 0 0 0;
}




.sbmt input[type="submit"],
.sbmt input[type="button"]{
	width:40%;
	color:#fff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	font-weight:normal;
	display:inline-block;
	padding:1%;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border:0px solid #202020;
	background:linear-gradient(#f90, #f90);
	cursor:pointer;
}


.sbmt .sbmt_back input[type="submit"],
.sbmt .sbmt_back input[type="button"]{
		background:#ff9900;
}



.sbmt .sbmt_home a{
	width:40%;
	color:#fff;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	font-weight:normal;
	display:inline-block;
	padding:1.5%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid #202020;
	background:#ff9900;
	background:linear-gradient(#ff9900, #ff9900);
	cursor:pointer;
}



@media all and (max-width:480px){
	.sbmt input[type="submit"],
	.sbmt input[type="button"],
	.sbmt .sbmt_home a{
		font-size:80%;
		padding:2%;
	}
		
	
	.sbmt{
		margin:3% 0;
	}
}

/* form
------------------------*/
.form{
	margin:3% 0 0 0;
}

.form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.form caption{
	font-size:100%;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 1%;
	margin:0 0 2% 0;
	border-left:5px solid #2285d1;
}

.form table tr:nth-of-type(odd){
	background:#fff;
}

.form table td,
.form table th{
	padding:2%;
	border:1px solid #d4d4d4;
	//vertical-align:top;
}

.form table th{
	width:25%;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	line-height:170%;
}

.form table th span{

	font-size:80%;
	color:#ff9900;
	margin:0 0 0 3px;
}


.form table td{
	font-size:110%;
	line-height:160%;
}

.form td input{
	font-size:110%;
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

.nec{
	color:#ff0000;
	margin:0 1%;
}


.form select{
	margin:-3px 10px 3px 0;
	font-size:105%;
}


.form select {
 	position: relative;
	//width: 50%;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	border-radius:5px;
	-moz-border-radius:5px;
   	-webkit-border-radius:5px;
}



select#select{
 	position: relative;
	 font-size:85%;

	padding: 6px 9px 4px 9px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	//border: 1px solid #2285d1;
	border: 0px solid #999;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);

	background: linear-gradient(to bottom, #2285d1 0%,#2285d1 100%);
	color:#fff;
	border-radius:15px;
	-moz-border-radius:15px;
   	-webkit-border-radius:15px;
}



.form textarea{
	width:98%;
	font-size:110%;
border:1px solid #d4d4d4;
}

.form td label{
	margin:3px 0;
	color:#878787;
}

.form td.row2 label{
	width:50%;
	float:left;
}

.form td.row4 label{
	width:25%;
	float:left;
}

@media all and (max-width:480px){

.form table{
		display:block;
		background:none;
		width: 100%;
	}
	
.form td input{
	width: 95%;
	font-size:140%;
	margin:0 0 8px 0;
	padding:3px;
	line-height:150%;
}
	
	
	.form table caption{
		display:block;
	}
	
	.form table tr:nth-of-type(odd){
		background:none;
	}
	
	.form table tbody{
		display:block;
	}
	
	.form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.form table tbody th,
	.form table tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.form table tbody th{
		width:auto;
		padding:1% 2%;
		//margin-bottom:2%;
		//background:#f8f8f8;
	}
	
	.form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
	
	.form td.row2 label{
		width:100%;
	}
	
	.form .passr td #mail{
		width:95%;
	}
	
	
	.form input[type="radio"]{
		width:7%;
		line-height:110%;
	}
	
	.form input[type="checkbox"]{
		width:7%;
		line-height:170%;
		margin:0 0 2% 0;
	}
	
	
	.work_job label{
		font-size:130%;
		line-height:135%;
		margin:0 5% 0 0;
		padding:4%;
	}



	
}






/* module check form
------------------------*/
.check_form{
	margin:3% 0 0 0;
}

.check_form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.check_form caption{
	font-size:100%;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 1%;
	margin:0 0 2% 0;
	border-left:5px solid #2285d1;

}

.check_form table tr:nth-of-type(odd){
	background:#fff;
}

.check_form table td,
.check_form table th{
	padding:2%;
	border:1px solid #d4d4d4;
	vertical-align:top;
}

.check_form table th{
	width:30%;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

.check_form table td{
	font-size:110%;
}

@media all and (max-width:480px){
	.check_form table{
		display:block;
		background:none;
	}
	
	.check_form table caption{
		display:block;
	}
	
	.check_form table tr:nth-of-type(odd){
		background:none;
	}

	
	.check_form table tbody{
		display:block;
	}
	
	.check_form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.check_form table tbody th,
	.check_form table tbody td{
		font-size:95%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.check_form table tbody th{
		width:auto;
		padding:1% 2%;
		margin-bottom:3%;
		background:#f8f8f8;
	}
	
	.check_form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}

/* error
------------------------*/
.error{
	margin:3% auto;
}
	
.error .msg{
	font-size:100%;
	font-weight:bold;
	color:#ff0000;
	padding:0 0 0 19px;
	background:url(img/icon_alert.png) no-repeat 0 50%;
	background-size:contain;
}

.error ul{
	margin:1% 0 0 3%;
}
	
.error li{
	font-size:85%;
	color:#ff0000;
	line-height:120%;
	list-style:disc;
}



@media all and (max-width:480px){
	.error .msg{
		font-size:75%;
	}
	
	.error ul{
		margin-left:8%;
	}

	.error li{
		font-size:75%;
	}
}

/* message
------------------------*/
.comp dl{
	padding:3%;
	background:#f8f8f8;
}

.comp dt{
	font-size:87.5%;
	text-align:center;
	line-height:160%;
	margin:0 0 3% 0;
}


.comp h3{
	color:#2285d1;
	line-height:130%;
}


.comp dd{
	text-align:center;
}

.comp dd p a{
	font-size:75%;
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow1.png) no-repeat 0 50%;
	background-size:14px 14px;
}

@media all and (max-width:480px){
	.comp dt,
	.comp dd p a{
		font-size:75%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents entry
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.entry{
	border:0px solid #dadada;
			background:#f8f8f8;
			background:#fff;
}

.entry h2{
	//color:#202020;
	font-size:140%;
			//padding:1.5%;
	font-weight:normal;
	padding:5px 0;
	background:#fff;
	border-bottom:1px solid #2285d1;
}

.entry .ex{
	font-size:100%;
}

.entry table.detail{
	margin:0 0 5% 0;
	
}

.entry .detail td{
	text-align:center;
}



@media all and (max-width:568px){
	.entry h2{
		font-size:100%;
	}
}

@media all and (max-width:480px){
	.entry h2{
		font-size:87.5%;
		padding:2%;
	}
	
	.entry table.detail{
		border:1px solid #ccc;
	}
	
	.entry table.detail tbody{
		padding:3%;
	}
	

}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.about{
	border:1px solid #dadada;
	background:#f8f8f8;
}

.about h2{
	color:#202020;
	font-size:112.5%;
	padding:1.5%;
	background:#fff;
	border-bottom:3px solid #ff9900;
}

.about h3{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1%;
	margin:0 0 2% 0;
	background:#202020;
}

.about .ex{
	font-size:100%;
}

@media all and (max-width:375px){
	.about h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}

	.about h3{
		font-size:87.5%;
		padding:2%;
	}
}

/* flow
------------------------*/
.flow{}

.flow ul{}

.flow li{
	//padding:5% 0 1% 0;
	//margin:0 0 10% 0;
}

.flow li:last-child{
	margin-bottom:0;
}

.flow li.f_01{
	//background:url(img/sample_bg.jpg) no-repeat right 0;
	//background-size:contain;
}

.flow li.f_02{
	//background:url(../client/client1.png) no-repeat 0 0;
	//background-size:contain;
	
}


.flow li.f_03{
	text-align:center;
	margin:0 0 0 15%;
	width:90%;
	height:90%;
}

.flow li h4{
	color:#2285d1;
	width:100%;
	font-size:120%;
	font-weight:normal;
	line-height:160%;
	padding:1% 0;
	border-top:1px solid #2285d1;
	border-bottom:1px solid #2285d1;
	margin-top:3%;
}

.flow li:nth-child(2n) h4,
.flow li:nth-child(2n) p{
	margin-left:100%;
}

.flow li p{
	width:100%;
	font-size:87.5%;
	line-height:160%;
	margin:3% 0 0 0;
}

@media all and (max-width:1024px){
	.flow li.f_01,
	.flow li.f_02{
		background-size:90% auto;
	}

	.flow li h4{
		width:100%;
		font-size:100%;
	}
	
	.flow li:nth-child(2n) h4,
	.flow li:nth-child(2n) p{
		margin-left:55%;
	}
	
	.flow li p{
		//width:45%;
		width:100%;
	}
	
	
	.flow li.f_03{
		
		margin:0;
		width:100%;
		height:100%;
	}
}

@media all and (max-width:480px){
	.flow li{
		padding:0 0 10% 0;
		margin:5% 0 5% 0;
	}
	
	.flow li.f_01,
	.flow li.f_02{
		padding:0 0 0 0;
		background-position:center bottom;
		background-size:80% auto;
	}
	
	.flow li h4{
		width:100%;
		font-size:87.5%;
	}
	
	.flow li:nth-child(2n) h4,
	.flow li:nth-child(2n) p{
		margin-left:0;
	}
	
	.flow li p{
		width:100%;
		font-size:75%;
	}
	
	.flow li.f_03{
		width:100%;
		height:100%;
		margin:0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents client
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.client{
	border:1px solid #dadada;
	background:#f8f8f8;
}

.client h2{
	color:#202020;
	font-size:112.5%;
	padding:1.5%;
	background:#fff;
	border-bottom:3px solid #2285d1;
}

.client h3{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:1%;
	margin:0 0 3% 0;
	background:#2285d1;
}


.client h4{line-height:140%;}

.client .ex{
	font-size:100%;
}





@media all and (max-width:375px){
	.client h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}

	.client h3{
		font-size:87.5%;
		padding:2%;
	}
}

/* price
------------------------*/
.price{
	margin:5% 0 0 0;
}


.price table td{
	text-align:left;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents company
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.company{
	border:1px solid #dadada;
	background:#f8f8f8;
}

.company h2{
	color:#202020;
	font-size:112.5%;
	padding:1.5%;
	background:#fff;
	border-bottom:3px solid #2285d1;
}

.company table.common th{
	width:30%;
	font-size:112.5%;
}

.company table.common td{
	text-align:left;
	font-size:100%;
}

@media all and (max-width:480px){
	.company table.common th{
		width:auto;
	}

}

@media all and (max-width:375px){
	.company h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents faq
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.faq{
	border:0px solid #dadada;
	background:#f8f8f8;
}

.faq h2{
	color:#2285d1;
	font-size:140%;
	padding:1.5%;
	background:#fff;
			border-bottom:1px solid #2285d1;
			font-weight:normal;
}

.faq li{
	padding:10px;
	margin:0 0 10px 0;
	border-bottom:1px dotted #e0e0e0;
}

.faq li h3{
	font-size:87.5%;
	line-height:150%;
	color:#2285d1;
	padding:0 0 0 30px;
	background:url(img/icon_q.png) no-repeat 0 0;
	background-size:20px 20px;
}

.faq li h3:hover{
	//cursor:pointer;
	//text-decoration:underline;
}

.faq li p{
	font-size:90%;
	line-height:160%;
	padding:10px 0 0 2.0em;
			margin:10px 0;
			color:#f90;
}

@media all and (max-width:375px){
	.faq h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents policy
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.policy{
	border:0px solid #dadada;
	//background:#fff;
}

.policy h2{
	color:#2285d1;
	font-size:140%;
			padding:1.5%;
			font-weight:400;
	background:#fff;
			border-bottom:1px solid #2285d1;
			margin-bottom:10px;
}

.policy dl{}

.policy dt{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
	margin:0 0 0.5% 0;
}

.policy dd{
	font-size:75%;
	line-height:160%;
	padding:0 0 1% 0;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

.policy dd ol{
	margin:1% 0 0 0;
}

.policy dd li{
	list-style:decimal;
	margin:1% 0 1% 3%;
}

@media all and (max-width:480px){
	.policy dd li{
		margin-left:5%;
	}
}

@media all and (max-width:375px){
	.policy h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news{
	//border:1px solid #dadada;
	//background:#f8f8f8;
}

.news h2{
	//color:#202020;
			font-size:140%;
			font-weight: 400;
	line-height:120%;
	padding:1.5%;
	background:#fff;
	border-bottom:1px solid #2285d1;
}

/* module news list
------------------------*/
dl.news_list{
	position:relative;
	zoom:1;
}

dl.news_list dt,
dl.news_list dd{
	font-size:85%;
	line-height:150%;
	vertical-align:top;
}

dl.news_list dt{
	width:14%;
	color:#2285d1;
	font-weight:bold;
	position:absolute;
}

dl.news_list dd{
	padding:0 0 1% 12%;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

.news dl.news_list dd:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

dl.news_list dd a{
	color:#333;
	text-decoration:underline;
}





@media all and (max-width:1024px){	
dl.news_list{
font-size:80%;
}
	dl.news_list dt{
		width:12%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 12%;
	}

}


@media all and (max-width:830px){
	dl.news_list dt{
		width:12%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 15%;
	}

}

@media all and (max-width:480px){
dl.news_list{
font-size:75%;
}
	dl.news_list dt{
		width:20%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 25%;
	}
}


@media all and (max-width:320px){
dl.news_list{
font-size:75%;
}
	dl.news_list dt{
		width:20%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 27%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sitemap
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

		#contents .update{
			color:#444;
font-size:85%;
text-align:right;
margin:0 0.5% 0.5% 0;
}



.sitemap{
	border:1px solid #dadada;
	background:#2285d1;
}

.sitemap h2{
	color:#202020;
	font-size:112.5%;
	padding:1.5%;
	background:#fff;
	border-bottom:3px solid #2285d1;
}

.sitemap .box{
			padding:3% 3% 0.5% 3%;
			
}

.sitemap h3{
	font-size:100%;
	color:#202020;
	font-weight:normal;
	padding:0 0 0 1%;
	margin:0 0 2% 0;
	border-left:5px solid #2285d1;
	clear:both;
}

.sitemap ul{
	margin:1% -1% 3% 0;
}

.sitemap li{
	width:32%;
	margin:0 1% 1% 0;
	border:1px solid #d4d4d4;
	float:left;
}

.sitemap li a{
	font-size:75%;
	color:#333;
	text-decoration:none;
	padding:4%;
	display:block;
	background:url(img/icon_arrow2.png) no-repeat 98% 50%;
	background-size:12px 22px;
}

.sitemap li a:hover{
	background-color:#f8f8f8;
}

@media all and (max-width:768px){

	.sitemap h3{
		margin:3% 0 0 0;
	}
	
	.sitemap ul{
		margin-top:2%;
	}
	
	.sitemap li{
		width:48.2%;
	}
	
	.sitemap li a{
		font-size:75%;
		padding:5%;
	}
}

@media all and (max-width:375px){

#contents .update{
font-size:70%;
text-align:right;
margin-bottom:0.5%;
}

	.sitemap h2{
		color:#202020;
		font-size:100%;
		padding:2%;
	}
	
	.sitemap h3{font-size:87.5%;}
}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 右サイドバーを消す
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


@media screen and (max-width: 800px){
	iframe#random{display:none;}
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#sub{}

#sub .login{
	//display:none;
	}
		
#sub .login h3{
	font-size:100%;
	margin:0 0 1% 0;
	}

#sub iframe{background:#fff;}



.yellwork img.sp{display:none;}



@media screen and (max-width: 800px) and (max-height: 600px) {
	#sub{display:none;}
	#f_comp{display:none;}
		
	#sub.index{display:block;}
		
	.index .login{display:none;}
	.index .bana_search{display:none;}
		
}

@media all and (max-width:480px){
	#sub{display:none;}	
	#f_comp{display:none;}
	
	#sub.index{display:block;}
	
	.index .login{display:none;}
	.index .bana_search{display:none;}
}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents bana
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.bana_search{
	margin:0 0 5% 0;
	margin-left: auto;
	margin-right: auto;
}



@media only screen and (max-width: 767px){
	.yellwork{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin:4% auto;
	}
	
	.yellwork img.pc{display:none;}
	.yellwork img.sp{display:block;width: 100%;}
	
	.bana_search{width:80%;}	
	.s_navi_top{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		}
		
	.s_navi_top .clearfix .s_04{
				font-size:120%;
			}
			
	#sub .login h3{margin:0 0 1% 10%;}
	
}

/* pc　768px以上 */
@media only screen and (min-width: 768px), print {
	.yellwork{
		width: 100%;
		margin:0 0 10px 0;
	}
	
	.bana_search{width:100%;}
}


@media screen and (max-width: 800px) and (max-height: 600px) {
	.yellwork{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin:4% auto;
	}
	
	.s_navi_top{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		}
	
	.s_navi_top .clearfix .s_04{font-size:120%;}
	.bana_search{width:80%;}
}







/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.s_navi{
	background:#2285d1;
}


.s_navi h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	padding:4.5%;
	//line-height:140%;
	border-bottom:0px solid red;
	//background-size:50px 16px;
}


.s_navi h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}


.s_navi_top{
	background:#fff;
}



.s_navi_top li{
	width:100%;
	font-size:100%;
	margin:0 0 5% 0;
	//border:2px solid #e0e0e0;
	border-radius:2px;
	background:#fff;
}


.s_navi_top ul.clearfix li{
	border:1px solid #e0e0e0;
}


.s_navi_top li:hover{
	border:1px solid #bbb;
}

.s_navi_top li a{
	color:#202020;
	display:block;
	text-decoration:none;
	padding:7% 0 7% 24%;
	background-repeat:no-repeat;
	background-position:4% 50%;
	background-size:40px 40px;
		}
		

.s_navi_top li.s_01 a{
	background-image:url(img/s_01.png);
}

.s_navi_top li.s_02 a{
	background-image:url(img/s_02.png);
}

.s_navi_top li.s_03 a{
	background-image:url(img/s_03.png);
}

.s_navi_top li.s_04 a{
	background-image:url(img/s_04.png);
}


.s_fb-like{
	width:100%;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:-2px;
	padding:7% 0;

}



.s_fb-like .fb-like{
	margin-left:10%;
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	box-sizing:border-box;
}



@media all and (max-width:1024px){
	.s_fb-like .fb-like{
		margin-left:5%;
		
		box-sizing:border-box;
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		width: auto !important;
		display: inline-block !important;
		
	}
}





@media screen and (max-width: 800px) and (max-height: 600px) {

	.s_fb-like .fb-like{
		margin-left:40%;
		box-sizing:border-box;
		transform:scale(3);
		-webkit-transform:scale(3);
		-moz-transform:scale(3);
		width: auto !important;
		display: inline-block !important;
	}
	
	.s_fb-like{
		margin-left: auto;
		margin-right: auto;
		width:80%;
		}


}



@media all and (max-width:768px){
	.s_navi{margin:4% 0;}

	.s_navi ul{margin:0 -1% 0 0;}
	
	.s_navi li{
		width:100%;
		margin:0 1% 0 0;
		float:left;
		}
		
	.s_fb-like{
		margin-left: auto;
		margin-right: auto;
		width:80%;
		}
	
	.s_fb-like .fb-like{
		margin-left:22%;
		box-sizing:border-box;
		transform:scale(1.8);
		-webkit-transform:scale(1.8);
		-moz-transform:scale(1.8);
		width: auto !important;
		display: inline-block !important;
	}
	


	
}

@media all and (max-width:568px){
	.s_navi li{
		width:100%;
		font-size:75%;
	}
	
	.s_navi li a{
		padding:10% 0 10% 28%;
		background-position:3% 50%;
		background-size:40px 40px;
	}
	
	
}

@media all and (max-width:480px){
	.s_navi{
		margin:4% 0 2% 0;
	}
	
	.s_navi ul{
		margin:0 0 0 14%;
	}
	
	.s_navi li{
		width:100%;
		font-size:87.5%;
		margin:0 2% 2% 0;
	}
	
	.s_navi li a{
		padding:10% 0 10% 26%;
		background-position:5% 50%;
		background-size:40px 40px;
	}
	
	
	.s_fb-like{
		width:100%;
		background:#fff;
		border:none;
		padding:7% 0;
		}
	
	
	.s_fb-like .fb-like{
		margin-left:20%;
		
		box-sizing:border-box;
		transform:scale(1.6);
		-webkit-transform:scale(1.6);
		-moz-transform:scale(1.6);
		width: auto !important;
		display: inline-block !important;
		
	}
			
			
			
			
			
	

}

@media all and (max-width:375px){

	.s_navi ul{
		margin:0 0 0 13%;
	}
	
	.s_navi li{
		width:100%;
		font-size:68.75%;
	}
		
	.s_navi li a{
		padding-left:30%;
	}

}


@media all and (max-width:320px){
	.s_navi ul{
		margin:0 0 0 9%;
	}
	
	.s_navi li{
		width:100%;
		font-size:100%;
	}
	
	.s_navi li a{
		padding:5% 0 5% 20%;
		background-position:3% 50%;
		background-size:40px 40px;
	}
	
}






/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents top news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news_frame{
	width:100%;
	height:270px;
	background:#fff;
}

.top_news{
	overflow:hidden;
	margin:3% 0 0 0;
	background:#fff;
	border:1px solid #dadada;
}

.top_news h2{
	font-size:100%;
	font-weight:normal;
	min-height:18px;
	padding:5% 5% 3% 15%;
	background:#f8f8f8 url(img/icon_news.png) no-repeat 5% 50%;
	background-size:18px 18px;
	border-bottom:1px solid #dadada;
	position:relative;
}

.top_news .r_lnk{
	font-size:75%;
	margin:12% 3% 3% 3%;
	z-index:100;
}

@media all and (max-width:768px){
	.news_frame{
		height:390px;
	}
	
	.top_news h2{
		font-size:100%;
		font-weight:normal;
		min-height:18px;
		padding:2% 2% 1% 7%;
		background-position:2% 50%;
	}
}

@media all and (max-width:480px){
	.top_news h2{
		padding-left:8%;
	}
}

@media all and (max-width:375px){
	.news_frame{
		height:320px;
	}
}

@media all and (max-width:320px){
	.news_frame{
		height:300px;
	}

	.top_news h2{
		padding-left:9%;
	}
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

top login　form
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.top_login_form{
	margin:3% 0 0 0;
}

.top_login_form section{
	width:48%;
	border:0px solid #dadada;
	background:#ffffff;
}


.top_login_form section h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	background:#2285d1 no-repeat 1% 50%;
	background-size:18px 18px;
}

.top_login_form section h2 span{
	color:#adadad;
	font-size:80%;
	margin:0 0 0 1%;
	vertical-align:top;
	/vertical-align:auto; /*IE7*/
}



.index .top_login_form section .box{
	padding:3%;
	margin:1.5%;
	background:#fff;
}

.login_form{
	float:left;
}

.account{
	float:right;
}

@media all and (max-width:480px){
	.top_login_form section{
		width:100%;
	}
	
.body .ex{
	font-size:100%;
}

.passr .ex{
	font-size:75%;
}


.passr .sbmt{
	font-size:90%;
	padding:2%;
	}
		
	
.passr.sbmt{
	margin:3% 0;
	}


	.login_form{
		float:inherit;
		margin:0 0 -4% 0;
	}
	
	.account{
		float:inherit;
	}
}

@media all and (max-width:375px){

	.login_form{
		float:inherit;
		margin:0 0 -4% 0;
	}
	
	
}

@media all and (max-width:320px){
	.top_login_form section h2{
		font-size:87.5%
	}
	.login_form{
		float:inherit;
		margin:0 0 -4% 0;
	}
}





/*---- list -----*/

.top_login_form ul{}

.top_login_form li a{
	text-decoration:none;
}

.top_login_form li a:hover{
	text-decoration:underline;
}

.top_login_form li{
	padding:0 0 2% 0;
	margin:0 0 4% 0;
	background:#fff;
}

.top_login_form li:last-child{
	margin:0;
}

.top_login_form li h3{
	font-size:87.5%;
	min-height:14px;
	padding:0 0 0 5%;
	margin:0 0 2% 0;
	//background:url(img/icon_arrow1.png) no-repeat 0 50%;
	background-size:14px 14px;
}

.top_login_form li p{
	width:90%;
	color:#666;
	font-size:80%;
	line-height:120%;
	margin:0 0 0 5%;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	
}

@media all and (max-width:375px){
	.top_login_form li h3{
		font-size:75%;
		padding-left:6%;
	}
}


/*------------------------------------*/
.top_calendar{
	overflow:hidden;
	margin:5% 0 0 0;
	background:#fff;
	border:1px solid #dadada;
	padding:5% 25% 5% 15%;
}

.top_calendar h2{
	//font-size:80%;
	font-weight:normal;
	min-height:18px;
	padding:5% 5% 3% 15%;
	background:#f8f8f8 url(img/icon_news.png) no-repeat 5% 50%;
	background-size:18px 18px;
	border-bottom:1px solid #dadada;
	position:relative;
}

.top_calendar .r_lnk{
	//font-size:75%;
	margin:3%;
}


.top_calendar .calendar{
margin:0 -10% 0 -2%;
border:solid 0px #ccc;
background-color:#FFF;
border-radius:8px;
text-align: center;

}

.top_calendar .calendar .stext{
font-size:10px;
line-height:26px;
margin:0 0 0 -6%;

}

@media all and (max-width:768px){

.top_calendar{display:none;}

	.calendar_frame{
		height:390px;
	}
	
	.top_calendar h2{
		font-size:80%;
		font-weight:normal;
		min-height:18px;
		padding:2% 2% 1% 7%;
		background-position:2% 50%;
	}
}

@media all and (max-width:480px){

.top_calendar{display:none;}
	.top_calendar h2{
		padding-left:8%;
	}
}

@media all and (max-width:375px){

.top_calendar{display:none;}
	.calendar_frame{
		height:320px;
	}
}

@media all and (max-width:320px){

.top_calendar{display:none;}
	.calendar_frame{
		height:300px;
	}

	.top_calendar h2{
		padding-left:9%;
	}
}








/* login_form
------------------------*/



.login_form h3{

line-height:120%;
margin:0 0 2% 0;
}


.login_form th{

text-align:left;
line-height:120%;

padding:2% 0;

}


.login_form td{

padding:0 1% 0 0;

}

.login_form td input{

//font-size:120%;
				width:99%;
				
				width:100%;

}


.login_form h3 span{

font-size:70%;

}

.account h3{

line-height:120%;
margin:0 0 2% 0;
}


.account .btn_regist img{
margin:2% 0;
width:100%;
text-align:center;

}

.account .btn_regist{
border:0px solid #dadada;
width:70%;

}



@media all and (max-width:768px){


	.btn_regist{
		width:50%;
		margin:4% auto;
	}
}


@media all and (max-width:568px){
	.btn_regist{
		width:80%;
	}
	
.account .btn_regist img{
text-align:center;
	}
	
}


@media all and (max-width:480px){
	.btn_regist{
		width:80%;
	}
	
	.account .btn_regist img{
text-align:center;
	}
	
}


@media all and (max-width:375px){

	.btn_regist{
		width:80%;
	}

.account .btn_regist img{
text-align:center;
	}
	
}

@media all and (max-width:320px){

.btn_regist{
		width:100%;
	}
.account .btn_regist img{
text-align:center;
	}

}

.select_send{
line-height:120%;
margin:0 0 2% 0;
}


p.btn_info a,
p.btn_entry a,
p.btn_url a,
p.btn_tel a,
p.btn_tel2 a,
p.btn_mail a,
p.btn_favor a,
p.btn_del a{

	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	padding:0.75em 0;
	
}