﻿/* s-labtop【公式サイト】

------------------------------------------------- */

body {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */


	width: 900px;

	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;

	background-color: #ffffff;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}



/* 全体囲み　div
-------------------------------------------------
------------------------------------------------- */
#fullbox {
	width: 900px;

}


/* オープニング　div
-------------------------------------------------
------------------------------------------------- */
#opening {
 	background-image: url(image/slab-botan1-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* ヘッダー　div
-------------------------------------------------
------------------------------------------------- */
#header {
	width: 600px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* 仕事　div
-------------------------------------------------
------------------------------------------------- */
#job {
	background-image: url(image/slab-botan2-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* お問い合わせ・仕事内容　div
-------------------------------------------------
------------------------------------------------- */
#access {
	background-image: url(image/slab-botan3-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* 料金　div
-------------------------------------------------
------------------------------------------------- */
#order {
	background-image: url(image/slab-botan4-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* ぷりん　div
-------------------------------------------------
------------------------------------------------- */
#purin {
	background-image: url(image/slab-botan5-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* フェイスブック　div
-------------------------------------------------
------------------------------------------------- */
#fb {
	background-image: url(image/slab_fb_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 538px;
	height: 296px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;

	padding-top: 4px;
	padding-right: auto;
	padding-left: 37px;

	float: left;
}

/* 青月　div
-------------------------------------------------
------------------------------------------------- */
#aotsuki {
	background-image: url(image/aotsuki_2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* 世乃　div
-------------------------------------------------
------------------------------------------------- */
#seno {
	background-image: url(image/slab-botan7-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}

/* ヒロ　div
-------------------------------------------------
------------------------------------------------- */
#hiro {
	background-image: url(image/slab-botan8-2.jpg);
	width: 300px;
	height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: left;
}











/* リンク範囲に色
------------------------------------------------- */
.link:hover { 
	background-color: #ffffff;
	opacity: 0.1;
}








/* 画像の下にできた隙間を消す
-------------------------------------------------
------------------------------------------------- */
img {
	vertical-align: bottom;
}


/* フッター 
-------------------------------------------------
------------------------------------------------- */
#footer {
	width: 900px;

	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	clear: both;
}

/* コピーライト div 
------------------------------------------------- */
#copy {
	width: 900px;
	height: 20px;

	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;

	font-size: 14px;
	text-align: center;
}



/* スマホ向け表示 div 
------------------------------------------------- */
#mobile_botan {
	width: 414px;

	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}




