/* CSS Document */
@charset "shift_jis";

/*------------------------------------------------------------------------------
	Title : kanri.css
	Author : Yokohama Document Design ,Inc. 
	Last Updated : 2007-12-17
------------------------------------------------------------------------------*/

@import "page.css";

/* ============================================================
要素設定及び初期化
============================================================ */

html {

overflow-y: scroll;
filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}


h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, blockquote, form, label {
margin: 0;
padding: 0;
list-style:none;
}

hr {
/*display:none;*/
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}

img {
border:0;
vertical-align:bottom;
}

h4{
background-image:url(../purchase/img/ico.gif);
background-repeat:no-repeat;
padding:3px 0px 6px 15px;
font-size:13px;
}

/* リンク設定
============================================================ */
a:link {
color:#39C;
text-decoration:underline;}

a:visited {
color:#39C;
text-decoration:underline;}

a:active {
color:#39C;
text-decoration:underline;}

a:hover {
color:#39C;
text-decoration:none;}

/* ============================================================
class設定
============================================================ */
/* フォームの長さ */
.xx-small	{ width:25px;}
.x-small	{ width:50px;}
.small		{ width:100px;}
.medium		{ width:200px;}
.large		{ width:400px;}

textarea {font-size: 12px;}

/* 寄せ */
.right {
text-align:right;}

.center {
text-align:center;}

.bar {
padding-right:10px;
margin-right:10px;
border-right:1px solid #FFF;}

.err { color:#F00;}

.marker {
color:#000;
border-bottom:solid 1px #996600;}

/* テキスト消去 Move Out Txt */
u, .mot {
text-indent: -9999px;}

u, .mot {
/*\*/
position:absolute;
left:-2999px;
width:990px;
text-indent: 0;/**/}

.mot2 {
position:absolute;
top:-2999px;
height:990px;}


.cbox { 
zoom: 100%;
}

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

.stext{
font-size:11px;
}

p{
line-height:150%;
}

.must {
font-weight:bold;
color:#c00;
}

.must_l {
font-weight:bold;
color:#c00;
font-size:14px;
margin: 10px 0px 5px 3px;
}

.disclaimer{
font-size:11px;
color:#FF0000;
margin: 10px 0px 0px 5px;
}

.blank_10{
margin-top:10px;
}
.blank_15{
margin-top:15px;
}
.blank_15_c{
margin-top:15px;
margin-left:5px;
}
.blank_20{
margin-top:20px;
}
.blank_30{
margin-top:30px;
}
.text_err{
color:#FF0000;
}
.text_11{
font-size:11px;
padding: 5px 0px 0px 10px;
color:#666666;
}

.mt10{
margin-top:10px;
}
.mt20{
margin-top:20px;
}

.mt25{
margin-top:25px;
}

.mt30{
margin-top:30px;
}

.ml10{
margin-left:10px;
}


/*-----------------------------------------------------------
body
--------------------------------------------------------------*/

body {
margin:0;
margin-bottom: 15px;
background:#b8ad9c;
color: #333333;
font-size:12px;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
}


/** html body {
font-size: x-small;
}*/		

/*---------------------------------------------------
wrap
----------------------------------------------------*/
#wrap {
margin: 0px auto 0;
padding:0px;
width: 938px;
_width: 930px;
background-color:#FFFFFF;
background-image:url(../img/con_bg.gif);
background-repeat:repeat-y;
margin-top:0px;

/*position: relative;*/
}

#toph1{
width:935px;
margin: 0px auto 0;
padding: 3px 10px 0px 5px;
}
h1{
display:block;
font-size:11px;
width:800px;
color:#333;
font-weight:normal;
padding: 3px 0px 3px 5px;
float:left;
}
#toph1 ul{
float:right;
width:75px;
text-align:right;
}
#toph1 ul a{
color:#333333;
font-size:11px;
}

/*---------------------------------------------------
header

「positionについて」
absolute 	絶対配置 	直前（上位）ブロック要素の左上を基点に絶対配置
relative 	相対配置 	通常の出現位置（ソース上で書かれた所）を基点に相対配置
static 	通常配置 	通常の出現位置（ソース上で書かれた所）を基点に通常配置
fixed 	固定配置 	ブラウザの左上を基点に固定配置（スクロールの影響を受けない）
----------------------------------------------------*/
#header{
color:#009966;
margin:0px;
padding:0px;
height: 88px;
background-image:url(../img/con_header.gif);
background-repeat:repeat-x;
text-align: left;
width: 938px;
position:relative;
}

