/*
Theme Name: JOB☆STa 2015
Author: nrd-studio
Version:1.1.0
Description: 2015 Renewal ver

*/

@charset "UTF-8";

/**
*	INIT
*
*/
html, body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object{
	font-size: 100%; font-weight: normal; margin: 0; padding: 0; border: 0; outline: 0; vertical-align:baseline;
}

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

body{
	font:13px/1.7 Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1;
	background-color: #fff;
	text-align: justify;
	text-justify: distribute;
}


table { border-collapse: collapse;  border-spacing: 0; }
img{ vertical-align: top; font-size:0; line-height: 0; border: none; outline: none; }
ul, ol { list-style-type: none;}
a { margin:0; padding:0; vertical-align: baseline; border: none; outline: none; }
::selection { background: #000; color: #fff;}
::-moz-selection { background: #000; color: #fff;}

a span{
	font-size: 60%;
	line-height: 2;
}

a.recruit{
	display: block;
	max-width: 470px;
	width: 60%;
	margin: 30px auto;
	transition: all 0.3s;
}
	a.recruit img{
		width: 100%;
		height: auto;
	}
	a.recruit:hover{
		opacity: .7;
	}

.alignRight{ text-align: right; }


/* ========== CONSULTANTS ========== */

#consultants li{
	text-align: center;
}

#consultants p.name{
	font-size: 21px;
	line-height: 1.3;
	padding: 1em 0;
}

#consultants p.from{
	line-height: 1.2;
	padding-bottom: 1em;
	color: #666;
}

#consultants p.detail{
	text-align: left;
	line-height: 1.6;
	padding-bottom: 2em;
	overflow: hidden;
	text-align: justify;
	text-justify: distribute;
}


#supporters ul.prof span{
	font-size: 12px;
	display: inline-block;
	margin-right: .3em;
	margin-bottom: .4em;
	border-radius:5px;
	padding: 5px;
	line-heigth: 1;
	color: #fff;
}
	#supporters ul.male span{ background-color:#327dd2; }
	#supporters ul.female span{ background-color:#e65a8c; }


/* ========== OUTLINE ========== */
#outline ul {
    list-style-type: square;
    margin-left: 1em;
}

#outline li{
	list-style-type: square;
	padding-bottom: .6em;
	line-height: 1.3;
}

/* ========== ACCESS ========== */
#access{

}

#access li{
	padding-bottom: 30px;
}

#access li em{
	display: block;
	padding-bottom: .4em;
	margin-bottom: .4em;
	border-bottom: solid 1px #ddd;
}

#access em{
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
}

#access p{
	color: #000;
	text-align: left;
}

#access p.address{
	font-size: 14px;
	line-height: 1.5;
}


/* ========== FOOTER ========== */

footer{
	width: 100%;
	background: #0f4082;
	overflow: hidden;
}

footer p{
	width: 100%;
	color: #fff;
	text-align: center;
}

footer p.copyright{
	padding: 2em 0;
	font-size: 80%;
}


/* ========== SIDELINK ========== */

.sideLink{
	width: 100%;
}

.sideLink li{
	border-top: 1px #f6f6f6 solid;
	border-bottom: 1px #e3e3e3 solid;
}

.sideLink li a{
	display: block;
	padding: 1em;
	line-height: 1;
	color: #333;
	text-decoration: none;
}
.sideLink li a:hover{
	color: #fff;
	background-color: #0f4082;
}

/* =========== COLUMN ============ */
.columnList li{
	overflow: hidden;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
}

.columnList a.title{
	font-size: 18px;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
	color: #000;
	line-height: 1.2;
	display: block;
	margin: .4em 0 .3em;
	text-decoration: none;
}

.columnList a.title:hover{
	color: #5b8b15;
	text-decoration: underline;
}

.columnTitle h1{
    position: static;
    text-align: center;
    width: 100%;
    padding: 25px 0 15px;
    border-bottom: 3px solid #000;
}

.columnTitle h1 img{
	max-width: 456px;
	height: auto;
}

.columnTitle h2{
	width: 100%;
    text-align: center;

    padding: 10px 0;
    border-bottom: 3px solid #000;
}

.mainPic{
	width: 100%;
	text-align: center;
	background: url(/share/bg_column_mainpic.gif);
	margin-top: 20px;
}
.mainPic img{
	max-width: 90%;
	height: auto;
}

article.column p.date{
	width: 100%;
	text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
	line-height: 1;
	padding: 5em 0 2em;
}

article.column p.date span{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: .4em 1.4em;
	margin: 1em;
	font-size: 1.3em;
}

article.column h2{
	width: 100%;
	text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
	margin-bottom: 15px;
}

article.column .localNav{
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}

article.column .localNav a{
	text-decoration: none;
	font-size: 11px;
	color: #444;
	margin: 0 1em 0 0;
}

.subPic{
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}

article.column a,
ul.columnList a,
article.column a:hover{
	text-decoration: underline;
	color: #5b8b15;
}

