@charset "utf-8";
body { padding: 0; color: #000000; background-repeat: repeat-x; background-position: left top; text-align: center; }
div#stage { background-color: #fff; text-align: left; width: auto; min-height: 100%; margin-right: auto; margin-left: auto; }
body > #stage { height: auto; }
p { margin: 0.5em 0px 0px 0px; padding: 0px; line-height: 150%; }
a:link { color: #039; }
a:visited { color: #660099; }
a:active { color: #cc3300; }
img.bordernone { border-style: none; }
em { font-style: italic; }
/*Header*/
div#header { background-repeat: repeat-x; width: auto; height: 60px; }
div#headnavi { text-align: right; float: right; margin-right: 10px; display: none; }
div#headnavi .navivline { margin-right: 8px; padding-top: 10px; padding-right: 12px; border-right: 1px solid #b4b4b4; }
div#headnavi p { font-size: 85%; }
div#headnavi a:link { color: #039; text-decoration: none; }
div#headnavi a:visited { color: #039; text-decoration: none; }
div#headnavi a:hover { color: #039; text-decoration: underline; }
div#logo { width: 260px; height: 60px; float: left; }
/*TopPage*/
div#topflash { width: 750px; height: 324px; }
div#topmainmenu { background-image: url(/en/img/bg-topmenu.gif); background-repeat: repeat-x; background-position: 0 35px; width: 100%; margin-top: 1px; }
div#topmainmenu p { font-size: 85%; line-height: 130%; margin-left: 0px; }
div#topmainmenu dl#products { width: 150px; float: left; }
div#topmainmenu dl#products dt a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: 0 -35px; text-indent: -9999px; width: 150px; height: 35px; margin-bottom: 10px; display: block; }
div#topmainmenu dl#products dt a:hover { background-position: 0 0; }
div#topmainmenu dl#support { width: 150px; float: left; }
div#topmainmenu dl#support dt a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -150px -35px; text-indent: -9999px; width: 150px; height: 35px; margin-bottom: 10px; display: block; }
div#topmainmenu dl#support dt a:hover { background-position: -150px 0; }
div#topmainmenu dl#technique { width: 150px; float: left; }
div#topmainmenu dl#technique dt a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -300px -35px; text-indent: -9999px; display: block; margin-bottom: 10px; width: 150px; height: 35px; }
div#topmainmenu dl#technique dt a:hover { background-position: -300px 0; }
div#topmainmenu dl#ship { width: 150px; float: left; }
div#topmainmenu dl#ship dt a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -450px -35px; text-indent: -9999px; display: block; margin-bottom: 10px; width: 150px; height: 35px; }
div#topmainmenu dl#ship dt a:hover { background-position: -450px 0; }
div#topmainmenu dl#about { width: 150px; float: left; }
div#topmainmenu dl#about dt a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -600px -35px; text-indent: -9999px; display: block; margin-bottom: 10px; width: 150px; height: 35px; }
div#topmainmenu dl#about dt a:hover { background-position: -600px 0; }
div#topmainmenu ul { margin-bottom: 2em; margin-left: 8px; }
div#topmainmenu ul.first { margin-left: 12px; }
div#topmainmenu ul li { font-size: 90%; background-image: url(/en/img/dot-blue.gif); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 0.5em; padding-left: 10px; }
div#topics-col { width: 100%; clear: both; margin-top: 2em; }
div#topics-col p { font-size: 85%; line-height: 140%; }
div#topics-col div.col1 { width: 555px; float: left; display: inline; }
div#topics-col div.col1 h2 { background-color: #e5e5e5; background-image: url(/en/img/topics.gif); background-repeat: no-repeat; background-position: 12px center; text-indent: -9999px; width: 555px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #818181; }
div#topics-col div.col2 { width: 175px; float: left; margin-left: 10px; }
div#topics-col div.col1 ul li { clear: left; }
div#topics-col p.col1 { width: 110px; float: left; margin-left: 10px; padding-left: 0; display: inline; }
div#topics-col p.col2 { width: 420px; float: left; margin-left: 10px; }
/*Footer*/
div#footer { position: relative; width: auto; clear: both; margin-top: 10px; border-top: 1px solid #7fa3ce; }
div#coutesynavi { clear: both; display: none; }
div#coutesynavi ul { width: 100%; margin-top: 0.5em; margin-bottom: 1em; display: block; }
div#coutesynavi ul li { font-size: 85%; margin-left: 4px; padding-left: 6px; border-left: 1px solid #b4b4b4; display: inline; }
div#coutesynavi ul li.first { font-size: 85%; margin-left: 10px; padding-left: 0; border-left-style: none; }
div#coutesynavi a:link { color: #039; text-decoration: none; }
div#coutesynavi a:visited { color: #039; text-decoration: none; }
div#coutesynavi a:hover { color: #039; text-decoration: underline; }
div#copyright { font-size: 77%; clear: both; margin-left: 10px; padding-bottom: 20px; }
/*MainMenu*/
div#mainmenu { width: 100%; height: 35px; margin: 0; padding: 0; display: none; }
div#mainmenu li#products { width: 150px; float: left; }
div#mainmenu li#products a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: 0 -35px; text-indent: -9999px; width: 150px; height: 35px; display: block; }
div#mainmenu li#products a:hover { background-position: 0 0; }
div#mainmenu li#products strong a { background-position: 0 0; }
div#mainmenu li#support { width: 150px; float: left; }
div#mainmenu li#support a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -150px -35px; text-indent: -9999px; width: 150px; height: 35px; display: block; }
div#mainmenu li#support a:hover { background-position: -150px 0; }
div#mainmenu li#support  strong a { background-position: -150px 0; }
div#mainmenu li#technique { width: 150px; float: left; }
div#mainmenu li#technique a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -300px -35px; text-indent: -9999px; display: block; width: 150px; height: 35px; }
div#mainmenu li#technique a:hover { background-position: -300px 0; }
div#mainmenu li#technique strong a { background-position: -300px 0; }
div#mainmenu li#ship { width: 150px; float: left; }
div#mainmenu li#ship a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -450px -35px; text-indent: -9999px; display: block; width: 150px; height: 35px; }
div#mainmenu li#ship a:hover { background-position: -450px 0; }
div#mainmenu li#ship strong a { background-position: -450px 0; }
div#mainmenu li#about { width: 150px; float: left; }
div#mainmenu li#about a { background-image: url(/en/img/mainmenu.gif); background-repeat: no-repeat; background-position: -600px -35px; text-indent: -9999px; display: block; width: 150px; height: 35px; }
div#mainmenu li#about a:hover { background-position: -600px 0; }
div#mainmenu li#about strong a { background-position: -600px 0; }
.clearall { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
div#location { background-color: #e8f2fc; width: 100%; clear: both; margin: 0; padding: 4px 0; border-bottom: 1px solid #818181; display: none; }
div#location ol { width: 100%; margin-right: 10px; margin-left: 10px; display: block; }
div#location ol li { font-size: 85%; display: inline; }
div#contentsarea { background-repeat: repeat-x; background-position: 0 0; width: auto; clear: both; padding-top: 20px; }
div#maincontents { width: auto; margin-left: 10px; display: inline; }
div#maincontents.width100 { width: auto; margin-left: 10px; }
div#naviarea { display: none; margin-left: 10px; width: 175px; float: left; }
div#maincontents h1 { font-size: 138.5%; font-weight: bold; clear: both; margin: 0; padding: 0; }
div#maincontents h2 { font-size: 123.1%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding: 0; }
div#maincontents h3 { font-size: 108%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding: 0; }
div#maincontents h4 { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding: 0; }
div#maincontents h5 { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding: 0; }
div#maincontents h6 { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding: 0; }
div#maincontents h2.bg { font-size: 123.1%; font-weight: bold; background-color: #e5e5e5; clear: both; margin: 1.5em 0 0; padding: 0.2em 5px; border-bottom: 1px solid #818181; }
div#maincontents h3.bg { font-size: 108%; font-weight: bold; background-color: #e5e5e5; clear: both; margin: 1.5em 0 0; padding: 0.2em 5px; border-bottom: 1px solid #818181; }
div#maincontents h4.bg { font-size: 100%; font-weight: bold; background-color: #e5e5e5; clear: both; margin: 1.5em 0 0; padding: 0.2em 5px; border-bottom: 1px solid #818181; }
div#maincontents h5.bg { font-size: 100%; font-weight: bold; background-color: #e5e5e5; clear: both; margin: 1.5em 0 0; padding: 0.2em 5px; border-bottom: 1px solid #818181; }
div#maincontents h6.bg { font-size: 100%; font-weight: bold; background-color: #e5e5e5; clear: both; margin: 1.5em 0 0; padding: 0.2em 5px; border-bottom: 1px solid #818181; }
div#maincontents h2.accent { font-size: 123.1%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding-left: 4px; border-left: 6px solid #039; }
div#maincontents h3.accent { font-size: 108%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding-left: 4px; border-left: 6px solid #039; }
div#maincontents h4.accent { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding-left: 4px; border-left: 6px solid #039; }
div#maincontents h5.accent { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding-left: 4px; border-left: 6px solid #039; }
div#maincontents h6.accent { font-size: 100%; font-weight: bold; clear: both; margin: 1.5em 0 0; padding-left: 4px; border-left: 6px solid #039; }
div#maincontents h3.normal { font-size: 100%; font-weight: normal; margin: 0.5em 0 0; padding: 0; }
div#maincontents .textsmall { font-size: 85%; }
div#maincontents .notice { color: #d41c1c; }
div#localnavi { border: solid 1px #818181; }
div#localnavi ul { }
div#localnavi ul li { font-size: 93%; font-weight: bold; background-color: #e7e7e7; background-image: url(/en/img/guillmet-g.gif); background-repeat: no-repeat; background-position: 8px 0.8em; clear: both; margin-top: 1px; padding: 7px 5px 5px 20px; display: block; }
div#localnavi ul li.subclass { font-size: 93%; font-weight: bold; background-color: #e7e7e7; background-image: url(/en/img/dot-g.gif); background-repeat: no-repeat; background-position: 21px 0.7em; display: block; padding: 3px 5px 5px 32px; clear: both; margin-top: 0; }
div#localnavi ul li a { font-weight: normal; }
div#localnavi ul li.categoly { background-color: #bddaf7; background-image: url(/en/img/dguillmet-g.gif); background-repeat: no-repeat; background-position: 8px 0.8em; clear: both; margin-top: 0; padding-bottom: 6px; display: block; }
div#relatednavi { clear: both; margin-top: 20px; border: solid 1px #004986; }
div#relatednavi h2 { color: #fff; font-size: 93%; font-weight: bold; background-color: #0068b7; clear: both; padding: 3px 5px 5px 6px; display: block; }
div#relatednavi ul {  }
div#relatednavi ul li { font-size: 93%; background-color: #bddaf7; background-image: url(/en/img/dot-g.gif); background-repeat: no-repeat; background-position: 8px 1em; clear: both; margin-top: 1px; padding: 7px 5px 5px 20px; display: block; }
div#relatednavi ul li.bottom { font-size: 93%; background-color: #bddaf7; display: block; clear: both; margin-top: 1px; padding: 7px 5px 5px 20px; }
/*Table*/
table.common { border-collapse: collapse; border-spacing: 0px; margin-top: 10px; color: #000000; }
table.common tr {  }
	table.common tr.odd td { background-color: #f4f4f4; color: #000000; }
	table.common tr.even td { background: #f0f5ff; color: #000000; }
	table.common th { background-color: #bddaf7; color: #000; font-size: 80%; line-height: 120%; vertical-align: middle; padding: 4px; border: solid 1px #7fa3ce; }
	table.common td { background-color: #ffffff; color: #000000; font-size: 80%; line-height: 120%; vertical-align: middle; padding: 4px; border: solid 1px #7fa3ce; }
	table.common thead { }
	table.common thead th { background-color: #7fa3ce; color: #ffffff; text-align: center; border: solid 1px #6a88ac; }
	table.common thead td { background-color: #7fa3ce; color: #ffffff; }
	table.common tfoot { }
	table.common tfoot th { background-color: #bddaf7; color: #000000; }
	table.common tfoot td { background-color: #bddaf7; color: #000000; }
	table.common tbody { }
	table.common tbody td { background-color: #fff; color: #000000; }
div.border-w { }
	div.border-w table.common { border: solid 1px #ffffff; }
div.border-w table.common th { border: solid 1px #ffffff; }
	div.border-w table.common td { border: solid 1px #ffffff; }
	div.border-w table.common tr.odd td { background-color: #f0f5ff; color: #000000; }
	div.border-w table.common tr.even td { background: #dcdcdc; color: #000000; }
/*List*/
div#maincontents li { border-style: none; margin: 0 0 0.5em; padding: 0; }
div#maincontents ol { list-style: decimal; border-style: none; margin: 0.5em 0 0; padding: 0.5em 0 0.5em 40px; }
	div#maincontents li ol { margin: 0; list-style: upper-alpha; border-style: none; }
	div#maincontents li li ol { list-style: lower-alpha outside; }
div#maincontents ul { list-style: disc; border-style: none; margin: 0.5em 0 0; padding: 0.5em 0 0.5em 40px; }
	div#maincontents li ul { margin: 0; list-style: circle; border-style: none; }
	div#maincontents li li ul { list-style: square outside; }
div#maincontents dl { border-style: none; margin: 0.5em 0px 0px 0px; padding: 0px 0px 0px 0px; }
	div#maincontents dt { border-style: none; }
	div#maincontents dd { border-style: none; margin: 0.5em 0px 0px 0px; padding: 0px 0px 0px 40px; }
div#maincontents .compact li { border-style: none; margin-left: 1.8em; }
div#maincontents ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; }
div#maincontents ol.compact { list-style-position: outside; border-style: none; padding-left: 0px; }
div.backpagetop { font-size: 93%; background-image: url(/en/img/pagetop.gif); background-repeat: no-repeat; background-position: right center; text-align: right; clear: both; margin-top: 1em; padding-right: 14px; display: none; }
div.info-r { font-size: 93%; background-image: url(/en/img/dguillmet-b.gif); background-repeat: no-repeat; background-position: right center; text-align: right; margin-top: 1em; padding-right: 14px; }
div.info { font-size: 93%; text-align: left; margin-top: 1em; display: block; }
div.info a { background-image: url(/en/img/dguillmet-b.gif); background-repeat: no-repeat; background-position: right center; padding-right: 14px; }
div#maincontents .textright { text-align: right; }
div#maincontents .textcenter { text-align: center; }
div#maincontents strong { font-weight: bold; }
div#maincontents div.pageindex { margin-top: 10px; margin-bottom: 50px; display: none; }
div#maincontents div.pageindex ul { padding-left: 0; display: block; }
div#maincontents div.pageindex ul li { font-size: 85%; float: left; margin-left: 0.6em; padding-left: 0.6em; border-left: 1px solid #818181; list-style-type: none; display: inline; }
div#maincontents div.pageindex ul li.first { background-image: url(/en/img/dguillmet-b-down.gif); background-repeat: no-repeat; background-position: left center; margin-left: 0; padding-left: 14px; border-left-style: none; }
div#maincontents div.history-photo p { margin-top: 2em; line-height: 120%; }
div#maincontents .alignleft {  }
div#maincontents .alignright {  }
div#maincontents hr.g1 { height: 1px; border-style: solid; border-width: 0 0 1px; border-color: #818181; background: transparent; }
div#maincontents hr.b1 { height: 1px; border-style: solid; border-width: 0 0 1px; border-color: #000; background: transparent; color: #666666; }
div#maincontents .pdf { color: #fff; font-size: 85%; background: #d41c1c; margin-right: 0.5em; margin-left: 1em; padding: 2px 2px 1px 3px; }
div#maincontents em { font-style: italic; }
/*Column*/
div#maincontents div.lay2col-l180 { margin-top: 20px; }
div#maincontents div.lay2col-l180 div.col1 { width: 180px; margin-right: 15px; }
div#maincontents div.lay2col-l180 div.col2 { width: 350px; }
div#maincontents div.lay2col-l180 div.col2 h2 { clear: none; margin-top: 0; }
div#maincontents div.lay2col-r180 { margin-top: 20px; }
div#maincontents div.lay2col-r180 div.col1 { width: 355px; margin-right: 10px; }
div#maincontents div.lay2col-r180 div.col2 { width: 180px; }
div#maincontents div.lay2col-r180 div.col1 ul {  }
div#maincontents div.lay2col-r180 div.col1 ul li {  }
div#maincontents div.lay2col { margin-top: 20px; }
div#maincontents div.lay2col div.col1 { width: 265px; margin-right: 15px; }
div#maincontents div.lay2col div.col2 { width: 265px; }
div#maincontents div.lay2col-100 { margin-top: 20px; }
div#maincontents div.lay2col-100 div.col1 { width: 355px; margin-right: 20px; }
div#maincontents div.lay2col-100 div.col2 { width: 355px; }
/*Frame*/
div#maincontents div.frm-b { margin-top: 2em; padding: 0.5em; border: solid 1px #0068b7; }
div#maincontents div.frm-g { margin-top: 2em; padding: 0.5em; border: solid 1px #818181; }
div#maincontents div.frm-r { margin-top: 2em; padding: 0.5em; border: solid 1px #d41c1c; }
div#maincontents div.frm-gg { background-color: #e4e4e4; margin-top: 2em; padding: 0.5em; border: solid 1px #818181; }
div#maincontents div.frm-bb { background-color: #f0f5ff; margin-top: 2em; padding: 0.5em; border: solid 1px #0068b7; }
div#maincontents div.frm-nb { background-color: #f0f5ff; margin-top: 2em; padding: 0.5em; }
/*Photo*/
div#maincontents div.ships-photo { margin-top: 20px; }
div#maincontents div.ships-photo img { margin-right: 4px; padding: 3px; border: solid 1px #7e7e7e; }
div#maincontents div.ships-photo img.right { margin-right: 0px; }
div#maincontents div.photo4 { margin-top: 30px; }
div#maincontents div.photo4 img { margin-right: 2px; padding: 1px; border: solid 1px #7e7e7e; }
div#maincontents div.photo4 img.right { margin-right: 0px; }
