A.link01 {color: #FF00FF; text-decoration:none;}
A.link01:hover {text-decoration: underline;}
.pix11 {font-size: 11px}
.pix12 {font-size: 12px}
.pix14 {font-size: 14px}
.pix18 {font-size: 18px}

.moji1     {color:#000000; font-size:8pt;}
.moji2     {color:#000000; font-size:10pt;}
.moji3     {color:#000000; font-size:12pt;}



/--------------------/

ul#esmenu {
	margin: 10px;
}

ul#esmenu li {
	margin: 10px;
	display: inline;
}

h1 { margin: 0; padding: 0;}


/* ///////////////  START LINK PAGE  /////////////// */
h2.linkh2 { display: none;}
h3.linkh3 { font-size: small; margin: 1.5em 0 0.5em; color: #f69; clear: both;}
div.linkp1 img { border: none; width: 468px; height: 60px;}
div.linkp1,div.linkp2 { background: #ffc; width: 500px; padding: 0.3 0 0.5em;}
div.linkp1 hr,div.linkp2 hr { clear: both; visibility: hidden;}

div.linkp2 img { border: none; width: 88px; height: 31px;}
div.linkp1 ul,div.linkp2 ul { list-style: none; diplay: inline; margin: 0; padding: 0;}
div.linkp1 ul li { font-size: x-small; margin: 0.5em 0; padding: 0;}
div.linkp2 ul li { float: left; width: 100px; font-size: xx-small; margin: 0.5em 0; padding: 0;}

ul.stylenone { clear; both; list-style: disc; diplay: list-item;}
ul.stylenone li { clear; both; list-style: disc; diplay: list-item;}

/* ///////////////  END LINK  /////////////// */


/* ///////////////  START Navigation  /////////////// */

div#navigation { margin: 0.7em 0 0.2em;}
div#navigation h2 { display: none;}
div#navigation td { width: 75px; text-align: center; white-space: nowrap;}
div#navigation a { display: block; height: 75px; color: #333; text-decoration: none;}
div#navigation a:link, div#navigation a:visited { color: #333; text-decoration:none; font-size: 12px;}
div#navigation a:hover { color: #f60; font-weight: bold; font-size: 12px; text-decoration: underline;}
/* ///////////////  Navigation ICON  /////////////// */
td#esthe a:link, td#esthe a:visited {background: url(images/esthe.gif) no-repeat center 15px;}
td#closeup a:link, td#closeup a:visited {background: url(images/closeup.gif) no-repeat center 15px;}
td#bbs a:link, td#bbs a:visited {background: url(images/bbs.gif) no-repeat center 15px;}
td#regist a:link, td#regist a:visited {background: url(images/regist.gif) no-repeat center 15px;}
td#mail a:link, td#mail a:visited {background: url(images/mail.gif) no-repeat center 15px;}
td#sitemap a:link, td#sitemap a:visited {background: url(images/sitemap.gif) no-repeat center 15px;}
td#link a:link, td#link a:visited {background: url(images/link.gif) no-repeat center 15px;}
td#inquiry a:link, td#inquiry a:visited {background: url(images/inquiry.gif) no-repeat center 15px;}
td#esthe a:hover, td#closeup a:hover, td#bbs a:hover, td#regist a:hover, td#mail a:hover, td#sitemap a:hover, td#link a:hover, td#inquiry a:hover {background-position: center -124px;}
/* ///////////////  END Navigation  /////////////// */


/* START CloseUp page's */
div#closeupbox { width: 620px; padding: 5px 0px 0px 10px;}
div.closeup {float: left; width: 200px; margin-bottom: 15px;} 
/* END CloseUp page's */



div#top-banner { width: 670px; overflow: auto;  }
div#top-banner div { width; 150px; height: 9em; margin: 5px; float: left; overflow: hidden; }
div#top-banner td { vertical-align: top; }







/* START NIPPON-country */

div#country {
	width: 522px;
	margin: 20px 0 0 0;
	padding: 0;
	border-top: solid 3px #396;
	border-bottom: solid 3px #396;
}

div#countryfoot {
	clear: both;
}

div#country p {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

div#country table {
	float: left;
	width: 372px;
	border-collapse: separate;
	border-spacing: 2px;
}

div#country table th, div#country table td {
	line-height: 1.5;
	font-size: 12px;
}

div#country table th {
	text-align: left;
	font-weight: normal;
	padding: 0 3px;
	white-space: norrap;
}

div#country table tr.area1 th { background-color: #BFDFFF;}
div#country table tr.area3 th { background-color: #70DBDB;}
div#country table tr.area4 th { background-color: #D9B3D9;}
div#country table tr.area5 th { background-color: #B7DBB7;}
div#country table tr.area61 th { background-color: #FFD940;}
div#country table tr.area7 th { background-color: #FFBCBC;}
div#country table tr.area8 th { background-color: #BCBCFF;}
div#country table tr.area9 th { background-color: #FF944C;}

div#country table tr.area3 td, div#country table tr.area5 td, div#country table tr.area62 td, div#country table tr.area8 td { background-color: #eee;}

div#country table td {
	padding: 0 3px;
	text-align: left;
}

div#country table td span {
	color: #666;
}

div#country table td a:hover {
	color: red;
}



/* START Informaion-Notes */

div#notes {
	width: 650px;
	text-align: left;
	margin: 20px 0;
	background: #eef;
}

div#notes dl {
	padding: 0 0 0 10px;
	margin: 0;
}

