@charset "UTF-8";

/*======================================
	English site

	(common.css)
=======================================*/
	
/*======================================

	General
	
=======================================*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p, a, input {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

li {
	list-style: none;
}

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

.btn,
.textlink {
	margin: 8px 0 0 0;
	text-align: right;
}

.text {
	margin: 0 0 1.2em 0;
}

.arrow {
	color: #093;
}

.pat2 {
	margin-top: 1.2em;
}

.back {
	text-align: right;
	margin: 1.2em 0;
	font-size: 85%;
}
	
.sans {
	background: none;
	border: 0;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

/*======================================

	body
	
=======================================*/
html{
    height:100%;
}

body {
	height:100%;
	text-align: center;
	line-height: 1.3;
	color: #444;
}

#container {
	width: 980px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: #fff url(../img/bg/container_bg.gif);
	background-repeat:repeat-y;

}
#ie7 #container {
	height: auto;
}
#ie7 #container,
#ie6 #container {
	letter-spacing: 0.1em;
}

body > #container {
    height: auto;
}

/*======================================

	header
	
=======================================*/
#header {
	position: relative;
	width: 950px;
	height: 71px;
	margin: 0px auto;
	background: url(../img/bg/header_bg.gif) repeat-x;
	text-align: right;
}

/* logo
=======================================*/
#header .logo {
	float: left;
	width: 100px;
	text-align: center;
}

#header .logo .siteNameImg {
	display: block;
	margin: 13px 0 7px 16px;
}

#header .logo .siteName {
	margin: 0 0 0 15px;
}

#header .logoHD {
	position: relative;
	float: left;
	width: 400px;
	text-align: left;
}

#header .logoHD .siteNameImg {
	position: absolute;
	left: 16px;
	top: 9px;
}

#header .logoHD .siteName {
	position: absolute;
	right: -534px;
	top: 51px;
}

#header .logo2 {
	position: relative;
	float: left;
	width: 400px;
	text-align: left;
}

#header .logo2 .siteNameImg {
	position: absolute;
	left: 16px;
	top: 18px;
}

#header .logo2 .siteName {
	position: absolute;
	left: 125px;
	top: 30px;
}

#header .logo2 .siteNameImgFs {
	position: absolute;
	left: 16px;
	top: 16px;
}

#header .logo2 .siteNameFs {
	position: absolute;
	left: 134px;
	top: 30px;
}

/* header petitNavi
=======================================*/
#header .petitNavi {
	position: absolute;
	right: 11px;
	top: 14px;
	display: inline;
	font-size: 93%;
}
#ie7 #header .petitNavi,
#ie6 #header .petitNavi {
	top: 13px;
	font-size: 85%;
}

#header .petitNaviPmark {
	position: absolute;
	right: 334px;
	top: 14px;
	display: inline;
	font-size: 93%;
}


#header .petitNavi .bullet,
#header .petitNaviPmark .bullet{
	margin: 0 4px 0 10px;
}

#header .petitNavi a,
#header .petitNaviPmark a{
	color: #444;
}

#header .petitNavi a:hover,
#header .petitNaviPmark a:hover {
	color: #039;
}

#header .petitNavi .en {
	display: none;
}



/*======================================

	heading
	
=======================================*/
h1 {
	padding: 3px 0 12px 0;
}

.home h1 {
	display: none;
}

/*======================================

	flash / topImage
	
=======================================*/
#flash,
#topImage {
	margin: 4px 0 0 0;
}

/*======================================

	wrapper
	
=======================================*/
#wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	text-align: left;
}

#wrapper:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

/*======================================

	main
	
=======================================*/
#main {
	width: 920px;
	margin: 18px 0 0 0;

}


#ie7 #main,
#ie6 #main {
	font-size: 93%;

}



.inner #main {
	margin-top: 10px;
	background: url(../img/border/border_gray_w685.gif) no-repeat;
}

#main .petitNavi {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 93%;
}

