@charset "UTF-8";

@-ms-viewport	{width: device-width;}

body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}



/**  全体	-----------------------------------------------------  **/

body {
	text-align: center;
}


/**  ヘッダー	-----------------------------------------------------  **/

#header {
	padding: 40px 10px;
	background-color: #4682B4;
	text-align: left;
}

#header h1 {
	margin: 0;
	font-size: 20px;
	line-height: 1;
	color: #FFFFFF;
}

/**  コンテンツ	-----------------------------------------------------  **/
#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 30px 5px 5px 5px;
	background-color: #FFFFFF;
	max-width: 900px;
}


/**  ショップ情報 -----------------------------------------------------  **/



@media (min-width: 768px){

#header {
	padding: 40px 30px;
}

.col {
	float: left;
	width: 49%;
	margin-left: 2%;
	*clear: right;
	background-color: #FFFFFF;
}

.col:first-child {
	margin-left: 0;
}

.cols:after {
	content: "";
	display: block;
	clear: both;
}

.cols {*zoom: 1}


/*	段ごとの横幅	*/
.col:first-child {
	width: 55%;
}

.col:first-child + .col {
	width: 43%;
}



}	/* ------------------------------------ @media */

#shop_img{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
}


#shop_img img {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}

#shop_img h2 {
	font-size: 18px;
	color: #FF6600;
	line-height: 1.4;
	margin: 0 0 10px 0;
}

#shop_img p {
	font-size: 14px;
	color: #333333;
	margin: 0 0 0 0;
}


#shop_info{
	width: 100%;
}

#shop_info h2 {
	background-color: #FFFFFF;
	background-image: url(../img/shop_info_001.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	color: #3366FF;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin: 0 0 10px 0;
	padding-left: 20px;
	line-height: 1.4;
}

#shop_info ul {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

#shop_info p {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 20px 0;
	padding: 0;
}





/**  フォームへの導線 -------------------------------------------------- **/

#to_form {
	width: 100%;
	margin-top: 30px;
	background-color: #FFFFFF;
	text-align: center;
}

#to_form a {
	display: block;
	background-image: url(../img/to_form_001.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width : 608px;
	height: 0;
	height /**/:46px;
	margin: 0 auto;
}

#to_form a:hover {
	background-image: url(../img/to_form_002.gif);
}


.button	{
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color: #FA0;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	margin: 30px 0px 30px 0px;
}

.button:hover,
.button:focus	{
	outline: none;
	background-color: #CF0;
}

/**  職種情報 ---------------------------------------------------------- **/

#job_header {
	width: 100%;
	margin: 0 0 0px 0;
	padding: 20px 0;
	background-color: #4682B4;
	text-align: left;
}

#job_header h2 {
	font-size: 18px;
	color: #FFFFFF;
	padding: 0 0 0 20px;
	margin: 0;
}


/**  職種詳細 ---------------------------------------------------------- **/

.job_info {
	width: 100%;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;

}

.job_info h3 {
	background-color: #87CEFA;
	margin: 0px 0 5px 0;
	text-align: left;
	font-size: 16px;
	color: #000000;
	padding: 5px 0 5px 10px;
}

.job_info table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}

.job_info td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 5px;
	width: 380px;
	font-size: 12px;
}

.job_info th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: bold;
	padding: 5px;
	width: 100px;
	text-align: center;
	font-size: 12px;
}

.job_img {
	width: 100%;
	margin-top: 15px;
	background-color: #FFFFFF;
}

.job_img img{
	width: 100%;
	margin-top : -5px;
}
	
.kiten {
	clear: both;
	
}


/**  フッター ---------------------------------------------------------- **/
#footer {
	width: 100%;
	padding: 20px 0;
	background-color: #DFE3E8;
	text-align: center;
	margin: 0px
}

#footer p{
	margin: 0 0 0px 0;
	font-size: 12px;
	line-height: 1.4;
}

/**  エラー ---------------------------------------------------------- **/
#err {
	width: 100%;
	text-align: center;
	font-size: 20px;
	margin: 150px 0;
	color: #FF0000;
}


/**  説明 ---------------------------------------------------------- **/
#exp {
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin: 150px 0;

}



/*	ページトップへ		***********************************************************/

#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:16px;
	bottom:16px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}


/* SSL表示
---------------------------------------------------------------------------------------- */

.sslinfo{
	margin: 30px 0 30px 0;
	padding: 10px 10px 10px 10px;
	border: solid 1px #DF0101;
}

.sslinfo .title{
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #DF0101;
	color: #FFFFFF;
}

.sslinfo .desc{
	color: #000000;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 0px 0;
}



/* メンテナンス表示
---------------------------------------------------------------- */

.mtinfo{ margin: 30px auto 10px auto; padding: 10px 10px 10px 10px;
			 border: solid 1px #DF0101; max-width: 900px; text-align: left; 
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkitbox-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 900px){
.mtinfo { margin: 30px 10px; }
}


.mtinfo .title{ margin: 0 0 10px 0; padding: 5px; font-size: 14px;
				    font-weight: bold;  line-height: 1.2; background-color: #DF0101;
					 color: #FFFFFF; }

.mtinfo .desc{ color: #000000; font-size: 14px; line-height: 1.4; margin: 0 0 0px 0; }

.mtinfo .mtdate{ color: #DF0101; 	font-size: 16px; 	line-height: 1.4; margin: 10px 0 10px 0; font-weight: bold; }