@charset "Shift_JIS";

/*
	Author		:Jun Suzuki
	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;
}

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

a	{text-decoration:none;		color:#666666;}

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

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

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


/* 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 #ff8000;
	line-height	:80%;
        width:750px;
}

/* header
---------------------------------------------------------------------- */
.header
{
  width:734px;height:78px;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;

}



/* pr
---------------------------------------------------------------------- */
#pr {
      height:240px;width:734px;position:relative;top:0px;left:8px;margin:0px
}
#pr a:hover {
	position	:relative;
	left		:1px;
	top		:1px;
}


/* sub_index
---------------------------------------------------------------------- */
.sub_index h2{
	margin		:5px 5px 5px 5px;
	padding		:5px 4px 4px 5px;
	font-size	:1em;
	color		:#ff8000;
	font-weight	:bold;
	background : #ffffff url(../img/common/bg_h2.gif) repeat-x left top;
	border-top	:1px solid #ff8000;
	border-bottom	:1px solid #ff8000;
}


/* 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;
}

.fff7ee{
	background	:#fff7ee;
}

.ffffff{
	background	:#ffffff;
}

.ffe7ce{
	background	:#ffe7ce;
}

.height1{
	height		:1px;
}


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


/* 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{
        position:relative;
        width:734px;
        top:0px;left:0px;
	border		:1px solid #ff8000;
	background	:#fff7ee;
	margin		:5px 0px 5px 8px;
	padding		:5px 0px 5px 0px;
}

#infomation h2{
	margin		:5px 0px 0px 10px;
	padding		:0px 0px 0px 0px;
	font-size	:1em;
	color		:#666666;
	font-weight	:bold;
	background	:#fff7ee;
}

#infomation h2 a {
	color		:#ff9900;
}

/* leftarea
---------------------------------------------------------------------- */
.mspace {
        width:4px; height:100%;
}
.leftarea {
        position:relative;
        width:180px; height:100%;
	background	:#fff7ee;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	text-align	:center;
}

.takuhai {
        top:0px;left:0px;
        position:relative;
        width:178px;
	background	:#fff7ee;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px;
	text-align	:center;
}
.taku_00 {
        position:relative;
        width:172px; height:4px;
	text-align	:center;
        top:0px;left:0px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px;
}

.taku_01 {
        position:relative;
        top:0px;left:0px;
        width:175px; height:18px;
	background	:#ff9900;
	text-align	:left;
	font-weight	:bold;
	font-size	:12px;
        COLOR: #ffffff;
	padding		:0px 0px 0px 3px;
}

.taku_02 {
        position:relative;
        top:0px;left:0px;
        width:176px;
	background	:#ffffff;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px;
	text-align	:center;
	border		:1px solid #ff9900;
}
.taku_03 {
        position:relative;
        width:170px; height:25px;
	background	:#fff7ee;
	margin		:3px 0px 3px 0px;
	padding		:0px 0px 2px 0px;
	text-align	:center;
}
.inp_1 {
        position:relative;
        top:4px;left:0px;height:0px;
}


.kitei{
  width:176px;
  border:1px solid #ff9900;
  text-align:left;
  margin:5px 0px 5px 0px;
  padding:2px 0px 2px 0px;
  position: relative;
  left: 0px;  top: 0px;
  background :#fbedcc repeat-x;
}

.kimg
{
  margin:3px 0px 3px 0px;
  text-align:center;
}

.ktxt
{
  text-align:right;
  font-size:0.8em;
}

.waku3{
  width:172px;
  border:1px solid #ff9900;
  text-align:left;
  margin:5px 0px 5px 0px;
  padding:2px 2px 2px 2px;
  position: relative;
  top:-6px;left:0px;
  background :#fbedcc repeat-x;
}


/* kensaku
---------------------------------------------------------------------- */
.ken_waku {
        position:relative;
        width:534px; height:50px;
	text-align  :center;
        top:0px;left:13px;
	margin  :0px 0px 0px 0px;
	padding :0px 0px;
}
.ken_mid {
        position:relative;
        width:530px; height:30px;
	text-align :center;
        top:0px;left:1px;
	margin  :-4px 0px -6px 0px;
	padding :4px 0px 0px 0px;
	border		:1px solid #999999;
        border-top	:none;
        border-bottom	:none;

}


/* 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;

}
/* tokushu
---------------------------------------------------------------------- */
.tokushu{
	margin		:0px 0px 10px 0px;
	padding		:0px 0px 0px 0px;
        width:250px;height:140px;
        border:1px solid #0090ff;
}

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

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

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

}
/* ad
---------------------------------------------------------------------- */
#ad{
	text-align	:center;
	position	:absolute;
	height		:600px;
	width		:160px;
	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		:310px;
	top		:50px;
	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;}

.cat_waku {
        position:relative;
	margin		:0px 0px 0px 0px;
	padding		:0px 3px 2px 3px;
        width:250px;height:130px;
        border:1px solid #ff9000;
        background:#ffffff;
}

.cat_head{
        position:relative;
	margin: 0px 0px 2px 0px;
	padding:3px 5px 0px 2px;
        color:#ff6600;
        background:#fbedcc;
  	text-align: left;
	height:24px;
  	vertical-align: middle;


}

.cat_title{
        position:relative;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 2px 0px;
  	vertical-align: middle;
	left		:10px;
        color:#ff6600;
	FONT-SIZE: 9px;
	font-weight:normal;

}

.cat_title a {color:#ff6600;}

.cat_img{
        width:100px;height:100px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position: relative;
	left: 0px; top: 0px;
	text-align: left;
	vertical-align: top;
}

.cat_txt{
        position:relative;

        left: 0px;
        width:123px;height:90px;
	margin: 0px 0px 0px 105px;
	padding:5px 5px 5px 15px;
	vertical-align: top;
        background:#ffe7ce;
	font-weight:normal;
	text-align: left;
	FONT-SIZE: 12px;

}

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


/*-------------------------------------------------------------------------------- cat_index */
/* 書式設定用
---------------------------------------------------------------------- */
.center{
  text-align:center;
}
.right{
  text-align:right;
}
.left{
  text-align:left;
}
.em8{
  font-size:0.8em;
}


.b
{
  font-weight: bold;
}
.w
{
  COLOR: #ffffff;
}
.wb
{
  COLOR: #ffffff;
  font-weight: bold;
}
.ab
{
  COLOR: #0000ff;
  font-weight: bold;
}
.r
{
  COLOR: #ff0000;
}
.bl
{
  COLOR: #0000FF;
}
.f10
{
  font-size: 10px;
}
.s
{
  text-decoration:line-through
}

.br{
  margin:10px 0px 20px 0px;
  position: relative;
  left:0px;
  top: 0px;
}

.br1{
  margin:20px 0px 10px 0px;
  position: relative;
  left:0px;
  top: 0px;
}

/* calendar
---------------------------------------------------------------------- */
.calen{
  width:176px;
  border:1px solid #ff8000;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  position: relative;
  text-align:center;
  left: 0px;
  top: 0px;
  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{
  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:-1px;left:0px;
        width:176px; height:18px;
	background	:#ff9900;
	text-align	:left;
	font-weight	:bold;
	font-size	:12px;
        COLOR: #ffffff;
	padding		:0px 0px 0px 0px;
}
.cimg
{
        position:relative;
        top:0px;left:8px;
  text-align:center;
}

/* ---------------------------------------------------------------------- */