@charset "utf-8";
/*===============================================================================
(C) takeda-shokai.com common CSS - last update 071218
===============================================================================*/

/*-------------------------------------------------------------------------------
Defoult Settein'
-------------------------------------------------------------------------------*/
/* basic elements */
html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
}
* html body {
padding: 0 0 20px;
}
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top: 0px;
margin-bottom: 0px;
}

/* standard helper classes */
.clr {
clear: both;
float: none;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* Bassic Settin'
-------------------------------------------------------------------------------*/
body {
font-family:"Lucida Grande","Verdana","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴPro W3","HiraKakuPro-W3","MS Pゴシック",Sans-Serif, Arial, Helvetica;
font-size: 0.8em;
background: #EEEEEE url(../img/common/bg.jpg) left top repeat-x;
color: #000000;
text-align: center;
padding-bottom: 30px;
}
/* ie7 */
*:first-child+html body {
padding-bottom: 20px;
}
a       {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline}
h1,h2,h3,h4,h5 {color: #ff0029;}
hr {
display: none;
overflow: hidden;
}

/* fake table */
dl.fakeTable {
width: auto;
margin: 0;
font-size: 0.8em;
line-height: 150%;
overflow: hidden;
}
dl.fakeTable dt {
margin: 0.3em 0.3em 0.3em 0;
padding: 0.2em;
background-color:#EEE;
width: 5em;
text-align: left;
}
dl.fakeTable dd {
padding: 0.5em 0.5em 0.5em 6.2em;
margin: -2.6em 0 0;
/*white-space: nowrap;*/
background: url(http://smile-pro.net/img/common/dotBorder.gif) left bottom repeat-x; 
text-align:left;
}

h3 {font-size: 0.8em;}
* html h2 {font-size: 1.4em;}
* html h3 {font-size: 0.7em;}
* html h4 {font-size: 1em;}
*:first-child+html h2 {font-size: 1.4em;}
*:first-child+html h3 {font-size: 0.8em;}
*:first-child+html h4 {font-size: 1em;}

div#wrapper {
width: 950px;
height: 550px;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
margin-top:  -285px;
margin-left: -475px;
overflow: visible;
}

/*-------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------*/
div#header {
margin: 0 auto;
padding: 0;
width: 950px;
position: relative;
text-align: left;
/*background: url(../img/common/headerbg.jpg) right 10px no-repeat;*/
}
div#header div.inner {
margin: 0;
padding: 0;
}
div#header div#logo {
margin: 0;
padding: 0;
width: 280px;
height: 80px;
float: left;
overflow: hidden;
}
div#header h1 a {
margin: 0;
padding: 0;
background: url(../img/common/logo.jpg) 0 0 no-repeat;
width: 280px;
height: 80px;
display: block;
text-indent: -9999em;
}
div#header h1 a:hover {
background: url(../img/common/logo.jpg) 0 -80px no-repeat;
}
div#header div.inner div#topNav {
width: 390px;
height: 20px;
float: left;
padding: 15px 0 0 265px;
position: relative;
}
div#header div.inner div#topNav ul {
width: 218px;
height: 16px;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
}
div#header div.inner div#topNav ul li {
height: 16px;
margin: 0;
padding: 0;
position: absolute;
overflow: hidden;
display: block;
}
div#header div.inner div#topNav ul li a {
height: 16px;
margin: 0;
padding: 0;
text-indent: -9999em;
overflow: hidden;
display: block;
top: 0;
}
div#header div.inner div#topNav ul li#homeB            {width: 60px; left:     0;}
div#header div.inner div#topNav ul li#homeB a          {width: 60px; background: url(../img/common/topNav.gif)    0px 0 no-repeat;}
div#header div.inner div#topNav ul li#homeB a:hover    {background: url(../img/common/topNav.gif)    0px -16px no-repeat;}
div#header div.inner div#topNav ul li#sitemapB         {width: 90px; left:  65px;}
div#header div.inner div#topNav ul li#sitemapB a       {width: 90px; background: url(../img/common/topNav.gif)  -60px 0 no-repeat;}
div#header div.inner div#topNav ul li#sitemapB a:hover {background: url(../img/common/topNav.gif)  -60px -16px no-repeat;}
div#header div.inner div#topNav ul li#accessB          {width: 68px; left: 157px;}
div#header div.inner div#topNav ul li#accessB a        {width: 68px; background: url(../img/common/topNav.gif) -150px 0 no-repeat;}
div#header div.inner div#topNav ul li#accessB a:hover  {background: url(../img/common/topNav.gif) -150px -16px no-repeat;}

