@charset "utf-8";

/* CSS Document */



html {

	text-align:center;

	background:url(../images/bg_body.gif) repeat-x top left;

	background-color:#000;

}



div.container{

	width:950px;

	margin:0 auto;

	text-align:justify;

	color:#FFF;

}





/*/////////////////  HEADER  //////////////////*/

div.head{

	width:950px;

	height:108px;

}



div.logo_area{

	margin:0;

	padding:0;

	width:950px;

	height:76px;

}



h1.logo{

	display:block;

	float:left;

	margin:0;

	padding:0;

	width:200px;

	height:76px;

	background:url(../images/logo.gif) no-repeat 20px 15px;

	text-indent:-9999px;

}



div.logo_area ul{

	display:block;

	float: right;

	margin-top:20px;

	padding:0;

	width:248px;

	height:30px;

	background:url(../images/logo_misumi.gif) no-repeat top right;

}





div.logo_area ul li{

	float:left;

	width:75px;

	height:16px;

	padding-left:10px;

}



div.logo_area ul a {
	display:block;
	width:75px;
	height:16px;
	text-indent:-9999px;
	line-height:1px;
}
div.logo_area ul a.btn_web{
	background:url(../images/btn_web.gif) no-repeat left top;
}
div.logo_area ul a.btn_world{
	background:url(../images/btn_world.gif) no-repeat left top;
}
div.logo_area ul a:hover {
	background-position:left bottom;
}










h2.title_main{

	display:block;

	margin:0;

	padding:0;

	width:950px;

	height:32px;

	background:url(../images/title_main.gif) no-repeat 20px 0;

	text-indent:-9999px;

}



/*/////////////////  CONTENTS  //////////////////*/



div.mv{

	height:450px;

	background:url(../images/mv.jpg) no-repeat top right;

	margin-top:50px;

}



div.mv h2{

	width:237px;

	height:80px;

	background:url(../images/title_concept.gif) no-repeat bottom right;

	text-indent:-9999px;

	padding:0 0 0 20px;

}



div.mv p{

	width:480px;

	padding:20px 0 0 20px;

}



div.mv ul{

	width:950px;

	padding-top:110px;

}



div.mv ul li{

	float:left;

	width:213px;

	height:84px;

	padding-left:20px;

}



div.mv ul a.btn01{

	display:block;

	width:213px;

	height:84px;

	background:url(../images/btn01.gif) no-repeat top left;

	text-indent:-9999px;

}



div.mv ul a.btn02{

	display:block;

	width:213px;

	height:84px;

	background:url(../images/btn02.gif) no-repeat top left;

	text-indent:-9999px;

}



div.mv ul a.btn03{

	display:block;

	width:213px;

	height:84px;

	background:url(../images/btn03.gif) no-repeat top left;

	text-indent:-9999px;

}



div.mv ul a.btn04{

	display:block;

	width:213px;

	height:84px;

	background:url(../images/btn04.gif) no-repeat top left;

	text-indent:-9999px;

}



div.mv ul a:hover{background-position:bottom left;}





div.back_area{

	padding-top:10px;

	width:900px;

}

div.back_area a.link_to_top{

	display:block;

	float:right;

	width:65px;

	height:31px;

	background:url(../images/btn_top.gif) no-repeat top right;

	text-indent:-9999px;

}



div.back_area a:hover{background-position:bottom left;}











div.col p{

	float:left;

	width:410px;

	padding:30px 0 0 20px;

}



div.col img{

	float:right;

	margin:30px 40px 0 0;

}



div#posi01 { padding-top:20px; }

div#posi02 { padding-top:20px; }

div#posi03 { padding-top:20px; }

div#posi04 { padding-top:20px; }





/*--- 01 ---*/

div.con01{

	margin:70px 0 100px 20px;

}



div.con01 h3{

	width:910px;

	height:46px;

	background:url(../images/title01.gif) no-repeat top left;

	text-indent:-9999px;

}



div.con01 h4{

	width:910px;

	height:46px;

	margin:50px 0 0 20px;

	background:url(../images/sub01.gif) no-repeat top left;

	text-indent:-9999px;

}



div.col img.img01{

	padding:0 30px 0 0;

}







