/* --------------------------------------------------------- */
/* ------------------共通・スタイルシート------------------- */
/* --------------------------------------------------------- */


/* ---------PC版-------- */

.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.meiryo {
	font-family: "メイリオ", Meiryo, sans-serif; 
}
p.update_time {
	text-align:right;margin-right:10px;font-size:12px;
}


h1.fonts22 { font-size:26px; line-height:1.2; font-family: "メイリオ", Meiryo, sans-serif; font-weight: normal; } 

p.fonts64 { font-size:64px; line-height:1.0;} 
p.fonts48 { font-size:48px; line-height:1.2;} 
p.fonts40 { font-size:42px; line-height:1.2;} 
p.fonts36 { font-size:38px; line-height:1.2;} 
p.fonts32 { font-size:34px; line-height:1.2;} 
p.fonts28 { font-size:32px; line-height:1.2;} 
p.fonts24 { font-size:28px; line-height:1.2;} 
p.fonts22 { font-size:26px; line-height:1.2;} 
p.fonts20 { font-size:24px; line-height:1.3;} 
p.fonts18 { font-size:22px; line-height:1.3;} 
p.fonts16 { font-size:20px; line-height:1.4;} 
p.fonts15 { font-size:16px; line-height:1.3;} 

h2 {font-size:22px;}

a {text-decoration: none;}


img.next_contents {
	color: #FFFFFF;
	padding:6px 0px 0px 0px;
}



* {font-family                 : "メイリオ", Meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}


/**
 * HTML Tag redefine
 */
body {
    margin                      : 0;
    padding                     : 0;
    background-color            : #f9f5ee;
    background-image            : url(images/bg_body.jpg);
    background-repeat           : repeat;
    background-position         : 0 0; 
    color                       : #000000;
    -webkit-text-size-adjust    : none;
}



a.page_top {
    position:fixed;
    bottom:30px;
    right:30px;
    padding:10px 10px;
    color:#fff;
    font-size:20px;
    text-decoration:none;
}


div.page_top {
	margin-top:0px;

}

img.page_top { 
    width:100px;
}

/* --------------------------------------------------------- */
/* ------------------- コンテンツ部分 ---------------------- */
/* --------------------------------------------------------- */

div.contents_padding01 { 
	padding:20px 30px 30px 30px; 
	line-height:1.4;
	font-size:14px;
} 

div.contents_padding02 { 
	padding:0px 0px 20px 20px; 
	line-height:1.4;
	font-size:14px;
} 

div.contents_padding03 { 
	padding:50px 80px 50px 50px; 
	line-height:1.4;
	font-size:12px;
} 

div.contents_padding04 { 
	padding:20px 30px 30px 30px; 
	line-height:1.4;
	font-size:14px;
} 


div.contents_padding05 { 
	padding:0px 0px 0px 0px; 
	line-height:1.4;
	font-size:14px;
} 


div.contents_padding06 {
	padding:20px 30px 30px 30px;
	line-height:1.4;
	font-size:14px;
	text-align:center;
} 

div.contents_padding07 { 
	padding:20px 50px 30px 0px; 
	line-height:1.4;
	font-size:14px;
} 


/* --------------------------------------------------------- */
/* --------------------- フッダー部分 ---------------------- */
/* --------------------------------------------------------- */

div.footerinfo {
color: #FFFFFF;
background-color:#ee4b6e;
background-repeat: repeat-y;
background-image: url("../images/color/purple01.png");
font-size: 20px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
padding:20px;
line-height:30px;

}


p.footerinfo { 
	margin-left:75px;
}

img.footerimg {
	width:250px;
	padding:15px;
	margin-right:75px;
	float:right;
}




/* --------------------------------------------------------- */
/* ------------------PC 横長版(1024-1250)------------------- */
/* --------------------------------------------------------- */


@media only screen and (min-width: 1024px) and (max-width: 1250px) {

	/* ---------PC版-------- */

	.logo_pc {
		width:195px;
		position:fixed;
		z-index:80;
		margin-left:5px;
		margin-top:8px;
		top:0px;
	}

	.img_specialist {width:620px;margin-top:30px;} 

	.p_specialist {text-align:center;}

}