div#header div.inner div#topNav p.searchBox {
position: absolute;
top: 13px;
right: 0;
width: 170px;
text-align: right;
}
div#header div.inner div#topNav p.searchBox input.searchTxt {
font-size: 11px!important;
vertical-align: middle;
width: 108px;
border: 1px solid #666666;
margin: 0 5px 0 0;
padding: 1px;
}
div#header div.inner div#topNav p.searchBox input.searchTxt:hover {
border: 1px solid #DD0000;
}
div#header div.inner div#topNav p.searchBox input.searchBtn {
vertical-align: middle;
}

/* Global Nav
-------------------------------------------------------------------------------*/
div#glovalNav {
margin: 0 auto;
padding: 0;
width: 950px;
position: relative;
text-align: left;
z-index: 99;
}
div#glovalNav div.inner {
list-style-type: none;
margin: 0;
padding: 0;
width: 950px;
height: 28px;
background: url(../img/common/glovalNav.jpg) 0px 0px no-repeat;
position: relative;
}

div#glovalNav div#aPoint a,
div#glovalNav div#bPoint a,
div#glovalNav div#cPoint a,
div#glovalNav div#dPoint a,
div#glovalNav div#ePoint a,
div#glovalNav div#fPoint a {
margin: 0;
padding: 0;
width: 120px;
height: 25px;
display: inline;
position: absolute; 
top: 0;
}
div#glovalNav div#aX a            {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C2CAD3;
	float: left;
	padding-top: 5px;
	padding-left: 25px;
	background-image: url(../img/common/ya.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-right: 4px;
	margin-left: 0px;
}
div#glovalNav div#aX1 a            {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C2CAD3;
	float: left;
	padding-top: 5px;
	padding-left: 26px;
	background-image: url(../img/common/ya.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-right: 4px;
	margin-left: 0px;
	width:72px;
}

/*-------------------------------------------------------------------------------
 main
-------------------------------------------------------------------------------*/
div#main {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 390px;
	overflow: hidden;
	position: relative;
	text-align: left;
	z-index: 0;
	border-right: 1px dotted #E0E0E0;
	border-bottom: 1px dotted #E0E0E0;
	border-left: 1px dotted #E0E0E0;
}
/*
div#main {
margin: 0 auto;
padding: 0;
width: 950px;
height: 390px;
overflow: hidden;
position: relative;
text-align: left;
z-index: 0;
background: url(../img/common/dummytop.jpg) 0 0 no-repeat;
text-indent: -9999em;
}*/
* html div#main {
z-index: -1;
}
/* ie7 */
*:first-child+html div#main {
z-index: -1;
}

/*-------------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------------*/
div#footer {
margin: 0 auto;
padding: 0;
width: 950px;
}

div#bottomNav {
width: 950px;
height: 20px;
background: url(../img/common/bottomNav.jpg) 0 0 no-repeat;
position: relative;
}

div#bottomNav div#xPoint a,
div#bottomNav div#yPoint a {
margin: 0;
padding: 0;
width: 81px;
height: 20px;
display: block;
position: absolute; 
top: 0;
}
div#bottomNav div#zPoint a            {background: url(../img/common/bottomNav.jpg) -435px   0px no-repeat; width: 81px; height:20px; display: block;}
div#bottomNav div#zPoint a:hover      {background: url(../img/common/bottomNav.jpg) -435px -20px no-repeat;}
div#bottomNav div#xPoint a            {background: url(../img/common/bottomNav.jpg) -343px   0px no-repeat; left: 343px;}
div#bottomNav div#xPoint a:hover      {background: url(../img/common/bottomNav.jpg) -343px -20px no-repeat; left: 343px;}
div#bottomNav div#yPoint a            {background: url(../img/common/bottomNav.jpg) -526px   0px no-repeat; left: 526px;}
div#bottomNav div#yPoint a:hover      {background: url(../img/common/bottomNav.jpg) -526px -20px no-repeat; left: 526px;}