#main .petitNavi span {
	margin: 0 0.6em;
	line-height: 1.4;
}

/* after2
=======================================*/
#main .after2 {
	padding: 18px 0 0 0;
}
#ie7 #main .after2 {
	padding: 9px 0 0 0;
}

/* categoryTop
=======================================*/
.categoryTop {
	zoom: 100%;
}

.categoryTop:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}

.categoryTop .image {
	float: left;
	width: 250px;
}

.categoryTop .innerNavi {
	float: left;
	width: 421px;
	margin: 0 0 0 14px;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w421.gif) no-repeat;
}

.categoryTop .innerNavi ul {
	margin: 7px 0 0 0;
	padding: 0 0 1px 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left bottom;
}
#ie7 .categoryTop .innerNavi ul,
#ie6 .categoryTop .innerNavi ul {
	margin: 10px 0 0 0;
}

.categoryTop .innerNavi li {
	height: 29px;
	padding: 1px 0 0 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left top;
}
#ie7 .categoryTop .innerNavi li,
#ie6 .categoryTop .innerNavi li {
	font-size: 1%; /* for height adjustment */
}


/* content
=======================================*/
#main .content {
	float: right;
	width: 595px;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w595.gif) no-repeat;
	font-size: 108%;
}

/*======================================

	column
	
=======================================*/
.column {
	float: right;
	width: 220px;
	margin: 18px 0 0 0;
	padding: 3px 0 0 0;
	background: url(../img/border/border_gray_w220.gif) no-repeat;
}

.inner .column {
	margin-top: 10px;
}

.column ul {
	margin: -3px 0 0 0;
	padding: 0 0 4px 0;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x left bottom;
}

.column li {
	margin: 3px 0 0 0;
	padding: 4px 0 0 2px;
	background: url(../img/dot/dot_gray_1x1.gif) repeat-x;
}
#ie7 .column li,
#ie6 .column li {
	font-size: 1%; /* for height adjustment */
}

.column li.pat2 {
	margin: 10px 0 0 0;
}

/* hd */
.column p.title,
.column li,
.column .list2,
.column .list3,
.column .list4 {
	display: none;
}

.home .educational .column li.columnBusiness,
.home .kyoikumirai .column li.columnBusiness,
.home .next .column li.columnBusiness,
.home .cocofump .column li.columnBusiness,
.employ .medicom .column .list4,
.job .medicom .column .list4,
.student .medicom .column .list4,
.business .medicom .column .list4,
.home .sf .column li.columnBusiness,
/* hd */
.home .column .columnCs,
.home .column .columnBiz,
.home .column .list2,
.home .column .columnIR,
.home .column .columnAnnouncement,
.home .column .columnRecruitm,
.home .column .columnCsr,
.home .column .columnGrp,
.home .column .columnGnp,
.home .column .list3,
.home .column .list3 li,
.cs .column .columnCs,
.cs .column .columnBiz,
.biz .column .columnCs,
.biz .column .columnBiz,
.group .column p.title,
.group .column .columnGroupPhilosophy,
.group .column .columnGroupBusiness,
.group .column .columnGroupHistory,
.group .column .columnGroupCompany,
.group .column .list2,
.group .column .columnCompany,
.news .column .list2,
.news .column .columnNews,
.news .column .columnGroupNews,
.company .column .list2,
.company .column .list4,
.company .column .columnCompany,
.company .column .columnGroup2,
.ir .column .list2,
.ir .column .columnIR,
.koukoku .column .list2,
.koukoku .column .columnAnnouncement,
.recruit .column .list2,
.recruit .column .columnRecruit,
.csr .column .list2,
.csr .column .columnCsr {
	display: block;
}