div.youtube{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

div.pdf{
	width: 80%;
	max-width: 720px;
	margin: 30px auto 0;
	border: 1px solid #ccc;
	background-color: #f2f2f2;
	padding: 2em;
}

ul.columnlink{
	width: 90% !important;
	max-width: 720px !important;
	overflow: hidden !important;
	margin: 20px auto 0 !important;
}

ul.columnlink li.prev{
	float: left !important;
}

ul.columnlink li.next{
	float: right !important;
}

/* ======= Page Navi ======= */
.wp-pagenavi{
    clear: both;
    display: block;
    padding: 10px 20px ;
    margin: 30px 0;
    text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span{
    border: 1px solid #dcdcdc;
    color: #707070;
    font-size: 12px;
    margin: 0 2px;
	padding: .8em 1.4em;
    display: inline-block;
    text-decoration: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
    background-image: -moz-linear-gradient(center top , #5189d4 1px, #2d65af 1px, #0f4082);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#1c71ff), to(#0c3e82));
	background-image: -webkit-linear-gradient(top, #1c71ff, #0c3e82);
    border: 1px solid #0a2f62 !important;
    color: #fff !important;
    padding: .8em 1.4em;
    margin: 0 2px !important;
    text-shadow: 0 1px #866454 !important;
}


p.shortcut{
	text-align: center;
	padding: 4em 0 0 0;
}

/* =============== ENTRY =============== */
article#entry{
	padding-top: 50px;
}

article#entry p{
	width: 90%;
	font-size: 15px;
	line-height: 2.1;
	text-align: left;
}

article#entry ul{
	width: 82%;
	overflow: hidden;
	margin: 0 auto;
}

article#entry ul li{
	width: 100%;
	text-align: center;
	padding-bottom: 12px;
}

article#forms{
	width:100%;
	margin: 30px auto 0;
	background: #f2f2f2;
}
	article#forms p.announce{
		padding: 2em 0;
		font-size: 130%;
	}

.screen-reader-response{
	display: none;
}

.wpcf7-not-valid-tip{
	color: red;
}

.container #forms .wpcf7-validation-errors{
	text-align: center;
	color: red;
	padding: 1em 0;
}
.container #forms .wpcf7-response-output{
	margin: 2em 3em;
    padding: 2em;
}
.wpcf7-mail-sent-ok{
	background-color: #8dc059;
	color: #fff;
	padding: 2em;
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control{
	padding: 0;
}

.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea{
	font-size: 14px;
	line-height: 1.4;
	padding: .8em;
	border: 1px solid #f0ece7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 96%;
}

.wpcf7-list-item label{
	margin: 0;
}

dl.entryForm{
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 30px;
	overflow: hidden;
}

dl.entryForm dt{
	padding: 1em 1em .4em;
	//border-top: 1px solid #ddd;
	font-size: 13px;
}
dl.entryForm dt span,
#forms .annotation{
	width: 100%;
	font-size: 12px;
	color: #666;
}

dl.entryForm dd{
	padding:1em;
}

.wpcf7 {
	padding: 40px;
}

.wpcf7 label{
	display: block;
	line-height: 1.1;
	text-align: left;
}

.submit-container {
   margin:8px 0 30px;
   text-align:center;
   }
