body{
	background-image:url(../img/background.jpg);
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:150%;
    background-color: #FFFFFF;
	}
	
/* tag */
div,p,span,h1,h2,h3,h4,h5,h6,h7,dl,dt,dd,ul,li,form{
	margin:0px;
	padding:0px;
	}
ol{
margin-top:0px;
margin-bottom:0px;

}
img {
	margin:0px;
	padding:0px;
  border:none;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper{
    margin:0px auto;
	padding:0px 10px;
	text-align:center;
    width: 950px;
	height:100%;
	background-color:#FFFFFF;
	}
body > #wrapper {
	height: auto;
	}
#wrapper #header {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 56px;
	display:block;
}
#wrapper #header #company_logo {
	float:left;
	margin: 10px 0;
	background: url(../img/top_logo1.gif) no-repeat;
}
#wrapper #header #company_logo a {
	width:250px;
	height:36px;
	padding: 0px;
	text-indent:-5000px;
	display: block;
}
#wrapper #header #group_logo {
	margin: 10px 0 10px 10px;
	float: right;
	background-image: url(../img/top_logo2.gif);
	background-repeat: no-repeat;
}
#wrapper #header #group_logo a {
	height: 30px;
	width: 134px;
	text-indent: -5000px;
	display: block;
}
#wrapper #top_image {
	background-image: url(../img/top_main_image.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 327px;
	width: 950px;
	clear: both;
}






/* -------------------- navi -------------------- */

#navi{
    margin:0px;
    display:block;
    width:950px;
    height:40px;
   }

#navi li{
	display:inline;
	list-style:none;
	float:left;
	}

#naviGreeting a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) 0px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviCompanyProfile a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -158px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviService a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -316px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviHistory a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -474px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviForm a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -632px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviBlank {
    display:block;
    width:160px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -790px 0px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
}

#naviGreetingOn a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) 0px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviCompanyProfileOn a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -158px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviServiceOn a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -316px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviHistoryOn a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -474px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviFormOn a{
    display:block;
    width:158px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -632px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviBlankOn a{
    display:block;
    width:160px;
    height:40px;
	background:transparent url(../img/navi_rollover.gif) -792px -40px no-repeat;
	text-indent:-5000em;
    text-decoration:none;
	overflow:hidden;
	}
#naviGreeting a:hover,#naviGreeting a:visited:hover{
    width:158px;
	background:transparent url(../img/navi_rollover.gif) 0px -40px no-repeat;
	}
#naviCompanyProfile a:hover,#naviCompanyProfile a:visited:hover{
    width:158px;
	background:transparent url(../img/navi_rollover.gif) -158px -40px no-repeat;
	}
#naviService a:hover,#naviService a:visited:hover{
    width:158px;
	background:transparent url(../img/navi_rollover.gif) -316px -40px no-repeat;
	}
#naviHistory a:hover,#naviHistory a:visited:hover{
    width:158px;
	background:transparent url(../img/navi_rollover.gif) -474px -40px no-repeat;
	}
#naviForm a:hover,#naviForm a:visited:hover{
    width:158px;
	background:transparent url(../img/navi_rollover.gif) -632px -40px no-repeat;
	}
#naviBlank a:hover,#naviBlank a:visited:hover{
    width:160px;
	background:transparent url(../img/navi_rollover.gif) -790px -40px no-repeat;
	}


#wrapper #main {
	padding: 0;
	width: 950px;
	margin: 10px 0;
	display:block;
}
/* main left */	
#title {
	height: 20px;
	width: 590px;

}
	
#wrapper #main #main_left {
	width: 590px;
	float: left;
}
#wrapper #main #main_left h1 {
	background-repeat: no-repeat;
	background-image: url(../img/ttl/greeting.gif);
	text-indent: -5000px;
	display: block;
	height: 20px;
	width: 590px;
	
}
#wrapper #main #main_left p {
	float:left;
	width:430px;
	text-align: left;
	padding: 0px;
	margin: 10px 0;
	clear: left;
}
#wrapper #main #main_left .boss_photo {
	text-align: center;
	margin: 10px 0px;
	padding: 0px;
	height: 150px;
	width: 150px;
	float: right;
}
#wrapper #main #main_left .boss_photo .photo {
	background-image: url(../img/ph_satoh.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 121px;
	overflow: hidden;
}
#wrapper #main #main_left .boss_photo .txt {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 150px;
	text-align: left;
}
#wrapper #main #main_right {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	width: 360px;
	text-align: left;
}

/* footer */

#footer {
	height: 140px;
	width: 950px;
	background-color: #333333;
	text-align: center;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
	color: #FFFFFF;
	clear:both;
}
#footer #footer_navi ul {
	display:inline;
	list-style-type: none;
}
#footer #footer_navi li {
	display:inline;
	padding:10px
}


#footer #footer_navi a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer #footer_navi a:hover {
	color: #00FF00;
	text-decoration: none;
}

#footer #copyright {
	font-family: "Verdana", "Times New Roman", "Times", "serif";
	font-size: 12px;
	margin: 15px;
}

/*index-news*/
.index-news-base{
margin:0px 0px 20px 0px;
padding:0;
float:left;
background-color:#EEF9FE;
width:360px;
height:200px;
}
.index-news-base p{
margin:0px 0px 0px 0px;
padding:0;
clear:both;
}
.index-news-base h2{
margin:0;
padding:0px;
}
.index-news-base div{ 
overflow: auto;
padding:10px;
margin:auto;
height:150px;
}
.index-news-base dl{
margin:0;
padding:0;
font-size:10px;
}
.index-news-base dt{
width:60px;
float:left;
margin:5px 0px 0 0;
padding:0;
clear:left;
}
.index-news-base dd{
width:255px;
float:left;
margin:0;
padding:5px 0 0 0;
border-bottom:dotted 1px #A6D1EC;
}


/* container */

#wrapper #container {
	padding: 0;
	width: 950px;
	margin: 30px 0;
	display:block;
	height: auto;
	clear: both;

}


#wrapper #container #main_body {
	float: left;
	width: 735px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
#wrapper #container #side {
	float: left;
	width: 190px;
	text-align: right;
}

#wrapper #container #main_body td {
border-bottom:dotted 1px #A6D1EC;
}
#wrapper #container #main_body th {
background-color:#CCCCCC;
}
#wrapper #container #main_body h2 {
	margin: 0px;
	padding: 10px 0 10px 0;
	font-size: 14px;
}

#wrapper #container #main_body p {
	font-size: 12px;
}


/* titles */
.service_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/service.gif);
	background-repeat: no-repeat;
}
.profile_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/profile.gif);
	background-repeat: no-repeat;
}
.tokyo_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/office_tokyo.gif);
	background-repeat: no-repeat;
}
.osaka_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/office_osaka.gif);
	background-repeat: no-repeat;
}
.history_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/history.gif);
	background-repeat: no-repeat;
}
.copyright_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/copyright.gif);
	background-repeat: no-repeat;
}
.policy_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/policy.gif);
	background-repeat: no-repeat;
}
.inquiry_title {
	text-indent: -5000px;
	display: block;
	background-image: url(../img/ttl/inquiry.gif);
	background-repeat: no-repeat;
}
.smalltxt {
	font-size: 9px;
}

#wrapper #container #main_body .history {
	font-size: 10px;
}
#wrapper #container #main {
	float: left;
	width: 735px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}