body {
background-color:#999;
line-height:1.7em;
}


#wrapper {
	width:1024px;
	text-align:left;
	margin:0 auto;
	position:relative;
	background-color:#fff;
}  

#contents {
	width:985px;
	text-align:left;
	margin:0 auto;
	background-color:#fff;
}  

#header {
	width:985px;
	height:82px;
	margin-bottom:10px;
	background-image:url(../img/header.gif)
}  

#face {
	text-align:right;
	padding-top:20px;
	width:985px;
} 

#main{
	margin:20px 0 10px;
	}

#main-left{
	width:645px;
	float:left;
	}
#main-left a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


#wall{
 width:312px;
 display:block;
 float:right;
 }


h2{
	display:block;
	margin-top:10px;
}

ul#navigation {
	width:645px;
    margin:10px 0 20px;
	padding:0px;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:147px; /*高さ*/
    width:147px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../img/menu.jpg); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#navigation a.m01 {background-position:0px 0px;width:147px; margin-right:19px;}
ul#navigation li a.m01:hover {background-position:0 -147px; margin-right:19px;}
 
ul#navigation a.m02 {background-position:-147px 0px; margin-right:19px;}
ul#navigation li a.m02:hover {background-position:-147px -147px; margin-right:19px;}
 
ul#navigation li a.m03 {background-position:-294px 0px; margin-right:19px;}
ul#navigation li a.m03:hover {background-position:-294px -147px; margin-right:19px;}
 
ul#navigation li a.m04 {background-position:-441px 0px;}
ul#navigation li a.m04:hover {background-position:-441px -147px;}



.back {
	margin:10px 0;
	text-align:right;
}
.back a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}


/*footer*/
#footer {
	width:1024px;
	text-align:left;
	margin:0 auto;
background-color:#333333;
height:60px;
color:#111111;
}

#footer-left {
	font-size:80%;
float: right;
text-align:right;
margin:8px 20px 0 0;
}

#footer-left p {
color:#fff;
}

#footer-left p a {
font-weight:bold;
color:#fff;
text-decoration:none;
}

#footer-left  p a:hover {
color:#33ccff;
text-decoration:underline;
}

#footer-left  p a:active {
color:#777;
text-decoration:none;
}

/*footer end*/





























/*プロダクトメニュー*/
ul#mainmenu{
    list-style:none;
    width:100%;
	height:100%;
}
ul#mainmenu li{
    list-style:none;
	padding: 0 0 0 20px;
    float:left;
}
ul#mainmenu a{
font-family: helvetica-bold;
display:block;
overflow:hidden;
padding: 1px 0 0 21px;
text-decoration:none;
background:url(../img/arrow.gif) center left no-repeat;
color:#0071bc;
}
ul#mainmenu a:hover{
color:#666;
}
/*プロダクトメニュー end*/


/*techinfo*/
.techinfo{
	font-size:105%;
	position:absolute;
	line-height:1.7em;
	width: 180px;
	height: 30px;
	left: 12px;
	top: 30px;
}
ul#tannus a{
height: 22px;
font-family: helvetica-bold;
display:block;
overflow:hidden;
padding: 0 0 0 22px;
text-decoration:none;
background:url(../img/arrow.gif) center left no-repeat;
color:#0071bc;
}
ul#tannus a:hover{
color:#666;
}
/*techinfo end*/






/*センテンス*/
#description{
width: 910px;
height:270px;
margin:10px auto;
padding: 10px 0 0 0;
background:url(../img/main.jpg) no-repeat;
}

#description h2{
margin:20px auto 0px;
text-align:center;
}

#description p{
margin:0 255px;
}



#products{
width: 910px;
margin:0 auto;
padding: 10px 0 0 0;
}
#techinfo{
width: 910px;
margin:0 auto;
padding: 10px 0 0 0;
}
/*センテンス end*/






h3.thoroki {
height:50px;
width:250px;
background:url(../img/thoroki.gif) no-repeat;
text-indent:-9999px;
float:left;
}

h3.musai {
height:50px;
width:250px;
background:url(../img/musai.gif) no-repeat;
text-indent:-9999px;
float:left;
}

h3.nymph {
height:50px;
width:250px;
background:url(../img/nymph.gif) no-repeat;
text-indent:-9999px;
float:left;
}

.title {
height:50px;
}

.price {
float:right;
font-size:95%;
font-weight:bold;
color:#0071BC;
margin:5px 0;
}
.tax {
font-size:75%;
}

.item-l {
width:313px;
float:left;
}
.item-thoroki {
width:584px;
height:304px;
float:right;
background:url(../img/thoroki-spec.gif) no-repeat;
}
.item-musai {
width:584px;
height:304px;
float:right;
background:url(../img/musai-spec.gif) no-repeat;
}
.item-nymph {
width:584px;
height:304px;
float:right;
background:url(../img/nymph-spec.gif) no-repeat;
}




.blind {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.colorPosition {width:560px;padding:245px 0 0 19px;}

.colorBtn ul {overflow:hidden;float:left;}
.colorBtn li {display:inline-block;float:left;}
.colorBtn li a {display:inline-block;width:38px;height:38px;margin:2px;background:url(../img/colorbtn.gif) no-repeat;}


.colorBtn .darkknight a {background-position:0 0;}
.colorBtn .lemon a {background-position:-38px 0;}
.colorBtn .volcano a {background-position:-76px 0;}
.colorBtn .carrot a {background-position:-114px 0;}
.colorBtn .melon a {background-position:-152px 0;}
.colorBtn .indigo a {background-position:-190px 0;}
.colorBtn .aquamarine a {background-position:-228px 0;}
.colorBtn .viola a {background-position:-266px 0;}
.colorBtn .iris a {background-position:-304px 0;}
.colorBtn .rosemary a {background-position:-342px 0;}
.colorBtn .pinkLady a {background-position:-380px 0;}
.colorBtn .cottonCandy a {background-position:-418px 0;}
.colorBtn .marshMallow a {background-position:-456px 0;}


table#table {
    width: 910px;
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table th {
    padding: 8px;
    border: #999 solid;
    border-width: 0 0 1px 1px;
    background: #ddd;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
}
table#table td {
    padding: 5px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.red {
color:#FF0000;
font-size:90%;
}

.caution {
text-align:right;
}

.bar{
margin:0 0 30px -20px;
}


.totop {height:13px; margin-top:30px;}
.totop a:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}


#techinfo h3 {
display:none;
}
#techinfo .techinfo-1 {
margin:50px auto 10px ;
width:749px;
height:182px;
background:url(../img/techinfo-1.jpg) no-repeat;
}
#techinfo .techinfo-2 {
margin:10px auto 10px ;
width:749px;
height:182px;
background:url(../img/techinfo-2.jpg) no-repeat;
}
#techinfo .techinfo-3 {
margin:10px auto 10px ;
width:749px;
height:210px;
background:url(../img/techinfo-3.jpg) no-repeat;
}
#techinfo .techinfo-4 {
margin:10px auto 10px ;
width:749px;
height:182px;
background:url(../img/techinfo-4.jpg) no-repeat;
}
#techinfo .techinfo-5 {
margin:10px auto 10px ;
width:749px;
height:230px;
background:url(../img/techinfo-5.jpg) no-repeat;
}
#techinfo h4 {
padding:80px 270px 0 70px;
font-size:110%;
line-height:1.6em;
}

.moreinfo {
width:745px;
margin:30px auto 20px;
}

.moreinfo a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}