.submit-button {
   border: 1px solid #151573;
   background: #3651a3;
   background: -webkit-gradient(linear, left top, left bottom, from(#649fe8), to(#3651a3));
   background: -webkit-linear-gradient(top, #649fe8, #3651a3);
   background: -moz-linear-gradient(top, #649fe8, #3651a3);
   background: -ms-linear-gradient(top, #649fe8, #3651a3);
   background: -o-linear-gradient(top, #649fe8, #3651a3);
   background-image: -ms-linear-gradient(top, #649fe8 0%, #3651a3 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #031430 0 1px 0;
   color: #ffffff;
   font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
   padding: 2em 4em;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #39700c;
   text-shadow: #1e570b 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }

/* ==================== PRIVACYPOLICY ==================== */
#privacypolicy p{
	padding-top: 30px;
}

#privacypolicy dl{
	max-width: 720px;
	width: 86%;
	margin: 0 auto;
}

#privacypolicy dt{
	font-weight: bold;
	padding-bottom: 1em;
	line-height: 1.4;
}

#privacypolicy dd{
	color: #444;
	font-size: 90%;
	line-height: 1.5;
	padding: 0 0 2em 1.2em;
}

#privacypolicy dd ul{
	padding: 1em 0;
	margin-left: 1em;
	list-style-type: square;
}

	/* 151021 added */
	div.secret{ text-align:center; }
	div.secret img{ max-width: 900px; width: 100%; height: auto; padding-bottom: 30px; }
	div.secret p{ font-size: 15px; font-weight: bold; line-height: 1.5; }
	div.secret p span{ font-size: 12px; font-weight: normal; color: red; }
	div.secret a{ display: block; background-color: #5b8b15; color: #fff; font-weight: bold; text-decoration: none; width: 50%; margin: 15px auto 30px; padding: 2em 0; text-align: center; }

	div.secretSeminerContent{ width: 960px; margin: 20px auto 0; text-align: center; }
	div.secretSeminerContent ul{ overflow: hidden; }
	div.secretSeminerContent ul li{ width: 480px; padding: 0; float: left; }
	div.secretSeminerContent img{ width: 100%; height: auto; }
	div.secretSeminerContent p{ font-size: 16px; line-height: 1.6; padding-top: 3em; }
	div.secretSeminerContent a{ display: block; background-color: #5b8b15; color: #fff; font-weight: bold; text-decoration: none; width: 80%; margin: 30px auto; padding: 2em 0; text-align: center; }
	div.secret a:hover,
	div.secretSeminerContent a:hover{ background-color: #0f4082; }


.notFound{
	width: 100%;
	margin: 200px auto 100px;
	font-size: 200%;
	text-align: center;
}
.notFound p{
	padding-bottom: 1em;
}
.notFound p.comment{
	font-size: 13px;
	line-height: 1.5;
	padding-bottom: .2em;
}


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

	h1{
		width: 100%;
		padding-top: 90px;
		text-align: center;

		z-index: 100;
		position: absolute;
	}
	h1 img{
		width: 260px;
		height: auto;
	}

	#slideBox{
		width: 100%;
		height: 240px;
	}
	nav{ display: none; }

	.spMenu{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
	}
	.spMenu .menu{
		display: block;
		padding: 8px 0;
		width: 46px;
		height: 30px;
		text-align: center;
		float: left;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		background: #000;
		cursor: pointer;
	}
	.spMenu .menu img{
		width: 30px;
		height: auto;
	}
	.sticker{ display: none; }


		/* ========== NEWS ========== */
		dl#news{
			width: 90%;
			margin: 40px auto;
		}

		dl#news dt,
		dl#news dd{
			font-size: 12px;
			line-height: 1.4;
		}

		dl#news dt{
			padding-bottom: 10px;
		}



		/* ========== CONSULTANTS ========== */
		#consultants ul{
			width: 90%;
			margin: 0 auto;
		}

		#consultants p.detail img{
			width: 45%;
			height: auto;
			float: right;
			padding: 4px 0 10px 10px;
		}

		#consultants p.detail img{
			display: none;
		}


		/* ========== SUPPORTERS ========== */
		#supporters p.intro{
			padding: 0 1em 2em;
			line-height: 1.6;
		}
		#supporters ul.list{
			padding: 0 10px;
			overflow: hidden;
		}
			#supporters ul.list>li{
				width: 46%;
				padding: 0 2% 2%;
				float: left;
			}

			#supporters figure{
				display: flex;
				flex-wrap: wrap;
				max-width: 820px;
				margin: 0 auto;

			}
				#supporters figure a{
					width: 100%;
					display: block;
					text-align: center;
				}
				#supporters figure img{
					width: 60%;
					height: auto;
					padding: 0 0 10px 0;
				}
				#supporters figure figcaption{
					padding: 15px 15px 30px 15px;
					line-height:1.6;
				}
		#supporters .prof li{
			margin: 0;
			padding: .3em 0;
			display: block;
			font-size: 14px;
		}


		/* ========== OUTLINE ================================= */
		#outline dl{
			width: 90%;
			margin: 0 auto;
		}

		#outline dt{
			font-weight: bold;
			padding: 1em 0;
			border-top: 1px solid #eee;
		}

		#outline dd{
		    padding: 0 0 1em 0;
		}

		/* ========== CONTENTS ========== */
		section{
			margin-bottom: 40px;
		}

		section h2.header{
			width: 90%;
			margin-bottom: 30px;
			padding: 30px 5% 25px;
			background: url(/share/bg_blocktitle.png) 0 0 repeat;
			text-align: center;
		}

		h2.header img{
			max-width: 80%;
			height: auto;
		}

		section#about figure{
			width: 100%;
			margin: 0 auto 20px;
		}

		section#about figure img{
			width: 100%;
			height: auto;
		}

		section#about figcaption{
			width: 84%;
			line-height: 1.6;
			margin: 40px auto;
		}

		section#greeting h2,
		section#companies h2{
			font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
			font-size: 30px;
			font-weight: bold;
			line-height: 1.8;
			margin: 1.4em auto 0;
		    padding-bottom: 1em;
		    width: 88%;
		}

		section#greeting p{
			font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
			font-size: 15px;
			line-height: 2.1;
			padding-bottom: 2em;
			margin: 0 auto;
			width: 88%;
		}

		/* ABOUT */
		div.points{
			text-align: left;
			padding: 10%;
			background-color: #f2f2f2;
			margin: 0 auto 50px;
		}

		div.points h3{
			text-align: left;
			font-size: 22px;
			font-weight: normal;
			font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
			padding-bottom: 1em;
			margin: 0 0 1.5em 0;
			line-height: 1.5;
			background: none;
		}

		div.points li{
			padding-bottom: 1.2em;
			border-bottom: 1px solid #ddd;
			margin-bottom: 1.2em;
			line-height: 1.3;
		}

		div.points li span{
			font-size: 14px;
			font-weight: bold;
			color: red;
		}

		#companies p.closing{
			font-size: 26px;
			font-weight: normal;
			font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
			padding-bottom: 0;
		}


		/* ------- CATEGORY TOP ------- */
		.contentTitle{
			width: 100%;
			text-align: center;
			padding: 40px 0;
			background-color: #0f4082;
		}

		.contentTitle h1{
			padding-top: 0;
			padding-bottom: .6em;
			position: inherit;
			text-align: center;
			width: 100%;
			font-size: 11px;
			font-weight: bold;
			color: #fff;
		}

		.contentTitle h2{
			font-size: 130%;
			font-weight: bold;
			color: #fff;
			line-height: 1.8;
		}

		.contentTitle h2 span{
			color: #fae846;
		    font-size: 14px;
		    font-weight: bold;
		    line-height: 1;
		    padding: 0.4em 0 1.5em;
		    text-align: center;
		}

		.greetingTitle,
		.entryTitle,
		.arbeitTitle,
		.recruitingTitle,
		.careerTitle,
		.policyTitle,
		.contactTitle{
			width: 100%;
			padding-bottom: 30%;
			text-indent: -9999px;
			border-bottom: 1px solid #f2f2f2;
		}

		.greetingTitle{
			background: url(/img/greeting_header.png) 0 0 no-repeat #fff;
			-moz-background-size:90% auto;
			background-size:90% auto;
		}
		.entryTitle{
			background: url(/img/entry_header.png) 0 0 no-repeat #f3f7fc;
			-moz-background-size:100% auto;
			background-size:100% auto;
		}
		.arbeitTitle{
			background: url(/img/entry_arbeit_header.png) 0 0 no-repeat #f3f7fc;
			-moz-background-size:100% auto;
			background-size:100% auto;
		}
		.recruitingTitle{
			background: url(/img/entry_recruiting_header.png) 0 0 no-repeat #f3f7fc;
			-moz-background-size:100% auto;
			background-size:100% auto;
		}
		.careerTitle{
			background: url(/img/entry_career_header.png) 0 0 no-repeat #f3f7fc;
			-moz-background-size:100% auto;
			background-size:100% auto;
		}
		.policyTitle{
			background: url(/img/pp_header.png) 0 0 no-repeat #fff;
			-moz-background-size:90% auto;
			background-size:90% auto;
		}
		.contactTitle{
			background: url(/img/contact_header.png) 0 0 no-repeat #f3f7fc;
			-moz-background-size:100% auto;
			background-size:100% auto;
		}

		.aboutTitle{
			width: 100%;
			padding-bottom: 30%;
			text-indent: -9999px;
			background: url(/img/about_header.jpg) 50% 50% no-repeat;
			-moz-background-size:280% auto;
			background-size:280% auto;
			border-bottom: 1px solid #f2f2f2;
		}

		/* ------- 4 CONTENTS -------- */
		div#plans,
		div#careerPlans{
			width: 100%;
		}

		div#plans ul,
		div#careerPlans ul{
			width: 100%;
		}

		div#plans ul li,
		div#careerPlans ul li{
			width: 100%;
			border-bottom: 1px solid #f2f2f2;
		}

		div#plans ul li a,
		div#careerPlans ul li a{
			display: block;
			width: 100%;
			padding: 15px 0 20px;
			text-decoration: none;
		}

		div#plans ul li a:hover,
		div#careerPlans ul li a:hover{
			background-color: #f2f2f2;
		}

		div#plans ul li dt,
		div#careerPlans ul li dt{
			width: 88%;
			margin: 0 auto;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.3;
			color: #333;
			padding: .5em 0 1em;
		}

		div#plans ul li dt:hover,
		div#careerPlans ul li dt:hover{
			color: #5b8b15;
		}

		div#plans ul li dt span,
		div#careerPlans ul li dt span{
			display: inline-block;
			padding: .6em 1em;
			color: #fff;
			font-size: 12px;
			margin-bottom: 1em;
			background-color: #5b8b15;
		}

		div#plans ul li dd{
			font-size: 13px;
			line-height: 1.6;
			color: #333;
			width: 88%;
			margin: 0 auto;
			padding: 0 6%;
		}

		div#careerPlans ul li dd{
			font-size: 13px;
			line-height: 1.6;
			color: #333;
			width: 88%;
			text-align: center;
			padding: 0 6%;
		}


		/* ---- ARTICLE ---- */
		article{
			margin-bottom: 60px;
		}

		article h2.header{
			padding-top: 18px;
		}

		article h3{
			width: 90%;
			text-align:center;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.3;
			margin: 0 auto 2em;
			padding-bottom: 1.5em;
			background: url(/share/lead_bar.gif) bottom center no-repeat;
		}

		article p{
			width: 90%;
			margin: 0 auto;
			line-height: 1.8;
			padding-bottom: 3em;
		}

		p.blockEnd{
			width: 70%;
			padding: 1.5em 10%;
			background-color: #f2f2f2;
			font-size: 16px;
			line-height: 1.6;
			margin: 0 auto 1em;
		}

		article figure.flow{
			width: 90%;
			margin: 0 auto;
		}

		article figure.flow img{
			width: 100%;
			height: auto;
		}

		ul.services{
			overflow: hidden;
			width: 90%;
			margin: 0 auto;
		}

		ul.services li{
			margin: 4px 0;
			background-color: #f1f1f1;
		}

		ul.services li p{
			padding: 1em 2em 2em;
			line-height: 1.5;

		}

		ul.services li h3{
			text-align: center;
			font-size: 140%;
			font-weight: bold;
			line-height: 1;
			padding: 1.5em 0 0;
		}

		ul.services li h4{
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			line-height: 1;
			padding: .8em 0;
			color: #5b8b15;
		}

		ul.services a{
			display: block;
			padding: 1.3em 0;
			text-align: center;
			color: #fff;
			font-weight: bold;
			background-color: #0f4082;
			text-decoration: none;
		}
		ul.services a:hover{
			background-color: #5b8b15;
		}


	/* =========== COLUMN ============ */
	.columnList{
		width: 90%;
		margin: 10px auto;
	}

	.columnList div.pic{
		width: 40%;
		float: left;
		padding-right: 10px;
	}

	.columnList div.pic a{
		display: block;
	}

	.columnList div.pic a img{
		width: 100%;
		height: auto;
	}

	.columnList p.intro{
		display: none;
	}

	article.column p.date{
		padding: 3em 0 2em;
	}

	article.column h2{
		width: 90%;
		margin: 0 auto 14px;
		font-size: 24px;
		line-height: 1.5;
	}

	article.column .localNav{
		margin-bottom: 30px;
	}

	article.column .localNav a{
			font-size: 12px;
			margin: 0 1em 0 0;
		}

	article.column a.category,
	ul.columnList a.category{
		font-size: 11px;
		padding: 0 .4em 0 18px;
		background: url(/share/icon_pen.png) 0 50% no-repeat;
		text-decoration: none;
	}

	article.column .localNav a.archive{
		padding: .4em 0 .4em 12px;
		background: url(/share/icon_anchor.png) 0 50% no-repeat;
	}

	.subPic img{
		width: 90%;
		height: auto;
	}

	div.youtube iframe{
		width: 90%;
		height: auto;
	}



	/* ========== ACCESS ========== */
	#access ul{
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
	}



	#access li em span{
		font-size: 30px;
		font-weight: normal;
		line-height: 1.2;
	}

	#access p.phone,
	#access p.phone span{
		padding-top: .3em;
		font-size: 14px;
		line-height: 1.6;
	}

	ul.headOffices div#map_osaka,
	ul.headOffices div#map_kyoto,
	ul.headOffices div#map_kangaku,
	ul.headOffices div#map_kandai{
		width: 100%;
		height: 200px;
		margin: 10px 0 0;
		border: solid 1px #ccc;
	}

	/* ========== FOOTER ========== */

	footer .contact{
		padding: 15px;
	}

	footer .contact ul{
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
	}

	footer .contact li{
		padding:1em 0;
		border-bottom: 1px solid #ddd;
	}


	footer p.company{
		padding: 30px 0 0;
	}

	footer p.company img{
		width: 50%;
		height: auto;
	}

	footer ul.phoneCall{
		width: 172px;
		margin: 0 auto;
		overflow: hidden;
	}

	footer ul.phoneCall li{
		float: left;
	}

	footer ul.phoneCall li span{
		display: block;
		width: 66px;
		height: 110px;
		margin: 10px;
		text-indent: -9999px;
	}

	footer ul.phoneCall li.osaka span{
		background: url(/share/phone_sp_osaka.png) 0 0 no-repeat;
	}

	footer ul.phoneCall li.kyoto span{
		background: url(/share/phone_sp_kyoto.png) 0 0 no-repeat;
	}


	/* 151021 added */
	div.secret{ text-align:center; }
	div.secret img{ max-width: 94%; padding-bottom: 30px; }

	div.secretSeminerContent{ width: 94%; text-align: center; margin: 0 auto; }
	div.secretSeminerContent ul li{ width: 100%; padding: 0; float: none; text-align: center; }
	div.secretSeminerContent img{ width: 100%; height: auto; }
	div.secretSeminerContent p{ font-size: 14px; line-height: 1.6; padding-top: 3em; }

	/* 151118 added */
	div#map_tokyo{
		width: 100%;
		height: 300px;
		margin: 10px 0 15px;
		border: solid 1px #ccc;
	}
	li.tokyoBases dl{ padding-bottom: 15px; }
	li.tokyoBases dl dt{ font-size: 120%; font-weight: bold; margin-bottom: .4em; }
	li.tokyoBases dl dd a{ display: block; margin: .3em 0; }
}










