@charset "Shift_JIS";

/*
	Author		:Suzuki Jun
	Access		:http://www.wnet-w.net
	Comment		:main.css
	Date		:2006/7
*/

/*-------------------------------------------------------------------------------- common */
/*
* {
	margin		:0;
	padding		:0;
}
*/

body {
	margin		:0;
	padding		:0; 
	color		:#444444;
	font-size	:12px;
	font-family	:"MS UI GOTHIC";
	background	:#f5f5f5 url(../img/common/bg.gif) repeat-y left top;
  position: relative;
  text-align: center;

}

#wrapper {
	background	:#ffffff;
	width		:750px;
}


a	{text-decoration:none;		color:#666666;}
a:hover	{text-decoration:underline;	color:#ff8000;
position:relative;top:1px;left:1px;

}

table {
	margin		:0;
	padding		:0;
	font-size	:1em;

}

tr{
        width		:750px;
	position	:relative;
 	margin-left: auto;
 	margin-right: auto;

}

TD{
        width		:750px;
	position	:relative;
 	margin-left: auto;
 	margin-right: auto;
}

/* catch
---------------------------------------------------------------------- */
h1{
	margin		:0px 0px 0px 0px;
	padding		:7px 0px 3px 0px;
	font-size	:1em;
	font-weight	:normal;
	text-align	:center;
	color		:#999999;
	border-bottom	:3px solid #888888;
	line-height	:80%;
        width:750px;
}

/* header
---------------------------------------------------------------------- */
.header
{
  width:734px;height:48px;position:relative;top:3px;left:8px;
}

/* navi_global
---------------------------------------------------------------------- */
#navi_global {
	margin		:0px 0px 5px 0px;
	padding		:0px 0px 0px 0px;
        width:735px;height:30px;
        position:relative;
        text-align:center;
        top:0px;left:0px;
}

#navi_global ul {
	margin		:0;
	padding		:0;

}

#navi_global li {
	margin		:0;
	padding		:0;
	list-style-type	:none;
	float		:left;
	text-indent	:-9999px;
}

#navi_global ul li a {
	display		:block;
	width		:105px;
	height		:30px;
	margin		:0;
	padding		:0;
	overflow	:hidden;
	outline		:0;
}

#navi_global ul li a#navi1 {background : url(../img/common/btn_navi_beginner.gif) no-repeat left top;}
#navi_global ul li a#navi2 {background : url(../img/common/btn_navi_login.gif) no-repeat left top;}
#navi_global ul li a#navi3 {background : url(../img/common/btn_navi_member.gif) no-repeat left top;}
#navi_global ul li a#navi4 {background : url(../img/common/btn_navi_wrapping.gif) no-repeat left top;}
#navi_global ul li a#navi5 {background : url(../img/common/btn_navi_deliver.gif) no-repeat left top;}
#navi_global ul li a#navi6 {background : url(../img/common/btn_navi_faq.gif) no-repeat left top;}
#navi_global ul li a#navi7 {background : url(../img/common/btn_navi_contactus.gif) no-repeat left top;}
#navi_global ul li a#navi8 {background : url(../img/common/btn_navi_logout.gif) no-repeat left top;}

#navi_global ul li a#navi1:hover {background : url(../img/common/btn_navi_beginner_on.gif) no-repeat left top;}
#navi_global ul li a#navi2:hover {background : url(../img/common/btn_navi_login_on.gif) no-repeat left top;}
#navi_global ul li a#navi3:hover {background : url(../img/common/btn_navi_member_on.gif) no-repeat left top;}
#navi_global ul li a#navi4:hover {background : url(../img/common/btn_navi_wrapping_on.gif) no-repeat left top;}
#navi_global ul li a#navi5:hover {background : url(../img/common/btn_navi_deliver_on.gif) no-repeat left top;}
#navi_global ul li a#navi6:hover {background : url(../img/common/btn_navi_faq_on.gif) no-repeat left top;}
#navi_global ul li a#navi7:hover {background : url(../img/common/btn_navi_contactus_on.gif) no-repeat left top;}
#navi_global ul li a#navi8:hover {background : url(../img/common/btn_navi_logout_on.gif) no-repeat left top;}