/*--- 02 ---*/

div.con02{

	margin:100px 0 100px 20px;

}



div.con02 h3{

	width:910px;

	height:46px;

	background:url(../images/title02.gif) no-repeat top left;

	text-indent:-9999px;

}



div.con02 h4{

	width:910px;

	height:46px;

	margin:50px 0 0 20px;

	background:url(../images/sub02.gif) no-repeat top left;

	text-indent:-9999px;

}





div.col img.img02{

	padding:20px 20px 0 0;

}









/*--- 03 ---*/

div.con03{

	margin:100px 0 100px 20px;

}



div.con03 h3{

	width:910px;

	height:46px;

	background:url(../images/title03.gif) no-repeat top left;

	text-indent:-9999px;

}



div.con03 h4{

	width:910px;

	height:46px;

	margin:50px 0 0 20px;

	background:url(../images/sub03.gif) no-repeat top left;

	text-indent:-9999px;

}









/*--- 04 ---*/

div.con04{

	margin:100px 0 100px 20px;

}



div.con04 h3{

	width:910px;

	height:46px;

	background:url(../images/title04.gif) no-repeat top left;

	text-indent:-9999px;

}



div.con04 h4{

	width:910px;

	height:46px;

	margin:50px 0 0 20px;

	background:url(../images/sub04.gif) no-repeat top left;

	text-indent:-9999px;

}





















/*/////////////////  FOOTER  //////////////////*/

span.none{

	display:none;

}



#footer {

	height:37px;

}

#foot_cont {

	width:880px;

	margin-left:auto;

	margin-right:auto;

	margin-bottom:20px;

	text-align:center;

	border: 1px solid #686868;

}

#foot_navi {

	width:850px;

	text-align: center;

	float:left;

	padding:0px 0px 0px 10px;

}

#foot_navi ul {

	float:left;

	padding:0px;

	margin:0px;

	width:400px;

}

#foot_navi li {

	float:left;

	margin:5px 3px 5px 3px;

}

#foot_navi li.fleft {

	float:left;

	padding:0px 0px 0px 0px;

}

.foot_box {

	padding:10px;

}



.ft_mark_misumi {

	background-image:url(../images/head_v4.png);

	background-position: -530px -0px;

	background-repeat: no-repeat;

	width: 32px;

	height: 32px;

	display: block;

	float:left;

}

.ft_misumi {

	width: 32px;

	height: 32px;

	margin: 8px 0px 0px 8px;

	float:left;

}

.ft_tt_banar a {

	background-image:url(../images/head_v4.png);

	background-position: -750px -0px;

	background-repeat: no-repeat;

	width: 120px;

	height: 50px;

	display: block;

	float:right;

	margin: 0px 0px 0px 0px;

}

.fmark_aus {

	background-image:url(../images/head_v4.png);

	background-position: -450px -0px;

	background-repeat: no-repeat;

	width: 20px;

	height: 15px;

	display: block;

	float:left;

}

.fmark_env {

	background-image:url(../images/head_v4.png);

	background-position: -470px -0px;

	background-repeat: no-repeat;

	width: 20px;

	height: 15px;

	display: block;

	float:left;

}

.fmark_wdwd {

	background-image:url(../images/head_v4.png);

	background-position: -490px 2px;

	background-repeat: no-repeat;

	width: 20px;

	height: 23px;

	display: block;

	float:left;

}

.fmark_mweb {

	background-image:url(../images/head_v4.png);

	background-position: -450px 2px;

	background-repeat: no-repeat;

	width: 20px;

	height: 23px;

	display: block;

	float:left;

}

.fmark_sitemap {

	background-image:url(../images/head_v4.png);

	background-position: -510px -0px;

	background-repeat: no-repeat;

	width: 20px;

	height: 15px;

	display: block;

	float:left;

}

.fmark_inq {

	background-image:url(../images/head_v4.png);

	background-position: -430px -0px;

	background-repeat: no-repeat;

	width: 20px;

	height: 15px;

	display: block;

	float:left;

}

.copylight {

	display:block;

	float:right;

	font-size:10px;

	color:#ffffff;

	padding:8px 0px 0px 20px;

}