ul#zContent {
list-style-type: none;
margin: 0;
padding: 0;
z-index: 9999999;
background: #000000;
opacity: 0.80; /* w3c */
filter: alpha(style=1, opacity=80, finishopacity=80); /* ie */
text-align: left;
position: relative;
}
ul#zContent span.left {
margin: 0;
padding: 0;
position: absolute;
width: 480px;
height: 130px;
left: 20px;
top: 20px;
text-align: left;
}
ul#zContent span.right {
position: absolute;
width: 400px;
height: 250px;
left: 550px;
top: 10px;
}
ul#zContent span.title {
margin: 0;
padding: 0 0 10px;
width: 75px;
height: 15px;
display: block;
text-indent: -9999em;
color: #FFFFFF;
background: url(../img/common/topicstitle.gif) 0 0 no-repeat;
}
ul#zContent li {
margin: 0;
padding: 0 0 3px;
width: 480px;
height: auto;
display: block;
font-size: 0.8em;
}
* html ul#zContent li {
padding: 0 0 5px;
}
ul#zContent li a {
margin: 0;
padding: 0 0 2px;
width: 480px;
height: auto;
display: block;
position: relative;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #0066FF;
}
ul#zContent li a:hover {
border-bottom: 1px solid #00FFFF;
}

ul#zContent span.iso {
margin: 0;
padding: 0;
width: 167px;
height: 105px;
display: block;
text-indent: -9999em;
color: #FFFFFF;
background: url(../img/common/info.gif) 0 0 no-repeat;
overflow: hidden;
text-indent: -9999em;
float: left;
}
ul#zContent span.recycle a {
margin: 0;
padding: 0;
width: 73px;
height: 105px;
display: block;
text-indent: -9999em;
color: #FFFFFF;
background: url(../img/common/info.gif) -167px 0 no-repeat;
overflow: hidden;
text-indent: -9999em;
float: left;
border: none;
}
ul#zContent span.recycle a:hover {
background: url(../img/common/info.gif) -167px -105px no-repeat;
border: none;
}
ul#zContent span.claim a {
margin: 0;
padding: 0;
width: 73px;
height: 105px;
display: block;
text-indent: -9999em;
color: #FFFFFF;
background: url(../img/common/info.gif) -240px 0 no-repeat;
overflow: hidden;
text-indent: -9999em;
float: left;
border: none;
}
ul#zContent span.claim a:hover {
background: url(../img/common/info.gif) -240px -105px no-repeat;
border: none;
}
ul#zContent span.question a {
margin: 0;
padding: 0;
width: 76px;
height: 105px;
display: block;
text-indent: -9999em;
color: #FFFFFF;
background: url(../img/common/info.gif) -313px 0 no-repeat;
overflow: hidden;
text-indent: -9999em;
float: left;
border: none;
}
ul#zContent span.question a:hover {
background: url(../img/common/info.gif) -313px -105px no-repeat;
border: none;
}

div#footer address {
	width: 400px;
	height: 20px;
	overflow: hidden;
	background: url(../img/common/footer.gif) 0 15px no-repeat;
	float: left;
	margin: 0;
	padding: 15px 0 0;
	text-indent: -9999em;
	text-align: center;
}
div#footer ul#footerNav {
width: 303px;
height: 20px;
overflow: hidden;
float: right;
position: relative;
margin: 0;
padding: 15px 0 0;
background: url(../img/common/footer.gif) -647px  15px no-repeat;
}
div#footer ul#footerNav li {
margin: 0;
padding: 0;
height: 20px;
display: block;
overflow: hidden;
text-indent: -9999em;
position: absolute;
top: 15px;
}
div#footer ul#footerNav li a {
height: 20px;
display: block;
overflow: hidden;
text-indent: -9999em;
}
div#footer ul#footerNav li#aboutSite         {width: 102px; left:   0px;}
div#footer ul#footerNav li#aboutSite a       {width: 102px;}
div#footer ul#footerNav li#aboutSite a:hover {background:url(../img/common/footer.gif) -647px -20px no-repeat;}
div#footer ul#footerNav li#privacy           {width:  86px; left: 119px;}
div#footer ul#footerNav li#privacy a         {width:  86px;}
div#footer ul#footerNav li#privacy a:hover   {background:url(../img/common/footer.gif) -766px -20px no-repeat;}
div#footer ul#footerNav li#contact           {width:  73px; left: 222px;}
div#footer ul#footerNav li#contact a         {width:  73px;}
div#footer ul#footerNav li#contact a:hover   {background:url(../img/common/footer.gif) -869px -20px no-repeat;}