@charset "UTF-8";

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

	common.css
	
	clearfix

#sample {
	zoom: 100%;
}

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

	safari hack

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#sample { }
}

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

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

	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;
}

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

	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);
}
#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: 250px;
	text-align: left;
}

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

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

#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 petitNavi
=======================================*/
#header .petitNavi {
	position: absolute;
	right: 264px;
	top: 14px;
	display: inline;
	font-size: 93%;
}

#ie7 #header .petitNavi,
#ie6 #header .petitNavi {
	top: 13px;
	font-size: 85%;
}


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

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

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

/* search form
=======================================*/
#header form {
	display: inline;
}

#header form p {
	position: absolute;
	right: 15px;
	top: 8px;
	width: 233px;
	height: 1.7em;
	border: 1px solid #999;
}
#ie7 #header form p,
#ie6 #header form p {
	height: 1.65em;
}

#header input.form {
	position: absolute;
	right: 57px;
	top: 0;
	width: 170px;
	padding: 0.2em 0 0 5px;
	border: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* for safari */
	#header input.form {
		right: -1px;
		width: 170px;
		height: 1.5em;
		padding-right: 58px;
		border-right: 1px solid #999;
	}
}

#header input.btn {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	margin: 0.16em 2px 0 5px;
	background: #fff;
	border: 0;
}
#header .petitNavi .en {
	display: none;
}

/* globalNavi
=======================================*/
#globalNavi {
	position: absolute;
	right: 15px;
	top: 37px;
}

#globalNavi li {
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	height: 33px;
}

#globalNavi li a {
	position: relative;
}

#globalNavi li a:hover {
	top: -33px;
	border: 0; /* for ie */
}

#globalNavi li.naviNews a { width: 67px; }
#globalNavi li.naviBusiness a { width: 69px; }
#globalNavi li.naviCompany a { width: 69px; }
#globalNavi li.naviRecruit a { width: 70px; }
#globalNavi li.naviGroup a { width: 141px; }

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

	topicPath
	
=======================================*/
.topicPath {
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: left;
	font-size: 93%;
}

.topicPath a {
	color: #444;
}

.topicPath a:hover {
	color: #039;
}

.topicPath a.siteRoute {
	margin: 0 0 0 15px;
	text-transform: uppercase;
}

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

	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 {
	position: relative;
	float: left;
	width: 685px;
	margin: 18px 0 0 0;
}

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

#main .category {
	clear: both;
}

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

.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 */
}

/* h2
=======================================*/
#main h2 {
	float: left;
	width: 90px;
}

/* 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%;
}

/* h3
=======================================*/
#main h3 {
	padding: 12px 0 15px 0;
}

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

	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 */
}

.home .column li.columnNews,
.home .column li.columnContact,
.inner .column li.columnCsr,
.inner .column li.columnGnp,
.home .gnp .column .list2,
.home .column li.columnBusiness,
.inner .mesh .column p.title1,
.inner .mesh .column li.columnMedicine,
.inner .mesh .column li.columnNursing,
.home .bs .column .list2,
.home .fs .column .list2 { 
	display: none;
}

.home .educational .column li.columnBusiness,
.home .kyoikumirai .column li.columnBusiness,
.home .next .column li.columnBusiness,
.home .cocofump .column li.columnBusiness {
	display: block;
}

.home .column li.columnBusiness,
.inner .column li.columnBusiness {
	margin: 9px 0 0 0;
}
.home #ie7 .column li.columnBusiness,
.inner #ie7 .column li.columnBusiness,
.home #ie6 .column li.columnBusiness,
.inner #ie6 .column li.columnBusiness {
	margin: 12px 0 0 0;
}

.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 .gps .column .columnCompany span a,
.business .column li.columnBusiness span a,
.news .marketing .column .columnCompany span a,
.home .cocofump .column .columnCocofump span a {
	left: -214px;
}

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

/* .column .list2, .column .list3
=======================================*/
.column .list2,
.column .list3 {
	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 {
	padding: 0;
	background: none;
}

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

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

.column .list2 .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,
.home .cocofump .column .columnCocofump .submenu {
	display: block;
}

.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 {
	letter-spacing: -1px;
}
#ie7 .column ul .submenu li.long,
#ie6 .column ul .submenu li.long {
	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 ul .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;
}

.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;
}
#ie7 .column .submenu .submenu,
#ie6 .column .submenu .submenu {
	padding-bottom: 0;
}


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

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

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

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

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

/* #footer .list1, #footer .list2
=======================================*/
#footer ul {
	padding: 0.32em 0 0.35em 14px;
	zoom: 100%; /* for clearfix */
}
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* for safari */
	#footer ul {
		padding: 0.4em 0 0.35em 14px;
	}
}

#footer .list1 {
	background: #093;
	color: #fff;
}

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

#footer li {
	float: left;
	padding: 0 10px 0 0;
}

#footer li a {
	margin: 0 10px 0 0;
}

#footer .list1 li a {
	color: #fff;
}

#footer .list1 li a:hover {
	color: #039;
}

#footer .list2 {
	width: 783px;
	border-bottom: 1px solid #ccc;
}

#footer .list2 li a {
	color: #444;
}

#footer .list2 li a:hover {
	color: #039;
}

/* copyright
=======================================*/
#footer .copyright {
	padding: 0.32em 0 0.35em 14px;
	font-size: 93%;
}

/* logo
=======================================*/
#footer .logo {
	position: absolute;
	right: 15px;
	top: 4.9em;
}