/*--------------------------------------
common.css for http://www.fenwal.co.jp/
designed: his@masida.net
--------------------------------------*/

/*share
---------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body#top, body.page
{
	width: 716px;
	margin: 0 auto;
	padding: 3px 7px 7px 7px;
	background: #9B9B9B url(../images/parts/bg.gif) top center repeat-y;
	font: small 'Lucida Grande', Tahoma, Geneva, Arial, sans-serif;
}

body#catalog
{
	margin: 3px;
	background: #FFF none;
	font: small 'Lucida Grande', Tahoma, Geneva, Arial, sans-serif;
}

ul, ol { list-style: none; }
h2, h3, h4, p, li, td { font-size: 92%; }

a
{
	text-decoration: none;
	color: black;
}

a img { border: none; }
#content a { color: blue; }
a:hover { text-decoration: underline; }
.box { border: 1px solid #CCC; }
.hide { display: none; }
.noborder { border: none !important; }
.alert { color: Red; }
.smaller { font-size: smaller; }

.clearer
{
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

p.scroller { text-align: right; }
#medical p.scroller, #pwba p.scroller { display: none; }

p.scroller a
{
	background: url(../images/parts/nav_up_green.gif) no-repeat;
	color: #333;
	padding: 0 0 5px 20px;
	margin-left: 5px;
	font-weight: bold;
	font-size: 11px;
}

/*page*/
#main
{
	width: 536px;
	float: left;
	margin-bottom: 20px;
}

#sub
{
	width: 176px;
	float: right;
}

#catalog #sub { float: none; }

/*header
---------------------------------------------------------------------------------*/

#header
{
	border-top: 10px solid #0039A4;
	text-indent: -3000px;
	position: relative;
}

#top #header
{
	background: url(../images/parts/header_top.jpg) 0 4px no-repeat;
	height: 108px;
}

.page #header a,
#catalog #header a
{
	display: block;
	width: 280px;
	height: 44px;
	margin: 2px 0;
	background: url(../images/parts/header_page.gif) no-repeat;
}

.page #header a:hover
{
	/*background-position: bottom;*/
	text-decoration: none;
}

/* language button */
.page #header #lang,
.page #header #lang a { display: none; }

#top #header #lang
{
	display: block;
	text-indent: 0;
	width: 100px;
	position: absolute;
	bottom: 15px;
	left: 10px;
	font: italic bold 11px/1 Tahoma, Helvetica, sans-serf;
}

#top #header #lang a
{
	color: #666;
	background: url(../images/parts/bullet_redarw.gif) right 2px no-repeat;
	padding-right: 12px;
}

#top #header #lang a:hover { color: #009; }

/*navi
---------------------------------------------------------------------------------*/

#navi
{
	padding: 0 5px 0 10px;
	height: 32px;
	background: #CCC;
	margin-bottom: 4px;
}

#navi ul, #navi li { float: left; }
#navi ul { }

#navi a
{
	display: block;
	padding: 9px 9px;
	font-size: 11px;
}

#navi a:hover
{
	background-color: #69C;
	color: white;
	text-decoration: none;
}

#ssp a#nav01, #thermal a#nav01, #medical a#nav01, #pwba a#nav01, #news_History a#nav06, #corp a#nav03,  #ir a#nav04, #otoiawase a#nav07, #glossary a#nav05, #faq a#nav08, #directory
{
	background-color: #69C;
	color: white;
}

/*search*/
#search
{
	float: right;
	margin-top: 5px;
	width: 174px;
}

#search input { vertical-align: middle; }

.searchbox
{
	width: 138px;
	height: 14px;
	padding: 2px 3px;
	color: #333;
}

#navi .submit
{
	width: 20px;
	height: 20px;
}

#directory
{
	color: #CCC;
	font-size: 90%;
	padding: 5px 10px 5px 20px;
	margin-bottom: 15px;
}

#directory a, #directory span { color: #FFF; }
#directory span { font-weight: bold; }

/*menu
---------------------------------------------------------------------------------*/

#menu { margin-bottom: 4px; }
#top #menu { height: 188px; }
#menu .ssp, #menu .thermal, #menu .medical, #menu .pwba { width: 174px; }