div#notes dt {
	margin: 5px 0 0 10px;
	line-hight: 1.5;
}

div#notes dd {
	margin: 0 0 5px 25px;
	line-hight: 1.5;
}

/* ///////////////  START INDEX2 NEW-INFO  /////////////// */

div#NewsInfo * {
	margin: 0;
	padding: 0;
}

div#NewsInfo img {
	vertical-align: bottom;
}

div#NewsInfoIn {
	padding: 3px 5px;
	height: 223px;
	overflow: auto;
	border: 1px solid #c6f;
	border-top: none;
	line-height: 1.1;
	text-align: left;
}

div#NewsInfoIn ul li {
	margin-left: 20px;
	font-size: 9pt;
}

div#NewsInfoIn li.NewsClU {
	color: #f00;
}

div#NewsInfoIn li.NewsShp {
	color: #666;
}

/* ///////////////  END INDEX2 NEW-INFO  /////////////// */

/* ///////////////  START INDEX2 TOP BNR  /////////////// */

div#NaviTopBnr {
	width: 650px;
}

div#NaviTopBnr h3 {
	margin: 0;
	padding: 0;
}

div#NaviTopBnrPhoto table td {
	text-align: left;
}

div#NaviTopBnr span img {
	vertical-align: top;
}

div#NaviTopBnrPhoto {
	margin: 0 auto;
	width: 648px;
	border-left: 1px solid #AFAFD7;
	border-right: 1px solid #AFAFD7;
}

/* ///////////////  END INDEX2 TOP BNR  /////////////// */


/* ///////////////  START ADD CONTENTS  /////////////// */

div#contents * {
	margin: 0;
	padding: 0;
}

div#contents {
	width: 550px;
	text-align: left;
	color: #333;

	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
}

div#contents h2 {
	margin: 1em 0;
	text-align: center;
}

div#contents h3 {
	font-size: small;
	margin-top: 20px;
}

div#contents h4 {
	font-size: x-small;
	margin-top: 5px;
}

div#contents h4 span {
	color: #39f;
	margin-left: 5px;
}

div#contents p {
	font-size: x-small;
}

div#contents ul { 
	padding-left: 30px;
	font-size: x-small;
}

div#contents ol {
	padding-left: 50px;
	font-size: x-small;
}

div#contents ol li {
	color: #f63;
	font-weight: bold;
}

div#Adl {
	text-align: center;
}

div#Adl img {
	border: 3px solid #ddd;
}

div#Adr {
}

div#Adr table.price {
	border-collapse: collapse;
	border-bottom: dotted #bbb 1px; 
	margin-left: 15px;
}

div#Adr table.price th {
	width: 2.5em;
	background: #ddd;
}

div#Adf {
	clear: both;
}

div#contents table {
	font-size: x-small;
}

div#contents table th {
	background: #ccc;
	width: 150px;
	padding: 3px;
	color: #333;
	font-weight: normal;
	text-align: left;
}

div#contents table th span {
	color: #f30;
}

div#InputForm {
	margin: 5px 0;
	border: 3px solid #bbb;
}

div#InputForm div#InputFormAT {
	background: #f99;
	margin: 5px 2px;
	padding: 5px;
	font-size: x-small;
}

div#InputForm h4 {
	background: #9cf;
	padding: 5px 5px;
	margin: 5px 2px;
}








div#contents table#company {
	border: 3px solid #bbb;
	width: 530px;
	margin: 0 auto;
}

div#contents table#company td, div#contents table#company th {
	padding: 5px;
}





/* ///////////////  START FOOTER  /////////////// */

div#footer {
	font-size: x-small;
	clear: both;
	color: #333;
	margin: 2em auto 0;
	padding: 1em 0 20px 0;
	background-color: #eee;
	border-top: solid 1px #ccc;
}

p#i1footer {
	text-align: center;
	width: 600px;
	border-top: 1px solid #999;
}



/* ////////////////////  Mobile Info  //////////////////// */



div#mobileInformation {
	margin: 0 auto 20px;
	padding: 0;
}

div#mobileInformation h3 {
	margin: 0;
	padding: 0;
}


/* //////////  Mobile Info index2 ////////// */
div#mobileInfoIndex2 {
	margin: 0 auto;
	width: 648px;
}

div#mobileInformation span img {
	vertical-align: top;
}

div#mobileInfoIndex2 td.mobi1 {
	width: 80px;
}

div#mobileInfoIndex2 td.mobi2 {
	padding-right: 5px;
	width: 236px;
}

div#mobileInfoIndex2 td.mobi3 {
	width: 57px;
}

div#mobileInfoIndex2 td.mobi4 {
	width: 230px;
}

/* //////////  Mobile Info common ////////// */

div.mobileInfo {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background: #c0c0c0 url('img_2/mobile-background.gif') repeat;
}

div.mobileInfo h4, div.mobileInfo p {
	margin: 0;
	padding: 0;
	color: #333;
}

div.mobileInfo table {
	margin: 0 auto;
}


div.mobileInfo table td {
	text-align: left;
}

div.mobileInfo h4 {
	margin-bottom: 5px;
	border-bottom: dotted 1px #666;
	font-size: large;
	font-family: Helvetica, Arial;
}

* html div.mobileInfo h4 {
	font-size: 18px;
}

div.mobileInfo p {
	font-size: 12px;
}

div.mobileInfo a {
	font-size: 12px;
}

div.mobileInfo a:hover {
	color: red;
}