/* navi_sub ホーム モバイルサイト
---------------------------------------------------------------------- */
#navi_sub ul {
        width           :434px;
	margin		:5px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
}
#navi_sub ul li {
	margin		:0px 0px 0px 0px;
	padding		:0px 10px 0px 10px;
	display		:inline;
	list-style	:none;
	background : url(../img/common/arrow_orange_sq.gif) no-repeat left top;

        text-align:right;
}
#navi_sub ul li a {
	color		:#6d6e71;
	text-decoration	:none;

}
#navi_sub ul li a:hover {
	color		:#444444;
	text-decoration	:underline;

}


/* catch
---------------------------------------------------------------------- */
.headtitle{
	position	:relative;
	height		:25px;
	margin		:0px 0px 0px 0px;
	padding		:7px 0px 0px 30px;
	font-size	:15px;
	font-weight	:normal;
	text-align	:center;
	color		:#999999;
	border-bottom	:2px solid #000000;
	line-height	:80%;
        width:750px;
	background	:#000000;
}

.headtitle a {
	color :#aaaaaa;
	position	:relative;
	margin		:0px 30px 0px 0px;
}

.headtitle a:hover{
	text-decoration:none;
	color		:#ffffff;
}



/* pr
---------------------------------------------------------------------- */
#pr a:hover {
	position	:relative;
	left		:1px;
	top		:1px;
}

/* leftarea
---------------------------------------------------------------------- */
.cont_main{
	top		:2px;
	position	:relative;
	margin		:1px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	font-size	:14px;
	font-weight	:normal;
	text-align	:left;
	color		:#ffffff;
	border-top	:2px solid #000000;
	line-height	:80%;
        width:750px;
	background	:#ffffff;
}

.cont_top{
	top		:0px;
	position	:relative;
	height		:650px;
	margin		:10px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	font-size	:14px;
	font-weight	:normal;
	text-align	:left;
	color		:#ffffff;
	line-height	:80%;
        width:750px;
	background	:#ffffff url(../sp/dun/img/back_london.jpg) repeat-x left top;
}

.cont_top_ban{
        width:734px;
	top		:0px;
	position	:relative;
	height		:80px;
	margin		:10px 0px 0px 8px;
	padding		:0px 10px 0px 10px;
	font-size	:14px;
	font-weight	:normal;
	text-align	:left;
	color		:#ffffff;
	background	:#000000;
}
.cont_top_ban1{
        width:465px;
	position	:relative;
	margin		:10px 0px 0px 0px;
	padding		:0px 0px 10px 10px;
	line-height	:20px;
	font-size	:15px;
}

.mawari_l{
	float:left;
}
.mawari_r{
	float:right;
}

.cont_menu1{
	position	:relative;
	top:50px;left:150px;
	height		:185px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
}
.cont_menu2{
	position	:relative;
	top:100px;left:20px;
	height		:185px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
}
.bgffffff{
        width:10px;

}
.bg4A0909{
	background	:#3C3C3C;
        width:185px;
}

.cont_menu_txt{
	position	:relative;
        width		:174px;
	height		:29px;
	margin		:0px 0px 0px 0px;
	padding		:8px 0px 0px 0px;
	font-size	:14px;
	background	:#000000;
	color		:#ffffff;
	font-weight	:normal;
	text-align	:center;
}

.cont_sma{
	position	:relative;
        width		:174px;
	height		:29px;
	margin		:0px 0px 0px 0px;
	padding		:8px 0px 0px 0px;
	font-size	:10px;
	background	:#000000;
	color		:#999999;
	font-weight	:bold;
	text-align	:center;
}

.cont_menu_img{
	position	:relative;
        width		:174px;
	height		:174px;
	margin		:5px 5px 5px 5px;
	padding		:0px 0px 0px 0px;
	font-size	:14px;
	background	:#000000;
	font-weight	:normal;
	text-align	:left;
}

