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

@full:100%;
@skyblue:#39c;
@lightblue:#6cf;
@deepblue:#137baf;

@largest:24px;
@large:20px;
@middium:14px;
@small:12px;
@tiny:10px;

body{
	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:14px;
	color:#333;
}

html,body{
	width:100%;
	height:100%;
}

#wrap{
	overflow:hidden;
}

.btn{
	cursor:pointer;
}

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

.pc{
	#header{.headerStyle;}
	#mainVisual{.mainVisualStyle;}
	#contentsMenu{.contentsMenuStyle;}
	.center{.centerStyle};
	#contentsMenuDetail{.contentsMenuDetailStyle;};
	#menberHeader{.menberHeaderStyle;};
	#menberMenu{.menberMenuStyle;};
	#nonmenberHeader{.nonmenberHeaderStyle;};
	#nonmenberMenu{.nonmenberMenuStyle;};
	#footerMenu{.footerMenuStyle;};
	#footer{.footerStyle;};
	#contentsMenuMobile{.contentsMenuMobileStyle;};
	#subContentsMenu{.subContentsMenuStyle;};
	#subContentsMenuMobile{.subContentsMenuMobileStyle;};
	#slideDownMenu{.slideDownMenuStyle(none);};
	#radio{.radioStyle(940px,840px,560px,600px,600px);};
	#footerMargin{.footerMarginStyle();};
	.subpage{.subpageStyle();};
	#recruitSiteMenu{.recruitSiteMenuStyle};
	#recruitOfficeMenu{.recruitOfficeMenuStyle};
	#recruitInfo{.recruitInfoStyle();};
	.recruitHeader{.recruitHeaderStyle(200px);};
	.sideMenu{.sideMenuStyle;};
	#subpage_privacy{.privacyStyle();};
	#subpage_shisetsu{.shisetsuStyle(870px,420px);};
	#subpage_access{.accessStyle();};
	#subpage_shitteru{.shitteruStyle();};
	#subpage_josei{.joseiStyle();};
	#subpage_cm{.cmStyle();};
	#subpage_kinkyu{.kinkyuStyle();};
	#subpage_saigai{.saigaiStyle();};
	#subpage_influenza{.influenzaStyle()};
	#subpage_ginou{.ginouStyle()};
	#subpage_unnyuanzen{.unnyuanzenStyle()};
	#subpage_hiroba{.hirobaStyle()};
	#subpage_anzen{.anzenStyle()};
	#subpage_yoshiki{.yoshikiStyle()};
	#subpage_keieikaizen{.keieikaizenStyle()};
	#subpage_tekiseika{.tekiseikaStyle()};
	#subpage_recruitDetail{.recruitDetailStyle()};
	#subpage_recruitList{.recruitListStyle()};
	#subpage_news{.newsStyle()};
	.smp{display:none;}
}

.tablet{
	#header{.headerStyle;}
	#mainVisual{.mainVisualStyle;}
	#contentsMenu{.contentsMenuStyle;}
	.center{.centerStyle;};
	#contentsMenuDetail{.contentsMenuDetailStyle;};
	#menberMenu{.menberMenuStyle;};
	#menberHeader{.menberHeaderStyle;};
	#nonmenberHeader{.nonmenberHeaderStyle(160px);};
	#nonmenberMenu{.nonmenberMenuStyle;};
	#footerMenu{.footerMenuStyle;};
	#footer{.footerStyle;}
	#contentsMenuMobile{.contentsMenuMobileStyle;};
	#subContentsMenu{.subContentsMenuStyle;};
	#subContentsMenuMobile{.subContentsMenuMobileStyle;};
	#slideDownMenu{.slideDownMenuStyle(none);};
	#radio{.radioStyle(100%,100%,100%,100%,100%);}
	#footerMargin{.footerMarginStyle(150px);};
	.subpage{.subpageStyle();};
	#recruitSiteMenu{.recruitSiteMenuStyle};
	#recruitOfficeMenu{.recruitOfficeMenuStyle};
	#recruitInfo{.recruitInfoStyle();};
	.recruitHeader{.recruitHeaderStyle(200px);};
	.sideMenu{.sideMenuStyle;};
	#subpage_privacy{.privacyStyle(90%);};
	#subpage_shisetsu{.shisetsuStyle(100%,100%);};
	#subpage_access{.accessStyle(96%);};
	#subpage_shitteru{.shitteruStyle(85%);};
	#subpage_josei{.joseiStyle();};
	#subpage_cm{.cmStyle();};
	#subpage_kinkyu{.kinkyuStyle();};
	#subpage_saigai{.saigaiStyle();};
	#subpage_influenza{.influenzaStyle()};
	#subpage_unnyuanzen{.unnyuanzenStyle()};
	#subpage_ginou{.ginouStyle()};
	#subpage_hiroba{.hirobaStyle()};
	#subpage_anzen{.anzenStyle()};
	#subpage_yoshiki{.yoshikiStyle()};
	#subpage_keieikaizen{.keieikaizenStyle()};
	#subpage_tekiseika{.tekiseikaStyle()};
	#subpage_recruitDetail{.recruitDetailStyle()};
	#subpage_recruitList{.recruitListStyle()};
	#subpage_news{.newsStyle()};
}