/* ロゴ
------------------------------------------------------------ */
#logo{
	position:absolute;
	top:19px;
	left:9px;
	text-align:left;
	width:142px;
	height:59px;


}
#logo p{
text-indent: -9999px;
}
/* お問合せ電話番号
------------------------------------------------------------ */
#header_tel01{
	position:absolute;
	display: block;
	overflow: hidden;
	width:56px;
	height:78px;
	top:5px;
	left:464px;
	background-image:url(../img/header_tel02.gif);
	background-repeat:no-repeat;

	text-indent:-9999px
}
#header_tel_tuesday{
	position:absolute;
	display: block;
	overflow: hidden;
	width:219px;
	height:70px;
	top:14px;
	left:533px;
	background-image:url(../img/header_tel_tuesday.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;

}
#header_tel02{
	position:absolute;
	display: block;
	overflow: hidden;
	width:219px;
	height:70px;
	top:14px;
	left:533px;
	background-image:url(../img/header_tel.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header_com{
	position:absolute;
	display: block;
	overflow: hidden;
	width:195px;
	height:54px;
	top:20px;
	left:266px;
	background-image:url(../img/header_com.gif);
	background-repeat:no-repeat;
text-indent:-9999px;
}


/*--------------------------------------------------------------------------------------特別ページ用---------------------*/
#header_com_sp{
	position:absolute;
	display: block;
	overflow: hidden;
	width:250px;
	height:50px;
	top:15px;
	left:276px;
	background-image:url(../img/header_com_sp.gif);
	background-repeat:no-repeat;
	text-indent: -9999px;
}




/*-----------------------------------------------------------------------------------------------------------------------------------
	 Global Navigation
----------------------------------------------------*/
#gnavi{
width:930px;
height:45px;
_height:38px;
background-image:url(/img/menu.gif); background-repeat:no-repeat;
margin: 0px 0px 0px 5px;
}

#gnavi ul li {
display:block;
float:left;
width:154px;
height:45px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*text-indent: -9999px;*/
margin-bottom:-7px;
}

#gnavi ul li a {
display: block;
overflow: hidden;
width:154px;
height: 45px;
margin:0px 0px 0px 0px;
background-image:url(/img/menu_bt.gif);
text-indent:-9999px;
margin-bottom:-7px;

}

#gnavi #a a{background-image:url(/img/menu.gif);background-position:0px 0px;} 
#gnavi #b a{background-image:url(/img/menu.gif);background-position:-154px 0px;}
#gnavi #c a{background-image:url(/img/menu.gif);background-position:-308px 0px;}
#gnavi #d a{background-image:url(/img/menu.gif);background-position:-462px 0px;}
#gnavi #e a{background-image:url(/img/menu.gif);background-position:-616px 0px;}
#gnavi #f a{background-image:url(/img/menu.gif);background-position:-770px 0px;}

#gnavi #a a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-0px -45px;}
#gnavi #b a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-154px -45px;}
#gnavi #c a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-308px -45px;}
#gnavi #d a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-462px -45px;}
#gnavi #e a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-616px -45px;}
#gnavi #f a:hover{background-image:url(/img/menu.gif); background-repeat:no-repeat;background-position:-770px -45px;width:158px;}



#flash_title{
margin-left:5px;
}

/*---------------------------------------------------
	 Main Contents
----------------------------------------------------*/
#contents{
overflow:hidden;
}


#maincontents{
padding:15px 0px 10px 20px;
width:690px;
float:left;
overflow:hidden;
}
#panlist p{
padding:12px 0px 5px 5px;
display:block;
font-size:11px;
color:#666;
}
#panlist a{
color:#666;
text-decoration:none;
}
#panlist a:hover{
text-decoration:underline;
}

#top h3{
margin:18px 0px 5px 3px;
}
#top_come{
padding:0px 0px 15px 0px;
}







/*---------------------------------------------------
	Menu Contents
----------------------------------------------------*/
#contents_r{
float:right;
padding:15px 0px 20px 0px;
_padding:15px 0px 20px 0px;
width:210px;
margin-right:15px;
}


#menucontents,#menucontents2{
padding:0px 0px 0px 10px;
_padding:5px 0px 0px 10px;
width:205px;
background-image:url(../img/menu_bg.gif);
background-repeat:repeat-y;

}
html>/**/body div #menucontents,#menucontents2{
padding:0px 0px 0px 9px;
}

#menu_header,#menu_header2{
width:210px;
height:6px;
margin-bottom:-2px;
_margin-bottom:-10px;
background-image:url(../img/menu_header.gif);
background-repeat:no-repeat;
}

#menu_footer,#menu_footer2,#menu_footer3{
width:210px;
height:10px;
margin-top:-2px;
background-image:url(../img/menu_footer.gif);
background:transparent url(../img/menu_footer.gif) no-repeat scroll left bottom;
clear:both;
}
#menu_footer_staff{
width:210px;
height:10px;
margin-top:-2px;
margin-bottom:15px;
background:transparent url(../img/menu_footer.gif) no-repeat scroll left bottom;
clear:both;
}

