@charset "UTF-8";

*{
	margin:0px;
	padding:0px;
}

img{
	vertical-align:top;
	max-width:100%;
}

body{
	font-size:93.75%;
	line-height:2.0;
	text-align:center;
	/*color:#1E1310;*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","メイリオ","Meiryo",sans-serif;
	background-color:#FFFFFF;
	border-top:solid 1px #8f8988;
}

li{
	margin-bottom:1em;
}

ul li{
	list-style-type:none;
}

strong,em{
	font-weight:bold;
}

h1,h2,h3,h4,h5,p,ul,ol,dl,table{
	margin-bottom:2em;
}

h1,h2,h3,h4,h5{
	font-size:100%;
}

a:link		{ color:#004483; text-decoration:underline; }
a:visited	{ color:#0066a5; text-decoration:none; }
a:hover		{ color:#004483; text-decoration:none; }
a:active	{ text-decoration:underline; }

a img{
	border:none;
}

pre{
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code{
	font-family: Monaco, Consolas, monospace;
}

table{
	font-size:100%;
	background-color:#FFFFFF;
	border-collapse:collapse;
}

th,td{
	text-align:left;
	border:solid 1px #DDDDDD;
	padding:7px 20px;
}

th{
	background-color:#EEEEEE;
}

.labo_clear_fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.labo_dl_2col:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.labo_dl_2col{
	line-height:1.6;
}

.labo_dl_2col dt{
	clear:both;
	float:left;
	width:8em;
	margin:0px 0px 5px 0px;
}

.labo_dl_2col dd{
	margin:0px 0px 5px 9em;
}

.labo_lead p{
	color:#fff;
	margin-bottom:28px;
}

/*** 基本レイアウト ***/

#labo_header,
#labo_slide,
#labo_contents,
#labo_contents2,
#labo_footer{
	/*border-top:solid 4px #00fffa;*/
	width:100%;
	text-align:center;
}

#labo_contents_in,
#labo_contents2_in{
	width:1140px;
	margin:0 auto;
}

#labo_header_in,
#labo_footer_in{
	width:1024px;
	margin:0 auto;
	/*border:1px solid #333;*/
}




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

#labo_header{
	min-height:117px;
	/*background-color:#ccc;*/
	background-image:url(../images/header_bg.png)!important;
	background-repeat:repeat-x!important;
	background-position:top!important;
	padding:0!important;
	z-index: 10;
	/*border:1px solid #000;*/
	position:fixed;
}


#labo_header_in{
	position:relative;
	background-color:transparent;
}


#labo_site_logo{
	position:absolute;
	top:8px;
	left:0;
}

#labo_header h1{
	margin:0 0 20px 0;
}


#labo_gnavi{
	position:absolute;
	right:0px;
	top:32px;
}


#labo_gnavi li{
	margin-right:56px;
	vertical-align:middle;
	float:left;
}


li.mm {
	margin-top:-30px!important;
	margin-right:0!important;
}


/****slide****/

#labo_slide {
	/*background-color:#E9E4E4;*/
	min-height:700px;
	margin-top:68px!important;
	padding-bottom:20px;
	z-index: 1;
	position:static;
	top:60px;
	/*margin-bottom:-140px!important;*/
}


#labo_slide_in {
	background-color:transparent;
	margin:0 auto;
}


/*** コンテンツ ***/

#labo_main_visual{
	height:900px;
	/*height:853px;*/
	background:#FFF url('../img/bgi_main_mobile_summer.jpg') no-repeat center bottom;
	/*background:#FFF url('../img/bgi_main_mobile.jpg') no-repeat center bottom;*/
	background-size:cover;
}


#labo_contents {
	text-align:center;
	margin-top:100px;
	padding-top:40px;
	margin-bottom:-30px;
}

#labo_contents_in {
	margin:20px auto;
}



/*** フッター ***/
#labo_footer{
	color:#FFF;
	font-size:10px;
	background-color:#CCC!important;
	padding:20px 0;
	min-height:50px!important;
	margin-top:0!important;
	position:bottom fixed!important;
	z-index: 11!important;
}

#labo_footer a {
	color:#fff;
}

#labo_footer_in{
	position:relative;
}


#labo_footer_logo {
	position:absolute;
	top:8;
	left:0;
	margin-bottom:20px;
}

#labo_footer_navi {
	position:absolute;
	top:16px;
	left:200px;
	letter-spacing:1px;
}