.sp{
	#header{.headerStyle(none);}
	#mainVisual{.mainVisualStyle(-20px,0);}
	#contentsMenu{.contentsMenuStyle(100px,none);}
	.center{.centerStyle(100%)};
	#contentsMenuDetail{.contentsMenuDetailStyle(280px);};
	#menberHeader{.menberHeaderStyle(171px,none);};
	#menberMenu{.menberMenuStyle(block);};
	#nonmenberHeader{.nonmenberHeaderStyle(164px,none);};
	#nonmenberMenu{.nonmenberMenuStyle(block);};
	#footerMenu{.footerMenuStyle(100%,100%,100%,100%,100%,100%,28px,19px);
	.footerMenu_item{padding-bottom:10px;display:none}
	lh,.footerMenu_title{margin-bottom:5px;}
	};
	#footer{.footerStyle(12px);
	.tableCell{height:auto;};
	h2{font-size:18px;}
	};
	#footer.table{height:auto;}
	#contentsMenuMobile{.contentsMenuMobileStyle(block);};
	#subContentsMenu{.subContentsMenuStyle(100px,none);};
	#subContentsMenuMobile{.subContentsMenuMobileStyle(block);};
	#slideDownMenu{.slideDownMenuStyle(block);};
	#radio{.radioStyle(100%,100%,100%,100%,100%);}
	#footerMargin{.footerMarginStyle(100px);};
	.subpage{.subpageStyle(150px);};
	#recruitSiteMenu{.recruitSiteMenuStyle};
	#recruitOfficeMenu{.recruitOfficeMenuStyle};
	#recruitInfo{.recruitInfoStyle();};
	.recruitHeader{.recruitHeaderStyle(207px);};
	.sideMenu{.sideMenuStyle(none);};
	#subpage_privacy{.privacyStyle(90%);};
	#subpage_shisetsu{.shisetsuStyle(100%,100%);};
	#subpage_access{.accessStyle(96%);};
	#subpage_shitteru{.shitteruStyle(85%);
	 .shitteruBoxs{display:flex;flex-wrap:wrap;justify-content:space-around;}
	 .shitteruText .shitteruBox{float:none;width:95%;margin:.5em auto}
	};
	#subpage_josei{.joseiStyle(95%);};
	#subpage_cm{.cmStyle(100%);};
	#subpage_kinkyu{.kinkyuStyle(100%,100%);};
	#subpage_saigai{.saigaiStyle(100%);};
	#subpage_influenza{.influenzaStyle(100%)};
	#subpage_unnyuanzen{.unnyuanzenStyle(100%)};
	#subpage_ginou{.ginouStyle(100%)};
	#subpage_hiroba{.hirobaStyle(100%)};
	#subpage_anzen{.anzenStyle(100%)};
	#subpage_yoshiki{.yoshikiStyle(100%)};
	#subpage_keieikaizen{.keieikaizenStyle(100%);
	 .keieikaizenText .keieikaizenBox{width:48%;}
	};
	#subpage_tekiseika{.tekiseikaStyle(100%)};
	#subpage_recruitDetail{.recruitDetailStyle(100%,100%,100%)};
	#subpage_recruitList{.recruitListStyle(100%)};
	#subpage_news{.newsStyle(100%)};
	.smp{display:block}
	.aboutText h2{width:100%;}
	.aboutText p,
	.aboutText ul,
	.aboutText table{width:95%; margin:0 auto}
}



.headerStyle(@header_menu_display:block){
	width:100%;
	height:50px;
	background-color:#fff;
	overflow:hidden;
	position:fixed;
	z-index:10000000;
	top:0;
	left:0;
	a{
		color:#333;
	}
	#header_logo{
		float:left;
		width:240px;
		margin-left:30px;
	}
	#header_menu{
		float:right;
		display:@header_menu_display;
		li{
			float:left;
			margin:18px 30px 0 0;
			color:@skyblue;
		}
		input{
			margin-top:-15px;
			background-color:#e1edf2;
			border:0;
			padding:9px;
			width:190px;
		}
		button{
			margin:-8px 0 0 -30px;
			background-color:#e1edf2;
			border:0;
			padding:5px 7px;
		}
		input#search_btn{
		margin:-8px 0 0 -5px;
		width:34px;
		background:url(../img/common/loope.svg) no-repeat #e1edf2;
		background-size:contain;
		color:#e1edf2;
		}
	}
}

