@charset "UTF-8";
/* CSS Document */

#container {
	text-align: left;
	margin: 0 auto;
	padding:0;
	height:auto;
}
/* h-wrap----------------------------------*/
#h-wrap {
	height:auto;
	width:960px;
	padding:0;
	margin: 0 auto;
}
#header {
	height:auto;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#header h1 a, #header h2 {
	text-indent: -1000em;
	display: block;
	overflow: hidden;
	height: 133px;
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
#header h1 a {
	background-image: url(../../common/images/logo.gif);
	width: 224px;
}
#flash {
	height: 450px;
	width: 900px;
	clear: both;
	background-color: #FCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#imagepic h1 {
	height: 300px;
	width: 960px;
	text-indent: -1000em;
	display: block;
	overflow: hidden;
	background-image: url(images/header_img.png);
	margin-bottom: 5px;
}
/* c-wrap----------------------------------*/
#c-wrap {
	height:auto;
	padding:0;
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
/* nav----------------------*/
#nav {
	width: 100%;
	background-image: url(../common/images/bg_nav.gif);
	background-repeat: repeat-x;
}
#nav ul {
	margin: 0px auto;
	height: 50px;
	width: 962px;
}
#nav ul li {
	float: left;
}
#nav ul a {
	background-position: 0px 0px;
	width: 160px;
	height: 50px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}
#nav ul li .thispage {
	background-position: left bottom;
}
#nav ul .n1 a {
	background-image: url(../common/images/nav01.gif);
	height: 50px;
	width: 161px;
}
#nav ul .n2 a {
	background-image: url(../common/images/nav02.gif);
}
#nav ul .n3 a {
	background-image: url(../common/images/nav03.gif);
}
#nav ul .n4 a {
	background-image: url(../common/images/nav04.gif);
}
#nav ul .n5 a {
	background-image: url(../common/images/nav05.gif);
}
#nav ul .n6 a {
	background-image: url(../common/images/nav06.gif);
	height: 50px;
	width: 161px;
}
#nav ul li a:hover, #nav ul li a:active {
	background-position: left bottom;
}
#wrap {
	height: auto;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
/* sidebar----------------------*/
#sidebar {
	float: left;
	height: auto;
	width: 230px;
	margin-top: 30px;
}
#sidebar ul {
}
#sidebar ul li {
	margin-bottom: 10px;
}
#sidebar ul li a {
	background-position: 0px 0px;
	width: 210px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}
#sidebar ul .s1 a {
	background-image: url(images/s_yurai.gif);
	height: 47px;
}
#sidebar ul .s2 a {
	background-image: url(images/s_mail.gif);
	height: 47px;
}
#sidebar ul .s3 a {
	background-image: url(images/s_dial.gif);
	height: 146px;
}
#sidebar ul .s1 a:hover, #sidebar ul .s1 a:active {
	background-position: left bottom;
}
/* p-Area----------------------*/
#p-Area {
	display: block;
	float: left;
	height: auto;
	width: 960px;
	text-align: right;
	margin-top: 20px;
}
#p-Area span {
	color: #FF6699;
	font-weight: bold;
}
/* maincts----------------------*/
#maincts {
	float: left;
	height: auto;
	width: 700px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#maincts h2 {
	text-indent: -1000px;
	display: block;
	height: 80px;
	width: 700px;
	overflow: hidden;
}
#maincts h3 {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 53px;
	width: 700px;
}
#maincts h5 {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 53px;
	width: 700px;
}
#maincts h4 {
	text-indent: -1000px;
	display: block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
	height: 53px;
	width: 700px;
}	
#maincts.message h2 {
	background-image: url(images/obi02.gif);
}
#maincts.strength h2 {
	background-image: url(images/obi03.gif);
}
#maincts.division h2 {
	background-image: url(images/obi04.gif);
}
#maincts.recruit h2 {
	background-image: url(images/obi05.gif);
}
#maincts.company h2 {
	background-image: url(images/obi06.gif);
}
#maincts.privacy h2 {
	background-image: url(images/obi07.gif);
}
#maincts.sitemap h2 {
	background-image: url(images/obi08.gif);
}
#maincts.logo h2 {
	background-image: url(images/obi09.gif);
}
#maincts.news h2 {
	background-image: url(images/obi10.gif);	
}
#maincts.message h3 {
	background-image: url(images/t_message.gif);
}
#maincts.division h3 {
	background-image: url(images/t_works01.gif);
}
#maincts.recruit h3 {
	background-image: url(images/t_arbeit.gif);
}
#maincts.logo h3 {
	background-image: url(images/t_logo.gif);
}
#maincts.division h4 {
	background-image: url(images/t_works02.gif);
}
#maincts.division h5 {
	background-image: url(images/t_works03.gif);
}
/* 共通----------------------------------*/	
#maincts .box {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
}
#maincts .box p {
	margin-top: 10px;
}
#maincts .box .represent {
	text-align: right;
	margin-top: 30px;
	margin-bottom: 30px;
}
#maincts .box .box-title {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}
#maincts .box .title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}
/* privacy----------------------------------*/	
#maincts.privacy .course {
	width: 600px;
	margin-left: 30px;
}
/* division----------------------------------*/	

