@import url(common.css);

/************/

/*** upperBody ***/
#upperBody {
	margin: 0 15px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
}

#upperBody ul {
	height: 18px;
	padding: 0.4em 18px 0;
/*	background: #000000 url(../images/bg_uppermenu.jpg) left top repeat-x; */
	background-color: #FFFFFF;
	list-style-type: none;
}

#upperBody li {
	float: right;
	margin-left: 15px;
	padding-left: 10px;
	font-size: 75%;
	line-height: 110%;
	background: url(../images/leader_uppermenu.gif) 0 3px no-repeat;
}

#upperBody li a {
/*	color: #CCCCCC; */
	color: #333333;
}

#upperBody li a:hover {
/*	color: #FFFFFF; */
	color: #C0004F;
	text-decoration: underline;
}


/*** menuBody ***/
#menuBody {
	margin: 0 15px;
	background: #CDCDCD url(../images/bg_menu_cont.jpg) center top no-repeat;
	border: 1px solid #666666;
}


/*** global menu ***/
ul#globalMenu {
	height: 42px;
	padding-left: 8px;
	list-style-type: none;
}

ul#globalMenu li {
	float: left;
	margin-top: 4px;
	font-size: 50%;
	text-align: center;
}

ul#globalMenu li span {
	visibility: hidden;
}

ul#globalMenu li a {
	display: block;
	width: 112px;
	height: 35px;
	margin-right: 3px;
}

li#home a {
	width: 40px!important;
	background: url(../images/menu_global.jpg) -700px 0 no-repeat;
}

li#menu01 a {
	background: url(../images/menu_global.jpg) 0 0 no-repeat;
}

li#menu02 a {
	background: url(../images/menu_global.jpg) -115px 0 no-repeat;
}

li#menu03 a {
	background: url(../images/menu_global.jpg) -230px 0 no-repeat;
}

li#menu04 a {
	background: url(../images/menu_global.jpg) -345px 0 no-repeat;
}

li#menu05 a {
	background: url(../images/menu_global.jpg) -460px 0 no-repeat;
}

li#menu06 a {
	margin-right: 0!important;
	background: url(../images/menu_global.jpg) -575px 0 no-repeat;
}

li#home a:hover {
	background-position: -700px -50px;
}

li#menu01 a:hover {
	background-position: 0 -50px;
}

li#menu02 a:hover {
	background-position: -115px -50px;
}

li#menu03 a:hover {
	background-position: -230px -50px;
}

li#menu04 a:hover {
	background-position: -345px -50px;
}

li#menu05 a:hover {
	background-position: -460px -50px;
}

li#menu06 a:hover {
	background-position: -575px -50px;
}

li#current01 a {
	background: url(../images/menu_global.jpg) 0 -100px no-repeat;
}

li#current02 a {
	background: url(../images/menu_global.jpg) -115px -100px no-repeat;
}

li#current03 a {
	background: url(../images/menu_global.jpg) -230px -100px no-repeat;
}

li#current04 a {
	background: url(../images/menu_global.jpg) -345px -100px no-repeat;
}

li#current05 a {
	background: url(../images/menu_global.jpg) -460px -100px no-repeat;
}

li#current06 a {
	margin-right: 0!important;
	background: url(../images/menu_global.jpg) -575px -100px no-repeat;
}

li#current01 a:hover {
	background-position: 0 -150px;
}

li#current02 a:hover {
	background-position: -115px -150px;
}

li#current03 a:hover {
	background-position: -230px -150px;
}

li#current04 a:hover {
	background-position: -345px -150px;
}

li#current05 a:hover {
	background-position: -460px -150px;
}

li#current06 a:hover {
	background-position: -575px -150px;
}


/*** submenu ***/
ul#subMenu {
	width: 708px;
	margin-top: 7px;
	margin-left: 20px;
	padding-bottom: 5px;
	list-style-type: none;
}

ul#subMenu li {
	float: left;
	display: block;
	margin: 3px 0;
	padding: 2px 8px;
	font-size: 75%;
}