.slideDownMenuStyle(@display:none;){
	display:@display;
	position:fixed;
	top:-680px;
	left:0;
	width:100%;
	z-index:9999999;
	color:#fff;
	font-size:24px;

	.slideDownMenu_list{
		height:auto;
		p{padding:.6em;}
		svg{height:24px;}
		.slide_about{display:none}
	}
	.slideDownMenu_acordion{
		display:none;
		background-color:@deepblue;
		line-height:1.4em;
		font-size:.8em;
		padding:10px 0 10px 70px;
	}
	
	#slideDownMenuClose{
		width:50px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
	}
	.slideDownMenu_list:nth-child(odd){
		background-color:@lightblue;
	}
	.slideDownMenu_list:nth-child(even){
		background-color:@skyblue;
	}
	#slideDownMenu_searchBox{
		height:auto;
		padding:.5em;
		background-color:@lightblue;
		input{background-color: #e1edf2; border: 0; padding: 9px;width: 190px;}
		input#search_btn{margin: -8px 0 0 -5px;width: 34px;background: url(http://www.ishitokyo.or.jp/img/common/loope.svg) no-repeat #e1edf2;background-size: contain;color: #e1edf2;}
	}
	#slideDownMenu_btns{
		height:100px;
		background-color:@skyblue;
	}
}

.mainVisualStyle(@lrX:0;@lrY:50px;){
	width:100%;
	/* heightはmain.jsで計算 */
	position:relative;
	margin-top:50px;
	.mainVisualImg{
		width:100%;
		height:100%;
		background-size:cover;
		position:absolute;
		pointer-events:none;
	}
	#mainVisualLink{
		width:100%;
		height:100%;
	}
	#mainVisualL,#mainVisualR{
		position:absolute;
		width:100px;
		height:100px;
		bottom:@lrY;
		cursor:pointer;
	}
	#mainVisualL{
		left:@lrX;
	}
	#mainVisualR{
		right:@lrX;
	}
	svg{
		position:absolute;
		top:33px;
		left:42px;
	}
	img{
		position:absolute;
		top:33px;
		left:42px;
	}
}

.contentsMenuStyle(@height:130px;@display:block;){
	width:100%;
	height:@height;
	background-color:@lightblue;
	overflow:hidden;
	display:@display;
	z-index:9999998;

	li{
		float:left;
	}
	a{
		opacity:0;
	}
}

.contentsMenuMobileStyle(@display:none;){
	height:100px;
	z-index:9999997;
	background-color:@lightblue;
	display:@display;
}

.centerStyle(@width:760px){
	width:@width;
	height:100%;
	margin:0 auto;
}

.contentsMenuDetailStyle(@height:230px){
	width:100%;
	height:@height;
	background-color:@skyblue;
	padding-top:40px;
	position:relative;
	#indexNewsTable{
		width:90%;
		color:#fff;
		margin:0 auto;
		caption{
			text-align:left;
			font-weight:bold;
			font-size:22px;
			padding:0 0 20px 0;
			letter-spacing:4px;
			
		}
		td{
			padding:5px 5px 5px 0;
			line-height:16px;
			font-size:14px;
		}
	}
	#indexNewsMore{
		background-color:#1172a3;
		width:120px;
		height:20px;
		text-align:center;
		position:absolute;
		bottom:0;
		right:50px;
		color:#fff;
		padding:8px 0;
		font-weight:bold;
	}
}

.menberHeaderStyle(@height:164px;@display:block){
	width:100%;
	height:@height;
	padding-top:40px;
	background-color:#fff;
	display:@display;
	p{
		margin-top:10px;
		letter-spacing:1px;
		font-size:24px;
		font-weight:500;
	}
}

.menberMenuStyle(@display:block){
	width:100%;
	/*height:252px;*/
	overflow:hidden;
	position:relative;
	display:@display;
	.menberMenuTile{
		width:180px;
		height:120px;
		margin:3px;
		margin-right:3px;
		background-color:#F00;
		/*float:left;*/
		display:inline-block;
	}
	#menberMenuDragarea{
		width:90%;
		height:100%;
		margin:0 auto;
	}
}

.table{width:100%;height:100%;display:table;}
.tableCell{width:100%;height:100%;text-align:center;vertical-align:middle;display:table-cell;}

.nonmenberHeaderStyle(@height:164px;@display:block){
	width:100%;
	height:@height;
	background-color:#fff;
	padding-top:40px;
	display:@display;
}

.nonmenberMenuStyle(@display:block){
	width:100%;
	/*height:122px;*/
	overflow:hidden;
	position:relative;
	margin:0 auto;
	display:@display;
	.nonmenberMenuTile{
		width:180px;
		height:120px;
		margin:3px;
		background-color:#F00;
		/*float:left;*/
		display:inline-block;
	}
	#nonmenberMenuDragarea{
		width:90%;
		height:100%;
		margin:0 auto 3em;
	}
}