#menu h2 a
{
	display: block;
	width: 174px;
	height: 38px;
	text-indent: -3000px;
}

#menu h2 a:hover { text-decoration: none; }
#menu .ssp h2 a { background: url(../images/parts/menu_h2_ssp.jpg) no-repeat; }
#menu .thermal h2 a { background: url(../images/parts/menu_h2_thermal.jpg) no-repeat; }
#menu .medical h2 a { background: url(../images/parts/menu_h2_medical.jpg) no-repeat; }
#menu .pwba h2 a { background: url(../images/parts/menu_h2_pwba.jpg) no-repeat; }
#top .ssp, #top .thermal, #top .medical, #top .pwba { float: left; }
#top div.pad { margin-left: 4px; }
#menu h2 a:hover, #ssp #menu .ssp h2 a,  #thermal #menu .thermal h2 a, #medical #menu .medical h2 a, #pwba #menu .pwba h2 a { background-position: bottom; }

#menu ul
{
	padding: 8px 10px 5px 5px;
	width: 159px;
	height: 132px;
	line-height: 1em;
}

#corp #menu ul, #ir #menu ul { height: 207px; }
#menu .ssp ul { background: url(../images/parts/menu_list_ssp.jpg) no-repeat; }
#menu .thermal ul { background: url(../images/parts/menu_list_thermal.jpg) no-repeat; }
#menu .medical ul { background: url(../images/parts/menu_list_medical.jpg) no-repeat; }
#menu .pwba ul { background: url(../images/parts/menu_list_pwba.jpg) no-repeat; }
#menu .corp ul { background: url(../images/parts/menu_list_corp.jpg) no-repeat; }
#menu .ir ul { background: url(../images/parts/menu_list_ir.jpg) no-repeat; }

#menu li
{
	margin-bottom: 4px;
	background: url(../images/parts/bullet_redarw.gif) 1px 2px no-repeat;
	padding-left: 14px;
	font-size: 90%;
}

#menu li a:hover
{
	color: red;
	text-decoration: none;
}

/*add Nov. 2008*/
#irLinks a img { border: none; }
.page #menu ul { display: none; }
#ssp .ssp ul { display: block; }
#thermal .thermal ul { display: block; }
#medical .medical ul { display: block; }
#pwba .pwba ul { display: block; }

#menu li.catalog
{
	background-image: none;
	text-align: right;
	margin-top: 10px;
}

#menu li.catalog a
{
	background-color: #999;
	padding: 3px 6px 4px 7px;
}

#menu li.catalog a:hover
{
	background-color: #C00;
	color: white;
}

#menu .corp ul, #menu .ir ul
{
	display: block;
	border: none;
}

/*content
---------------------------------------------------------------------------------*/

h2.blue
{
	padding: 5px 5px 0 15px;
	height: 20px;
	background: #DDD url(../images/parts/bullet_h2.gif) no-repeat;
	clear: both;
}

#sub #inquiry
{
	border: 1px dotted #CCC;
	margin-top: 20px;
}

#sub h2.blue
{
	background: url(../images/parts/bullet_h2_blue.gif) 0 2px no-repeat;
	height: 12px;
}

#sub .banners { margin-bottom: 2em; }

#sub .banners
{
	margin-bottom: 2em;
	padding: 10px;
	border: 1px solid #CCC;
}

#sub .banners p
{
	margin-top: 0.5em;
	font-size: 92%;
	line-height: 130%;
}

#sub #inquiry ul { margin: 10px; }
#sub #inquiry ul li { margin-bottom: 0.5em; }

/*top*/
#top #content { margin-bottom: 4px; }

#top #release
{
	width: 444px;
	float: left;
}

#content ul.list, #content p { margin: 10px; }

.page .block, h2.product
{
	margin-bottom: 20px;
	clear: both;
}

h2.product a.pwbaLinks
{
	margin-left: 1em;
	font-size: 80%;
	background: White;
	padding: 1px 4px 1px 6px;
}

#content ul.list li { margin-bottom: 10px; }

/*--------------
release block
--------------*/