@media screen and (min-width:769px){

	h1{
		width: 100%;
		padding-top: 130px;
		text-align: center;
		z-index: 100;
		position: absolute;
	}
	h1 img{
		width: 694px;
		height: auto;
	}

	#slideBox{
		width: 100%;
		height: 480px;
	}

	.spMenu{ display: none; }


	/* =========== GLOBAL Nav =========== */

	#indexNav{
		width: 100%;
		height: 139px;
		background: url(/img/bg_indexnav.gif) 0 0 repeat-x;
	}
	#indexNav nav.main ul{
		width: 792px;
		margin: 0 auto;
		overflow: hidden;
		border-right: 1px solid #222;
	}
	#indexNav nav.main li{
		width: 197px;
		border-left: 1px solid #222;
		float: left;
	}
	#indexNav nav.main li a{
		display: block;
		width: 197px;
		height: 100px;
		overflow: hidden;
	}
	#indexNav nav.main li a img{
		transition: 0.2s ease;
	}
	#indexNav nav.main li a img:hover{
		-moz-transform: translateY(-100px);
		-webkit-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
	}
	html.ie9 nav.main li a img:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	#indexNav nav.contents ul{
		overflow: hidden;
	}
	#indexNav nav.contents li{
		float: left;
	}

	nav.contents ul{
		font-size: 12px;
		width: 57em;
		margin: 1px auto 0px;
		overflow: hidden;
	}

	nav.contents li{
		float: left;
	}

	nav.contents li a{
		padding: 0 1em;
		line-height: 37px;
		text-align: center;
		text-decoration: none;
		color: #000;
		height: 38px;
		background: url(/img/bg_indexnav-sub.gif) 0 1px no-repeat;
		overflow: hidden;
		display: block;

		-webkit-transition: All 0.4s ease;
		-moz-transition: All 0.4s ease;
		-o-transition: All 0.4s ease;
		-ms-transition: All 0.4s ease;
		transition: All 0.4s ease;
	}

	nav.contents li a:hover{
		background-position: 0px -4px;
	}