.footerMenuStyle(@homeW:120px;@aboutW:170px;@menberW:214px;@nonmenberW:204px;@recruitW:130px;@etcW:170px;@titleSize:22px;@fontSize:16px;){
	width:100%;
	margin:0 auto;
/*	padding:70px 0;*/
	padding:20px 0;
	background-color:#eee;
	color:#333;
	z-index:100000;
	a{
/*		color:#333;*/
		color:@deepblue;
		text-decoration:none;
		display:block;
	}
	.footerMenu_item{
		float:left;
		padding-left:20px;
	}
	a:hover{
	background:@lightblue;
	color:#fff;
	}
	lh,.footerMenu_title{
		display:block;
/*		margin:20px 0 30px -3px;
		font-size:@titleSize;*/
		margin:0 0 10px -3px;
		font-size:@fontSize;
		font-weight:750;
	}
	lh a,p a{color:@deepblue;}
	lh,lh a{padding:.2em}
	li{
		font-size:@fontSize;
/*		line-height:30px;*/
	}
	li a,p a{padding:.2em}
	#footerMenu_home{width:@homeW}
	#footerMenu_about{width:@aboutW}
	#footerMenu_menber{width:@menberW}
	#footerMenu_nonmenber{width:@nonmenberW}
	#footerMenu_recruit{width:@recruitW}
	#footerMenu_etc{width:@etcW}
}

.footerStyle(@fontSize:14px;){
/*	height:300px;*/
	padding:2em 0 1em;
	background-color:@skyblue;
	color:#fff;
	h2{
		font-size:24px;
		font-weight:700;
		letter-spacing:6px;
/*		margin-bottom:50px;*/
		margin-bottom:10px;
	}
	#footerAddress{
		font-size:@fontSize;
		line-height:24px;
/*		margin-bottom:100px;*/
		margin-bottom:2em;
		letter-spacing:2px;
	}
}

.footerMarginStyle(@height:200px;){
	width:100%;
	height:@height;
	/*border-bottom:@lightblue solid 1px;*/
}

/*------------------------------------------------------------ subpage ------------------------------------------------------------------*/
.subpageStyle(@marginTop:160px;){
	width:100%;
	margin-top:@marginTop;
	z-index:0;
}
.subContentsMenuStyle(@height:110px;@display:block;){
	width:100%;
	height:@height;
	background-color:@lightblue;
	display:@display;
	margin-top:50px;
	position:fixed;
	z-index:999990;
	li{
		float:left;
	}
	a{
		opacity:0;
	}
}

.subContentsMenuMobileStyle(@display:none;){
	height:100px;
	width:100%;
	background-color:@lightblue;
	display:@display;
	position:fixed;
	z-index:999998;
	margin-top:50px;
	top:0;
	left:0;
}

.returnPrev{
	width:100%;
	height:100px;
	.returnPrevBtn{
		float:right;
		margin:30px 30px 0 0;
	}
}

.sideMenuStyle(@display:block;){
	display:@display;
/*	width:140px;*/
	width:180px;
	background-color:@lightblue;
	color:#fff;
/*	padding:20px;*/
	font-size:14px;
	line-height:24px;
	position:absolute;
	top:150px;
	left:0;
	p{
		margin-bottom:30px;
	}
	ul{padding:20px 0;}
	a{display:@display;padding:0 20px;}
	a:hover{background:@deepblue}
}

.coverImg{
	width:100%;
}

#category{
	width:100%;
	height:20px;
	padding:8px 0;
	text-align:center;
	background-color:@skyblue;
	color:#fff;
	font-size:18px;
}

/*------------------------------------------------------------ about ------------------------------------------------------------------*/

.aboutImg{
	width:100%;
}
.aboutText{
	padding:90px 0;
	color:#333;
	font-size:16px;
	line-height:30px;
	h2{
		width:460px;
		margin:0 auto;
		text-align:center;
		margin-bottom:50px;
		font-size:24px;
		font-weight:500;
		letter-spacing:3px;
	}
	p{
		width:460px;
		margin:0 auto;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	p.strong{
		font-size:20px;
		text-align:center;
		margin-bottom:40px;
	}
	ul{
		width:460px;
		margin:0 auto;
		margin-bottom:100px;
		li{
			text-align:center;
		}
	}
	table{
		width:500px;
		margin:0 auto;
		td{
			padding-right:10px;
		}
	}
}

/*------------------------------------------------------------ radio ------------------------------------------------------------------*/
.radioStyle(@imgWidth:940px;@textWidth:840px;@radioMP3Width:560px;@himgW:640px;@htxtW:640px){
	width:100%;
	height:100%;
	.radioImg{
		width:@imgWidth;
		display:block;
		margin:0 auto;
	}
	h1{
		width:100%;
		text-align:center;
		font-size:26px;
		font-weight:500;
		margin:0 0 80px 0;
	}
	h2{
		width:100%;
		text-align:center;
		font-weight:500;
		line-height:50px;
		margin-top:80px;
	}
	.radioSeries{
		font-size:28px;
	}
	.radioTitle{
		font-size:32px;
	}
	.radioMP3link{
		color:#333;
	}
	.radioText{
		width:@textWidth;
		margin:0 auto;
		font-size:24px;
		font-weight:500;
		line-height:50px;
		padding:50px;
	}
	.radioMP3{
		width:@radioMP3Width;
		padding:10px 40px 10px 100px;
		color:#fff;
		background-color:@lightblue;
		margin:0 auto;
		background-image:url(../img/radio/mp3.png);
		background-repeat:no-repeat;
		background-position:30px 25px;
		.radioMP3Title{
			font-size:24px;
			line-height:40px;
			text-decoration:underline;
			letter-spacing:2px;
		}
		.radioMP3Text{
			font-size:16px;
			line-height:32px;
		}
	}
	.hImg{width:@himgW;display:block;margin:0 auto;}
	.htxt{width:@htxtW;margin:1em auto;line-height:2em;}
	.hTitle{font-size:2em;}
	h2.hikyaku{text-align:left;width:@htxtW;margin:1.5em auto 0}
	h2.end{margin:1.5em auto;}
}

/*------------------------------------------------------------ recruit ------------------------------------------------------------------*/
.recruitSiteMenuStyle(){
	width:100%;
	height:166px;
	overflow:hidden;
	position:relative;
	.recruitSiteMenuTile{
		width:240px;
		height:160px;
		margin:3px;
		margin-right:3px;
		float:left;
		img{
			width:240px;
			height:160px;
		}
	}
	#recruitSiteMenuDragarea{
		width:100%;
		height:100%;
	}
}

