body {
  background-color: #FFFFFF;
  margin: 0;
  font-size: large;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryo, 'MS Pゴシック', serif ; /* 'HGP創英角ｺﾞｼｯｸUB', 'MS Pゴシック', sans-serif */
  color: #262626;
}

* {
    margin: 0;
    padding: 0;
}

p {
    line-height:160%;
    margin-bottom: 1em;
}

ul {
	margin: 10px 10px 10px 20px;
}

li {
	margin-bottom: 7px;
	line-height: 150%;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom:10px;
	line-height:150%;
}

a:hover {
	color: #FF6600;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}


#newHeader {
    padding-left: 1em;
    background-color: #031341;
    font-size: 8pt;
}

#newHeader h1 a {
    color: white;
}

#header div#logoandname {
	left:0px;
	top:0px;
	background-image:url(../arts/topitem/repeatable_ocean.gif); 
	background-repeat:repeat-x;
}

#header img#toplogo {
	width: 62px;
	margin: 0px 0px 0px 10px;
	float:left;
}

#header h1 {
	width:552px;
	overflow:hidden;
	background-image:url(../arts/topitem/marlin_banner3.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 50px;
	text-indent: -1000em;
	height: 0px !important;
/*	height:70px; */ /* for IE5/Win */
}

#header a#toplink {
	height: 0px !important;
	/* height :40px; */ /* for IE5/Win */
	overflow: hidden;
}

#header img#toplink2 {
	margin-right: 0px;
	margin-top: 0px;
}

#searchbox {
	clear:both;
	background-color:#002A66;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 9pt;
	height: 30px;
	text-align: right; 
}

#searchbox a#sitemaplink {
	color:#FFFFFF;
}

#searchbox a#sitemaplink:hover {
	color: #FF6600;
}

#searchbox form {
	display:inline;
	margin: 3px;
	vertical-align:bottom;
}

#searchbox input#buttonimage,#searchbox img#googlelogo {
	vertical-align:bottom;
	margin-top: 5px;
	padding-top: 0px; 
}


/* Navigation Bar */

.spacer {
    color: white;
    }
#nav {
    background-color: #001B54;
    padding: 0px 0px 0px 8px;
    height: 9mm;
    white-space: nowrap; /* 途中で折り返さない */
}

#nav ul {
    margin: 0px;
/*    height: 33px;   */
    list-style: none;
    display: inline;
/*    white-space: nowrap; */
/*    overflow: hidden; */
    text-align: center;
}

#nav li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
}

#nav li .external {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
}


#nav a {
    /* text-indent: -2000em; */
    font-size: 12pt;
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryo, 'MS Pゴシック', serif ;
    background-color: #001B54;
    color: #FFF;
    float: left;
    margin: 0px 4px 0px 4px;
    padding: 6px 3px 2px 3px;
    border-radius: 5px;

/*    overflow: hidden; */
/*	height: 0px !important; */
/*	height :33px;   */ /* for IE5/Win */
}


#nav-english a {
  font-family: Helvetica;
  margin-left: 100px;
  color: #DDD;
}


#nav a:hover {
    background-color: #F0C0CB;
    border: 0px solid #fff;  /* Firefox hover workaround */
/*background-position: 0 -33px; */
}

#nav a:active, #nav a.selected {
    color: pink;
    /*background-position: 0 -66px; */
}

#topMessage {
  text-align: center;
  list-style-type: none;
/*  margin-left: 8em; */
}

#service a {
	width: 65px;
	margin-left: 12px;
	background-image:url(../arts/navbar3/service.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#software a {
	width: 88px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/software.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#translation a {
	width: 76px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/translation.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#seminar a {
	width: 65px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/seminar.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#column a {
	width: 54px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/column.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#support a {
	width: 64px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/support.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#aboutus a {
	width: 65px;
	margin-left: 2px;
	background-image:url(../arts/navbar3/aboutus.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#shop a {
	width: 65px;
	margin-left: 14px;
	background-image:url(../arts/navbar3/shop.gif);
	background-position: top left;
	background-repeat: no-repeat;
/*	float: right; */
}

#english a {
	width: 66px;
	margin-left: 2px;
	margin-right:12px;
	background-image:url(../arts/navbar3/english.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: right;
}

/* Contents Area */

#contentsarea {
    margin-top: 10px;
}

