@charset "euc-jp";

*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
	font-size: 75%;
}

body {
 background: #F4F4F4 url(images/) repeat-x;
 background-color: #FFFFFF;
}

#container {
 width:800px;
 background-color: #ffffff;
 margin:0 auto;
 text-align:center;
}

#header {
 width: 800px;
 height:180px;
 margin-top:0;
}


#lead {
	clear:both;
	width:800px;
}

/* This ID is used by SitePolicy.html */
#sitepolicyNavi{
 width: 800px;
 height:20px;
}

#contents-wrapper {
 	width: 800px;
 	background-color:#FFFFFF;
 	margin:5px 0 0 0;
	padding: 0;
	text-align:left;
}

#primaryContent{
	position:relative;
	display:inline;
	width:390px;
	float:left;
}	
#secondaryContent{
	position:relative;
	display:inline;
	width:390px;
	float:right;
}

#merit{
	width:800px;
	background-image:url(images/bg_merit.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:10px;
}


/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

* html #header {
 margin-top: 20px;
}
#header .topMessage{
	margin-top:10px;
}
#header h1 {
	height:90px;
	width:800px;
	background-image:url(images/bg_header.png);
	background-position:top;
	background-repeat:no-repeat;
}
#header h1 span{
	display:none;
}

#header .bgw{
	width:400px;
	float:right;
	border:1px solid #556FB5;
	margin-top:1px;
}

#header .bgw p{
	width:185px;
	float:left;
	text-align:left;
	padding:3px;
	margin:5px 0 0 0;
}


#header img.h-pic{
	border:none;
	float:left;
	padding:3px;
	margin:0;
}

#lead p{
	font-size:120%;
	font-weight:bold;
	text-align:left;
	margin:15px 0;
	padding:0 50px;
}
#lead p span{
	font-size:90%;
	font-weight:normal;
	color:#3366FF;
}

#primaryContent .oyakudachi{
	width:360px;
	height:170px;
	background-image:url(images/bg_oyakudachi.png);
	background-repeat:no-repeat;
	margin:10px 10px 10px 10px;
}

#primaryContent .igyousyu{
	width:360px;
	height:170px;
	background-image:url(images/bg_igyousyu.png);
	background-repeat:no-repeat;
	margin:0 0 10px 10px;
}

#primaryContent .chiikikouken{
	width:360px;
	height:170px;
	background-image:url(images/bg_chiikikouken.png);
	background-repeat:no-repeat;
	margin:0 0 0px 10px;
}

#primaryContent h2 span{
	display:none;
}

#primaryContent p.service{
   position:relative;
			top:60px;
   float: left;
}

#primaryContent p.service2{
   position:relative;
   top:50px;
   float: left;
}


#primaryContent .imgBoxL{
	float:left;
	padding-top:65px;
	padding-left:20px;
}
#primaryContent .imgBoxR{
	float:right;
	padding-top:65px;
	padding-right:20px;
}

#primaryContent p{
	line-height:1.6em;
	color:#100964;
}

#primaryContent p span{
	color:#333333;
}

#secondaryContent .kigyoService{
		width:358px;
		border:1px solid #0416AC;
		margin-left:10px;
		background-image:url(images/president.gif);
		background-position:right;
		background-repeat:no-repeat;
}
#secondaryContent h2{
	width:360px;
	font-size:120%;
	line-height:2em;
	background-color:#0416AC;
	color:#FFFFFF;
	margin-top:25px;
	margin-left:10px;
	text-align:center;
}
#secondaryContent .kigyoService ul.center_menu{
	line-height:1em;
	font-size: 12px;
	text-align:left;
	list-style-image:url(images/list_center_menu.gif);
	margin-top:15px;
	margin-left:30px;
	margin-bottom:10px;
}

#secondaryContent .kigyoService ul.center_menu li{
	padding-bottom:7px;
}

#secondaryContent .chiiki-ioi{
		width:358px;
		border:1px solid #FF9900;
		margin-left:10px;
}
#secondaryContent h3{
	width:360px;
	font-size:120%;
	line-height:2em;
	background-color:#FF9900;
	color:#FFFFFF;
	margin-top:25px;
	margin-left:10px;
	padding:0;
	text-align:center;
}
#secondaryContent table#area {
	width:290px;
	margin:15px auto;
	text-align:center;
	padding:0;
}

#map {
	width: 210px;
	height: 210px;
	background: url("images/ioi-club_area.gif") #aaaaaa;
	overflow : hidden;
	text-align:center;
	margin:10px auto 20px;
	padding:0;
}
#secondaryContent p{
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

#merit table{
	width:750px;
	text-align:center;
	margin:10px auto;
}
#merit table th{
	vertical-align:bottom;
	padding-left:0px;
	padding-right:5px;
}