.recruitOfficeMenuStyle(){
	width:100%;
	height:252px;
	overflow:hidden;
	position:relative;
	ul{
		display:table;
	}
	.recruitOfficeMenuTile{
		width:180px;
		height:120px;
		text-align:center;
		margin:3px;
		margin-right:3px;
		float:left;
	}
	.tableCell{
		width:180px;
		height:120px;
		color:#FFF;
	}
	#recruitOfficeMenuDragarea{
		width:100%;
		height:100%;
	}
}

.recruitInfoStyle(@width:98%;){
	width:@width;
	margin:0 auto;
	.recruitInfoTile{
		height:380px;
		width:280px;
		float:left;
		margin:5px;
		.recruitInfoFileName{
			font-size:16px;
			line-height:24px;
			text-decoration:underline;
			margin-top:10px;
		}
		.recruitInfoFileDate{
			font-size:16px;
		}
		
	}
}
.recruitHeaderStyle(@height:200px;){
	width:100%;
	height:@height;
	background-color:#fff;
	p{
		margin-top:10px;
		letter-spacing:1px;
		font-size:24px;
		font-weight:500;
	}
}

#recruitPrBtn{
	width:600px;
	height:120px;
	overflow:hidden;
	margin:0 auto;
	border:@lightblue 5px solid;
	#recruitPrForm{
		height:120px;
	}
}

/*------------------------------------------------------------ privacy ------------------------------------------------------------------*/
.privacyStyle(@width:700px;){
	.privacyText{
		padding:90px 0;
		font-size:16px;
		line-height:30px;
		h2{
			width:@width;
			margin:0 auto;
			text-align:center;
			margin-bottom:50px;
			font-size:24px;
			font-weight:500;
			letter-spacing:1px;
			line-height:56px;
			.strong{
				font-size:28px;
			}	
		}
		h3{
			width:@width;
			text-align:left;
			margin:60px auto 20px auto;
			font-size:24px;
			font-weight:500;
			letter-spacing:3px;
		}
		p{
			width:@width;
			margin:30px auto;
			text-align: justify;
			text-justify: inter-ideograph;
		}
		p.strong{
			font-size:20px;
			text-align:left;
			margin-bottom:50px;
			line-height:40px;
		}
		p.add{
			text-align:center;
			margin-top:70px;
		}
	}
}

/*------------------------------------------------------------ shisetsu ------------------------------------------------------------------*/
.shisetsuStyle(@width:870px;@width2:420px;){
	.shisetsuText{
		width:@width;
		margin:0 auto;
	}
	#shisetsuMainImg{
		display:block;
		margin:20px auto;
	}
	h2{
		width:100%;
		text-align:center;
		font-weight:500;
		font-size:24px;
		margin:50px 0;
	}
	.shisetsuImg{
		width:@width2;
		float:left;
		margin:5px;
		text-align:center;
		margin:10px 0;
		p{
			width:420px;
			margin:10px auto;
			color:#000;
			text-align:left;
			font-size:18px;
			line-height:24px;
		}
		img{
		width:95%;
		margin:0 auto;
		}
	}
	.shisetsuImg:nth-child(odd){
		float:left;
	}
	.shisetsuImg:nth-child(even){
		float:right;
	}
}

/*------------------------------------------------------------ access ------------------------------------------------------------------*/
.accessStyle(@width:640px){
	.accessText{
		width:@width;
		margin:0 auto;
		p{
			margin:30px 0;
			line-height:24px;
			font-size:@middium;
		}
		iFrame{
			display:block;
			width:@width;
			margin:0 auto;
		}
		.lightblue{
			color:@lightblue;
		}
	}
}