#sub_menu_header,#sub_menu_header2,#sub_menu_header3{
width:210px;
height:26px;
_height:35px;
margin-top:15px;
_margin-bottom:-7px;
}

#sub_menucontents,#sub_menucontents2,#sub_menucontents3{
padding:5px 0px 0px 5px;
width:208px;
background-image:url(../img/menu_bg.gif);
background-repeat:repeat-y;
}




/*無料査定リンク*/
#satei{
margin: 0px 0px 0px 0px;
width:195px;

}

#satei ul{
list-style: none;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
.lm_satei{
background-image:url(../img/satei_bt.jpg);
background-repeat:no-repeat;
display: block;
height:63px;
}
.lm_satei a{
display: block;
overflow: hidden;
width:195px;
height:63px;
margin:0px 0px 0px 0px;
background-image:url(../img/satei_bt.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

.lm_satei a:hover{
display: block;
background-image:url(../img/satei_bt_on.jpg);
width:195px;
height:63px;
margin:0px 0px 0px 0px;
}


/*プラン*/
.mpran li{
display: block;
width:192px;
height:77px;
margin: 2px 0px 2px 0px;
}
.lm_pran1{
display: block;
background-image:url(../img/bnn_mccoys_off.gif);
width:192px;
height:77px;
}
.lm_pran2{
display: block;
background-image:url(../img/bnn_buzz_off.gif);
width:192px;
height:77px;
}
.lm_pran3{
display: block;
background-image:url(../img/bnn_down_off.gif);
width:192px;
height:67px;
}
.lm_pran4{
display: block;
background-image:url(../img/bnn_sneaker_off.gif);
width:192px;
height:67px;
margin-bottom:20px;
}
.lm_pran5{
display: block;
background-image:url(../img/bnn_leather_on.gif);
width:192px;
height:67px;
}

.lm_staff{
display: block;
background-image:url(../img/staff_recruit_on.gif); background-repeat:no-repeat;
width:192px;
height:83px;
}

.lm_pran1 a{
background-image:url(../img/bnn_mccoys_on.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran2 a{
background-image:url(../img/bnn_buzz_on.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran3 a{
background-image:url(../img/bnn_down_on.gif);
width:192px;
height:67px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran4 a{
background-image:url(../img/bnn_sneaker_on.gif);
width:192px;
height:67px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran5 a{
background-image:url(../img/bnn_leather_off.gif);
width:192px;
height:67px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_staff a{
display: block;
background-image:url(../img/staff_recruit_off.gif); background-repeat:no-repeat;
width:192px;
height:83px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}

.lm_pran1 a:hover{
background: none;
}
.lm_pran2 a:hover{
background: none;
}
.lm_pran3 a:hover{
background: none;
}
.lm_pran4 a:hover{
background: none;
}
.lm_pran5 a:hover{
background: none;
}

.lm_staff a:hover{
background: none;
}

/*--テスト■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.lm_pran01{
display: block;
background-image:url(../img/new/real_bt_on.gif);
width:192px;
height:77px;
}
.lm_pran02{
display: block;
background-image:url(../img/new/buzz_bt.gif);
width:192px;
height:77px;
}
.lm_pran03{
display: block;
background-image:url(../img/new/moncler_bt.gif);
width:192px;
height:77px;
}
.lm_pran04{
display: block;
background-image:url(../img/new/tender_bt.gif);
width:192px;
height:77px;
}

.lm_pran01 a{
background-image:url(../img/new/real_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran02 a{
background-image:url(../img/new/buzz_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran03 a{
background-image:url(../img/new/moncler_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_pran04 a{
background-image:url(../img/new/tender_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}

.lm_pran01 a:hover{
background: none;


}
.lm_pran02 a:hover{
display: block;
background-image:url(../img/new/buzz_bt_on.gif);
width:192px;
height:77px;
}
.lm_pran03 a:hover{
display: block;
background-image:url(../img/new/moncler_bt_on.gif);
width:192px;
height:77px;
}
.lm_pran04 a:hover{
display: block;
background-image:url(../img/new/tender_bt_on.gif);
width:192px;
height:77px;
}






/*--テスト■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/*サブメニュー*/
#msub ul{
margin: 0px 0px 0px 0px;
}
#msub li{
display: block;
width:192px;
height:77px;
margin: 2px 0px 2px 0px;
}
.lm_msub1{
display: block;
background-image:url(../img/me_kit_bt_on.gif);
width:192px;
height:77px;
}
.lm_msub2{
display: block;
background-image:url(../img/me_syucho_bt_on.gif);
width:192px;
height:77px;
}
.lm_msub3{
display: block;
background-image:url(../img/me_gyousha_bt_on.gif);
width:192px;
height:77px;
}
.lm_msub1 a{
background-image:url(../img/me_kit_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_msub2 a{
background-image:url(../img/me_syucho_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_msub3 a{
background-image:url(../img/me_gyousha_bt.gif);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_msub1 a:hover{
background: none;
}
.lm_msub2 a:hover{
background: none;
}
.lm_msub3 a:hover{
background: none;
}

/*その他メニュー*/
#mother ul{
margin: 15px 0px 0px 0px;
}
#mother li{
display: block;
width:192px;
height:77px;
margin: 2px 0px 2px 0px;
}
.lm_other1{
display: block;
background-image:url(../img/me_faq_on.jpg);
width:192px;
height:77px;
}
.lm_other2{
display: block;
background-image:url(../img/me_secret_on.jpg);
width:192px;
height:77px;
}
.lm_other1 a{
background-image:url(../img/me_faq.jpg);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_other2 a{
background-image:url(../img/me_secret.jpg);
width:192px;
height:77px;
display: block;
overflow: hidden;
margin:0px 0px 0px 0px;
text-indent:-9999px;
}
.lm_other1 a:hover{
background: none;
}
.lm_other2 a:hover{
background: none;
}

/*モバイルサイト*/

#mobil_img{
float:right;
margin-right:15px;
}
#mobil_img_txt{
display: block;
width:105px;
float:left;
padding: 0px 0px 0px 10px;
}


/*スタッフ*/

#staff_img{
float:right;
margin-right:8px;
}
#staff_img_txt{
display: block;
width:105px;
float:left;
line-height:110%;
padding: 0px 3px 0px 3px;
}



/*バナー*/
#banner,#banner2{
margin: 10px 0px 0px 0px;
width:210px;
text-align:center;
}
#banner img{
margin-top:7px;
}
/*集荷*/
#shuka{
margin: 5px 0px 0px 0px;
width:205px;
text-align:center;
}
#shuka img{
margin-top:7px;
}

/*---------------------------------------------------
Footer Contents
----------------------------------------------------*/
#footer{
background-image:url(../img/con_bg.gif);
background-repeat:repeat-y;
width:930px;
position:relative;
}

#footer_line{
width:928px;
background-image:url(../img/footer_line.gif);
background-repeat:repeat-x;
margin: 0px 0px 0px 5px;
}


div#flink{
width:800px;
padding: 0px 0px 0px 15px;
margin: 0px auto 0px auto;
}