#topimage {
	width:100%;
	margin-bottom:10px;
	background-color:#250D00;
}

#maincontents {
	margin: 0px 230px 10px 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar {
	width: 220px;
	height:inherit;
	margin-top: 0px;
	margin-right: 10px;
/*	background-color:#CDCDCD; */
	float: right;
}

#maincontents_narrow { /* for dictJuggler intro etc. */
	margin-top: 0px;
	margin-right: 20%;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-left: 5px;
	padding-right: 5px;
}

#sidebar_narrow { /* for dictJuggler intro etc. */
	width: 18%;
	height:inherit;
	margin-top: 0px;
	margin-right: 3px;
/*	background-color:#CDCDCD; */
	float: right;
}


#copyright {
	clear: both;
	margin-top:40px;
	text-align: center;
	font-size: 8pt;
	color:#999;
	vertical-align: middle;
}

#copyright hr {
	border: 0;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	color:#666;
	background-color: #666;
	height: 1px;
}
/* base p */
/*
#maincontents p {
	margin: 0px 10px 10px 0px;
	padding-left:40px;
	padding-bottom:20px;
}
*/

/* Header titlebars */
#maincontents h2 {
	height: 36px;
	line-height: 36px;
	margin: 25px 0px 10px 0px;
	font-size: 12pt;
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 30px;
}

h2.news {
	color:#660000;
	background-image:url(../arts/header_bars/red.gif);
}

h2.service {
	color:#006600;
	background-image:url(../arts/header_bars/green.gif);
	background-repeat:no-repeat;
}

h2.aboutus {
	color:#222222;
	background-image:url(../arts/header_bars/grey.gif);
	background-repeat:no-repeat;
}

h2.seminar {
	color:#623906;
	background-image:url(../arts/header_bars/orange.gif);
	background-repeat:no-repeat;
}

h2.software {
	color:#006667;
	background-image:url(../arts/header_bars/lightblue.gif);
	background-repeat:no-repeat;
}

h2.column {
	color:#198031;
	background-image:url(../arts/header_bars/lightgreen.gif);
	background-repeat:no-repeat;
}

h2.works {
	color:#623906;
	background-image:url(../arts/header_bars/orange.gif);
	background-repeat:no-repeat;
}

h2.management {
	color:#421E7A;
	background-image:url(../arts/header_bars/purple.gif);
	background-repeat:no-repeat;
}

h2.shop {
	color:#421E7A;
	background-image:url(../arts/header_bars/purple.png);
	background-repeat:no-repeat;
}

h2.support {
	color:#837E00;
	background-image:url(../../jpn/arts/header_bars/yellow.gif);
	background-repeat:no-repeat;
}


/* unordered list links */
ul.servicelinks {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	list-style-image:url(../arts/bullets/bul_green.gif);
	list-style-position:outside;
}

ul.workslinks {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	list-style-image:url(../arts/bullets/bul_orange.gif);
	list-style-position:outside;
}

ul.softwarelinks {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	list-style-image:url(../arts/bullets/bul_blue.gif);
	list-style-position:outside;
}

ul.newslinks {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	list-style-image:url(../arts/bullets/bul_pink.gif);
	list-style-position:outside;
}

ul.shoplinks {
	margin: 0px 0px 0px 90px;
	padding: 0px;
	list-style-image:url(../arts/bullets/bul_purple.gif);
	list-style-position:outside;
}

ul.supportlinks {
	margin: 0 0 0 4rem;
	padding: 0px;
	list-style-image:url(../../jpn/arts/bullets/bul_yellow.gif);
	list-style-position:outside;
}