/*------------------------------------------------------------ shitteru ------------------------------------------------------------------*/
.shitteruStyle(@width:80%;){
	.shitteruText{
		width:@width;
		margin:0 auto;
		p{
			width:@width;
			margin:80px auto;
			font-size:14px;
			line-height:28px;
			letter-spacing:1px;
		}
		.shitteruBoxs{
			margin:0 auto;
		}
		.shitteruBox{
			float:left;
			width:32%;
			margin-right:5px;
			p{
				margin:10px 0;
				font-size:@small;
				line-height:14px;
			}
		}
	}
}

/*------------------------------------------------------------ keieikaizen ------------------------------------------------------------------*/
.keieikaizenStyle(@width:720px;){
	.keieikaizenText{
		width:@width;
		margin:0 auto;
		p{
			width:@width;
			margin:80px auto;
			font-size:14px;
			line-height:28px;
			letter-spacing:1px;
		}
		.keieikaizenBoxs{
			margin:0 auto;
		}
		.keieikaizenBox{
			float:left;
			width:32%;
			margin:3px;
			text-align:center;
			p{
				margin:10px 0;
				font-size:@small;
				line-height:14px;
			}
			img{max-width:100%;}
		}
	}
}

/*------------------------------------------------------------ josei ------------------------------------------------------------------*/
.joseiStyle(@width:80%;){
	.joseiText{
		width:@width;
		margin:0 auto;
		
		.joseiInfo{
			width:60%;
			margin:40px auto;
			text-align:left;
			line-height:22px;
		}
		
		h2{
			width:100%;
			text-align:center;
			font-size:@largest;
			margin:60px 0;
			font-weight:500;
		}
		
		.josei_block{
			width:80%;
			margin:40px auto 70px auto;
			.joseiTitle{
				width:100%;
				height:auto;
				font-size:20px;
				color:@lightblue;
				text-align:center;
				padding:10px;
				border:2px @lightblue solid;
			}
			.joseiCase{
				padding:20px 0 10px 10px;
				line-height:16px;
			}
			table{
				margin:10px 0;
			}
			td{
				background-color:#e0f6ff;
				padding:8px 30px;
				text-align:center;
				vertical-align:middle;
				margin-right:5px;
				border:#fff 2px solid;
			}
			td.joseiPrice{
				background-color:#abe4fb;
			}
			.joseiCaution{
				font-size:@small;
				padding-bottom:5px;
			}
		}
	}
}

/*------------------------------------------------------------ cm ------------------------------------------------------------------*/
.cmStyle(@width:640px){
	.cmText{
		width:@width;
		margin:0 auto;
		a{
			color:#333;
			text-decoration:underline;
		}
		#cmBanner{
			display:block;
			margin:0 auto;
			width:@width;
		}
		h2{
			padding:50px;
			margin:0 auto;
			text-align:center;
			font-size:@large;
			font-weight:500;
		}
		#bannerCaption{
			margin:20px auto 0 auto;
			width:@width;
			text-align:center;
			font-size:@large;
		}
		#cm_list{
			width:@width;
			margin:0 auto 70px auto;
			li{
				background-image:url(../img/cm/wav.png);
				text-indent:30px;
				background-repeat:no-repeat;
				line-height:28px;
				background-position:0px 5px;
				.cm_datetime{
					font-size:@small;
				}
			}
		}
		table{
			width:@width;
			margin:0 auto;
			td{
				vertical-align:middle;
				line-height:30px;
				font-size:@middium;
			}
		}
	}
}

/*------------------------------------------------------------ kinkyu ------------------------------------------------------------------*/
.kinkyuStyle(@width:640px;@boxWidth:50%;){
	.kinkyuText{
		width:@width;
		margin:0 auto;
		#kinkyuBanner{
			display:block;
			margin:40px auto;
		}
		h2{
			margin:0 auto;
			text-align:center;
			font-size:@largest;
			font-weight:500;
			line-height:30px;
		}
		#bannerCaption{
			margin:20px auto 0 auto;
			width:@width;
			text-align:center;
			font-size:@large;
		}
		p{
			width:@width;
			margin:0 auto;
			margin:40px auto;
			font-size:@middium;
			line-height:20px;
		}
		.kinkyu_line{
			width:100%;
			height:0;
			background-color:red;
			clear:both;
		}
		.kinkyu_box{
			width:@boxWidth;
			float:left;
			margin:0 auto 30px auto;
			img,h3,p{
				width:95%;
				margin:5px auto;
				display:block;
			}
			h3{
				text-align:center;
				font-size:@large;
				font-weight:500;
				padding:20px 0;
			}
			p{
				line-height:24px;
			}
		}
	}
}