.hd .column li.columnCs,
.home .column li.columnBusiness,
.inner .column li.columnBusiness,
.employ .medicom .column .list4,
.job .medicom .column .list4,
.student .medicom .column .list4,
.sf .column li.columnGoodsinfo,
/* hd */
.cs .column .columnCs,
.biz .column .columnCs {
	margin: 9px 0 0 0;
}
.ie .hd .column li.columnCs,
.home #ie7 .column li.columnBusiness,
.inner #ie7 .column li.columnBusiness,
.home #ie6 .column li.columnBusiness,
.inner #ie6 .column li.columnBusiness,
.employ #ie7 .medicom .column .list4,
.employ #ie6 .medicom .column .list4,
.job #ie7 .medicom .column .list4,
.job #ie6 .medicom .column .list4,
.student #ie7 .medicom .column .list4,
.student #ie6 .medicom .column .list4,
/* hd */
.cs #ie7 .column .columnCs,
.cs #ie6 .column .columnCs,
.biz #ie7 .column .columnCs,
.biz #ie6 .column .columnCs {
	margin: 12px 0 0 0;
}

.sf .column li.columnBusiness,
#ie7 .sf .column li.columnBusiness,
#ie6 .sf .column li.columnBusiness {
	margin-top: 3px;
}

.column li span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 214px;
}

.column li span a {
	position: relative;
	overflow: hidden;
	width: 214px;
}

.business .column li.columnCs span a,
.business .column li.columnBiz span a,
.business .column li.columnNursery span a,
.business .column li.columnSchool span a,
.company .column li.columnCompany span a,
.recruit .column li.columnRecruit span a,
.news .column li.columnNews span a,
.news .gps .column .columnCompany span a,
.business .column li.columnBusiness span a,
.news .marketing .column .columnCompany span a,
.home .cocofump .column .columnCocofump span a,
.csr .glg .column .columnCsr3 span a,
.employ .medicom .column .columnEmploy span a,
.job .medicom .column .columnJob span a,
.student .medicom .column .columnStudent span a,

/* hd */
.cs .hd .column li.columnCs span a,
.biz .hd .column li.columnBiz span a,
.ir .hd .column li.columnIR span a,
.csr .hd .column li.columnCsr span a,
.groupNewsHome .hd .column li.columnGroupNews span a,
/*
.groupHome .hd .column li.columnGroupPhilosophy span a,
.groupHome .hd .column li.columnGroupBusiness span a,
.groupHome .hd .column li.columnGroupHistory span a,
.groupHome .hd .column li.columnGroupCompany span a,
*/
.groupPhilosophy .hd .column li.columnGroupPhilosophy span a,
.groupBusiness .hd .column li.columnGroupBusiness span a,
.groupHistory .hd .column li.columnGroupHistory span a,
.groupGroup .hd .column li.columnGroupCompany span a {
	left: -214px;
}

.groupNewsHome .hd .column li.columnNews span a {
	left: 0;
}

.column .list1 li a:hover,
.column .list2 li a:hover,
.column .list4 li a:hover {
	left: -214px;
	border: 0; /* for ie */
}

/* .column .list2, .column .list3, .column .list4
=======================================*/
.column .list2,
.column .list3,
.column .list4 {
	margin: 6px 0 0 0;
	padding: 9px 0 0 0;
	background: url(../img/border/border_gray_w220.gif) no-repeat;
}

.inner .gps .list2,
.inner .bs .list2,
.inner .fs .list2,
.employ .medicom .column .list4,
.job .medicom .column .list4,
.student .medicom .column .list4,
/* hd */
.news .column .list2,
.company .column .list2,
.ir .column .list2,
.koukoku .column .list2,
.recruit .column .list2,
.csr .column .list2 {
	padding: 0;
	background: none;
}

.inner .gps .list1 ul,
.inner .bs .list1 ul,
.inner .fs .list1 ul,
/* hd */
.news .list1 ul,
.company .list1 ul,
.ir .list1 ul,
.koukoku .list1 ul,
.recruit .list1 ul,
.csr .list1 ul {
	padding: 6px 0 0 0;
	background: none;
}

.inner .column .list3 {
	display: none;
}