.cont_leather{
	position	:relative;
        width		:732px;
	height		:200px;
	margin		:0px 5px 5px 5px;
	padding		:35px 5px 5px 5px;
	font-weight	:normal;
	text-align	:left;
}
.cont_care{
	top:-25px;
	position	:relative;
	height		:200px;
	margin		:0px 5px 5px 5px;
	padding		:0px 0px 0px 20px;
	font-size	:14px;
	line-height	:22px;
	font-weight	:normal;
	text-align	:left;
	color		:#000000;
}

.cmd_main{

	top:0px;
	position	:relative;
	height		:auto;
        width		:750px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	font-size	:14px;
	line-height	:22px;
	font-weight	:normal;
	text-align	:center;
	color		:#000000;
	background	:#ffffff url(../sp/dun/img/back_check.gif) repeat;
}
.cmd_title{
	position	:relative;
	height		:92px;
        width		:728px;
	margin		:10px 0px 0px 11px;
	padding		:13px 0px 0px 10px;
	font-size	:14px;
	line-height	:22px;
	text-align	:left;
	background	:#ffffff url(../sp/dun/img/back_h2_title.gif) repeat;
}
.cmd_title_txt{
	position	:relative;
	height		:66px;
        width		:500px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
        left:10px;
	font-size	:18px;
	line-height	:22px;
	font-weight	:normal;
	text-align	:left;
	color		:#60001F;
}
.cmd_table{
        width		:750px;
	position	:relative;

 	margin-left: auto;
 	margin-right: auto;
	margin		:30px 0px 20px 0px;
	padding		:0px 0px 0px 5px;
}


/* sub_index
---------------------------------------------------------------------- */
h2{
	top:0px;
	left:0px;
	position	:relative;
        width		:750px;
        height		:44px;
	margin		:0px 0px 0px 0px;
	padding		:33px 10px 0px 0px;
	font-size	:11px;
	color		:#ffffff;
	font-weight	:normal;
	text-align	:right;
        background : #ffffff url(../sp/dun/img/back_line.gif) 

}


h2 a{
	color		:#ffffff;
}

/* wrapper_news .txt_news 新着情報 本文
---------------------------------------------------------------------- */
#wrapper_news .txt_news {
	color		:#804040;
	text-decoration	:none;
}
#wrapper_news .txt_news a {
	color		:#804040;
	text-decoration	:underline;
}
#wrapper_news .txt_news a:hover {
	color		:#cc0000;
	text-decoration	:underline;
}


/* copyright
---------------------------------------------------------------------- */
#copyright p {
	color		:#aaaaaa;
	text-align	:center;
	margin		:0 0 5px 0;
	padding		:0;
}

.copytag {
	color		:#aaaaaa;
	text-align	:right;
	margin		:0px 0px 0px 0px;
	padding		:0px 5px 0px 0px;
        width:750px; height:10px;
}


/* footer お問い合せ 特定商取引に基づく表記 購入方法ヘルプ リンク
---------------------------------------------------------------------- */
#footer ul {
	margin		:0;
	padding		:8px 0px 8px 10px;
	border-top	:3px double #e4e4e4;
	border-bottom	:2px solid #ff8000;
	background : #f5f5f5 url(../img/common/bg_footer.gif) repeat-x 0px 0px;
	text-align	:center;
}
#footer ul li {
	margin		:0px 6px 0px 0px;
	padding		:0px 4px 0px 0px;
	display		:inline;
	border-right	:1px solid #cccccc;
	list-style	:none;

}
#footer ul li a {
	color		:#6d6e71;
	text-decoration	:none;
}
#footer ul li a:hover {
	color		:#444444;
	text-decoration	:underline;
}



/*-------------------------------------------------------------------------------- index */

/* infomation
---------------------------------------------------------------------- */
#infomation h2{
	margin		:5px 0px 5px 0px;
	padding		:5px 12px;
	font-size	:1em;
	color		:#666666;
	font-weight	:bold;
	background	:#fff7ee;
	border		:1px solid #ff8000;
}
#infomation h2 a {
	color		:#ff9900;
}