#flink ul li{
display:inline;
font-size:11px;
margin:10px 0px 0px 0px;
}
#flink li a{
font-size:11px;
margin:5px 0px 0px 0px;
padding:5px 0px 0px 0px;
}

#footer_dot,#footer_dot2{
float:left;
background-image:url(../img/dot_line.gif);
background-repeat:repeat-x;
width:928px;
_width:915px;
height:4px;
margin: 10px 0px 0px 5px;
}

p#copyright{
font-size:11px;
color:#666;
width: 260px;
margin:5px 0px 0px 350px;
text-align:right;
}
p#copyright a{
font-size:11px;
color:#333333;
text-decoration:none;
}

#footer_end{
width:935px;
height:18px;
background-image:url(../img/footer_bg.gif);
background-repeat:no-repeat;
margin: 0px 0px 0px 0px;
}
#footer_tel{
display:block;
float:left;
width:900px;
height:90px;
margin: 5px 0px 0px 10px;
_margin: 0px 0px 0px 10px;
position:relative;
}


#footer_tel_top{
display:block;
float:left;
width:900px;
height:80px;
margin: 5px 0px 0px 10px;
_margin: 0px 0px 0px 10px;
position:relative;
}

#footer_logo{
position:absolute;
top:0px;
left:9px;
text-align:left;
width:142px;
height:40px;
}
#footer_store{
position:absolute;
top:45px;
left:9px;
text-align:left;
width:142px;
height:36px;
}

#footer_add{
display:block;
	position:absolute;
	top:-4px;
	left:400px;
	text-align:left;
	width:521px;
	height:90px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer_add{
display:block;
	position:absolute;
	top:0px;
	left:438px;
	text-align:left;
	width:485px;
	height:85px;

}
#footer_add p{
font-size:11px;
}
}

#footer_tel p{
padding: 8px 0px 0px 10px;
}
#secom{
padding: 0px 0px 0px 10px;
}
#pagetop{
margin-top:15px;
width:660px;
text-align:right;
}

#cachearea{
width:928px;
height:402px;
margin:0 auto;
padding-bottom:20px;
}