#labo_conpyright{
	position:absolute;
	top:16px;
	right:0;
}

#labo_footer p{
	margin-bottom:10px;
}




/*** common ***/

.labo_no_background{
	background:none !important;
}

.labo_no_margin{
	margin:0px !important;
}

.labo_no_padding{
	padding:0px !important;
}

.labo_no_border{
	border:none !important;
}

.labo_margin_t_5{ margin-top:5px !important; }
.labo_margin_t_10{ margin-top:10px !important; }
.labo_margin_t_15{ margin-top:15px !important; }
.labo_margin_t_20{ margin-top:20px !important; }
.labo_margin_t_25{ margin-top:25px !important; }
.labo_margin_t_30{ margin-top:30px !important; }
.labo_margin_t_35{ margin-top:35px !important; }
.labo_margin_t_40{ margin-top:40px !important; }
.labo_margin_t_50{ margin-top:50px !important; }

.labo_margin_r_5{ margin-right:5px !important; }
.labo_margin_r_10{ margin-right:10px !important; }
.labo_margin_r_15{ margin-right:15px !important; }
.labo_margin_r_20{ margin-right:20px !important; }
.labo_margin_r_25{ margin-right:25px !important; }
.labo_margin_r_30{ margin-right:30px !important; }
.labo_margin_r_35{ margin-right:35px !important; }
.labo_margin_r_40{ margin-right:40px !important; }
.labo_margin_r_50{ margin-right:50px !important; }

.labo_margin_b_5{ margin-bottom:5px !important; }
.labo_margin_b_10{ margin-bottom:10px !important; }
.labo_margin_b_15{ margin-bottom:15px !important; }
.labo_margin_b_20{ margin-bottom:20px !important; }
.labo_margin_b_25{ margin-bottom:25px !important; }
.labo_margin_b_30{ margin-bottom:30px !important; }
.labo_margin_b_35{ margin-bottom:35px !important; }
.labo_margin_b_40{ margin-bottom:40px !important; }
.labo_margin_b_50{ margin-bottom:50px !important; }

.labo_margin_l_5{ margin-left:5px !important; }
.labo_margin_l_10{ margin-left:10px !important; }
.labo_margin_l_15{ margin-left:15px !important; }
.labo_margin_l_20{ margin-left:20px !important; }
.labo_margin_l_22{ margin-left:22px !important; }
.labo_margin_l_23{ margin-left:23px !important; }
.labo_margin_l_25{ margin-left:25px !important; }
.labo_margin_l_30{ margin-left:30px !important; }
.labo_margin_l_35{ margin-left:35px !important; }
.labo_margin_l_40{ margin-left:40px !important; }
.labo_margin_l_50{ margin-left:50px !important; }
.labo_margin_l_80{ margin-left:80px !important; }
.labo_margin_l_100{ margin-left:100px !important; }


.labo_padding_t_5{ padding-top:5px !important; }
.labo_padding_t_10{ padding-top:10px !important; }
.labo_padding_t_15{ padding-top:15px !important; }
.labo_padding_t_20{ padding-top:20px !important; }
.labo_padding_t_25{ padding-top:25px !important; }
.labo_padding_t_30{ padding-top:30px !important; }
.labo_padding_t_35{ padding-top:35px !important; }
.labo_padding_t_40{ padding-top:40px !important; }
.labo_padding_t_50{ padding-top:50px !important; }

.labo_padding_r_5{ padding-right:5px !important; }
.labo_padding_r_10{ padding-right:10px !important; }
.labo_padding_r_15{ padding-right:15px !important; }
.labo_padding_r_20{ padding-right:20px !important; }
.labo_padding_r_25{ padding-right:25px !important; }
.labo_padding_r_30{ padding-right:30px !important; }
.labo_padding_r_35{ padding-right:35px !important; }
.labo_padding_r_40{ padding-right:40px !important; }
.labo_padding_r_50{ padding-right:50px !important; }

.labo_padding_b_5{ padding-bottom:5px !important; }
.labo_padding_b_10{ padding-bottom:10px !important; }
.labo_padding_b_15{ padding-bottom:15px !important; }
.labo_padding_b_20{ padding-bottom:20px !important; }
.labo_padding_b_25{ padding-bottom:25px !important; }
.labo_padding_b_30{ padding-bottom:30px !important; }
.labo_padding_b_35{ padding-bottom:35px !important; }
.labo_padding_b_40{ padding-bottom:40px !important; }
.labo_padding_b_50{ padding-bottom:50px !important; }