/* =========== STICKER =========== */

.sticker{
position: fixed;
top: 0;
left: 0;
z-index: 9999;

width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
background-color:rgba(0,0,0,0.8);
}

.inner{
opacity: 1;
}

.appear{
opacity: 1;
display: inline;
}

.sticker div{
min-width: 900px;
}

.sticker a{
float: left;
}

.sticker .menu{
padding: 19px 20px;
width: 30px;
height: 30px;
display: block;
float: left;
cursor: pointer;
border-right: #555 solid 1px;
}
.sticker .menu img{
width: 30px;
height: auto;
}

.sticker div{
overflow: hidden;
}

.sticker nav ul{
width: 636px;
float: right;
}

.sticker li{
float: left;
border-left: 1px solid #333;
}

.sticker nav li a{
display: block;
height: 68px;
overflow: hidden;
}

.sticker nav li a img{
transition: 0.2s ease;
}

.sticker nav li a img:hover{
-moz-transform: translateY(-68px);
-webkit-transform: translateY(-68px);
-o-transform: translateY(-68px);
-ms-transform: translateY(-68px);
}

	/* =========== NEWS ================================= */
	dl#news{
		width: 760px;
		margin: 40px auto;
		overflow: hidden;
	}

	dl#news dt,
	dl#news dd{
		font-size: 14px;
		line-height: 1;
	}

	dl#news dt{
		width: 160px;
		height: 49px;
		display: block;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		padding-top: 11px;
		float: left;
	}

	dl#news dd{
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		height: 37px;
		padding: 22px 0;
		margin-left: 180px;
		overflow: hidden;
	}

	dl#news dd a{
		float: right;
		width: 490px;

		line-height: 1.5;
	}

	/* ========== CONSULTANTS ================================= */
	#consultants ul,
	#supporters ul.list{
		max-width: 840px;
		margin: 0 auto;
		overflow: hidden;
	}

	#consultants li,
	#supporters .list li{
		width: 170px;
		margin: 20px;
		float: left;
	}

	#consultants p.detail img{
		float: right;
		padding: 4px 0 0 10px;
		width: 52%;
		height: auto;
	}

	/* ========== SUPPORTERS ========== */
	#supporters .intro{
		max-width: 740px;
		margin: 0 auto;

		padding: 0 0 2em;
	}
		#supporters .intro figure{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			align-items: center;
		}
		#supporters .intro figure a{
			width: 28%;
			padding-right: 2%;
			display: block;
		}
		#supporters .intro figure img{
			width: 100%;
			height: auto;
		}
		#supporters .intro figure figcaption{
			width: 70%;
			font-size: 15px;
			line-height: 1.7;
		}
	#supporters figure{ padding-bottom: 10px; }
	#supporters .prof li{
		margin: 0;
		padding: .3em 0;
		display: block;
		font-size: 14px;
	}



	/* ========== OUTLINE ================================= */
	#outline dl{
		width: 720px;
		margin: 0 auto;
		font-size: 14px;
	}

	#outline dt{
		width: 9em;
		clear: left;
		float: left;
		padding: 2em 0em;
		vertical-align: top;
		border-top: 1px solid #eee;
	}

	#outline dd{
		border-top: 1px solid #eee;
	    margin-left: 9em;
	    padding: 2em 0em;
	}


	/* =========== CONTENT ================================= */
	section{
		width: 100%;
		margin-bottom: 80px;
	}

	section h2.header{
		width: 100%;
		padding: 30px 0 25px;
		background: url(/share/bg_blocktitle.png) 0 0 repeat;
		text-align: center;
		margin-bottom: 50px;
	}

	section#about h2.header{
		padding-top: 20px;
	}

	section#about figure{
		width: 770px;
		margin: 50px auto;
	}

	section#about figcaption{
		width: 740px;
		font-size: 14px;
		line-height: 1.8;
		margin: 40px auto 70px;
	}

	section#greeting{

	}

	section#greeting h2,
	section#companies h2{
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
		font-size: 30px;
		line-height: 2.4;
		margin: 2em auto 0;
	    max-width: 720px;
	    padding-bottom: 1em;
	    width: 100%;
	}

	section#greeting p{
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
		font-size: 15px;
		line-height: 2.3;
		padding-bottom: 2em;
	}




	/* =========== CATEGORY TOP ================================= */
	.contentTitle{
		width: 100%;
		text-align: center;
		padding: 40px 0;
		background-color: #0f4082;
	}

	.contentTitle h1{
		padding-top: 0;
		padding-bottom: 1em;
		position: inherit;
		text-align: center;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
	}

	.contentTitle h2{
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}

	.contentTitle h2 span{
		color: #fae846;
	    font-size: 14px;
	    font-weight: bold;
	}

	.greetingTitle,
	.entryTitle,
	.arbeitTitle,
	.recruitingTitle,
	.careerTitle,
	.policyTitle,
	.contactTitle{
		width: 100%;
		height: 220px;
		text-indent: -9999px;
		border-bottom: 1px solid #eee;
	}

	.greetingTitle{
		background: url(/img/greeting_header.png) 0 0 no-repeat #fff;
	}
	.entryTitle{
		background: url(/img/entry_header.png) 0 0 no-repeat #f3f7fc;
	}
	.arbeitTitle{
		background: url(/img/entry_arbeit_header.png) 0 0 no-repeat #f3f7fc;
	}
	.recruitingTitle{
		background: url(/img/entry_recruiting_header.png) 0 0 no-repeat #f3f7fc;
	}
	.careerTitle{
		background: url(/img/entry_career_header.png) 0 0 no-repeat #f3f7fc;
	}
	.policyTitle{
		background: url(/img/pp_header.png) 0 0 no-repeat #fff;
	}

	.contactTitle{
		background: url(/img/contact_header.png) 0 0 no-repeat #f3f7fc;
	}

	.aboutTitle{
		width: 100%;
		height: 220px;
		text-indent: -9999px;
		background: url(/img/about_header.jpg) 50% 0 no-repeat #fff;
		border-bottom: 1px solid #eee;
	}

	/* =========== 4 CONTENTS ================================= */
	div#plans,
	div#careerPlans{
		width: 100%;
	}

	div#plans ul{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #f2f2f2;
	}

	div#plans ul li{
		width: 49.9%;
		float: left;
	}

	div#plans ul li.left{
		border-right: 1px solid #f2f2f2;
	}

	div#plans ul li a{
		display: block;
		width: 76%;
		height: 88%;
		padding: 40px 12%;
		text-decoration: none;
	}

	div#plans ul li a:hover,
	div#careerPlans ul li a:hover{
		background-color: #f2f2f2;
	}

	div#plans ul li dt{
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 2.4;
		color: #333;
		padding-bottom: 1em;
	}

	div#careerPlans li.borderRight{
		border-right: 1px solid #f2f2f2;
	}

	div#plans ul li dt:hover{
		color: #5b8b15;
	}

	div#plans ul li dt span,
	div#careerPlans ul.colTwo dt span,
	div#careerPlans ul.colThree dt span{
		display: inline-block;
		/display: inline;/* IE 6/7 */
		/zoom: 1;/* IE 6/7 */
		padding: .5em 1em;
		color: #fff;
		font-size: 18px;
		line-height: 1;
		font-weight: normal;
		margin-bottom: .2em;
		background-color: #5b8b15;
	}

	div#plans ul li dd{
		font-size: 13px;
		line-height: 1.6;
		color: #333;
		height: 5em;
	}

	div#careerPlans ul{
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #f2f2f2;
	}

	div#careerPlans ul li{
		display: block;
		width: 19.9%;
		text-align: center;
		float: left;

	}

	div#careerPlans ul.colTwo li{
		width: 49.9%;
		float: left;
	}

	div#careerPlans ul.colThree li{
		width: 33.25%;
		float: left;
	}

	div#careerPlans ul li a{
		display: block;
		padding: 50px 0 40px;
		text-decoration: none;
	}

	div#careerPlans ul li dt{
		padding: 0 0 .5em;
		color: #fff;
		font-size: 18px;
		line-height: 1.4;
		font-weight: normal;
	}

	div#careerPlans ul li dd{
		font-size: 13px;
		font-weight: bold;
		line-height: 1.6;
		color: #333;
		padding: 0;
	}

	div#plans ul li dd:hover,
	div#careerPlans ul li dd:hover{
		color: #5b8b15;
	}


	/* =========== ARTICLE ================================= */
	article{
		margin-bottom: 100px;
	}

	article h3{
		text-align:center;
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 1.6em;
		margin: 1em 0 2em;
		line-height: 1.3;
		background: url(/share/lead_bar.gif) bottom center no-repeat;
	}

	article p{
		width: 100%;
		font-size: 14px;
		max-width: 720px;
		margin: 0 auto;
		line-height: 1.8;
		padding-bottom: 3em;
	}

	p.blockEnd{
		font-size: 17px;
		line-height: 2.1;
		text-align: center;
		margin: 1em auto 0;
	}

	article figure.flow{
		text-align: center;
	}


	/* ABOUT */
	section#companies p{
		line-height: 2.1;
	}

	div.points{
		width: 90%;
		max-width: 640px;
		text-align: center;
		padding: 40px;
		background-color: #f2f2f2;
		margin: 0 auto 50px;
	}

	div.points h3{
		font-size: 20px;
		font-weight: normal;
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
		padding-bottom: 1.6em;
		margin: 0 0 1.5em 0;
		line-height: 1.3;
		background: none;
	}

	div.points li{
		padding-bottom: 1.2em;
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.2em;
	}

	div.points li span{
		font-size: 14px;
		font-weight: bold;
		color: red;
	}

	#companies p.closing{
		font-size: 26px;
		font-weight: normal;
		font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS P明朝", "MS PMincho", Meiryo, serif;
		padding-bottom: 0;
	}

	/* =========== SLIDER ================================= */
	#sceneSlider{
		width: 100%;
		overflow: hidden;
	}


	ul.services li{
		width: 270px;
		margin: 0 2px;
		background-color: #f1f1f1;
		float: left;
	}

	ul.services{
		overflow: hidden;
		width: 822px;
		margin: 0 auto;
	}

	ul.services li h3{
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 1;
		padding: 1.5em 0 .4em;
	}

	ul.services li h4{
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		padding: .4em 0 1.5em;
		color: #5b8b15;
	}

	ul.services li p{
		padding: 0 2em;
		line-height: 1.5;
		height: 12em;
	}

	ul.services a{
		display: block;
		padding: 2em 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
		background-color: #0f4082;
		text-decoration: none;
	}
	ul.services a:hover{
		background-color: #5b8b15;
	}

	ul.services li.arbeit div{
		background: url(/img/pic_arbeit.jpg) 0 0 no-repeat;
		padding-top: 170px;
	}

	ul.services li.recruit div{
		background: url(/img/pic_recruit.jpg) 0 0 no-repeat;
		padding-top: 170px;
	}

	ul.services li.career div{
		background: url(/img/pic_career.jpg) 0 0 no-repeat;
		padding-top: 170px;
	}

	/* =========== COLUMN ================================== */
	.columnList{
		width: 90%;
		max-width: 720px;
		margin: 0 auto;
		overflow: hidden;
	}

	.columnList div.pic{
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	.columnList div.pic a{
		display: block;
	}

	.columnList div.pic a img{
		width: 100%;
		height: auto;
	}

	.columnList div.content{
		padding-top: 10px;
		overflow: hidden;
	}

	.columnList p.listBlock{
		padding: 0;
	}

	.columnList a.title{
		font-size: 26px;
		line-height: 1.5;
	}

	.columnList p{
		padding: 1.5em 0 1em;
		font-size: 14px;
		line-height: 1.7;
	}

	.columnTitle{

	}

	.subPic img{
		max-width: 100%;
		height: auto;
	}

	article.column p.date{
		padding: 5em 0 2em;
	}

	article.column h2{
		font-size: 36px;
		line-height: 1.4;
		margin-bottom: 15px;
	}

	article.column h3{
		font-size: 24px;
		line-height: 1.8;
	}

	article.column p{
		font-size: 14px;
		line-height: 1.8;
		text-align: left;
	}

	article.column p.caption{
		font-size: 12px;
		line-height: 1.8;
		padding-top: 4px;
		text-align: center;
		color: #444;
	}

	article.column a.return{
		width: 20em;
		display: block;
		text-align: center;
		margin: 0 auto 60px;
	}

	article.column .localNav{
		margin-bottom: 40px;
	}

	article.column .localNav a{
		font-size: 11px;
		margin: 0 1em 0 0;
	}

	article.column a.category,
	ul.columnList a.category{
		padding: 0 .4em 0 18px;
		background: url(/share/icon_pen.png) 0 50% no-repeat;
		text-decoration: none;
	}

	article.column .localNav a.archive{
		padding: .4em 0 .4em 12px;
		background: url(/share/icon_anchor.png) 0 50% no-repeat;
	}


	/* =========== FORM ================================== */
	article#entry{
		padding-top: 50px;
	}

	article#entry p{
		text-align: center;
	}

	article#entry ul{
		width: 540px;
		margin: 0 auto;
	}

	article#entry ul li{
		width: 150px;
		float: left;
		padding: 15px;
	}

	article#forms{
		max-width:920px;
		width:90%;
		margin: 30px auto 0;
		border: 1px solid #f0ece7;
		background: #f2f2f2;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	dl.entryForm dt{
		clear: left;
		//width: 13em;
		font-size: 16px;
		vertical-align: top;
		float: left;
		padding: 1em .6em 1em 1em;;
		//border-top: 1px solid #ddd;
	}

	dl.entryForm dd{
		padding: 1em;
		margin-left: 16em;
		//border-top: 1px solid #ddd;
	}


	/* =========== ACCESS ================================== */
	#access ul{
		width: 100%;
		overflow: hidden;
	}

	#access ul li{
		max-width: 900px;
		padding: 20px;
		margin: 0 auto;
	}

	#access li em span{
		font-size: 30px;
		font-weight: normal;
		line-height: 1.4;
	}

	#access p.phone,
	#access p.phone span{
		padding-top: .3em;
		font-size: 14px;
		line-height: 1.6;
	}