#maincts.division #com-box {
	overflow: hidden;
	margin-top: 30px;
	border: 0px;
}
#maincts.division .box.nonline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#maincts.division .box {
	float: left;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
}
#maincts.division .box .cts {
	float: left;
	width: 200px;
	padding-top: 20px;
	color:#0066FF;
	font-weight: bold;
	font-size: 13px;
}

#maincts.division .box .summary {
	float: left;
	width: 460px;
	padding-top: 20px;
}
#maincts.division .box p {
	margin: 0px;
	padding-left: 20px;
}
/* recruit----------------------------------*/	
#maincts.recruit #rec-box {
	overflow: hidden;
	margin-top: 30px;
	border: 2px solid #CCC;
}
#maincts.recruit .box.nonline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#maincts.recruit .box {
	float: left;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#maincts.recruit .box .summary {
	background-color: #DEDEDE;
	float: left;
	width: 110px;
	height: 80px;
	padding-top: 20px;
	color: #666;
	font-weight: bold;
	font-size: 13px;
}
#maincts.recruit .box .long {
	background-color: #DEDEDE;
	float: left;
	width: 110px;
	height: 170px;
	padding-top: 20px;
	color: #666;
	font-weight: bold;
	font-size: 13px;
}

#maincts.recruit .box .cts {
	float: left;
	width: 530px;
	padding-top: 20px;
}
#maincts.recruit .box p {
	margin: 0px;
	padding-left: 20px;
}
/* company----------------------------------*/	
#maincts.company #com-box {
	overflow: hidden;
	margin-top: 30px;
	border: 2px solid #CCC;
}
#maincts.company .box.nonline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#maincts.company .box {
	float: left;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#maincts.company .box .summary {
	background-color: #DEDEDE;
	float: left;
	width: 130px;
	height: 65px;
	padding-top: 20px;
	color: #666;
	font-weight: bold;
	font-size: 13px;
}

#maincts.company .box .cts {
	float: left;
	width: 530px;
	padding-top: 20px;
}
#maincts.company .box p {
	margin: 0px;
	padding-left: 20px;
}
/* logo----------------------------------*/	
#maincts.logo .box h2 {
	margin: 0px;
	background-image: url(../common/images/logo.gif);
	text-indent: -1000em;
	display: block;
	height: 133px;
	width: 224px;
	overflow: hidden;
	border: 2px solid #E7E7E7;
	float: right;
	background-repeat: no-repeat;
}
/* pagetop----------------------------------*/	
#wrap #pagetop a,#wrap #pagetop a:visited {
	width:70px;
	height:15px;
	margin:0;
	text-indent:-1000em;
	float:right;
	overflow:hidden;
	display:block;
	background-image:url(../common/images/btn_pgtop.gif);
	background-position:0px 0px;
}
#wrap #pagetop a:hover,#wrap #pagetop a:active{
	background-position: 0px 15px;
}
/* f-wrap----------------------------------*/
#f-wrap {
	text-align: center;
	clear: both;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 30px;
}
/* footer-----------------*/
#footer p {
	margin-top: 20px;
}