@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: 100px;
	text-align: center;
}

#header .logo .siteNameImg {
	display: block;
	margin: 31px 0 7px 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 .logo2 .siteNameImgFs {
	position: absolute;
	left: 16px;
	top: 16px;
}

#header .logo2 .siteNameFs {
	position: absolute;
	left: 134px;
	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 .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;
}

/* 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 form p.pmark {
	right: 85px;
}

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

#globalNaviPmark {
	position: absolute;
	right: 85px;
	top: 37px;
}

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

#globalNavi li a,
#globalNaviPmark li a {
	position: relative;
}

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

#globalNavi li.naviNews a,
#globalNaviPmark li.naviNews a { width: 67px; }
#globalNavi li.naviCsr a,
#globalNaviPmark li.naviCsr a { width: 119px; }
#globalNavi li.naviBusiness a,
#globalNaviPmark li.naviBusiness a { width: 69px; }
#globalNavi li.naviCompany a,
#globalNaviPmark li.naviCompany a { width: 69px; }
#globalNavi li.naviRecruit a,
#globalNaviPmark li.naviRecruit a { width: 70px; }
#globalNavi li.naviGroup a,
#globalNaviPmark 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;
}

#main:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 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,
.home .glg .column .list2,
.inner .glg .column .columnCsr2,
.employ .medicom .column .list1,
.employ .medicom .column .list2,
.job .medicom .column .list1,
.job .medicom .column .list2,
.student .medicom .column .list1,
.student .medicom .column .list2,
.inner .medicom .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 {
	display: block;
}

.home .column li.columnBusiness,
.inner .column li.columnBusiness,
.employ .medicom .column .list4,
.job .medicom .column .list4,
.student .medicom .column .list4,
.sf .column li.columnGoodsinfo {
	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,
.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 {
	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 .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 {
	left: -214px;
}

.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 {
	padding: 0;
	background: none;
}

.inner .gps .list1 ul,
.inner .bs .list1 ul,
.inner .fs .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 {
	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 {
	display: block;
}

.company .column li.columnNews .submenu {
	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 {
	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;
}

#ie7 .column ul .submenu li a.lines,
#ie6 .column ul .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;
}

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

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