#merit table td{
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	width:300px;
}

#merit table td ul{
	list-style-type:disc;
	margin-left:10px;
}
#merit table td ul li{
	padding-bottom:5px;
}


em {
 font-weight: bold;
 font-style: normal;
}

img {
 border-style: none;
 padding: 0px;
}

a {
 color: #484848;
 text-decoration: none;
 font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯"; 
 font-size: 12px;
}

a:hover {
 color: #990000;
 text-decoration: underline;
}



img {
 border-style: none;
 padding: 0px;
}


.rightblock {
 background-color: #ffffff;
 vertical-align: top;
 text-align:left;
 padding: 3px 10px 2px 3px;
 margin-top: 0px;
 margin-bottom: 6px;
 margin-left: 180px;
 height: 100%; 
}

p {
 margin: 0px 5px 0px 20px;
 line-height: 1.8em
 font-size: 11px;
}

p img {
 border-style: none;
 text-align: left;
 margin: 4px
}

table {
margin: 3px;
}

#example1 {
border: none;
}

#box1 {
text-align:left
border: 2px #1CA449 solid;
padding: 10px;
margin: 5px;
}

#box3 {
clear: left;
ul align:left
font-size:small;
padding-left: 0px;
margin: 2px;
vertical-align:middle
}
 

h1 {
 margin: 0px 5px 0px 5px;
 line-height: 1.6em;
}



h4 {
 text-align: left;
}




.top_msg {
	color:#000099;
	font-size:15px;
	line-height:1.3em;
	padding:10px 10px 20px 0px;
}



.leftheader {
 padding: 0px;
 margin: 0px;
 border-top:2px solid #818181;
 border-bottom:2px solid #818181;
}

.leftmenutxt {
	background-color:#E6E6E6;
	padding:10px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:2px solid #818181;
	font-size: 12px;
}

.caution {
	color:#999999;
	font-size:10px;
	line-height:1.2em;
	margin:5px 0px 10px 20px;
}

#leftblock {
 margin-top: 6px;
 margin-bottom: 0px;
 line-height: 1.0em;
 float: left;
 text-align:left;
 width; 400px;
}

#leftcontent ul {
 margin: 0; 
 padding: 0px;
 list-style-type: none;
} 

#leftnav li {
 margin: 0px; 
 padding: 0px 0px 3px 0px; 
} 

#leftcontent a:link, #leftnav a:visited, #leftnav a:active {
 display: block;
 margin: 0; 
 color: #333333;
 padding: 0px 0px 3px 5px; 
 text-decoration: none;
} 

#leftcontent a:hover {
 display: block;
 padding: 0px 0px 3px 5px;
 background: #F3F3F3;
 color: #990000;
 margin: 0px; 
 text-decoration: none;
}

.clear {
	clear:both;
}

#footer {
 clear: left;
 margin-top: 10px;
 background-color: #B2BECE;
 padding: 4px;
 font-size: 11px;
 letter-spacing: 1px;
 text-align:center;
}

#footer a:link {
	color:#FFFFFF;
}

#footer a:visited {
	color:#FFFFFF;
}

#footer a:hover {
	color:#FF0000;
}




#area tr td:hover {
	background-color: #FF7F50;
}

h3.privacy_p{
	display:block;
	font-size:120%;
	line-height:2em;
	text-align:left;
	margin-top:25px;
	margin-bottom:15px;
	padding-left:15px;
	border-left:5px solid #1D2088;
}
#privacy_p{
text-align:left;
}




table td.number {
color:#004080;
font-size:14px;
padding-top:1em;
}

table td {
font-size:12px;
vertical-align:top;
}

/*   add   */

#secondaryContent .newtitle {
width:360px;
font-size:120%;
line-height:2em;
background-color:#a22041;
color:#FFFFFF;
margin-top:5px;
margin-left:10px;
padding:0;
text-align:center;
}

#secondaryContent .newentry {
width:358px;
border:1px solid #a22041;
margin-left:10px;
}

#secondaryContent .newentry ul {
line-height:1em;
font-size: 12px;
text-align:left;
list-style:none;
margin-top:15px;
margin-left:30px;
margin-bottom:10px;
}

#secondaryContent .newentry ul.new_menu li {
padding-bottom:7px;
}

#primaryContent .link{
width:360px;
height:170px;
background-image:url(images/bg_sitelink.png);
background-repeat:no-repeat;
margin:0 0 0px 10px;
}

#primaryContent .link .h-pic2{
	border:none;
	padding:80px 0 0 20px;
}

#primaryContent  .h-pic2 img{
width:45%;
}

#primaryContent .link .linkbnr{
border-style: none;
text-align: left;
}

/*EOF*/