ul#subMenu li a {
/*	color: #CCCCCC; */
	color: #333333;
}

ul#subMenu li a:hover {
/*	color: #FFFFFF; */
	color: #C0004F;
}

li#parent {
/*	border-right: 1px solid #666666; */
	border-right: 1px solid #999999;
}


/*** topic path ***/
.topicPath {
	clear: both;
	padding: 0 3px;
	font-size: 70%;
}

.topicPath a, .topicPath a:hover {
	text-decoration: underline;
}

span.pathToTop a {
	height: 11px;
	padding-left: 15px;
	background: url(../images/icon_home.gif) 0 0 no-repeat;
}

span.pathToTop a:hover {
	background-position: 0 -15px;
}


/*** footer menu ***/
#footerMenu ul {
	border-top: none;
}


/*** contentBody ***/
#contentBody {
	width: 690px;
	margin: 0 15px;
	padding: 10px 30px 0;
	background-color: #FFFFFF;
}

#contentBox {
	margin: 3px 0;
	padding: 35px 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contentBox h2 {
	height: 42px;
	margin-bottom: 30px;
}

#contentBox h2 span {
	visibility: hidden;
}


/*** content (common) ***/
#contCommonBox {
	margin: 0 40px 30px;
}

.btnBackPagetop {
	clear: left;
	margin-bottom: 20px;
	padding: 5px 15px 10px;
}

.btnBackPagetop p {
	float: right;
	font-size: 50%;
	line-height: 100%;
}

.btnBackPagetop a {
	display: block;
	width: 96px;
	height: 18px;
	margin-top: 3px;
	background: url(../images/btn_back_pagetop.gif) 0 0 no-repeat;
}

.btnBackPagetop span {
	visibility: hidden;
}

.btnBackPagetop a:hover {
	background-position: 0 -20px;
}

.cautionColumn {
	margin: 30px 5px 0;
	padding: 15px 15px 5px;
	background-color: #F2EDEE;
	border: 3px double #FC315E;
}

.cautionColumn p {
	margin: 10px 15px;
	padding-left: 22px;
/*	color: #FC315E; */
	background: url(../images/caution.gif) left top no-repeat;
}


/*** form ***/
.formSelector {
	margin: 0 10px 20px;
	padding: 12px 15px 10px;
	font-size: 80%;
	border: 1px solid #CCCCCC;
}

.formSelector input {
	margin: 0 0 5px 15px;
}

.formInput {
	margin: 0 10px 10px;
	padding: 2px 4px;
	font-size: 90%;
	line-height: 120%;
}

select.formSelect {
	margin: 0 10px 10px;
}

.footerCommand {
	padding: 5px 10px 5px;
	font-size: 75%;
	text-align: center;
}

.footerCommand input {
	margin: 0 5px 5px;
}

.footerCommand a {
	padding: 0 2px 5px;
	text-decoration: underline;
}

.footerCommand a:hover {
	text-decoration: underline;
}

.errorMsg {
	color: #FC315E;
	text-align: center;
}

.attention {
	color: #FC315E;
}


/*** titlebar (topcont) ***/
h2#title_news {
	background: url(../images/titlebar/title_01news.jpg) left top no-repeat;
}

h2#title_product {
	background: url(../images/titlebar/title_02product.jpg) left top no-repeat;
}

h2#title_shop {
	background: url(../images/titlebar/title_03shop.jpg) left top no-repeat;
}

h2#title_support {
	background: url(../images/titlebar/title_04support.jpg) left top no-repeat;
}

h2#title_company {
	background: url(../images/titlebar/title_05company.jpg) left top no-repeat;
}

h2#title_application {
	background: url(../images/titlebar/title_06application.jpg) left top no-repeat;
}


/*** titlebar (01news) ***/
h2#title_exhibit {
	background: url(../images/titlebar/title_01_exhibit.jpg) left top no-repeat;
}


/*** titlebar (02product) ***/
h2#title_dispenser {
	background: url(../images/titlebar/title_dispenser.jpg) left top no-repeat;
}

