<style type="text/css">
body {
	font-family: "ＭＳ Ｐゴシック", "Osaka"; 
	bgcolor: #FFFFFF;
	margin-bottom: 0px;
	margin-top:5px;
	margin-left:5px;
}
.pr {
	font-size: 10px;
	color: #EF007B;
	font-weight: bold;
}
.serch {
	font-size: 12px;
	color: #555555;
}
h1 {
	font-size: 11px;
	color: #57828A;
	margin-bottom: 0px;
	margin-top: 0px;
}
h2 {
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
	margin-left:0px;
	margin-top: 10px;
	line-height: 1em;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:0px;
	padding-top:5px;]
	border-bottom:1px dashed #555555;
}
h3 {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #009999;
	margin-bottom: 8px;
	margin-top: 0px;
}
h4 {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #555555;
	margin-bottom: 8px;
	margin-top: 0px;
	border-bottom:1px dashed #555555;
}
p {
	line-height: 1.2em;
	font-size: 12px;
	color: #555555;
	padding: 2px;
	text-align:justify;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.p2 {
	font-size: 12px;
	line-height: 1em;
	color: #555555;
	margin-bottom: 5px;
	margin-top: 0px;
}
.p3 {
	line-height:1.1em;
	color: #555555;
	padding: 5px;
	text-align:justify;
	text-justify:distribute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	background-color:#FFFFCC;
}
.p {
	line-height: 1.3em;
	color: #555555;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.pp {
	line-height: 1.3em;
	color: #FFFFFF;
	padding: 2px;
	text-align: left;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.ppp {
	line-height: 1.3em;
	color: #555555;
	padding: 2px;
	text-align: right;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
table.noborder {
	margin: 0;
	margin-top: 20px;
	padding: 0;
	border: none !important;
}
td {
	color: #555555;
	line-height: 1.1em;
	font-size: 12px;
}
img {
	border: 0;
}

.font {
        padding:0.2em 0.5em;
	background-color: #A46DDA;
	color: #FFFFFF
}
.navi0 {/* メニュータイトル */
	background-color: red;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 0px;
	padding: 5px 5px;
}
.navi1 {/* メニュータイトル */
	background-color: blue;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 0px;
	padding: 5px 5px;
}
.navi2 {/* メニュータイトル */
	background-color: limegreen;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 0px;
	padding: 5px 5px;
}
.roundFF {
    width:310px;
    padding:0.3em 0em;
    text-align: left;/*ボックス内文字位置*/
    background-color:#ff8d1b;
}

.roundQA {
    width:310px;
    padding:0.3em 0em;
    text-align: left;/*ボックス内文字位置*/
    background-color:#CC0033;
}
.roundQA_w {
    width:310px;
    background-color:#FFCCCC;
}

.round {
    width:310px;
    padding:0.3em 0em;
    text-align: left;/*ボックス内文字位置*/
    background-color:#0B0BFF;
}
.round_text {
	font-size:13px;/*文字サイズ*/
	height: auto;
	width: 310px;
	clear: both;
	color: #FFFFFF;/*文字の色*/
	text-align: center;/*ボックス内文字位置*/
	padding: 0px 5px;/*ボックス内余白*/
}
.round p{
    margin:0px;
    padding:0.5em 1em;
    background-color:#FFFFFF;
}
.rtop,.rbottom{
    background:#FFFFFF;
}
.rtop span,.rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#A46DDA;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}

.round_w {
    width:310px;
    background-color:#E7E7FF;
}
.round_w_text {
	font-size:13px;/*文字サイズ*/
	height: auto;
	width: 310px;
	clear: both;
	color: #FFFFFF;/*文字の色*/
	text-align: left;/*ボックス内文字位置*/
	padding: 0px 5px;/*ボックス内余白*/
}
.round_w p{
    margin:0px;
    padding:0.5em 1em;
    background-color:#E7E7FF;
}
.rtop_w,.rbottom_w{
    background:#FFFFFF;
}
.rtop_w span,.rbottom_w span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#FFFFFF;
}
.r1_w{margin: 0px 5px;}
.r2_w{margin: 0px 3px;}
.r3_w{margin: 0px 2px;}
.r4_w{margin: 0px 1px; height: 2px;}

.spec_menu {
	line-height: 1em;
	color: #ffffff;
	text-align:center;
}
.spec {
	line-height: 1em;
	color: #555555;
	text-align:center;
}
.spec_vip{
	line-height: 1em;
	color: #990000;
	font-weight:bold;
	text-align:center;
}
.cpyright {
	font-size: 10px;
	color: #57828A;
	margin-bottom: 0px;
	margin-top: 0px;
}
.f00 {
	font-size: 12px;
	line-height: 1.4em;
	color: red;
}
.f01 {
	font-size: 12px;
	line-height: 1.4em;
	color: #FFFFFF;
}
.f11 {
	font-size: 12px;
	line-height: 1.4em;
	color: blue;
}
.f12 {
	font-size: 12px;
	line-height: 1.4em;
	color: #555555;
}
.f22 {
	font-size: 12px;
	line-height: 1.4em;
	color: limegreen;
}
.f33 {
	font-size: 12px;
	line-height: 1.4em;
	color: mediumslateblue;
}
.f55 {
	font-size: 15px;
	font-weight:bold;
	line-height: 1.4em;
	color: #FF0000;
}
a:link {
color: #0033ff;
text-decoration: none;
}
a:visited {
color: #6633cc;
text-decoration: none;
}
a:hover {
color: #ff33aa;
text-decoration: none;
}
a:active {
color: #ff33aa;
text-decoration: none;
}
.index_photo_link {
	font-size: 11px;
	line-height: 1.2em;
}

/* float 自動クリア
............................................................... */
.clearfix{
	_height: 1px;
	min-height: 1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearfix:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

/* logrecom_placeholder
------------------------------------------------*/
#logrecom_placeholder{
	width:780px;
}

#logrecom_placeholder .logrecom_title{
	margin:15px 0 15px 0;
	padding:6px 0 4px 10px;
	background-color:#555;
	color:#fff;
	font-weight:bold;
	line-height:1;
}

#logrecom_placeholder .otherlink{
	margin:0 0 15px 0;
	padding-left:10px;
}