/* .medicom
=======================================*/
.home .medicom .column .list1 .columnBusiness {
	display: block;
	height: 107px;
}

.home .medicom .column .list1 .columnBusiness span {
	display: none;
}

.home .medicom .column .list4 li {
	position: relative;
	top: -362px;
}

/* submenu
=======================================*/
.column .submenu {
	display: none;
	width: 214px;
	background: #dcf4cf;
}
#ie7 .column .submenu,
#ie6 .column .submenu {
	padding-bottom: 6px;
}

.column .list2 .submenu,
.column .columnGroupPhilosophy .submenu,
.column .columnGroupBusiness .submenu {
	background: #d0f1d5;
}

.cocofump .column .list3 .submenu {
	background: #ffecf1;
}

.business .column .columnCs .submenu,
.business .column .columnBiz .submenu,
.business .column .columnNursery .submenu,
.business .column .columnSchool .submenu,
.news .column .columnNews .submenu,
.company .column .columnCompany .submenu,
.news .gps .column .columnCompany .submenu,
.news .marketing .column .columnCompany .submenu,
.business .educational .column .columnBusiness .submenu,
.business .kyoikumirai .column .columnBusiness .submenu,
.news .fs .column .columnCompany .submenu,
.home .cocofump .column .columnCocofump .submenu,
.news .glg .column .columnCompany .submenu,
.business .sf .column .columnBusiness .submenu,
/* hd */
.home .column .columnCsr .submenu,
.home .column .columnCsr .submenu li,
.cs .column .columnCs .submenu,
.cs .column .columnCs .submenu li,
.biz .column .columnBiz .submenu,
.biz .column .columnBiz .submenu li,
.group .column .columnGroupPhilosophy .submenu,
.group .column .columnGroupPhilosophy .submenu li,
.group .column .columnGroupBusiness .submenu,
.group .column .columnGroupBusiness .submenu li,
.news .column .columnNews .submenu,
.news .column .columnNews .submenu li,
.news .column .columnGroupNews .submenu,
.news .column .columnGroupNews .submenu li,
.company .column .columnCompany .submenu,
.company .column .columnCompany .submenu li,
.ir .column .columnIR .submenu,
.ir .column .columnIR .submenu li,
.recruit .column .columnRecruit .submenu,
.recruit .column .columnRecruit .submenu li,
.csr .column .columnCsr .submenu,
.csr .column .columnCsr .submenu li {
	display: block;
}

.company .column li.columnNews .submenu,
/* hd */
.home .column .columnCsr .csr1 {
	display: none;
}

.column ul .submenu li {
	padding-left: 32px;
	background: none;
}
#ie7 .column ul .submenu li,
#ie6 .column ul .submenu li {
	font-size:13px;*font-size:small;*font:x-small; /* reset yui font css */
}

.cocofump .column ul .submenu li {
	padding-left: 25px;
}

.column ul .submenu li.long,
.column ul .columnGroupNews .submenu li {
	letter-spacing: -1px;
}
#ie7 .column ul .submenu li.long,
#ie6 .column ul .submenu li.long,
#ie7 .column ul .columnGroupNews .submenu li,
#ie6 .column ul .columnGroupNews .submenu li {
	letter-spacing: 0;
}

.cocofump .column ul .submenu li.long a {
	padding-left: 7px;	
}
#ie7 .cocofump .column ul .submenu li.long a,
#ie6 .cocofump .column ul .submenu li.long a {
	padding-left: 14px;	
}

.column .columnCs .submenu li a,
.column .columnBiz .submenu li a {
	padding-left: 16px;
	background: url(../img/bullet/bullet_circle_blue.gif) no-repeat left center;
}

.column ul .submenu li a,
.column .columnCs .submenu .submenu li a,
.column .columnBiz .submenu .submenu li a {
	display: inline;
	padding-left: 14px;
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat left center;
	line-height: 1.45;
	font-size: 93%;
	color: #444;
}


