
body {
	margin:0; padding:0; color:#333; font-family:Arial,sans-serif;
	background: url(images2/background1.jpg) no-repeat right bottom;

}

a:link    { color: #142f2f; text-decoration:none; }
a:visited { color: #6a6a6a; text-decoration:none; }
a:hover   { border-bottom:1px; text-decoration:underline; font-weight: bold; }
a:active { position:relative; top:1px; border-bottom:1px solid; text-decoration:none; }

h1.hide { display:none; }
h2.h2css { margin:0px 0px 0px 0px; font-weight: bold; font-size:90%; }
h3.h3css { margin:0px 0px 5px 20px; font-size:90%; } /* 上右下左*/
h4.h4css { margin:0px 0px 5px 15px; font-weight:normal; line-height: 150%; } /* 上右下左*/
h5.h5css { margin:0px 0px 5px 5px; font-size:90%; font-weight:normal; } /* 上右下左*/

td.whatsnew { background-image: url("images2/whatsnew.gif"); background-repeat:no-repeat; }
td.kiso { background-image: url("images2/kiso.gif"); background-repeat:no-repeat; }
td.cgi { background-image: url("images2/cgi.gif"); background-repeat:no-repeat; }
td.support { background-image: url("images2/support.gif"); background-repeat:no-repeat; }


.xline   { list-style:square; margin:0px 0px 10px 30px; font-size: 100%; line-height: 150%; }
.rline   { list-style:square; margin:0px 0px 0px 30px; font-size: 90%; }
.lline   { list-style:square; margin:0px 0px 0px 10px; font-size: 90%; }
.mline   { list-style:square; margin:0px 10px 0px 0px; font-size: 80%; }
.sline   { list-style:square; margin:0px 10px 0px 0px; font-size: 70%; }

.foot {
    display: block;
    float:bottom;

    background-color:#FAFAFA;
    border:1px solid #4876FF;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

    border-style: dotted dotted none dotted;
    margin:0px 300px;
    padding: 15px 10px 10px 10px;
    font-size: 80%;
}

dd#question2 a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 font-weight: bold;
 color: #000;
 font-size: 90%;
 background-color: #F4F4FF;
 position: absolute;
 border: 1.5px solid #BCBCFF;
 top: 120%;
 left: 70%;
 margin: 0;
 padding: 10px;
 width: 1100%;
 filter:Alpha(opacity='80');"> 
}

img.image{ display: none; }

dl#officeMap{
	margin: 0;
	padding: 0;
	background: transparent url(images2/logopop.jpg) top left no-repeat;
	height: 117px;
	width: 550px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display:none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

dd#questionDef{ top: 0px; left: 150px; } /* 開始位置 */
dd#questionDef a{ position: absolute; width: 40px; height: 40px; text-decoration: none; } /* ポップ(変色)範囲 */
dd#questionDef a span{ display: none; }
dd#questionDef a:hover{ position: absolute; background: transparent url("images2/logopop.jpg") -145px -119px no-repeat; top: -10px; left: -5px; }
dd#questionDef a:hover span{
 display: block;
 text-indent: 0;
 vertical-align: top;
 font-weight: bold;
 color: #000;
 font-size: 90%;
 background-color: #F4F4FF;
 position: absolute;
 border: 1.5px solid #BCBCFF;
 top: 120%;
 left: 70%;
 margin: 0;
 padding: 10px;
 width: 1100%;
 filter:Alpha(opacity='80');"> 
}

#x_navi a:link {
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #ffd700;
}

#x_navi a:visited {
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #ffd700;
}

#x_navi a:hover {
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #ff0000;
}

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 140px;
    list-style: none;
    z-index:999999;
    width:321px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #4876FF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
}
ul#navigation li a:hover{
     background-color:#FFFFFF;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#27408B;
    text-shadow: 0 -1px 1px #fff;      
}
ul#navigation .bbs a{
    background-image: url(./images2/bbs.gif);
}
ul#navigation .cart a      {
    background-image: url(./images2/cart.gif);
}
ul#navigation .mail a      {
    background-image: url(./images2/mail.gif);
}
