@charset "UTF-8";
*{font-family:"メイリオ";}
a{outline:none;	/* IE＆opera */}
h2{font-family:"ＭＳ 明朝";font-size:1.6em;}

img{border:0;}
body{margin:0;padding:0;background:#000000;font-size:1em;color:white;text-align:center;}
#container{width:960px;margin:0 auto;padding:0 0 20px;text-align:left;}

#navi{position:relative;width:961px;height:135px;margin-bottom:10px;}
.logo{padding-top:10px;}
.logo img{background-image: url("../images/logo.png");}
.logo,.logo img{width:600px;height:90px;display:block;}

#menu{position:absolute;right:0;bottom:0;}
.about,.howto,.shopping,.soho{height:40px;background:url("../images/menu.png") no-repeat;display:block;float:left;}
#menu .about{width:178px;}
#menu .howto{width:177px;background-position:-178px 0;}
#menu .shopping{width:177px;background-position:-355px 0;}
#menu .soho{width:178px;background-position:-532px 0;}
#menu :hover .about{background-position:0 -40px;}
#menu :hover .howto{background-position:-178px -40px;}
#menu :hover .shopping{background-position:-355px -40px;}
#menu :hover .soho{background-position:-532px -40px;}
#subMenu{position:absolute;top:45px;right:0;color:white;font-size:10px;}

#size{position:absolute;top:0;right:0;}
#size img{width:30px;height:40px;background-image: url("../images/size.png");display:block;float:left;}
#size .text{width:97px;}
#size .largeFont img{background-position:-98px 0;}
#size .medFont img{background-position:-128px 0;}
#size .smallFont img{background-position:-158px 0;width:33px;}
#size .curFont .large{background-position:-98px -40px!important;}
#size .curFont .middle{background-position:-128px -40px!important;}
#size .curFont .small{background-position:-158px -40px!important;}

.smallFont{font-size:80%;}
.medFont{font-size:100%;}
.largeFont{font-size:130%;}


#pankuzu{margin-bottom:10px;color:white;}
#pankuzu span,#pankuzu a{padding:3px 5px;font-size:14px;color:white;}
#pankuzu .topic{background:black;color:#FFFFFF;font-weight:bold;}

#contents{width:961px;margin-top:10px;padding:0;background:url("../images/bgContainer.png") repeat-y;background-position:0 0;color:black;}
#contents #inner{background:url("../images/bgInner.png");background-position:0 bottom;background-repeat:no-repeat;}
* html #contents #inner,#contents h2 img,#contents h3 img,.samplePict{behavior:url("iepngfix.htc");}
#contents h2,#contents p{padding:0 20px;}
#contents .text h3,#contents .text h4{padding:0 20px 0 80px;}
#contents p,#contents .text ul{padding:0 20px 0 100px;}
#contents .text{margin:0 0 60px 120px;}
#contents .text table,#contents .text #chart1{margin-left:100px;}
#contents .text hr{margin:40px 40px 40px 130px;}
#contents .text h3{clear:both;}
#contents .text ul li{margin-bottom:20px;}
#contents .title{margin:5px 15px;}

#contents .topLine, #contents .bottomLine{width:961px;height:10px;background:url("../images/bgContainer.png") no-repeat;display:block;}
#contents .topLine{background-position:-961px 0;}
#contents .bottomLine{background-position:-961px -10px;margin-top:90px;}
#contents .topLine img,#contents .bottomLine img{width:961px;height:10px;}

#chart1{width:700px;}
.block1{margin:10px 0;padding:5px;border:solid #000000 2px;font-weight:bold;}
.red{color:red!important}
.imgRight{float:right;}
.samplePict{width:300px;height:200px;background-image:url("../images/sample.png");background-position:0 0;}

#contents h2 img,#contents h3 img{width:130px;height:30px;margin:0 0 0 20px;background:url("../images/point.png") no-repeat;}
#contents h2 .point1,#contents h3 .point1{background-position:0 0;}
#contents h2 .point2,#contents h3 .point2{background-position:0 -30px;}
#contents h2 .point3,#contents h3 .point3{background-position:0 -60px;}
#contents h2 .point4,#contents h3 .point4{background-position:0 -90px;}
#contents h2 .point5,#contents h3 .point5{background-position:0 -120px;}
#contents h2 .point6,#contents h3 .point6{background-position:0 -150px;}
#contents h2 .point7,#contents h3 .point7{background-position:0 -180px;}
#contents h2 .profile{background:url("../images/profile.png");}

#contents .topicTop {width:700px;height:30px;background:url("../images/topicTop.png");}
#contents .topicAbout {width:700px;height:30px;background:url("../images/topicAbout.png");}
#contents .topicProfile {width:700px;height:30px;background:url("../images/topicProfile.png");}
#contents .topicTKodoku {width:700px;height:30px;background:url("../images/topicTKodoku.png");}


#contents #info{border-collapse: collapse;width:700px;}
#contents #info th{width:13em;}
#contents #info th,
#contents #info td{padding:5px;font-size: 0.85em;border: solid 1px #999999;}
#contents .odd{background:#CCCCCC;}

.spacer{clear:both;}
.gotop{color:black;font-size:14px;text-align:right;display:block;}

#copyright{padding:10px 20px;font-size:12px;}