#ie7 .column .columnBiz .submenu li a.lines,
#ie6 .column .columnBiz .submenu li a.lines {
	padding-left: 18px;
	background: url(../img/bullet/bullet_circle_blue.gif) no-repeat 0 0.6em;
}

#ie7 .column ul .submenu li a.lines,
#ie6 .column ul .submenu li a.lines,
#ie7 .column ul .submenu .submenu li a.lines,
#ie6 .column ul .submenu .submenu li a.lines {
	background: url(../img/bullet/bullet_triangle_green.gif) no-repeat 0 0.6em;
}


.cocofump .column ul .submenu li a {
	background: url(../img/bullet/bullet_triangle_red.gif) no-repeat left center;
}

.column ul .submenu li a:hover {
	color: #039;
}

.column .list1 ul .submenu li a:hover,
.column .list2 ul .submenu li a:hover {
	position: static;
}

.column ul .submenu .submenu {
	width: 182px;
	padding-bottom: 0;
	background: none;
}
#ie7 .column .submenu .submenu,
#ie6 .column .submenu .submenu {
	padding-bottom: 0;
}


.column ul .submenu .submenu li {
	padding-left: 10px;
	background: none;
}

.column ul .submenu span.lines {
	display: inline;
	width: 146px;
	cursor: pointer;
}
#ie7 .column ul .submenu span.lines,
#ie6 .column ul .submenu span.lines {
	display: block;
	padding-left: 14px;
}

#ie7 .column ul .submenu span.long,
#ie6 .column ul .submenu span.long {
	width: 150px;
}

.column ul .submenu span.lines span {
	margin-left: 14px;
}
#ie7 .column ul .submenu span.lines span,
#ie6 .column ul .submenu span.lines span {
	margin-left: 0;
}
.column ul .submenu span.lines span.spe {
	margin-left: 47px;
}
#ie7 .column ul .submenu span.lines span.spe,
#ie6 .column ul .submenu span.lines span.spe {
	margin-left: 23px;
}

/* margin
=======================================*/
.t2mg{
	margin-top:2px;
}
.t5mg{
	margin-top:5px;
}
.t10mg{
	margin-top:10px;
}
.t20mg{
	margin-top:20px;
}
.t30mg{
	margin-top:30px;
}
.t40mg{
	margin-top:40px;
}
.t50mg{
	margin-top:50px;
}

.b5mg{
	margin-bottom:5px;
}
.b10mg{
	margin-bottom:10px;
}
.b20mg{
	margin-bottom:20px;
}
.b30mg{
	margin-bottom:30px;
}
.b40mg{
	margin-bottom:40px;
}
.b50mg{
	margin-bottom:50px;
}

.r5mg{
	margin-right:5px;
}
.r10mg{
	margin-right:10px;
}
.r20mg{
	margin-right:20px;
}
.r30mg{
	margin-right:30px;
}
.r40mg{
	margin-right:40px;
}
.r50mg{
	margin-right:50px;
}
.l5mg{
	margin-left:5px;
}
.l10mg{
	margin-left:10px;
}
.l20mg{
	margin-left:20px;
}
.l30mg{
	margin-left:30px;
}
.l40mg{
	margin-left:40px;
}
.l50mg{
	margin-left:50px;
}
.l60mg{
	margin-left:60px;
}
.l70mg{
	margin-left:70px;
}
.l80mg{
	margin-left:80px;
}

/* clearfix
=======================================*/
.clearfix:after {
  content: "."; 
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  zoom:1;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*======================================

	footer
	
=======================================*/
#footer {
	width: 950px;
	margin: 0 auto;
	padding: 23px 0 10px 0;
	text-align: left;
}
#ie7 #footer,
#ie6 #footer {
	margin-top: 5px;
}

/* #footer
=======================================*/
#footer .logo {
	background-color:#009933;
	margin:0;
	padding:3px 10px 2px 0;
	text-align:right;
}
#footer .copyright {
	padding: 0.32em 0 0.35em 14px;
	font-size: 93%;
}