@charset "iso-8859-1";

/* Link style */
a:link{
color: #003A91;
text-decoration: none;
}
a:visited{
text-decoration: none;
color: #8B1DB9;
}
a:hover{
text-decoration: underline;
color: #5378C6;
}


/* "Header" area
-----------------------------------------------	*/
div#Contents {
width: 967px;
margin: 0 auto;
text-align: left;
}

div#Contents .hide {
overflow: hidden;
zoom: 1;
}

#Contents .glclear {
clear: both;
height: 1px;
}



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

#clearfix h1{
margin: 0;
padding: 0;
}

/* g_navi */
div#clearfix div#GnaviMenu {
width: 967px;
float: left;
}

div#clearfix ul {
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
width: 967px;
/* for Mac IE 5 \*//*/
height: 23px;
/* */
}
div#clearfix ul li {
margin: 0;
padding: 0;
display: block;
float: left;
}

/* "Global navigation" area
-----------------------------------------------	*/
div#clearfix div#GnaviMenu{
margin: 0px 0px 0px 0px;
float:left;
width:967px;
}

div#clearfix div#GnaviMenu ul{
margin: 0px 0px 0px 0px;
padding: 0;
list-style: none;
width: 967px;
}

div#clearfix div#GnaviMenu  ul li{
margin: 0px 0px 10px 0px;
padding: 0;
display: block;
float: left;
}

div#clearfix div#GnaviMenu div.clear{
width:967px;
background:#fff;
}

div#GnaviMenu .top_menu_1 a:link,
div#GnaviMenu .top_menu_1 a:visited{
  background:url(../../top/img/head_bg01.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}

div#GnaviMenu .top_menu_1 a:hover{
  background:url(../../top/img/head_bg01_a.gif) no-repeat 0px 0px;
}

div#GnaviMenu .top_menu_2 a:link,
div#GnaviMenu .top_menu_2 a:visited{
  background:url(../../top/img/head_bg02.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_2 a:hover{
  background:url(../../top/img/head_bg02_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_3 a:link,
div#GnaviMenu .top_menu_3 a:visited{
  background:url(../../top/img/head_bg03.gif) no-repeat 0px 0px;
  width:193px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_3 a:hover{
  background:url(../../top/img/head_bg03_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_4 a:link,
div#GnaviMenu .top_menu_4 a:visited{
  background:url(../../top/img/head_bg04.gif) no-repeat 0px 0px;
  width:194px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_4 a:hover{
  background:url(../../top/img/head_bg04_a.gif) no-repeat 0px 0px;
}
div#GnaviMenu .top_menu_5 a:link,
div#GnaviMenu .top_menu_5 a:visited{
  background:url(../../top/img/head_bg05.gif) no-repeat 0px 0px;
  width:194px;
  height:25px;
  display:block;
  text-indent:-9999px;
}
div#GnaviMenu .top_menu_5 a:hover{
  background:url(../../top/img/head_bg05_a.gif) no-repeat 0px 0px;
}



/* "LeftNavi" area
-----------------------------------------------	*/

div#LeftNavi{
width:179px;
margin: 0px 18px 0px 0px;
float:left;
}

div#LeftNavi02{
width:184px;
margin: 0px 0px 0px 0px;
float:left;
background-color:#fff;
}

div#LeftNavi02  ul{
margin: 0px 0px 0px 15px;
padding: 0px;
display: block;
float: left;
list-style: none;

}

div#LeftNavi02  li{
margin-bottom:1px;
text-align:left;
display: block;
list-style: none;
width: 165px;
height: 26px;
line-height:26px;
background-color:#CCC;
padding-left: 15px 
}



/* "contentsMenu" area  (2010.12.6 added)
-----------------------------------------------	*/

div#contentsNavi  ul li{
margin: 0px 0px 10px 0px;
padding: 0px;
display: block;
float: left;
list-style: none;
width: 967px;
}