/*------------------------------------------------------------ saigai ------------------------------------------------------------------*/
.saigaiStyle(@width:80%;@ulWidth:500px;){
	.saigaiText{
		width:@width;
		margin:0 auto;
		a{
			color:#333;
		}
		h2{
			font-size:@large;
			text-align:center;
			margin:20px auto;
			font-weight:500;
		}
		.saigaiBanner{
			display:block;
			margin:10px auto;
		}
		.saigaiBannerCaption{
			margin:10px auto 20px auto;
			text-align:center;
		}
		ul{
			width:@ulWidth;
			margin:50px auto 0 auto;
			line-height:24px;
		}
	}
}
/*------------------------------------------------------------ influenza ------------------------------------------------------------------*/
.influenzaStyle(@width:80%;@ulWidth:500px;){
	.influenzaText{
		a{
			color:#333;
			text-decoration:underline;
		}
		ul{
			width:@ulWidth;
			margin:50px auto 0 auto;
			line-height:24px;
		}
        ul.link{width:@ulWidth;margin: 1em auto}
        h3.ttl{width:@ulWidth;margin:2em auto 1em;padding:.5em 0;font-size:1.2em;border-bottom:1px #ccc solid}
        ul.link li{margin-bottom: .5em;}
        ul.link li a {position: relative;padding-left: 3em;color: #3399cc;}
        ul.link li a:before {content: url(/common/img/arrow.svg);margin-right: 1em;position: absolute;left: .5em;}
        ul.link li a:hover:before {-webkit-filter: hue-rotate(140deg);filter: hue-rotate(140deg);}
	}
}
/*------------------------------------------------------------ unnyuanzen ------------------------------------------------------------------*/
.unnyuanzenStyle(@width:640px;@ulWidth:500px;){
	.unnyuanzenText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		img,h2,p,ul{
			width:95%;
			margin:5px auto;
			display:block;
		}
		a{color:#333;}
		h2{
			text-align:center;
			font-weight:500;
			font-size:@large;
			margin:40px auto;
		}
		ul{
			margin:40px auto;
		}
	}
}
/*------------------------------------------------------------ anzen ------------------------------------------------------------------*/
.anzenStyle(@width:640px;@ulWidth:500px;){
	.anzenText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		p{
			margin:40px 0;
		}
		.anzenBox{
			img{
				float:right;
				width:320px;
			}
			ul{
				width:320px;
				float:left;
			}
		}
		.anzenRed{
			color:#F36;
		}
		a{color:#333;}
		h2{
			text-align:center;
			font-weight:500;
			font-size:@large;
			margin:40px auto;
		}
	}
}
/*------------------------------------------------------------ ginou ------------------------------------------------------------------*/
.ginouStyle(@width:640px;@ulWidth:500px;){
	.ginouText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		img,h2,p,ul{
			width:95%;
			margin:5px auto;
			display:block;
		}
		a{color:#333;}
		h2{
			text-align:center;
			font-weight:500;
			font-size:@large;
			margin:40px auto;
		}
		ul{
			margin:40px auto;
		}
		.ginouName{
			margin-top:40px;
			font-size:@large;
		}
	}
}

/*------------------------------------------------------------ hiroba ------------------------------------------------------------------*/
.hirobaStyle(@width:640px;@ulWidth:500px;){
	.hirobaText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		img,h2,p,ul{
			width:95%;
			margin:5px auto;
			display:block;
		}
		a{color:#333;}
		h2{
			text-align:center;
			font-weight:500;
			font-size:@large;
			margin:40px auto;
		}
		ul{
			margin:40px auto;
		}
		.hirobaPDF{
			width:25%;
			float:left;
			text-align:center;
		}
		.hirobaPDF:nth-of-type(4n+1){clear:left;}
	}
}
/*------------------------------------------------------------ yoshiki ------------------------------------------------------------------*/
.yoshikiStyle(@width:640px;@ulWidth:500px;){
	.yoshikiText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		img,h2,p,ul{
			width:95%;
			margin:5px auto;
			display:block;
		}
		a{color:#333;}
		h2{
/*			text-align:center;*/
			font-weight:500;
			font-size:@large;
			margin:40px 0;
			padding:.2em .5em;
			border:1px #000 solid;
		}
		h3{
		color:#3a80cc;
		font-size:1.1em;
		}
		ul{
			margin:20px auto;
			text-decoration:underline;
		}
	}
	#yoshikiPasswdBox{
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.8);
		position:fixed;
		display:none;
		top:0;
		left:0;
		z-index:10000000;
		div{
			height:100%;
			vertical-align:middle;
		}
	}
}
/*------------------------------------------------------------ tekiseika ------------------------------------------------------------------*/
.tekiseikaStyle(@width:640px;@ulWidth:500px;){
	.tekiseikaText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		h2,p,ul{
			width:95%;
			margin:5px auto;
			display:block;
		}
		img{
			width:280px;
			margin:40px auto;
			display:block;
		}
		a{color:#333;}
		h2{
			text-align:center;
			font-weight:500;
			font-size:@large;
			margin:40px auto;
		}
		ul{
			margin:0 auto;
			text-decoration:underline;
		}
	}
}
/*------------------------------------------------------------ recruitList ------------------------------------------------------------------*/
.recruitListStyle(@width:640px;){
	#recruitListTitle{
		width:100%;
		height:padding:20px 0;
		color:#fff;
		font-size:@large;
		font-weight:500;
		text-align:center;
		padding:30px 0;
	}
	.recruitListText{
		width:@width;
		margin:0 auto;
		ul{
			margin:30px 0 200px 0;
			display:block;
			width:100%;
			li{
				width:100%;
				text-align:center;
				line-height:24px;
				a{
					text-decoration:underline;
					color:#333;
				}
			}
		}
	}
}
/*------------------------------------------------------------ news ------------------------------------------------------------------*/
.newsStyle(@width:700px;){
	.newsText{
		width:@width;
		margin:0 auto;
		a{
			color:#333;
		}
		.newsBack{
			width:100%;
			text-align:right;
			img{
				cursor:pointer;
			}
		}
		#newsYearSelect{
			width:100%;
			text-align:right;
			select{
				margin:10px 0 0 0;
				width:150px;
			}
		}
		#newsDetailTitle{
			margin:0 0 20px 0;
			padding:0 0 10px 0;
			font-size:@large;
			border-bottom:@skyblue 1px solid;
			#newsDetailDatetime{
				font-size:@small;
			}
		}
		table{
			margin:30px 0;
			td{
				padding:5px;
			}
			.newsTableDatetime{
/*				width:150px;*/
				width:100px;
				color:#fff;
			}
			.newsTableDatetime::first-line{
			color:#000;
			}
			.newsTableTitle{
				width:auto;
				line-height:18px;
			}
		}
		#newsDetail{
			margin:40px 0;
			line-height:24px;
			h2,h3{
				font-size:@large;
				line-height:30px;
			}
			a{
				color:@skyblue;
			}
		}
	}
}
/*------------------------------------------------------------ recruitDetail ------------------------------------------------------------------*/
#recruitDetailTable{
		margin:0 auto 40px auto;
		tr:nth-child(odd){
			background-color:#eee;
		}
		td{
			border:1px @lightblue solid;
			padding:10px;
		}
		.recruitDetailTableIndex{
			background-color:@lightblue;
			color:#fff;
			td{
				border:1px #fff solid;
			}
		}
		border:2px @lightblue solid;
		a{
			color:#333;
		}
}