/* osusume
---------------------------------------------------------------------- */
#wrapper_osusume{
        width:530px;margin-bottom:18px;height:auto;position:relative;top:3px;left:15px;
}
.osusume{
	margin		:0px 0px 10px 0px;
	padding		:0px 0px 0px 0px;
        width:250px;height:140px;
        border:1px solid #ff9000;
}

.osusume h3{
	margin		:1px 1px 1px 1px;
	padding		:2px 2px 2px 6px;
	font-size	:1em;
	font-weight	:bold;
	color		:#ffffff;
	background-color:#ff6600;
}

.osu_head{
        text-align:right;
        color:#ff6600;
        background:#fbedcc;
	font-weight	:bold;
}

.osu_comm{
        height:80px;
	padding		:2px 2px 2px 2px;

}


/* ad
---------------------------------------------------------------------- */
#ad{
	text-align	:center;
	position	:absolute;
	height		:600px;
	width		:234px;
	left		:765px;
	top		:8px;
	border-top	:none;
	border-right	:none;
	border-bottom	:none;
	border-left	:none;
	line-height	:150%;
}

#ad p {
	font-size	:10px;
	line-height	:150%;
	margin		:0px 0px 0px;
	padding		:0px;
	width		:234px;
}

/* loginmess
---------------------------------------------------------------------- */
#loginmess{
	font-weight	:bold;
	text-align	:right;
	position	:absolute;
	height		:20px;
	width		:300px;
	left		:305px;
	top		:48px;
	border-top	:none;
	border-right	:none;
	border-bottom	:none;
	border-left	:none;
	line-height	:150%;
	font-size	:13px;
	color		:#777777;
}

/*-------------------------------------------------------------------------------- cat_index */
/* cat_index カテゴリ用
---------------------------------------------------------------------- */
.cat_index	{width: 125px;margin-top:0px;margin-bottom:0px;margin-left:10px;}

.cat_index ol {
	padding		:0px;
	margin		:0px;
	border		:0px solid #000000;
	list-style	:none;
	letter-spacing	:1px;
}

.cat_index ol li {
	padding		:0px;
	margin		:0px;
	border-bottom	:1px dashed #999999;
	text-align	:left;
}
		