/*
	ul.headOffices div#map_osaka,
	ul.headOffices div#map_kangaku,
	ul.headOffices div#map_kandai,
	ul.headOffices div#map_kyoto{
		width: 100%;
		height: 340px;
		margin: 10px 0 30px;
		border: solid 1px #ccc;
	}
	div#map_tokyo{
		width: 100%;
		height: 450px;
		margin: 10px 0 30px;
		border: solid 1px #ccc;
	}
*/

	.gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 45%;
		position: relative;
	}
	.gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}

	li.tokyoBases{ overflow: hidden; }
	li.tokyoBases dl{ width: 50%; float: left; padding-bottom: 15px; }
	li.tokyoBases dl dt{ font-size: 120%; font-weight: bold; margin-bottom: .4em; }
	li.tokyoBases dl dd a{ display: block; margin: .3em 0; }


	/* =========== FOOTER ================================== */
	footer{
		margin-top: 50px;
	}

	footer .contact ul{
		width: 960px;
		background: url(/share/bg_addr.png) 0 0 repeat-y;
		overflow: hidden;
		margin: 0 auto;
	}

	footer .contact ul li{
		width: 190px;
		padding: 0 25px;
		float: left;
	}

	footer p.company{
		padding: 30px 0;
	}

	footer nav.mainContents{
		width: 100%;
	}

	footer nav.mainContents ul{
		width: 508px;
		overflow: hidden;
		margin: 20px auto;
	}

	footer nav.mainContents ul li{
		float: left;
	}

	footer nav.mainContents ul li a{
		display: block;
		height: 25px;
		overflow: hidden;
	}

	footer nav.mainContents ul li a img{
		transition: 0.2s ease;
	}

	footer nav.mainContents ul li a img:hover{
		-moz-transform: translateY(-25px);
		-webkit-transform: translateY(-25px);
		-o-transform: translateY(-25px);
		-ms-transform: translateY(-25px);
	}
	html.ie9 footer nav.mainContents ul li a img:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}

	footer nav.contents{
		width: 100%;
		background-color: #072041;
	}

	footer nav.contents ul{
		font-size: 11px;
		width: 62em;
		margin: 0 auto;
		overflow: hidden;
	}

	footer nav.contents li{
		float: left;
	}

	footer nav.contents li a{
		background-image: none;
	    color: #fff;
	    display: block;
	    height: 3em;
	    margin: 0 0.6em;
	    overflow: hidden;
	    padding: 0;
	    text-align: center;
	    text-decoration: none;
	}

	footer nav.contents li a:hover{
		text-decoration: underline;
	}

	footer ul.phoneCall{
		width: 672px;
		margin: 0 auto 30px;
		overflow: hidden;
	}

	footer ul.phoneCall li{
		float: left;
		display: block;
		width: 336px;
		height: 100px;
		text-indent: -9999px;
	}

	footer ul.phoneCall li span{


	}

	footer ul.phoneCall li.osaka{
		background: url(/share/access_pc_osaka.png) 0 0 no-repeat;
	}

	footer ul.phoneCall li.kyoto{
		background: url(/share/access_pc_kyoto.png) 0 0 no-repeat;
	}
}