/* "Main" area
-----------------------------------------------	*/

div#ProductContents{
width:770px;
margin: 0px 0px 0px 0px;
float:right;

/*_margin-top:-4em; for WinIE6*/
}





/* "ProductBlock" area
-----------------------------------------------	*/

.ProductBlock{
width:770px;
padding: 10px 0px;
text-align:left
}

.ProductBlock img{
margin: 0px 0px 5px 10px;
}

div.ProductBlock h2{
display:block;
margin: 8px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
line-height:150%;
font-weight:bold;
color:#333
}

div.ProductBlock h3{
margin: 2px 0px;
padding: 0px 0px 0px 0px;
display:block;
text-align:left
font-size:90%;
line-height:140%;
font-weight:bold;
color:#003
}

.imgBlock{
margin: 8px 0px;
width:760px;
text-align:center;
}



/* "List" area
-----------------------------------------------	*/


table.dataList{
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.dataList th{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    color:#333333;
	background-color:#eeeeee;

    text-align:center;
	font-size:70%;
	line-height:135%;
}
.dataList td{
    border-right:1px solid #666666;
    border-bottom:1px solid #666666;
    padding:0.3em 1em;
	font-size:70%;
	line-height:120%;
	text-align:center;
}

table.dataList02{
    border-top:1px solid #666666;
    border-collapse:collapse;
	border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	text-align:left;
	font-size:70%;
	line-height:1.6em;
	color:#000;
}
.dataList02 th{
    border-bottom:1px solid #666666;
}
.dataList02 td{
    border-bottom:1px solid #666666;
}


dl.listcol {
	display:inline-box;
   border-bottom:1px solid #999;
   color:#000;
   font-size:70%;
   height:120%;
}

dl.listcol dt {
   float:left;
   width:10em;
   border-top:1px solid #999;
   padding-top:5px;
   padding-bottom:0;
   padding-right:0;
}

dl.listcol dd {
   margin-left:10em;
   padding-top:5px;
   padding-bottom:5px;
   padding-right:5px;
   border-top:1px solid #999;
}


ul.product {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul.product li {
float: left;
width: 150px;
margin-right: 8px;
padding: 3px;
/*border: 1px #cccccc solid;
background-color: #efefef;*/
text-align: left;
}

ul.content {
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul.content li {
float: left;
width: 225px;
/*margin-right: 8px;*/
padding: 4px;
/*border: 1px #cccccc solid;*/
background-color: #e7e7e7;
text-align: left;
font-weight:bold;

}



/* "OPTION" area
-----------------------------------------------	*/

.optionBox {
  width: 760px;
  margin: 0 auto;
  background-color: #ffffff;
}

.optionBox img {
  border: 0; 
  float: left;
  margin-right:5px;
  width: 150px;
}


dl.optionBoxL {
  float: left;
  width: 350px;
  margin-right: 5px;
  margin-bottom: 0.5em;
  padding: 0;
  font-size: 11px;
  /*background-color: #ffffdd;
  border:1px solid #993333;*/
}


dl.optionBoxR {
  float: right;
  width: 350px;
  margin-bottom: 0.5em;
  padding: 0;
  font-size: 11px;
  /*background-color: #ffffdd;
  border:1px solid #993333;*/
}


.optionBox dt {
  margin: 0;
  padding: 0 0.5em;
  text-align: left;
}
.optionBox dd {
  margin: 0;
  padding: 0;
}

dd.comment {
  height: 1em;
  padding: 0 3px;
  line-height: 125%;
}

.optionBox02 {
  width: 740px;
  margin: 15px auto;
  padding: 8px;
  background-color: #ffffff;
  border:dotted 1px #999;
  text-align:center;
}

.company {
  color:#099;
  font-weight:bold;
}

.comment {
  height: 1em;
  padding: 0 3px;
  line-height: 125%;
  font-size: 11px;
}