@charset "Shift_JIS";

/*
	Author		:Taku Kayanuma (http://stinc.jp)
	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;top:1px;left:1px;

}



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


/* 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 a:hover {
	position	:relative;
	left		:1px;
	top		:1px;
}

/* leftarea
---------------------------------------------------------------------- */
.leftspace {
        width:8px; height:100%;
}
.leftarea {
        position:relative;
        width:180px; height:100%;
	background	:#fff7ee;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 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;
}


/* rightarea
---------------------------------------------------------------------- */



.detail {
        position:relative;
	margin		:20px 10px 40px 20px;
	padding		:0px 0px 0px 0px;
	text-align	:left;
	font-size	:16px;
	line-height	:24px;
}


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

}
.inp_1 {
        position:relative;
        top:4px;left:0px;height:0px;
}



/* 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;
	text-align :left;

}


/* 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 ｐを236pxに設定
---------------------------------------------------------------------- */
#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		:200px;
}

/* 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:280;
	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;
  padding:0px 0px 0px 0px;
  text-align: center;
}
.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;
}

.16px
{
    font-size:16px;
}

.em8{
  margin:3px;
  font-size:0.8em;
  text-align:right;
}
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;
}


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

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