@charset "UTF-8";

@import "contents.css";
@import "base.css";
@import "online.css";




/* 今回使用の定義 */

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック',Osaka, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:78%;
	color:#666666;
	line-height:180%;
	margin:0px 0px 40px 0px;
}

dl{
margin:20px 28px 0px 28px;
line-height:1;
}

dd{
line-height:180%;
margin:5px 0px 0px 0px;
}


/* =================================== */
/* 写真まわしこみ */
/* =================================== */

.floatleft{
float:left;
}

.floatright{
float:right;
}

.fbox {
    zoom: 100%;
}

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

/* =================================== */
/* クリアフィックス */
/* =================================== */

.clfix{
display:block;
clear:both;
}

#clfix{
display:block;
clear:both;
}

/* =================================== */
/* ボディ */
/* =================================== */


#wrapper{
width:860px;
position:relative;
margin:0px auto;
}



/* =================================== */
/* ボディ2階層目以降 */
/* =================================== */


#contents2{
background:url(../images/body_bg4.jpg) repeat-y;
position:relative;
width:860px;
}


#contentsLeft2{
float:left;
position:relative;
}

#contentsRight2{
float:right;
position:relative;
}

#mainConents{
position:relative;
}

#b_h{
width:564px;
height:28px;
background:url(../images/body_bg1.jpg) no-repeat;

}

#b_m{
width:564px;
background:url(../images/body_bg2.jpg) repeat-y;
}

#b_f{
width:564px;
height:31px;
background:url(../images/body_bg3.jpg) no-repeat;
}

#subMenu{
margin:0px 0px 0px 0px;
}

#subMenu_h{
overflow:hidden;
background:url(../images/sub1.jpg) no-repeat;
text-indent:-99999px;
width:235px;
height:38px;
}

#subMenu_m{
width:235px;
background:url(../images/sub2.jpg) repeat-y;
padding:10px 0px 0px 15px;
}

#subMenu_f{
background:url(../images/sub3.jpg) no-repeat;
width:235px;
height:14px;
}


#subMenu_m li{
background:url(../images/icon1.jpg) no-repeat left;
width:205px;
line-height:1.9;
text-indent:15px;
}


#subMenu a{text-decoration:none;color:#7C6854;}
#subMenu a:hover{text-decoration:underline;color:#E60024;}

/* =================================== */
/* ヘッダー */
/* =================================== */


#header{
width:860px;
height:77px;
margin:0px 0px 0px 0px;
}

#logo_bt{
position:relative;
float:left;
width:254px;
height:47px;
margin:30px 0px 0px 0px;
}


/* =================================== */
/* フッター */
/* =================================== */


#footer{
font-size:80%;
color:#A18B74;
text-align:left;
line-height:180%;
width:860px;
}

#footer a{text-decoration:none;color:#A18B74;}
#footer a:hover{text-decoration:underline;color:#E60024;}


/* =================================== */
/* ナビゲーション */
/* =================================== */

#navigation ul li{
position:relative;
float:left;
margin:30px 0px 0px 14px;
padding:0px 0px 0px 0px;
}

#navigation li{
width:87px;
height:19px;
}

#bt1 a,#bt2 a,#bt3 a,#bt4 a,#bt5 a,#bt6 a {
background-position: top left;
background-repeat:no-repeat;
width:87px;
height:19px;
display:block;
text-indent:-4000px;
}

#bt1 a:hover,#bt2 a:hover,#bt3 a:hover,#bt4 a:hover,#bt5 a:hover,#bt6 a:hover {
background-position: top right;
}

#bt1 a {
background-image:url(../images/bt_contact.jpg);
}

#bt2 a {
background-image:url(../images/bt_megane.jpg);
}


#bt3 a {
background-image:url(../images/bt_hochouki.jpg);
}


li#bt4 a {
background-image:url(../images/bt_tenpo.jpg);
}


li#bt5 a {
background-image:url(../images/bt_osusume.jpg);
}


li#bt6 a {
background-image:url(../images/bt_profile.jpg);
}

/* =================================== */
/* ボーダー */
/* =================================== */

#border1{
width:860px;
height:1px;
margin:20px 0px 17px 0px;
}

#border2{
background:url(../images/border1.jpg) no-repeat center;
width:235px;
height:41px;
}

.border3{
background:url(../images/border1.jpg) repeat-x center;
height:41px;
}

.border1{
background:url(../images/border1.jpg) repeat-x bottom;
}

.border4{
height:14px;
background:url(../images/border1.jpg) repeat-x bottom;
}

.border6{
height:10px;
}




/* =================================== */
/* TEXT関連 */
/* =================================== */



*>/**/sup { vertical-align: text-top; line-height: 4px; font-size:80%; }

a{text-decoration:underline;color:#666666;}
a:hover{text-decoration:underline;color:#E60024;}

.t_green a{text-decoration:none;color:#005773;}
.t_green a:hover{text-decoration:underline;color:#E60024;}

.t_red a{text-decoration:underline;color:#E60024;}
.t_red a:hover{text-decoration:underline;color:#F6AE5D;}

.t a{text-decoration:none;color:#666666;}
.t a:hover{text-decoration:underline;color:#E60024;}

h1{
position:relative;
width:592px;
float:left;
font-size:80%;
text-align:left;
margin:14px 0px 0px 14px;
line-height:1;
color:#8D7256;
}


h2{
line-height:1;
font-size:105%;
text-indent:30px;
}

.read_size{
line-height:220%;
font-weight:normal;
text-indent:30px;
}

.t_bold{
font-weight:bold;
}

.text_l{
font-size:120%;
}

.text_s{
font-size:80%;
}


.color_red{color:#924C54;}
.color_red2{color:#e3010f;}
.color_red3{color:#D4555B;}

.color_red4{
color:#e3010f;
font-size:14px;
}


.color_tgray{color:#938F7F;}
.color_pink{color:#D4555B;}
.color_brown{color:#804F1B;}
.color_brown2{color:#9C816A;}
.color_green{color:#36B276;}
.color_green2{color:#00A99B;}
.color_green3{color:#005773;}
.color_orange{color:#F5A547;}
.color_pink{color:#DE8890;}
.color_blue{color:#2A82A2;}
.color_blue2{color:#7CA4BB;}
.color_skyblue{color:#4DC1E9;}


/* =================================== */
/* マージン関連 */
/* =================================== */
.margin10 {margin:10px;}

.marginleftright28 {margin:0px 28px 0px 28px;}

.marginleft5  {margin-left:5px;}
.marginleft10 {margin-left:10px;}
.marginleft15 {margin-left:15px;}
.marginleft20 {margin-left:20px;}
.marginleft30 {margin-left:30px;}

.margintop5  {margin-top:5px;}
.margintop10 {margin-top:10px;}
.margintop15 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.margintop30 {margin-top:30px;}

.marginbottom10 {margin-bottom:10px;}
.marginbottom15 {margin-bottom:15px;}
.marginbottom13 {margin-bottom:13px;}
.marginbottom20 {margin-bottom:20px;}

.margintopbottom10 {margin:10px 0px;}
.margintopbottom20 {margin:20px 0px;}

.indent1 {margin-left:8px;}
.indent2 {margin-left:2em;}
.indent3 {margin-left:3em;}




/* =================================== */
/* 商品ならび */
/* =================================== */

.collect{
display:block;
width:506px;
background:url(../images/collect_border.jpg) repeat-y;
}


.productsLeft{
float:left;
width:227px;
}

.productsRight{
float:right;
width:227px;
}

#brand_list{
border:1px solid;
padding:15px 15px;
}