h2#title_robot {
	background: url(../images/titlebar/title_robot.jpg) left top no-repeat;
}

h2#title_autounit {
	background: url(../images/titlebar/title_autounit.jpg) left top no-repeat;
}

h2#title_valve {
	background: url(../images/titlebar/title_valve.jpg) left top no-repeat;
}

h2#title_pump {
	background: url(../images/titlebar/title_pump.jpg) left top no-repeat;
}

h2#title_liquid {
	background: url(../images/titlebar/title_liquid.jpg) left top no-repeat;
}

h2#title_coolheat {
	background: url(../images/titlebar/title_coolheat.jpg) left top no-repeat;
}

h2#title_accessory {
	background: url(../images/titlebar/title_accessory.jpg) left top no-repeat;
}

h2#title_needlenozzle {
	background: url(../images/titlebar/title_needlenozzle.jpg) left top no-repeat;
}

h2#title_tank {
	background: url(../images/titlebar/title_tank.jpg) left top no-repeat;
}


/*** titlebar (03shop) ***/
h2#title_howto {
	background: url(../images/titlebar/title_03_howto.jpg) left top no-repeat;
}

h2#title_inquiry_shop {
	background: url(../images/titlebar/title_03_inquiry_shop.jpg) left top no-repeat;
}


/*** titlebar (04support) ***/
h2#title_faq {
	background: url(../images/titlebar/title_04_faq.jpg) left top no-repeat;
}

h2#title_movie {
	background: url(../images/titlebar/title_04_movie.jpg) left top no-repeat;
}

h2#title_case {
	background: url(../images/titlebar/title_04_case.jpg) left top no-repeat;
}

h2#title_drawing {
	background: url(../images/titlebar/title_04_drawing.jpg) left top no-repeat;
}

h2#title_inquiry {
	background: url(../images/titlebar/title_04_inquiry.jpg) left top no-repeat;
}


/*** titlebar (05company) ***/
h2#title_outline {
	background: url(../images/titlebar/title_05_outline.jpg) left top no-repeat;
}

h2#title_message {
	background: url(../images/titlebar/title_05_message.jpg) left top no-repeat;
}

h2#title_history {
	background: url(../images/titlebar/title_05_history.jpg) left top no-repeat;
}

h2#title_environment {
	background: url(../images/titlebar/title_05_environment.jpg) left top no-repeat;
}

h2#title_office_dom {
	background: url(../images/titlebar/title_05_office_dom.jpg) left top no-repeat;
}

h2#title_office_abr {
	background: url(../images/titlebar/title_05_office_abr.jpg) left top no-repeat;
}

h2#title_recruit {
	background: url(../images/titlebar/title_05_recruit.jpg) left top no-repeat;
}


/*** titlebar (06application) ***/
h2#title_app {
	background: url(../images/titlebar/title_06_app.jpg) left top no-repeat;
}

h2#title_material {
	background: url(../images/titlebar/title_06_material.jpg) left top no-repeat;
}

h2#title_type {
	background: url(../images/titlebar/title_06_type.jpg) left top no-repeat;
}


/*** titlebar (00topcont) ***/
h2#title_contact {
	background: url(../images/titlebar/title_00_contact.jpg) left top no-repeat;
}

h2#title_sitemap {
	background: url(../images/titlebar/title_00_sitemap.jpg) left top no-repeat;
}

h2#title_privacy {
	background: url(../images/titlebar/title_00_privacy.jpg) left top no-repeat;
}

h2#title_regulation {
	background: url(../images/titlebar/title_00_regulation.jpg) left top no-repeat;
}


/*** titlebar (not use now) ***/
h2#title_member {
	background: url(../images/titlebar/title_member.jpg) left top no-repeat;
}


/*** dummy ***/
.dummyArea {
	display: block;
	margin: 0 40px 30px;
	height: 200px;
	background: #E6E6E6 url(../images/underconstruction.jpg) center no-repeat;
}