.date
{
	font: bold 90%/1em 'Lucida Grande', Tahoma, Geneva, Arial, Verdana, sans-serif;
	margin-right: 1em !important;
}

#top p.date
{
	margin-bottom: 2px;
	margin-left: 0;
}

#top p.releaseTitle
{
	margin: 0 auto;
	font-size: 100%;
}

.page p.date
{
	float: left;
	padding-top: 2px !important;
}

.page p.releaseTitle { font-size: 100%; }
.page #release li { clear: left; }

.page #release .list .date
{
	margin: 0;
	padding: 0;
	height: 2.5em;
}

.page #release p.releaseTitle { margin-top: -1.2em; }
html>body.page #release p.releaseTitle { margin-top: 1.1em; }

/*------------------
top topic
------------------*/

#topicBlock
{
	width: 264px;
	float: right;
	margin-bottom: 5px;
}

#topicBlock #links { margin-bottom: 6px; }
#topicBlock #links a img { border: none; }

#topic
{
	width: 264px;
	float: right;
	margin-bottom: 5px;
}

#top #topic p.catchCopy
{
	color: Darkorange;
	margin-bottom: 3px;
}

#top #topic h3 { margin: 5px 0 5px 1em; }
#top #topic img { margin-right: 3px; }

/*page*/
#main #content
{
	width: 510px;
	margin: 0 auto;
}

#title
{
	background: url(../images/parts/title_page.gif) no-repeat;
	margin-bottom: 20px;
}

#title h1
{
	font-size: 125%;
	float: left;
	padding: 1px 0 0 25px;
	line-height: 1em;
}

#title h1 span
{
	font-size: 12px;
	font-weight: normal;
	margin-left: 0.2em;
}

p#dept
{
	float: right;
	margin: 0;
	margin-top: 0.3em;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
}

#explanation { clear: both; }

#explanation
{
	margin: 12px 0 0 6px;
	padding-top: 0.2em;
}

html>body #explanation { padding-top: 12px; }

/*------------------------------
pwba solution -> pwba products
------------------------------*/

#pwba #product .chart { margin: 10px 0 !important; }

#pwba .lowerBoxes .box
{
	width: 96px;
	height: 144px;
	float: left;
	margin-right: 3px;
	background-position: 0 31px !important;
	background-repeat: no-repeat !important;
}

#pwba .lowerBoxes #biz01 { background: url(../images/pwba_bg01.gif); }
#pwba .lowerBoxes #biz02 { background: url(../images/pwba_bg02.gif); }
#pwba .lowerBoxes #biz03 { background: url(../images/pwba_bg03.gif); }
#pwba .lowerBoxes #biz04 { background: url(../images/pwba_bg04.gif); }

#pwba .lowerBoxes #biz05
{
	background: url(../images/pwba_bg05.gif);
	margin-right: 0;
}

#pwba .lowerBoxes { margin-left: 3px; }
#pwba .lowerBoxes h3 { height: 2.4em; }

/*

#pwba #solution .chart ul
{
	margin-top: 110px;
	padding: 0 6px;
	height: 100px;
}

body>html #pwba #solution .chart ul { height: auto; }

#pwba #solution .chart ul li
{
	float: left;
	width: 86px;
	margin-left: 17px;
	color: SaddleBrown;
	font-weight: bold;
}

#pwba #solution .chart ul li.box01 { margin-left: 0; }

*/

#pwba #product .box p
{
	font-weight: bold;
	font-size: 11px;
	line-height: 140%;
	margin: 0.5em;
}

#pwba #product .box p a { color: Black; }

/*product*/
#product { margin-bottom: 10px; }

#product .box
{
	border: 1px solid #AFAF88;
	height: auto;
}

#medical #product .box { }
#thermal #product .box { }

/*
#product .left
{
	width: 251px;
	float: left;
}

#product .right
{
	width: 251px;
	float: right;
}
*/

#product .left, #product .right
{
	width: auto;
	float: none;
}

#product h2 ,#product .box { margin-bottom: 4px; }

#product h3, h2.product
{
	background: #AFAF88 url(../images/parts/bullet_redarw.gif) 4px 5px no-repeat;
	padding: 2px 0 4px 18px;
	color: white;
}