.labo_padding_l_5{ padding-left:5px !important; }
.labo_padding_l_10{ padding-left:10px !important; }
.labo_padding_l_15{ padding-left:15px !important; }
.labo_padding_l_20{ padding-left:20px !important; }
.labo_padding_l_23{ padding-left:23px !important; }
.labo_padding_l_25{ padding-left:25px !important; }
.labo_padding_l_30{ padding-left:30px !important; }
.labo_padding_l_35{ padding-left:35px !important; }
.labo_padding_l_40{ padding-left:40px !important; }
.labo_padding_l_50{ padding-left:50px !important; }

.labo_padding_5{ padding:5px !important; }
.labo_padding_10{ padding:10px !important; }
.labo_padding_15{ padding:15px !important; }
.labo_padding_20{ padding:20px !important; }
.labo_padding_25{ padding:25px !important; }


/*  CONCEPT */

#labo_contents.concept {
	background-image:url(../../concept/images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	/*margin-bottom:0;*/
}

#labo_contents_in.concept {
	background-image:url(../../concept/images/bg_contents_in.png);
	background-repeat:no-repeat;
	min-height:1395px;
}

#labo_contents.info {
	background-color:#fff;
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:static;
	/*margin-bottom:0;*/
	z-index:4;
}


#labo_contents2.info{
	background-color:#FDEBD8;
	padding:40px 0;
	margin-bottom:-30px;
}

#labo_contents2_in table {
	margin:20px auto;
}


ul.labo_goal{
	margin-left:290px;
	min-height:100px;
}

ul.labo_goal li {
	float:left;
	margin-right:20px;
	list-style-type:none;
}

/*  SERVICE */

#labo_contents.service {
	background-image:url(../../service/images/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center -250px;
	min-height:450px;
	/*margin-bottom:0;*/
}

#labo_contents_in.service {
	background-image:url(../../service/images/bg_contents_in.png);
	background-repeat:no-repeat;
	min-height:335px;
}

/*  WORKS */

#labo_contents.works {
	min-height:4980px;
	background-image:url(../../works/images/bg.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	/*margin-bottom:0;*/
}

#labo_contents_in.works{
	position:relative;
	margin-top:50px;
}

p#w01 {
	position:absolute;
	top:20px;
	left:80px;
}

p#w02 {
	position:absolute;
	top:-20px;
	left:650px;
}

p#w03 {
	position:absolute;
	top:380px;
	left:200px;
}

p#w04 {
	position:absolute;
	top:2100px;
	left:590px;
	
}

p#w05 {
	position:absolute;
	top:900px;
	left:0;
}

p#w06 {
	position:absolute;
	top:1080px;
	left:540px;
}

p#w07 {
	position:absolute;
	top:4217px;
	left:243px;
}

p#w08 {
	position:absolute;
	top:1660px;
	left:600px;
}

p#w09 {
	position:absolute;
	top:1900px;
	left:240px;
}

p#w10 {
	position:absolute;
	top:700px;
	left:650px;
	
}

p#w11 {
	position:absolute;
	top:2300px;
	left:40px;
}

p#w12 {
	position:absolute;
	top:2600px;
	left:644px;
}

p#w13 {
	position:absolute;
	top:2850px;
	left:80px;
}

p#w14 {
	position:absolute;
	top:3020px;
	left:610px;
}

p#w15 {
	position:absolute;
	top:3402px;
	left:74px;
}

p#w16 {
	position:absolute;
	top:3834px;
	left:107px;
}

p#w17 {
	position:absolute;
	top:3662px;
	left:577px;
}

p#w18 {
	position:absolute;
	top:1400px;
	left:30px;
}

#labo_contents.portfolio {
	background-image:url(../../works/images/bg2.png)!important;
	background-position:center 0px;
	background-repeat:no-repeat;
	/*margin-bottom:0;*/
}

table.labo_tbl {
	background-color:transparent!important;
	border:none!important;
	width:800px;
	margin:0 auto 40px auto;
}

table.labo_tbl th,
table.labo_tbl td {
	background-color:transparent!important;
	border:none!important;
}

table.labo_tbl th {
	width:200px!important;
}

.labo_input {
border:0;
padding:8px;
font-size:1.3em;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.myButton {
	background-color:#44c767;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	padding:12px 40px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2f6627;
}

.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}

/*メルマガバックナンバー*/
#labo_contents.mm {
	background-color:#ececec;
}