.cat_index ol a		{	padding: 3px 0px;display: block;}
.cat_index ol a:link	{	background: #fff;}
.cat_index ol a:visited	{	background: #fff;}
.cat_index ol a:hover	{	background: #f2f1f1;	}
.cat_index ol a:active	{	background: #f2f1f1;	}

.sub{display : none;}

.catewaku {
        position:relative;
	background	:#ff9900;
}


.bkwhite {
        position:relative;
	background	:#ffffff;
}

/*-------------------------------------------------------------------- */
/* 商品ページ用
---------------------------------------------------------------------- */

span.kakaku1
{
    font-size:16px;
    color:#cc0000;
    font-weight:bold;
}

span.wit80
{
	margin		:0px 0px 0px 0px;
	padding		:5px 0px 0px 0px;
        width:80px;
	height		:20px;
}

span.wit8
{
	margin		:0px 0px 0px 0px;
	padding		:5px 0px 0px 0px;
        width:8px;
	height		:20px;
}

span.wit280
{
	margin		:0px 0px 0px 0px;
	padding		:5px 0px 0px 0px;
        width:280px;
	text-align	:right;
	height		:20px;
}

/*-------------------------------------------------------------------------------- cat_index */
/* cart 用
---------------------------------------------------------------------- */
span.kakaku
{
    COLOR: #ff0000;
    FONT-SIZE: 14px;
    font-weight: bold;
}


.center{
  text-align:center;
}
.right{
  text-align:right;
}
.left{
  text-align:left;
}

span.b
{
  font-weight: bold;
}
span.w
{
    COLOR: #ffffff;
}
span.r
{
    COLOR: #ff0000;
}
span.clear
{
  font-weight: bold;
  COLOR: #000000;
}

.commod{
  width:161px; height:auto;
  border:1px solid #cccccc;
  margin: 0px 0px 25px 0px;
  padding:0px 0px 0px 0px;
  text-align: center;
  background :#ffffff repeat-x;
}
.comtxt{
  width:161px; height:60px;
  border-style:solid hidden hidden hidden;
  border-width:1px;
  border-color: #cccccc;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding:5px 5px 5px 5px;
  position: relative;
  left: 0px; top: 0px;
  background :#ffffef repeat-x;
  display:table-cell;
  vertical-align:middle;
}

.pankuzu{
  font-size	:14px;
  line-height	:150%;
  color		:#444444;
}

.pankuzu a{
  font-size	:14px;
  line-height	:150%;
  color		:#0000ff;
  text-decoration:underline;
}
/* vacation 長期休暇
---------------------------------------------------------------------- */
.vacation{
  width:500px; height:auto;
  border-style:solid solid solid solid;
  border-width:1px;
  border-color: #cccccc;
  line-height: 18px;
  font-size: 14px;
  text-align	:left;
  margin: 0px 0px 10px 0px;
  padding:10px 0px 10px 10px;
  position: relative;
  left: 0px; top: 0px;
  background :#ffffef repeat-x;
  display:table-cell;
  vertical-align:middle;
}

/* w3c
---------------------------------------------------------------------- */
#w3c{
	text-align	:right;
	position	:relative;
	width		:740px;
	left		:0px;
	top		:5px;
	border-top	:none;
	border-right	:none;
	border-bottom	:none;
	border-left	:none;
	line-height	:120%;
}

.setumei1 {
  width:550px;
  text-align: left;
  position: relative;
  left: 0px; top: 0px;
  font-size	:15px;
  line-height: 18px;
  padding:20px 15px 20px 15px;
}

.calen{
  width:172px;height:auto;
  border:1px solid #ff8000;
  margin:6px 0 5px 0;
  position: relative;
  left: 0px;
  top: -9px;
  background	:#ffffff repeat-x;
}


.em8{
  margin:3px;
  font-size:0.8em;
  text-align:right;
}
.px10{
  font-size:10px;
}
P.center{
  text-align:center;
  margin:4px 0px 0px 0px;
}

img
{
  margin:0px 0px 0px 0px;
  border:0px;
}

.br1{
  margin:20px 0px 10px 0px;
  position: relative;
  left:0px;
  top: 0px;
}
.bl
{
  COLOR: #0000ff;
}

.bgfff7ee {
	background	:#fff7ee;
}

.col2 {
  text-align:center;
  margin:0px 30px 0px 30px;
  padding:0px 50px 0px 50px;
}

.col3 {
  position: relative;
  margin:0px 30px 0px 30px;
  padding:0px 20px 0px 20px;
}

/* calendar
---------------------------------------------------------------------- */
.calen{
  width:172px;
  border:1px solid #ff8000;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  position: relative;
  text-align:center;
  left: 0px;
  top: -3px;
  background	:#ffffff repeat-x;
  background :#fbedcc repeat-x;
}

#cal{
  width:158px;
  margin-left: auto;
  margin-right: auto;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-collapse: collapse;
  position: relative;
  left: 1px; top: 0px;
  border: 1px #E3E3E3 solid;
  border-spacing: 0;
}
#cal TD{
  border: 1px #E3E3E3 solid;
  text-align: center;
  height:20px;
  width:14%;
}
#cal TR{
  position: relative;
  text-align: center;
  background	:#ffffff;
}

#cal .yobi{
  background: #f0f8ff;
}

.calbr{
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  position: relative;
  left:0px;
  top: 0px;
}
.calem8{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  position: relative;
  font-size:1.0em;
  text-align:center;
}
.caltag {
        position:relative;
        top:-3px;left:0px;
        width:172px; height:18px;
	background	:#ff9900;
	text-align	:left;
	font-weight	:bold;
	font-size	:12px;
        COLOR: #ffffff;
	padding		:0px 0px 0px 3px;
}
/* ---------------------------------------------------------------------- */