h2.finalPage { background-image: url(../images/parts/bullet_red.gif) !important; }
#product h3 a { color: white; }

.photo
{
	float: left;
	padding: 5px;
}

.photo img
{
	padding: 3px;
	border: 1px solid #CCC;
}

/*
#product ul
{
	line-height: 1em;
	margin-right: 5px;
	float: right;
	width: 120px;
}
*/

#product ul
{
	line-height: 1em;
	margin-right: 5px;
	width: auto;
	float: none;
	margin-left: 120px;
}

#product li { margin: 5px 0; }
.productlist div.block { }

div.titlebox
{
	border: none;
	padding: 5px 5px;
}

html>body.page div.titlebox
{
	border: 1px solid #AFAF88;
	padding: 10px 5px;
	margin-bottom: 10px;
}

.titlebox h3
{
	font-size: 14px;
	float: left;
	border-left: 3px solid #C00;
	padding-left: 5px;
}

.icon
{
	float: right;
	margin: 0 5px;
}

p.explanation { line-height: 1.5em; }

/*medical*/
#medical #product p { line-height: 140%; }
#medical #product ul.note { margin: 0 20px 10px 10px; }
#medical #product ul.note li { font-size: 10px; }

#medical #product  em
{
	color: red;
	margin: 0 0.5em;
}

/*-----------------------------------------------
inquiry
-----------------------------------------------*/

#otoiawase #inquiry, div#telCall { margin: 1em; }
#inquiry div { margin-bottom: 0.75em; }
#inquiry #confirm div { margin-bottom: 1.75em; }

#inquiry div.submit
{
	clear: left;
	padding: 10px;
	background: Beige;
	font-size: 11px;
}

#inquiry div.pageBack { background: #EEE !important; }
#inquiry div.submit input { margin-left: 10px; }

#inquiry label
{
	display: block;
	margin-bottom: 0;
	background: url( ../images/parts/bullet_h2_blue.gif) -4px -3px no-repeat;
	padding-left: 12px;
	font-size: 90%;
}

form input.textBox
{
	height: 1.5em;
	width: 200px;
}

div.tel input.textBox { width: 100px; }
div.zip input.textBox { width: 60px; }

div.address textarea
{
	width: 400px;
	height: 36px;
}

div.comment textarea
{
	width: 400px;
	height: 200px;
}

#telCall p.corp,  #telCall td { font-weight: bold; }

#telCall p.corp span.tel
{
	display: block;
	margin: 0.5em 0 0 210px;
}

#telCall table { margin-left: 2em; }
#telCall td { padding-bottom: 0.5em; }
#telCall .tel { padding-left: 1em; }

#sendResult p
{
	padding: 100px 0;
	text-align: center;
	font-weight: bold;
}

/*-----------------------------------------------
glossery
-----------------------------------------------*/

#glossery dl
{
	margin-bottom: 3em;
	font-size: 11px;
}