#recruitDetailBtns{
	width:100%;
	padding:20px;
	background-color:#be0100;
	text-align:center;
	color:#fff;
	font-size:@large;
	display:none;
	cursor:pointer;
}

.recruitDetailForm{
	display:none;
}


.recruitDetailStyle(@width:820px;@lWidth:520px;@rWidth:240px;){
	#recruitDetailMainImgDiv{
		width:100%;
		height:300px;
		background-color:#e7f9ff;
		background-size:cover;
		background-image:url(../php/recruitData/img/mainImgDummy.jpg);
		background-position:center center;
	}
	#recruitDetailOfficeName{
		width:100%;
		padding:20px;
		background-color:@skyblue;
		text-align:center;
		color:#fff;
		font-size:@large;
		font-weight:500;
		margin-bottom:15px;
	}
	table{
		margin:200px auto 40px auto;
		tr:nth-child(odd){
			background-color:#eee;
		}
		td{
			border:1px @lightblue solid;
			padding:10px;
		}
		.recruitDetailTableIndex{
			color:#fff;
			td{
			background-color:@lightblue;
				border:1px #fff solid;
			}
		}
		border:2px @lightblue solid;
		a{
			color:#333;
		}
	}
	.recruitDetailText{
		width:@width;
		margin:0 auto;
		line-height:24px;
		
		
		#recruitDetailLeft{
			float:left;
			width:@lWidth;
			margin:0 0 0 10px;
			#recruitDetailCopy{
				font-size:@large;
				font-weight:500;
				line-height:30px;
			}
			#recruitDetailContact{
				width:520px;
				margin:30px 0;
				#recruitDetailTel,#recruitDetailMail{
					width:260px;
					height:50px;
					float:left;
				}
				#recruitDetailTel{
					background-image:url(../img/recruitDetail/tel.png);
					p{
						width:100%;
						margin:22px 0 0 57px;
						font-size:24px;
					}
				}
			}
			h3{
				font-size:@large;
				font-weight:500;
			}
			#recruitDetailSubImgDiv img{
				width:520px;
			}
			#recruitDetailDescription{
				margin:20px 0 40px 0;
			}
			#recruitDetailJobInfomation{
				margin:20px 0;
			}
		}
		
		#recruitDetailRight{
			float:right;
			width:@rWidth;
			margin:0 10px 0 0;
			ul{
				background-color:#e7f9ff;
				padding:10px 0 10px 30px;
				font-size:@small;
				list-style-type:square;
				line-height:30px;
				p{
					margin:-8px 0 0 0;
				}
			}
			#recruitDetailMap{
				width:100%;
				height:300px;
				margin:20px 0;
				display:block;
				position:relative;
			}
			#recruitDetailModeChange{
				display:block;
				#recruitDetailModeChangePass{
					width:100px;
				}
			}
			#recruitDetailControllPanel{
				display:none;
			}
		}
	}
}


.clearDiv{clear:both;width:0;height:0;}