@charset "UTF-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}

html{
    height:100%;
}


body{
	margin:0;
	padding:0;
	background:url(../img/bg.jpg) repeat #FFFFFF;
	text-align:center;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	line-height:1.5em;
	font-size:12px;
	height:100%;
}

div#header{
	background:url(../img/white-75.png) repeat;
	width:100%;
	height:80px;
	margin:0 auto;
}

a.buy{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/buy_button.gif) no-repeat;
	display:block;
	width:100px;
	height:27px;
	margin:2px 0;
}
a:hover.buy{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/buy_button.gif) no-repeat;
	display:block;
	width:152px;
	height:27px;
}


div#header #wrap{
	width:900px;
	margin:0 auto;
	padding:10px 0 0 0;
}

div#header #wrap h1{
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/h1_logo.gif) no-repeat;
	width:139px;
	height:74px;
	float:left;
	
}

div#header #wrap h1 a{
	text-decoration:none;
	display:block;
	width:139px;
	height:74px;
}

div#header #wrap form{
	float:right;
	width:500px;
	height:30px;
	margin:5px 0 0 0;
	padding:0;
	background:url(../img/h2_mn.gif) no-repeat;
	background-position:175px 7px;
}



div#header #wrap input.txt{
   /* 背景画像の指定 */
   background-image:url(../img/txtarea_bg.gif);
   background-repeat: no-repeat;
   background-position: top center;
   
   /* テキストエリアのサイズ */
   width: 154px;
   height: 23px;
   border: 0;
   margin:0 auto 0 auto;
   float:right;
   text-indent:5px;
}
div#header #wrap .scbutton3 {
  width: 57px;
  height: 27px;
  border: 0;
  background:url(../img/submit.png) no-repeat 0 0;
  text-indent: -9999px;
  cursor: pointer;
  float:right;
}


#content{

	background:url(../img/white-95.png);
	width:100%;
	margin:2px auto 0 auto;
	min-height:100%;
	height:100%;
}

body > #content {
    height: auto;
}

div#content div#pankuzu{
	width:900px;
	height:30px;
	margin:0 auto;
	text-align:right;
}

div#content div#pankuzu p{
	font-size:10px;
	color:#000000;
	padding-top:5px;
}

div#content div#pankuzu p a{
	color:#000000;
	text-decoration:underline;
}

div#content div#pankuzu p a:hover{
	color:#000000;
	text-decoration:none;
}


div#content #wrap{
	width:900px;
	margin:0 auto;
	padding:5px 0 15px 0;
	clear:both;
	min-height:100%;
	height:100%;
}

div#footer{
	width:900px;
	text-align:left;
	margin:0 auto;
	height:80px;
	border-top:5px solid #90C1E8;
	padding-top:15px;
}

div#footer p.sublink{
	float:left;
	font-size:10px;
}

div#footer p.sublink a{
	text-decoration:none;
	color:#000000;
}
div#footer p.sublink a:hover{
	text-decoration:underline;
	color:#000000;
}

div#footer a.logo{
	float:right;
}

img, div { behavior: url(http://www.ztt-japan.com/iepngfix.htc) }


ul#gnavi{
	width:690px;
	height:20px;
	list-style-type: none;
	float:right;
	margin:10px 0 0 0; 
	padding:0;
}

ul#gnavi li{
	float:left;
  	list-style-type:none;
 	display:block;
	margin:0 0 0 15px; 
	padding:0;
	text-indent:-9999px;
}

#gnavi li.bt01 a{
background-image:url(../img/gnavi01.gif);
background-repeat:no-repeat;
width:38px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt01 a:hover{
background-image:url(../img/gnavi01_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt02 a{
background-image:url(../img/gnavi02.gif);
background-repeat:no-repeat;
width:40px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt02 a:hover{
background-image:url(../img/gnavi02_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt03 a{
background-image:url(../img/gnavi03.gif);
background-repeat:no-repeat;
width:69px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt03 a:hover{
background-image:url(../img/gnavi03_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt04 a{
background-image:url(../img/gnavi04.gif);
background-repeat:no-repeat;
width:63px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt04 a:hover{
background-image:url(../img/gnavi04_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt05 a{
background-image:url(../img/gnavi05.gif);
background-repeat:no-repeat;
width:64px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt05 a:hover{
background-image:url(../img/gnavi05_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt06 a{
background-image:url(../img/gnavi06.gif);
background-repeat:no-repeat;
width:34px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt06 a:hover{
background-image:url(../img/gnavi06_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt07 a{
background-image:url(../img/gnavi07.gif);
background-repeat:no-repeat;
width:67px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt07 a:hover{
background-image:url(../img/gnavi07_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt08 a{
background-image:url(../img/gnavi08.gif);
background-repeat:no-repeat;
width:37px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt08 a:hover{
background-image:url(../img/gnavi08_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt09 a{
background-image:url(../img/gnavi09.gif);
background-repeat:no-repeat;
width:71px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt09 a:hover{
background-image:url(../img/gnavi09_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}


#gnavi li.bt10 a{
background-image:url(../img/gnavi10.gif);
background-repeat:no-repeat;
width:53px;
height:20px;
display:block;
text-decoration:none;
}

#gnavi li.bt10 a:hover{
background-image:url(../img/gnavi10_on.gif);
background-repeat:no-repeat;
text-decoration:none;
}

/*-------------------------------
clearfix
--------------------------------*/
.clearfix:after {
   content: "";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*-------------------------------
moo-tips
--------------------------------*/
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/*-------------------------------
tooltip.js
--------------------------------*/
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; text-align:left;}
#ttcont strong{
	font-weight:bold;
	color:#0099FF;
}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}