@charset "utf-8";
/* ---------------------------------
  メインコンテンツ
------------------------------------*/
@media screen and (min-width: 641px){

body#company section .container{
	width: 1100px;
	height: auto;
	margin: 0 auto 80px;
	}

body#company header .container .siteName a{
    width: 276px;
    height: 28px;
    background-image: url(../images/header_rogo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -10000px;
    float: left;
}	
body#company .mainview h1{
	width: 1400px;
	height: 242px;
	background-image: url(../../company/images/mainview.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto 80px;
	text-indent: -10000px;
	}
	
body#company .intro{
	width: 1100px;
	height: 300px;
	margin: 0 auto 80px;
	position: relative;
	}	
	
body#company .intro h2{
	width: 1100px;
	height: 175px;
	background-image: url(../../company/images/intro1.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 180px;
	margin: 0 auto;
	text-indent: -10000px;
	z-index: 1;
	}
	
body#company .group{
	width: 1100px;
	height: 150px;
	background-image: url(../../company/images/intro2.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	text-indent: -10000px;
	position: absolute;
	top: 155px;
	left: 0px;
	}
	
body#company #overview .container{
	width: 1000px;
	height: auto;
	background-color: #e5f3f9;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #overview h3{
	width: 1000px;
	height: 59px;
	background-image: url(../../company/images/hl_overview.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #overview dl{
	width: 860px;
	height: 60px;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	line-height: 60px;
	}
	
body#company #overview dl.line{
	width: 860px;
	border-top: solid 1px #b0adb2;
	}	
	
body#company #overview dt{
	width: 186px;
	float: left;
	display: inline;
	font-weight: 600;
	}
body#company #overview dd{
	float: left;
	display: inline;
	font-weight: 500;
	}
	
body#company #history .container{
	width: 1000px;
	height: auto;
	background-color: white;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #history h3{
	width: 1000px;
	height: 70px;
	background-image: url(../../company/images/hl_history.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #history dl{
	width: 860px;
	height: 60px;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	line-height: 60px;
	}
	
body#company #history dl.line{
	width: 860px;
	border-top: solid 1px #b0adb2;
	}	
	
body#company #history dt{
	width: 186px;
	float: left;
	display: inline;
	font-weight: 600;
	}
body#company #history dd{
	float: left;
	display: inline;
	font-weight: 500;
	}
	
body#company #business .container{
	width: 1000px;
	height: auto;
	background-color: #e5f3f9;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #business h3{
	width: 1000px;
	height: 70px;
	background-image: url(../../company/images/hl_business.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #business li{
	width: 860px;
	height: 60px;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	line-height: 60px;
	}
	
body#company #business li.line{
	width: 860px;
	border-top: solid 1px #b0adb2;
	}	
}
/* ---------------------------------
  メインコンテンツ
------------------------------------*/
@media screen and (max-width: 640px){
	
body#company header .container .siteName a{
    width: 276px;
    height: 58px;
    background-image: url(../images/header_rogo.png);
    background-repeat: no-repeat;
    background-position: 0 30px;
    text-indent: -10000px;
    float: left;
}	
	
body#company section .container{
	width: auto;
	height: auto;
	margin: 0 auto 80px;
	}

body#company .mainview h1{
	width: auto;
	height: 242px;
	background-image: url(../../company/images/mainview.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 80px;
	text-indent: -10000px;
	}
	
body#company .intro{
	width: auto;
	height: 500px;
	margin: 0 auto 80px;
	position: relative;
	}	
	
body#company .intro h2{
	width: 580px;
	height: 74px;
	background-image: url(../../company/images/intro1_sp.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 30px;
	margin: 0 auto;
	text-indent: -10000px;
	z-index: 1;
	}
	
body#company .group{
	width: 580px;
	height: 390px;
	background-image: url(../../company/images/intro2_sp.png);
	background-repeat: no-repeat;
	text-align: center;
	margin: 0 auto;
	text-indent: -10000px;
	position: absolute;
	top: 115px;
	left: 30px;
	}
	
body#company #overview .container{
	width: auto;
	height: auto;
	background-color: #e5f3f9;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #overview h3{
	width: auto;
	height: 59px;
	background-image: url(../../company/images/hl_overview.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #overview dl{
	width: auto;
	height: auto;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	padding: 20px;
	}
	
body#company #overview dl.line{
	width: auto;
	border-top: solid 1px #b0adb2;
	}	
	
body#company #overview dt{
	width: auto;
	display: inline;
	font-weight: 600;
	}
body#company #overview dd{
	font-weight: 500;
	}
	
body#company #overview dd.mail{
	font-size: 0.7em;
	font-weight: 500;
	min-width: 560px;
	}	
	
body#company #history .container{
	width: auto;
	height: auto;
	background-color: white;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #history h3{
	width: auto;
	height: 70px;
	background-image: url(../../company/images/hl_history.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #history dl{
	width: auto;
	height: auto;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	padding: 20px;
	}
	
body#company #history dl.line{
	width: auto;
	border-top: solid 1px #b0adb2;
	}	
	
body#company #history dt{
	width: auto;
	font-weight: 600;
	}
body#company #history dd{
	font-weight: 500;
	}
	
body#company #business .container{
	width: auto;
	height: auto;
	background-color: #e5f3f9;
	margin: 0 auto 50px;
	padding: 50px 50px;
	box-shadow: 2px 2px 10px 2px #ddd9e0;
	}
	
body#company #business h3{
	width: auto;
	height: 70px;
	background-image: url(../../company/images/hl_business.png);
	background-repeat: no-repeat;
	background-position: center 0;
	margin: 0 auto 50px;
	text-indent: -10000px;
	}
		
body#company #business li{
	width: auto;
	height: 60px;
	margin: 0 auto;
	border-bottom: solid 1px #b0adb2;
	line-height: 60px;
	}
	
body#company #business li.line{
	width: auto;
	border-top: solid 1px #b0adb2;
	}	
}