/*全ページ共有スタイル*/
/*初期化*/
*{margin:0px;padding:0px;line-height:150%;font-size:12px;color:#776e6e;
font-weight: normal;font-family: "Tahoma", "ヒラギノ角ゴ Pro 4W",  "Osaka", "ＭＳ Ｐゴシック" sans-serif;}
img{border:none;vertical-align:bottom;}
ul{list-style:none;}
a{outline:none;}
a{color:#6666CC;}
a:hover{color:#FF3366;}


/*必要時に応じて使用するクラス*/
/*明朝体用クラス*/
.min{font-family:"ＭＳ Ｐ明朝", "平成朝体",serif}
/*floatクリア用ダミーエリアクラス*/
.reset{clear:both;}
/*エリア確認用ボーダーのクラス*/
.x{border:solid 1px red;}

.floatOya{zoom:100%;}
.floatOya:after{content:" ";clear:both;height:0;
display:block;visibility:hidden;}
.zoom{zoom:1;}



/*各エリアスタイル*/
/*ボディ全体*/

html{overflow-y:scroll;}

body{background:#ffffff;}

/*コンテンツ全体*/
#wrapper{width:850px;margin:0 auto;background:#ffffff;}

/*ヘッダー、ナビ*/
#header{height:49px;
background:url(../images/h_back.jpg) center no-repeat;}
#hLogo{float:left;width:135px;text-align:right;}
#hNavi{float:right;width:678px;margin-top:14px;}
#hNavi span{display:none;}
#hNavi a{display:block;width:136px;height:22px;float:left;
background:url(../images/h_navi.jpg) 0 0 no-repeat;}
a#top{background-position:0 0;width:135px;}
a#about{background-position:-135px 0;}
a#products{background-position:-271px 0;width:135px;}
a#qa{background-position:-406px 0;}
a#shop{background-position:-542px 0;width:136px;}

a#top:hover{background-position:0 -22px;}
a#about:hover{background-position:-135px -22px;}
a#products:hover{background-position:-271px -22px;}
a#qa:hover{background-position:-406px -22px;}
a#shop:hover{background-position:-542px -22px;}



/*メインコンテンツ ie6のみ_padding-right*/
#contents{margin:5px 0;padding:5px;_padding-right:3px;
border:solid 1px #9B76D6;}

#mainImg{margin-bottom:5px;}

/*フッター、ナビ*/
#footer{height:48px;text-align:center;
background:url(../images/f_back.jpg) center no-repeat;}
#fNavi{width:470px;margin:0 auto;}
#fNavi span{display:none;}
#fNavi a{display:block;width:94px;height:24px;float:left;
background:url(../images/f_navi.jpg) 0 0 no-repeat;}
a#notice2{background-position:0 0;}
a#company{background-position:-94px 0;}
a#notice{background-position:-188px 0;}
a#sitemap{background-position:-282px 0;}
a#inquiry{background-position:-376px 0;}


/*（旧スタイル継承 ウェブページ用としてidをclassに）*/
.whitebox{text-align:center;}
.whitebox table{margin:0 auto;}


/*（旧スタイル継承）*/
/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* ------------------------------------------------------------------- */

#whitebox{
width:820px;
text-align:center;
}

.main{
width: 670px;
text-align: left;
margin: 0px auto;
padding-bottom:50px;
}

h1{
text-align: left;
padding: 0 0 0 10px;
}

h2{
text-align: left;
margin: 40px 0 10px 0;
}

h3{
padding: 10px 0 3px 20px;
margin: 30px 0 10px 0;
border-bottom-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-bottom-color: #776e6e;
clear:both;
}


hr.dot{
margin: 10px 0;
border-style: dotted none none none; 
border-top-width: 1px; 
border-top-color: #776e6e; 
height: 1px; 
color: #ffffff;
}

h4{
padding: 0;
}

ol{
margin: 0px 50px 20px 55px;
}

ol li{
margin-top: 10px;
list-style-position: outside;
line-height: 20px;
}