#logrecom_placeholder .otherlink li{
	margin:0;
	padding:0;
	list-style:none;
}

#logrecom_placeholder #logrecom_rank_result,
#logrecom_placeholder #logrecom_relate_result{
	padding:0 0 0 10px;
}

#logrecom_placeholder #logrecom_rank_result .productcheck,
#logrecom_placeholder #logrecom_relate_result .productcheck{
	display:inline;
	width:140px;
	float:left;
	padding:0 10px 0 0;
}

#logrecom_placeholder #logrecom_rank_result .r5,
#logrecom_placeholder #logrecom_relate_result .r5{
	padding:0 0 0 0;
}

#logrecom_placeholder #logrecom_rank_result .productcheck ul,
#logrecom_placeholder #logrecom_relate_result .productcheck ul{
	padding:0 0 0 0;
	margin:0;
}

#logrecom_placeholder #logrecom_rank_result .productcheck ul li,
#logrecom_placeholder #logrecom_relate_result .productcheck ul li{
	list-style:none;
}

-------------------------------- */
#menu
{
margin-bottom: 1px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
-------------------------------- */
#menu li 
{
width: 44px;
height: 26px;
list-style-type: none;
float: left;
margin-right: 1px;
}

/* aタグをblock要素にしてIE以外への対策 */
#menu li a 
{
display: block;
width: 44px;
height: 26px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999px;
}    
	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウ
スオフ、マウスオンを
上下につないだものを使いますから高さは52pxです
-------------------------------- */
#menu li#A a /* トップページ */
{
background-image: url(index_images/top.gif);
}

#menu li#B a /* プラチナ */
{
background-image: url(index_images/platina.gif);
}

#menu li#C a /* 12mm */
{
background-image: url(index_images/12s.gif);
}

#menu li#D a /* 19mm */
{
background-image: url(index_images/19s.gif);
}

#menu li#E a /* 19mmパーツ */
{
background-image: url(index_images/19p.gif);
}

#menu li#F a /* 25mm */
{
background-image: url(index_images/25s.gif);
}

#menu li#G a /* 25mmパーツ */
{
background-image: url(index_images/25p.gif);
}

#menu li#H a /* 38mm */
{
background-image: url(index_images/38s.gif);
}

#menu li#I a /* stainless */
{
background-image: url(index_images/stainless.gif);
}

#menu li#J a /* luminousplus */
{
background-image: url(index_images/luminousplus.gif);
}

#menu li#K a /* alpha */
{
background-image: url(index_images/alpha.gif);
}

#menu li#L a /* systemwood */
{
background-image: url(index_images/systemwood.gif);
}

#menu li#M a /* openwood */
{
background-image: url(index_images/openwood.gif);
}

#menu li#N a /* まとめ買い */
{
background-image: url(index_images/matome.gif);
}

#menu li#O a /* セール */
{
background-image: url(index_images/sale.gif);
}

#menu li#P a /* 使用実例 */
{
background-image: url(index_images/idea.gif);
}
/* マウスオンすると重なった26px下の画像が出てきます
-------------------------------- */
#menu li a:hover 
{
background-position: 0 -26px;
}
/* ここまでmenu部分
-------------------------------- */

</style>
/* CSS Document */