a.seminar {
	background-image:url(../arts/bullets/bul_bluepurple.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	padding-bottom:5px;
}

a.software {
	background-image:url(../arts/bullets/bul_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	padding-bottom:5px;
}

a.shop {
	background-image:url(../arts/bullets/bul_purple.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	padding-bottom:5px;
}

div.detaillink {
	text-align:right;
	margin:0px 20px 10px 20px;
}


.news h3 {
	font-size: 14pt;
/*	display:inline; */
	line-height: 2em;
	font-weight:bold;
	color: #900;
	margin:5px 10px 0px 10px;
	border-top: 1px dashed #c66;
}

.news span.date {
	margin:0px 0px 0px 20px;
	font-size: 9pt;
	color:#666666;
}

.news p {
	margin: 0px 10px 10px 0px;
	padding-left:40px;
	padding-bottom:20px;
	/*border-bottom: 1px dashed #c66;*/
}

/* about us */
table.aboutus {
/*	width:100%;*/
}

table.aboutus td.label {
	padding-left:10px;
	padding-right:20px;
	padding-bottom:10px;
}

table.aboutus td.description {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

table.history td.yearmonth {
	padding-left:0px;
	padding-right:10px;
	padding-bottom:10px;
}

table.history td.event {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

div.career {
	/*width: 50%;*/
	margin: 5px auto 5px auto;
	padding: 0px;
	background-color:#FFF;
	border:1px solid #999999;
	line-height:120%;
}	

div.career h3 {
	font-size: 11pt;
	font-weight:bold;
	text-align:center;
	padding:5px;
	background-color:#EEEEEE;
	border-bottom:1px solid #666666;
}

div.career td {
	padding:5px;
}

div.inquiryform td {
	padding: 5px;
}

div.inquiryform td.form_header {
	border-left-width: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-bottom-width: 1px;
}

div.inquiryform div.confirm {
	margin-top:30px;
	padding-top:10px;
	background-color:#EEEEEE;
}

div.translation {
	margin:10px 10px 10px 20px;
	padding: 0px;
}

div.translation h4 {
	font-size: 12pt;
	border-left: 10px solid #7DE87D;
	color: #000000;
	padding-left:10px;
}

div.translation ul {
	margin: 10px 10px 20px 60px;
}

div.translationsample {
	margin: 5px 10px 15px 40px;
	padding: 0px;
	background-color:#FFF;
	border:1px solid #999999;
	line-height:100%;
}	

div.translationsample p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	line-height: 130%;
}

div.translationsample h5 {
	font-size: 10pt;
	font-weight:bold;
	padding:5px;
	background-color:#EEEEEE;
	border-bottom:1px solid #666666;
}

.booklist h3 {
	font-size: 12pt;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:10px;
	border-bottom: 1px solid #E2AA61;
	border-left: 5px solid #E2AA61;
	color: #000000;
}

div.booklist table {
	width:100%;
	float:left;
}

div.booklist img {
	border-width:0px;
}

/* shop */
div.shop h3 {
	margin: 15px 10px 15px 10px;
	padding-left:5px;
	font-size: 12pt;
	border-left: 10px solid #9900CC;
	color: #000000;
}

div.shop p {
	margin:5px 0px 20px 30px;
}

/*column*/
div.column h3 {
	margin: 15px 10px 15px 10px;
	padding-left:10px;
	font-size: 12pt;
	border-bottom: 1px solid #BFF76E;
	border-left: 5px solid #BFF76E;
	color: #000000;
}

div.column p {
	margin:5px 10px 10px 20px;
}

div.column ol, div.column ul {
	margin-left: 80px;
	margin-bottom: 20px;
}

div.column h4 {
	margin-left:15px;
	margin-bottom: 10px;
	padding: 5px;
	background-color:#CCCCCC;
}

div.column h5 {
	margin-left:25px;
	margin-bottom: 10px;
	font-size:11pt;
	font-weight:bold;
}

div.column blockquote {
	margin: 5px 10px 15px 60px;
	padding: 10px;
	background-color:#FFF;
	border:1px solid #999999;
	line-height:130%;
}

div.column div.figure {
	margin:15px;
	text-align:center;
}

div.column div.figure img {
	margin-bottom:10px;
}

div.column span.formula {
	margin:5px;
	padding: 5px;
	border: 1px dotted #666666;
	line-height: 200%;
}

div.memo {
	margin: 5px 10px 15px 40px;
	padding: 0px;
	background-color:#EEE;
	border:1px solid #999999;
}

div.memo h5 {
	font-size:11pt;
	font-weight:bold;
	padding:5px;
	background-color:#888888;
	border-bottom:1px solid #666666;
}

div.memo blockquote {
	margin: 5px 20px 15px 20px;
	padding: 10px;
	background-color:#FFF;
	border:1px solid #999999;
	line-height:130%;
}


div.memo p {
	margin: 0px;
	padding: 10px;
}

/*support*/
div.support h3 {
	margin: 15px 10px 15px 0px;
	padding-left:10px;
	font-size: 12pt;
	border-bottom: 1px solid #837E00;
	border-left: 5px solid #837E00;
	color: #000000;
}


/* site map */
div.sitemap ul {
	margin-left:20px;
}

/* highlight */
p.highlight {
	text-align:center;
	color: #FFFFFF;
	background-color:#FF6600;
	margin: 20px 20px 20px 20px;
	padding: 3px;
	font-weight: bold;
}

p.highlight a:hover {
	color:#0099FF;
}


/*sidebar*/
#sidebar div.adunit {
	/*width:100%;*/
	margin:0px 0px 5px 0px;
	padding:0px;
	text-align:center;
	border-width: 2px;
	border-style:solid;
	border-color:#008; /* specified in each ad unit */
	background-color: #FFFFE0 /*#AFEEEE*/ ;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#sidebar div.adunit h2 {
/* subdirで上書きするには、 #sidebar から指定すること！
 */
	text-align:center;
	margin:0px 0px 10px 0px;
	padding:0px 3px 0px 3px;
	font-size: 13pt;
	font-weight:bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #039; 
	color:#FFFFFF;
}

#sidebar div.adunit h3 {
	text-align:center;
	margin:0px;
	padding:0px 2px 0px 2px;
	font-size: 10pt;
	font-weight:bold;
/*	background-color:#0000CC; specified in each ad unit library item */
/*	color:#FFFFFF; specified in each ad unit library item */
}

#sidebar div.adunit h4 {
	text-align:center;
	margin:0px;
	padding:2px;
	font-size: 9pt;
	font-weight:bold;
/*	background-color:#0000CC; specified in each ad unit library item */
/*	color:#FFFFFF; specified in each ad unit library item */
}

#sidebar p {
	font-size: 10pt;
	color:#000000;
	text-align:left;
	line-height:130%;
	margin:5px 3px 5px 3px;
	padding:3px;
}


