@charset "Shift_JIS";

/*
	Author		:Jun Suzuki
	Access		:http://www.wnet-w.net
	Comment		:yam_mna21w.css
	Date		:2008/9
*/

/*-------------------------------------------------------------------------------- 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 6px 0px 8px;
	padding		:0px 0px 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;
	margin		:0px 6px 0px 8px;
}


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



/* kensaku
---------------------------------------------------------------------- */
.ken_waku {
        position:relative;
        width:534px; height:50px;
	text-align  :center;
        top:0px;left:0px;
	margin  :0px 0px 0px 0px;
	padding :0px 0px;

}
.ken_mid {
        position:relative;
        width:532px; height:30px;
	text-align :center;
        top:0px;left:0px;
	margin  :-4px 0px -7px 0px;
	padding :4px 0px 0px 0px;
	border		:1px solid #999999;
        border-top	:none;
        border-bottom	:none;

}



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


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





/* 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		:310px;
	top		:55px;
	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;
}


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

.w90{
  width	:90px;
}
.w60{
  width	:60px;
}

.w8{
  width	:8px;
}

.w75{
  width	:75%;
}

.w33{
  width	:33%;
}
.w200{
  width	:200px;
}

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

.commod{
  width:160px; height:auto;
  border:1px solid #cccccc;
  padding:0px 0px 0px 0px;
  text-align: center;
}
.comtxt{
  width:160px; height:auto;
  border-style:solid hidden hidden hidden;
  border-width:1px;
  border-color: #cccccc;
  line-height: 16px;
  margin: 0px 0px 0px 0px;
  padding:5px 0px 5px 0px;
  position: relative;
  left: 0px; top: 0px;
  background :#ffffef repeat-x;
}
/* sale
---------------------------------------------------------------------- */
#sale{
	font-weight	:bold;
	text-align	:left;
        position: relative;
        left: 0px; top: 0px;
	font-size	:20px;
	color		:#ff0000;
        margin:30px 0px 30px 10px;
}
/* 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%;
}



.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;
}
.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;
}
.br2{
  margin:20px 0px 20px 0px;
  position: relative;
  left:0px;
  top: 0px;
}
.br3{
  margin:0px 0px 20px 0px;
  position: relative;
  left:0px;
  top: 0px;
}
.br4{
  margin:20px 0px 0px 0px;
  position: relative;
  left:0px;
  top: 0px;
}
.r
{
  COLOR: #ff0000;
}
.bl
{
  COLOR: #0000FF;
}

/* -------------------------------------------------------------------
 rightarea
---------------------------------------------------------------------- */
.rightarea {
  margin  :0px 0px 0px 0px;
  padding :0px 0px 0px 0px;
  text-align :left;
  FONT-SIZE  :14px;
}

.title1 {
  font-size	:16px;
  COLOR: #0099ff;
  font-weight: bold;
  margin  :0px 0px 0px 0px;
  padding :10px 0px 10px 0px;
  text-align: center;

}
.title2 {
  font-size	:20px;
  COLOR: #ff0000;
  font-weight: bold;

}
.title3 {
  font-size	:14px;
  COLOR: #ff0000;
  font-weight: bold;
  margin  :0px 0px 0px 0px;
  padding :10px 0px 0px 0px;
  text-align: left;
}

.title4 {

  font-size	:14px;
  font-weight: bold;
  margin  :0px 0px 0px 0px;
  padding :0px 0px 20px 0px;
  text-align: left;

}

.chigai {
  position: relative;
  line-height:20px;left:0px;
  margin  :0px 0px 0px 0px;
  padding :0px 0px 0px 20px;
}

.waku01
{
  width:230px; height:auto;
  text-align: center;
  margin  :0px 0px 0px 0px;
  padding :0px 0px 0px 0px;
  line-height: 16px;
  position: relative;
  left: 0px;
  top: 0px;
}
.waku02
{
  text-align: left;
  margin  :0px 0px 0px 0px;
  padding :5px 0px 10px 20px;
  position: relative;
  line-height: 18px;
  left:0px;
  top: 0px;
}

.tdmargin {
  padding:0px  0px 0px  15px;
  margin :0px  0px 0px  0px;
}




.setumei1 {
  position: relative;
  width:300px;  height:auto;
  text-align: left;
  left: 0px; top: 0px;
  font-size	:12px;
  line-height	:15px;
  padding:5px  0px 20px 0px;
  margin :0px  0px 0px  0px;
}

.setumei1a {
  position: relative;
  width:550px;  height:auto;
  text-align: left;
  left: 0px; top:0px;
  font-size	:16px;
  line-height	:20px;
  padding:0px 15px 30px 200px;
  margin :0px  0px  0px  0px;
}

.setumei2 {
  position: relative;
  width:280px;  height:auto;
  text-align: left;
  left: -20px; top: 0px;
  font-size	:16px;
  line-height	:30px;
  padding: 0px 0px  20px  0px;
  margin : 0px 0px  0px  0px;
}
.setumei2a {
  position: relative;
  width:550px;  height:auto;
  text-align: left;
  left: 0px; top: 0px;
  font-size	:16px;
  line-height	:30px;
  padding: 0px 0px  20px  0px;
  margin : 0px 0px  0px  0px;
}

.setumei3 {
  position: relative;
  width:500px;  height:auto;
  text-align: left;
  left: 0px; top: 0px;
  font-size	:12px;
  line-height	:18px;
  padding: 0px 0px  0px  20px;
  margin : 10px 0px  30px  0px;
}

.setumei4 {
  position: relative;
  width:480px;  height:auto;
  text-align: left;
  left: 0px; top: 0px;
  font-size	:11px;
  line-height	:16px;
  padding: 0px 0px  0px  20px;
  margin : 0px 0px  10px  0px;
}




.iti1 { float:left; }
.iti2 { float:right; }

.bgred {
	background	:#FFF5F5;
}
.bgyel {
	background	:#fffcee;
}
.bgblu {
	background	:#eefdff;
}


.h10{
        height:10px;
}

.font16 {
  font-size	:16px;
  line-height	:23px;
}

.QandA {
  font-size	:13px;
  line-height	:18px;
  width:234px;
  text-align: left;
  padding: 0px  0px  0px  0px;
  margin : 5px  0px  15px  0px;
}


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