#glossery dt
{
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

#glossery dd
{
	margin-bottom: 1.5em;
	margin-left: 1em;
}

/*-----------------------------------------------
glossary
-----------------------------------------------*/

#glossary a#nav05
{
	background-color: #69C;
	color: white;
}

body#glossary #content
{
	width: 95%;
	margin: 0 auto;
}

#glossary dl
{
	margin-bottom: 3em;
	font-size: 11px;
}

#glossary dt
{
	font-weight: bold;
	background: url(../images/parts/bullet_h2_blue.gif) -4px -3px no-repeat;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

#glossary dd
{
	margin-bottom: 1.5em;
	margin-left: 1em;
}

/*-----------------------------------------------
faq
-----------------------------------------------*/

#faq a#nav08
{
	background-color: #69C;
	color: white;
}

body#faq #content
{
	width: 95%;
	margin: 0 auto;
}

#faq dl
{
	margin-bottom: 3em;
	font-size: 11px;
}

#faq dt
{
	font-weight: bold;
	border-left: 5px solid #AD8507;
	padding-left: 4px;
	margin: 0 0 0.5em 3px;
}

#faq dd
{
	margin-bottom: 1.5em;
	margin-left: 1em;
}

/*footer
---------------------------------------------------------------------------------*/

#footer
{
	color: white;
	background: #0039A4;
	height: 20px;
	clear: both;
	padding: 3px 5px;
	margin-top: 4px;
}

#footer a
{
	color: white;
	font-size: 10px !important;
}

#footer a:hover { text-decoration: underline; }
#footer p { padding: 3px 5px; }
#policy, #notice { float: left; }
#notice { }

#copyright
{
	float: right;
	font-family: 'Lucida Grande', Tahoma, Geneva, Arial, Verdana, sans-serif;
	font-size: 10px !important;
}

/*------------------
noCol
------------------*/

body.noCol div#main { width: auto !important; }

body.noCol div#main #content, body#otoiawase #content, body.search #content, body#glossery #content
{
	width: 95%;
	margin: 0 auto;
}

/*------------------
search
------------------*/

body.search #content { margin: 1em auto; }

#searchTips
{
	background: WhiteSmoke;
	color: #666;
	padding: 1em;
	margin-bottom: 1em;
	line-height: 140%;
}

body.search dl
{
	border-top: 1px solid #CCC;
	padding-top: 1px;
	border-bottom: 1px solid #CCC;
}

body.search dt
{
	border-top: 1px dotted #CCC;
	padding-top: 1em;
	font-size: 110%;
}

/*------------------
news_History
------------------*/

#news_History #release p.listButton
{
	text-align: right;
	font-size: 10px;
}

#news_History #release p.listButton a { color: #333; }

#news_History #release li
{
	clear: left;
	border: 1px solid White;
}

#news_History .date { }
#news_History .releaseTitle { margin-top: 0 !important; }

/*------------------
privacy
------------------*/

#privacy #main ul, #privacy #main ol { margin: 1em 1em 2em 2em; }
#privacy p.def { margin-bottom: 2em; }

#privacy #main ul li
{
	font-weight: bold;
	background: url(../images/parts/bullet_h2_blue.gif) -4px -3px no-repeat;
	padding-left: 1em;
}

#privacy #main ol li
{
	list-style-position: inside;
	list-style-type: decimal;
	font-weight: bold;
}

#privacy #main li { margin-bottom: 0.5em; }
#privacy #main h3 { }
#privacy .desk { margin: 1em 1em 2em 2em; }

#privacy .desk p
{
	font-weight: bold;
	margin-top: 0.5em;
}

#privacy .desk span
{
	display: block;
	margin-top: 0.5em;
}

#privacy .address { }

/*
--------------------------------------------------------------------------------
customer news (june 2009)
--------------------------------------------------------------------------------
*/

body#customer p, 
body#customer li { font-size: 12px; }

#customer #main
{
	width: auto;
	float: none;
	padding: 20px 10px 10px;
}

#customer #main #content
{
	width: auto;
	margin: 0;
}

#content div.release * { line-height: 1.4 !important; }
div.release div.block { margin: 20px 10px; }
div.release div.block p { margin: 1em 0 !important; }

div.release .pageHead
{
	font-weight: bold;
	font-size: 14px;
}

div.release .head { font-weight: bold; }

div.release p.releaseDate
{
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

div.release p.center { text-align: center; }

div.release p#note
{
	border: 2px solid #039;
	padding: 0.5em 0.75em;
	color: #00c;
	line-height: 1.5;
}

div.figure img
{
	display: block;
	margin: 10px auto;
	border: 1px solid #ccc;
}

div.release ol { border-bottom: 1px dotted #999; }

div.release ol li
{
	border-top: 1px dotted #999 !important;
	padding: 0.5em 0;
}

div.release ol.list li span
{
	font-weight: bold !important;
	font-size: 12px !important;
	color: #666;
}

div.release div.contact
{
	border: 2px solid #ccc;
	padding: 1em;
}

div.release .contact li { padding: 0.5em 0.5em; }

div.release .contact .dial
{
	background: #eee;
	font-weight: bold !important;
}

div.release .contact .num
{
	font-size: 16px !important;
	text-align: middle;
	color: #c00;
}

div.release .contact p.privacy { font-size: smaller !important; }
div.release p.notice { color: #c00; }
body#top #customer { margin-bottom: 6px; }