#sidebar div.adunit ul {
	text-align:left;
	margin:10px 10px 10px 30px;
	font-size: 10pt;
}

#sidebar div.adunit li {
	line-height:140%;
}


#sidebar div.adunit p.status {
	text-align:center;
	color: #FFFFFF;
	background-color:#FF6600;
	margin:0px;
	padding: 3px;
	font-weight: bold;
}

#sidebar div.detaillink {
	font-size: 10pt;
	text-align:right;
	margin:0px 10px 10px 0px;
}

#pressrelease {
	margin:20px 20px 20px 20px;
}

#pressrelease p {
	margin:10px 20px 10px 30px;
}

#pressrelease p.level2 {
	margin-left:50px;
}

#pressrelease h2 {
	font-size: 13pt;
	text-align:center;
}

#pressrelease h3 {
	font-size: 11pt;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
	padding-left:8px;
	border-left:10px solid #333333;
}

#pressrelease h4 {
	margin:5px 0px 5px 30px;
	font-size: 11pt;
	font-weight:bold;
}

#pressrelease ul {
	margin-left: 30px;
}

#pressrelease li {
	line-height:130%;
}

#pressrelease table {
	margin-left:30px;
}

#pressrelease td {
	padding:5px;
	vertical-align:top;
}


.noPC {
  display: none;
}


@media print {
  #maincontents {
	  margin: 1cm 1cm;
  }
  #sidebar {
	  display: none;
	  width: 0;
  }
}


/* 狭い画面  スマフォは mobile.css */
@media screen and (max-device-width: 320px) {
  .nomobile {
    display: none;
  }


  .spacer {
    display: none;
  }
  
  #sidebar {
    display: none; /* mobile only */
  }
  
  #sidebar_narrow { /* for dictJuggler intro etc. */
    display: none; /* mobile only */
  }


  #copyright {
    margin: 0px 100px 0px 2cm;
  }
/* スマフォは mobile.css 。ここはパソコンの狭い画面 */
} /* @media */