/* --------------------------------------------------------- */
/* ------------------1024以上のケース----------------------- */
/* --------------------------------------------------------- */


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


	.non_pc { display:none; }

	.navmobile {
		display:none;
	}
	
	.tel_mobile { 
		display:none;
	} 
	
	.menu01 { 
		display:none;
	} 
	
	.logo_mobile {
		display:none;
	}
	
	.br-nonpc { display:none; }

	.img_specialist {width:620px;margin-top:30px;} 

	.p_specialist {text-align:center;}


}


/* --------------------------------------------------------- */
/* ------------------667px〜1023pxのケース------------------ */
/* --------------------------------------------------------- */


@media only screen and (min-width: 667px) and (max-width: 1023px) {

	.non_pc { display:none; }

	.non_mobile1 { display:none; }

	.navpc{
		display:none
	}
	
	.naturalist01 { 
		display:none;
	} 
	
	
	.naturalist02 { 
		display:none ;
	} 

	
	.logo_pc {
		display:none;
	}

	.tel_pc { 
		display:none;
	} 

	.logo_mobile {
		width:150px;
		position:fixed;
		z-index:80;
		margin-left:20px;
		margin-top:10px;
		top:0px;
	}
	
	.menu01 {
		position:fixed;
		z-index:100; 
		right:5px;
		top:0px;
		padding:6px;
		width:40px;	
	}


	.tel_mobile { 
		position:fixed;
		z-index:80; 
		right:60px;
		padding:2px;
		width:150px;
		top:0;
	} 


	div.pagetitle {
		margin-top:0px;
	}


	.br-sp { display:none; }


	.img_specialist {width:620px;margin-top:30px;} 

	.p_specialist {text-align:left;width:640px;}

	div.contents_padding04 { padding:0px 0px 0px 0px; } 

	div.company_info {width:100%;background:#FFF;fload:left;padding:10px;margin-left:0px;}

	div.products_info {width:100%; background:#ccc;text-align:left;padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;}





/* ---------モバイル版ナビゲーション-------- */

#nav > ul > li {
	list-style: none;
	float:left;
	margin-top:50px;
	width:20%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFFFFF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CAE3BF), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 50%, #CAE3BF 100%);
	background:-moz-linear-gradient(top, #fff 50%, #CAE3BF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#CAE3BF', GradientType=0 );
	background:linear-gradient(top, #fff 0%, #CAE3BF 100%);
	border:#FFFFFF solid 1px;

}

#nav > ul > li > a {
	list-style: none;
	display:block;
	height:40px;
	padding:10px 0 0 0;
	font-size:12px;
	color:#004E2D;

	text-align:center;
	text-decoration:none;
	background-size:35px 35px;
	-webkit-background-size:40px 40px;

}

/* ---------モバイル版コンテンツ部分-------- */

div.contents_padding01 { 
	padding:30px;
	line-height:24px;
	font-size:14px;
} 

p.series_name { line-height:1.2 }

/* ---------モバイル版フッダー部分-------- */

div.footerinfo {
	font-size:12px;
	line-height:20px;
}


img.footerimg {
	width:250px;
	padding:15px;
	float:none
}



p.footerinfo { 
	margin-left:10px;
}


h1.fonts22 { font-size:20px; } 

p.fonts64 { font-size:48px; } 
p.fonts48 { font-size:34px; } 
p.fonts40 { font-size:32px; } 
p.fonts36 { font-size:30px; } 
p.fonts32 { font-size:28px; } 
p.fonts28 { font-size:24px; } 
p.fonts24 { font-size:22px; } 
p.fonts22 { font-size:20px; } 
p.fonts20 { font-size:20px; } 
p.fonts18 { font-size:18px; } 
p.fonts16 { font-size:17px; } 
p.fonts15 { font-size:16px; } 


div.page_top {
	margin-top:0px;

}

img.page_top { 
    width:100px;
}



}


/* --------------------------------------------------------- */
/* ------------------667px以下のケース---------------------- */
/* --------------------------------------------------------- */


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


a.page_top {
    bottom:15px;
    right:15px;
}


div.page_top {
	margin-top:80px;

}

img.page_top { 
    width:80px;
}



.non_mobile { display:none; }
.non_mobile1 { display:none; }

.mobile_text_left {text-align:left;} 

.navpc{
	display:none
}



.logo_pc {
	display:none;
}

.logo_mobile {
	width:120px;
	position:fixed;
	z-index:80;
	margin-left:2px;
	margin-top:14px;
	top:0px;
}



.tel_mobile { 
	position:fixed;
	z-index:80; 
	right:50px;
	padding:5px;
	width:120px;
	top:0;
} 

.menu01 {
	position:fixed;
	z-index:100; 
	right:2px;
	top:0px;
	padding:7px;
	width:45px;
}


.interview_page {
	margin-top:10px; margin-right:0px; margin-left:0px;
}



#nav > ul > li {
	list-style: none;
	float:left;
	margin-top:50px;
	width:20%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#FFFFFF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CAE3BF), color-stop(0.00, #fff));
	background:-webkit-linear-gradient(top, #fff 50%, #CAE3BF 100%);
	background:-moz-linear-gradient(top, #fff 50%, #CAE3BF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#CAE3BF', GradientType=0 );
	background:linear-gradient(top, #fff 0%, #CAE3BF 100%);
	border:#FFFFFF solid 1px;

}

#nav > ul > li > a {
	list-style: none;
	display:block;
	height:40px;
	padding:10px 0 0 0;
	font-size:12px;
	color:#004E2D;

	text-align:center;
	text-decoration:none;
	background-size:35px 35px;
	-webkit-background-size:40px 40px;

}





.tel_pc { 
	display:none;
} 




div.pagetitle {
	margin-top:0px;
}


.br-sp { display:none; }


.img_specialist {width:98%;margin-top:30px;} 

.p_specialist {text-align:left;width:90%}


div.company_info {width:100%;background:#FFF;fload:left;padding:0px;margin-left:0px;}

div.products_info {width:100%; background:#ccc;text-align:center;padding:0px 0px 0px 0px;margin-left:0px;margin-right:0px;}

p.products_info {text-align:left;}

div.contents_padding04 { 
	padding:0px 0px 0px 0px; 
} 

div.contents_padding07 { 
	padding:0px 20px 20px 20px; 
} 


div.contents_padding06 {
	padding:30px 0px 0px 0px;
	text-align:center;
} 

div.line01 {padding:1px 0px 0px 0px;background:#000;width:95%;}
p.series_name { line-height:1.2 }

/* ---------モバイル版コンテンツ部分-------- */

div.contents_padding01 { 
	padding:20px;
	line-height:24px;
	font-size:14px;
} 



/* ---------モバイル版フッダー部分-------- */

div.footerinfo {
	font-size:12px;
	line-height:20px;
}



img.footerimg {
	width:250px;
	padding:10px;
	margin-left:0px;
	float:none
}




p.footerinfo { 
	margin-left:10px;
}

h1.fonts22 { font-size:18px; } 

p.fonts64 { font-size:32px; } 
p.fonts48 { font-size:28px; } 
p.fonts40 { font-size:28px; } 
p.fonts36 { font-size:28px; } 
p.fonts32 { font-size:24px; } 
p.fonts28 { font-size:22px; } 
p.fonts24 { font-size:20px; } 
p.fonts22 { font-size:18px; } 
p.fonts20 { font-size:18px; } 
p.fonts18 { font-size:17px; } 
p.fonts16 { font-size:16px; } 
p.fonts15 { font-size:13px; line-height:1.4; }

}





/* --------------------------------------------------------- */


div.topimage {
color: #000;
background-repeat: no-repeat;
background-image: url("../images/toppage_image.png");
font-size: 24px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
padding:0px;
background-position:center top;
}


p.topimage1 {
color: #000;
margin-left:50%;
font-size:30px;
padding:20px;
}

p.topimage2 {
color: #000;
margin-left:50%;
font-size:20px;
padding:20px;
}


div.sample {
color: #FFFFFF;
background-color:#39bd50;
background-repeat: repeat-y;
background-image: url("../images/color/green01.png");
font-size: 24px;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
padding:40px;
}



}