@charset "utf-8";
/* CSS Document */
/* 0 to 768px */
body {
	-webkit-text-size-adjust: 100%;
}
.price {

    font-family: "�ͣ� �Х����å�", Osaka, "�ҥ饮�γѥ� Pro W3";

	font-size: 1em;

	font-weight: bolder;

	color: #CC0000;

}

.goods_size {

	font-family: "�ͣ� �Х����å�", Osaka, "�ҥ饮�γѥ� Pro W3";

	font-size: 0.9em;

}
.mainmenu {
    background-color: #ededed;
    border-right-width: 20px;
    border-left-width: 20px;
    border-right-style: solid;
    border-left-style: solid;
    border-left-color: #f9a31a;
    border-right-color: #f9a31a;
    margin-top: 10px;
    width: 91%;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
}
.toppicup {
    background:#035;color:#fff;line-height:2em;text-align:center;
}

table.description{
	border-collapse: collapse;
	width: 100%;
	border: 1px #2b2b2b solid;
	}
table.description th {
	width: 35%;
	background-color: #ffffcc;
	font-weight: normal;
	border: 1px #2b2b2b solid;
}
table.description td {
	border: 1px #2b2b2b solid;
}
/* ���չ������ɥХ����ڡ����ν��Τ����� */
.advshotai{
	width: 100%;
	background-color:#CCCCCC;
	}

.advshotai span{
font-size:large; font-weight:bold; margin-left:5px;
	}
	
/* ���ʾܺ٥ڡ������� */
.itemdtl table{
	margin-top: 5px;
  	border: 1px  #666666;
}
.itemdtl th {
	background-color: #FFCC00;
	padding-left: 3px;
}


.sidenavi_grp{
margin:0px; padding:1px; background-color:#cccccc; font-size:14px; line-height:1.5em;
width:100%
	}
	.sidenavi_grp th{
	background-color:#DFDFDF;
	}
		.sidenavi_grp td{
	background-color:#F7F7F7;
	}
	.sidenavi_grp li{
	margin:5px 0 0 10px;
	}
.sidenavi_svc{
width:100%;
margin:10px 0 0 0;
}
.sidenavi_svc a:link,
.sidenavi_svc a:visited,
.sidenavi_svc a:active,
.sidenavi_svc a:hover{
color:#333333;
text-decoration:none;
}
.sidenavi_svc img{
border:none;
vertical-align:top;
}
.sidenavi_svc ul,
.sidenavi_svc li{
padding:0;
list-style:none;
margin:4px 0 0 0;
font-weight:bold;
}

.sidenavi_svc a{
display:block;
border:solid 1px #CCCCCC;
background-color:#F7F7F7;
padding:5px 8px 4px 9px;
white-space:nowrap;
zoom:1;
font-weight:bold;
}
/* �ȥåץڡ��������ƥ��ꡡ */
.topcategoly {
	padding:3px;
background-image: -moz-linear-gradient(top, #cccccc 0%, #cccccc 49%, #999999 50%, #cccccc);
background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), color-stop(0.49, #cccccc), color-stop(0.50, #999999), to(#cccccc));
}
.topcategoly span {
	padding: 3px;
	display: block;
	background-image: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 49%, #ededed 50%, #fbfbfb);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), color-stop(0.49, #f4f4f4), color-stop(0.50, #ededed), to(#fbfbfb));
	text-align: left;
}

@media only screen and (max-width: 769px) { /*SP��*/
header {
	overflow: hidden;

}
	header h1 {
		padding: 10px 10px 0 10px;
	}
	header h2 {
		padding: 0 10px 10px 10px;
	}
#headlogo {
	width: 30%;
	overflow: hidden;

	margin:10px 0px 10px 5px;
	float: left;
}
#headlogo img {
	width: 100%;
}
#headtxt {
	width: 45%;
	overflow: hidden;
	margin:10px 5px;
	float: left;
	font-size:12px;
	line-height:1.3em;
}
#headimg {
	width: 20%;
	overflow: hidden;
	margin:10px 0;
	float: left;
}
#headimg img {
	width: 100%;
	margin-right:5px;
}
#contents img {
max-width: 100%;
height: auto;
width /***/:auto;��
}

/*�إå������⡼��ڡ����ؤΥʥ� ���ޥ���*/
#mallnavisp{
	width:100%;	
	}
#mallnavisp img{
	width:19%;	
	}
	/*�إå������⡼��ڡ����ؤΥʥ� PC��*/
#mallnavipc{
	display:none;
	
	}
#headmenu {
display: none;

		
}
	#headmenu ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
		text-align:center;
	}
	#headmenu li {
		width: 100%;
		background: #d9d9d9;
		border-bottom: 1px solid #444;
		color:#000000;
			}
#headmenu li a {

		color:#000000;
			}
 #toggle{
	 clear:both;
display: block;
position: relative;
width: 100%;
background: #d9d9d9;

  }
#toggle a{
display: block;
position: relative;
padding: 12px 0 10px;
border-bottom: 1px solid #444;
color: #000;
text-align: center;
text-decoration: none;

  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #000;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #d9d9d9;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
#contents nav {
	overflow: hidden;
background: #d9d9d9;
margin-top:10px;

		clear:both;
}
	#contents nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
		text-align:center;
	}
	#contents nav ul li {
		float: left;
		margin-right: 10px;
	}

#contents #main {
	overflow: hidden;

}
#contents #main h2 {
	font-size:15px;


}
	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
#contents aside {
	overflow: hidden;
	margin-top:5px;
}
	#contents aside p {
		padding: 10px;
	}
	#contents aside img {
		width: 100%;
	}
#contents aside a {
	color: #333333;
}
#contents aside h3 img {
	border:none;
	
}
#contents aside ul {
	width:90%;
	margin:auto;
	
}
#contents aside li {
	list-style:none;
	
}

.clm2 /*�ơ��֥�2����*/
{
	width: 100%;		
	}
	
.clm3 /*�ơ��֥�2����*/
{
	width: 100%;
		padding:2px;		
	}
.clm3 td
{
	width: 33%;		
	}
.clm4 /*�ơ��֥�2����*/
{
	width: 100%;		
	}
.clm4 td
{
	width: 25%;		
	}
.clm5 /*�ơ��֥�5����*/
{
	width: 100%;		
	}	
.clm5 td
{
	width: 20%;		
	}
	
.txtbox
{
	width: 100%;
	border:1px;
	padding:5px;
	
	}
.reClm2_wap:after /*�󤬲�������2����*/
{
	width: 100%;
	clear:both;

     margin: 0;		
	}
.reClm2_inner 
{
	width: 100%;
	margin-bottom:10px;	
		 float: none;
		 text-align:center;	
	}
	.reClm2_inner img
{
	width: 100%;
	}
	
.adviceClm2_wap:after /*����ڡ���*/
{
	width: 100%;
	clear:both;

     margin: 0;		
	}

	.adviceClm2_inner1 
{
	width: 25%;
	margin-bottom:10px;	
	float: left;

	}
	.adviceClm2_inner2{
		margin-bottom:10px;	}
	
.adviceClm2_inner2 table{
	border-collapse: collapse;
	width: 75%;
	border: 1px #2b2b2b solid;
	}
.adviceClm2_inner2  th {
	width: 35%;
	background-color: #ffffcc;
	font-weight: normal;
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner2  td {
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner3 table{
	border-collapse: collapse;
	width: 100%;
	border: 1px #2b2b2b solid;
	}
.adviceClm2_inner3  th {
	width: 35%;
	background-color: #ffffcc;
	font-weight: normal;
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner3  td {
	border: 1px #2b2b2b solid;


	}
	.reClm2_2_inner img
{
	width: 100%;
	}	
	.itemList_size/*���ʥꥹ��*/
	{
	width: 25%;		
	}
	.itemList_pri{
	width: 25%;		
	}
	.itemList_link{
	width: 45%;		
	}	
	
footer {
	overflow: hidden;
	width:90%;
	margin:auto;

}
	footer #copyright {
		padding: 10px;
	}
		footer img {
	min-width: 100%;
	overflow: hidden;

}
#foot_l {

	width: 100%;

	padding-top: 5px;
}
#foot_c {
	width: 100%;

	padding-top: 5px;

}
#foot_r {
	width: 100%;

	padding-top: 5px;

}
#footcard table{
		width: 100%;

		}
#footcard td{
		width: 20%;
		text-align:center;

		}
#footcard img{
		width: 100%;
		text-align:center;

		}
footer dt {

	font-weight: bold;
}
/*�ȥåץڡ���*/
.topcate_title
{text-align: left; font-weight: bold; margin-bottom: 2px; display: block; width: 100%; padding: 3px; background-color: #EEE; border:1px;}
.topcate_con td
{
	margin:2px;
	}
/*���������ߥڡ���*/
  .oscFrame-wrapper {
    position: relative;
    width: 100%;
    padding: calc(1170 / 680 * 100%) 0 0;
  }
.oscCartFrame {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  .calenderframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(290 / 190 * 100%) 0 0;
  }
.calenderframe {      /* ���������� */
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
	margin-top: 5px;
 /*display:none;     ɬ�פ˱������ѹ� */

}
.slideiframe{
	    padding: calc(285 / 625 * 100%) 0 0;
		position:relative;	overflow:hidden;height: 0;
		}
		
		.headerSld {      /* �إå��������饤���� */
    width: 100%;
	height: 100%;
	position:absolute;

top: 0;
  left: 0;

}

}
/**/
@media only screen and (min-width: 770px) { /*PC��*/
#wrapper{width: 900px;
margin:auto;}

#header {
	position:static;
	min-width: 900px;
	overflow: hidden;
	margin-bottom:0px;
/*	height:150px;*/

}

#headlogo {
	min-width: 180px;
	overflow: hidden;
	margin-top:5px;
	margin-bottom:0px;
	float: left;
}
#headtxt {
	width: 320px;
	overflow: hidden;
	margin-top:5px;
	float: left;

}
#headimg {
	width: 350px;
	overflow: hidden;
	margin-top:5px;
	margin-right:5px;
	float: right;
}
#headimg img {
	margin-right:10px;

}
	header h1 {
		width: 1060px;
		margin: 0 auto;
		padding: 10px 10px 0 10px;
	}
	header h2 {
		width: 1060px;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
	}
	/*�إå������⡼��ڡ����ؤΥʥ� ���ޥ���*/
#mallnavisp{
	display:none;
	}
	/*�إå������⡼��ڡ����ؤΥʥ� PC��*/
#mallnavipc{
	}
  #mallnavipc img{
    width: 145px;
    margin-left: 3px;	
	}
#contents {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
	float: right;
}
#contents nav {
	width: 900px;
	overflow: hidden;
	background: #d9d9d9;
	display: block;
	clear: both;
	text-align: center;
}
	#contents nav ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}
	#contents nav ul li {
	float: left;
	margin-right: 5px;
	}
#headmenu {

	overflow: hidden;
	background: #d9d9d9;
	display: block;
	clear: both;
	text-align: center;
}
	#headmenu ul {
		width: 900px;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin-left: auto;
margin-right: auto;
	text-align:center;
	}
#headmenu li {
	font-size:13px;
	font-weight:bold;
	
	float: left;
	display: block;
width: 16.5%;
  margin: 0;
  padding: 0;
	}
	#headmenu li a{
	color: #333333;
	display: block;
	padding: 10px 0 8px;
	/*background: #d9d9d9;*/
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 49%, #e1e1e1 50%, #f3f3f3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.49, #f2f2f2), color-stop(0.50, #e1e1e1), to(#f3f3f3));
	text-align: center;
	text-decoration: none;
	border-top: #ccc solid 2px;
	border-bottom: #ccc solid 5px;
	margin: 0 1px 0 1px;
}

#headmenu li a:hover{
background: #444;
color: #fff;
}

#toggle{

 display: none;

}

#contents #main {
	float: right;
	width: 655px;
	overflow: hidden;


}
#contents #main h2 {
	font-size:15px;


}
	#contents #main article {
		overflow: hidden;
		padding: 0px;
	}
#contents aside {
	clear: left;
	float: left;
	width: 184px;
	overflow: hidden;
	margin-top:10px;

}
	#contents aside p {
		padding: 10px;
	}
#contents aside li {
	padding-left: 0em;
	line-height: 1.8em;
	list-style-type: none;
	white-space: nowrap;
	font-size: 0.85em;
	list-style-position: inside;
	margin: 3;
}	
#contents aside a {
	color: #333333;
}
#contents aside h3 {
	
	padding: 0em;
	margin: 10px 0px 0px 0px;
	font-size: 0.85em;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	background-color: #FFFFFF;
	
}
#contents aside h3 img {
	border:none;
	width:176px;
}

	
.clm2 /*�ơ��֥�2����*/
{
	width: 600px;		
	}
.clm3 /*�ơ��֥�4����*/
{
	width: 640px;
	margin:0;	
	padding:2px;	
	}
.clm3 td
{
	width: 210px;
	
	}
.clm3 td img
{
	width: 200px;
	
	}
.clm4 /*�ơ��֥�4����*/
{
	width: 650px;
	margin:0;	
	padding:2px;	
	}
.clm4 td
{
	width: 160px;		
	}
.clm5 /*�ơ��֥�5����*/
{
	width: 100%;		
	}	
.clm5 td
{
	width: 20%;		
	}	

.txtbox
{
	width: 600px;
	border:2px;
	padding:5px;
	
	}	
.reClm2_wap /*�󤬲�������2����*/
{
padding-top: 10px;
	}	
.reClm2_wap:after /*�󤬲�������2����*/
{
	width: 600px;
	clear:both;
     margin: 0;		
	}
.reClm2_inner 
{
	width: 280px;
	margin-right: 10px;
	margin-left:10px;
	float: left;

	}
.adviceClm2_wap /*����ڡ���*/
{
	width: 100%;
	}
.adviceClm2_wap:after /*����ڡ���*/
{
	width: 100%;
	clear:both;

     margin: 0;		
	}
	.adviceClm2_inner1 
{
	width: 25%;
	margin-bottom:10px;	
	float: left;

	}
.adviceClm2_inner2 table{
	border-collapse: collapse;
	width: 70%;
	border: 1px #2b2b2b solid;
	}
.adviceClm2_inner2  th {
	width: 35%;
	background-color: #ffffcc;
	font-weight: normal;
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner2  td {
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner3 table{
	border-collapse: collapse;
	width: 70%;
	border: 1px #2b2b2b solid;
	}
.adviceClm2_inner3  th {
	width: 35%;
	background-color: #ffffcc;
	font-weight: normal;
	border: 1px #2b2b2b solid;
}
.adviceClm2_inner3  td {
	border: 1px #2b2b2b solid;
}

	.itemList_size /*���ʥꥹ��*/
	{
	width: 60px;		
	}
	.itemList_pri{
	width: 60px;		
	}
	.itemList_link{
	width: 150px;		
	}
	.itemList_link img{
	width: 150px;		
	}
	
footer {
	width: 900px;
	overflow: hidden;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-top: 3px;
	padding-top: 3px;
	text-align: left;
	font-size: 90%;
	line-height: 1.25em;
}
#footer p {
  margin: 0px;
  padding: 0px 0px 0px 5px;
}
	footer #copyright {
		width: 1060px;
		margin: 0 auto;
		padding: 10px;
	}
		#foot_l {
	float: left;
	width: 33%;
	padding-right: 2px;
	padding-top: 5px;
}
#foot_c {
	width: 33%;
	margin-left: 2px;
	padding-top: 5px;
	float: left;
}
#foot_r {
	width: 33%;
	margin-bottom: 10px;
	padding-top: 5px;
	float: left;
}
#footcard table{
		width: 280px;

		}
footer td{
		width: 20%;
		text-align:center;

		}
footer dt {
	background-image: url(https://www.rakuten.ne.jp/gold/hankomaturi/img/img_toppage/img/arrow_ic01.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	font-weight: bold;
}
footer dd {
	padding-left: 15px;
}
#footer  dl {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
}
address {
	display: block;
	background: #999999;
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #FFFFFF;
	letter-spacing: 0.25em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 80%;
	text-align:center;
	height:15px
}

.price {

    font-family: "�ͣ� �Х����å�", Osaka, "�ҥ饮�γѥ� Pro W3";

	font-size: 1em;

	font-weight: bolder;

	color: #CC0000;

}
/*�ȥåץڡ���*/
.topcate_title
{text-align: left; font-weight: bold; margin-bottom: 5px; display: block; width: 100%; padding: 3px; background-color: #EEE; border:1px;}
.topcate_con
{	margin:3px;}


/*���������ߥڡ���*/
.oscCartFrame {
	width:680px;
	height:570px;
}
.calenderframe {      /* ���������� */
	width: 190px;
	height: 560px;     /* ɬ�פ˱������ѹ� */
	border: none;
	margin-top: 5px;
 /*display:none;     ɬ�פ˱������ѹ� */

}

.headerSld {      /* �إå��������饤���� */
	width: 900px;
	height: 300px;     /* ɬ�פ˱������ѹ� */
	border: none;
	margin-top: 5px;
 /*display:none;     ɬ�פ˱������ѹ� */

}
}

@charset "UTF-8";

body {
    margin:30px 0;
}

img {
    vertical-align:bottom;
}

ul {
    margin:0;
    padding:0;
}


/* ���饤�ɥ��硼 */
#slider {
    overflow:hidden;
    position:relative;
    width:100%;
}

#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
#sliderInner li {
    width:1000px;
}

#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1000px;
    height:250px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}
#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}

.bx-wrapper {
    margin:0 auto;
    position:relative;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
    background:#fff;
}

/* ����ȥ����顼 */
.bx-wrapper .bx-prev {
    left:520px;
    /*background:url(../images/controls.png) no-repeat 0 -32px;*/
	background:url(../img_slide/left.png) no-repeat 0px 0px;
}

.bx-wrapper .bx-next {
    right:520px;
    /*background:url(../images/controls.png) no-repeat -43px -32px;*/
	background:url(../img_slide/right.png) no-repeat 0px 0px;
}

.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}

.bx-wrapper .bx-next:hover {
    background-position:0 0;
}


.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:0px;
    outline:0;
    width:130px;
    height:205px;
    text-indent:-9999px;
    z-index:9999;
}



/* �ڡ����㡼 */

.bx-wrapper .bx-pager {
    padding-top:10px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}


/** RESET AND LAYOUT
===================================*/

/*.bx-wrapper {
	position: relative;
	margin: 0 0 60px;
	padding: 0;
	*zoom: 1;
}*/

.bx-wrapper img {
	width: 100%;
	display: block;
}

/*��ͭ*/
html,body{}

/*��¸�Υڡ������������硢����.sait�Ϻ�����Ƥ�������*/
div.sait{
	margin:0 auto;
	padding:0;
	width:100%;
}

/*�ܥץ������γ���*/
div#base{
	margin:0 auto;
	padding:0;
}
/*�ơ��֥�����*/
div#base table#cate_menu{
	margin:0 auto;
	padding:0;
	width:100%;
	border:1px #aaa solid;
}
div#base table#cate_menu tr{
	width:100%;
}
/*�ơ��֥����ꡡ���Ф�*/
div#base table#cate_menu tr td.m_title{
	padding:0;
	text-align:center;
	line-height:3em;
	border-top:1px #aaa solid;
	border-right:1px #aaa solid;
	border-left:1px #aaa solid;
}
div#base table#cate_menu tr td.m_title span{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	display:block;
}
div#base table#cate_menu tr td.m_title span:hover{
	background:#dfd;
	cursor:pointer;
}
/*���ɽ���������*/
div#base table#cate_menu tr td#t1{
	background:#dfd;
}
/*���ɽ�������򤵤�Ƥ��ʤ��Ȥ����ϡ�����դ���*/
div#base table#cate_menu tr td#t2,td#t3,td#t4,td#t5,td#t6{
	border:1px #aaa solid;
}
/*���ɽ�������פʤȤ�������ɽ��������*/
td#m2,td#m3,td#m4{
	display:none;
}
/*���Ф�����ܡʥ�󥯡ˤΥꥹ������*/
.in_li{
	display:inline-block;
	width:48%;
	list-style:none;
}
.in_li a{
	line-height:3em;
}




/*�ᥤ����ʬ����*/
#contents2 h2 {
  text-align: center;
}
.category {
	font-size: 0.85em;
}
.category span {
	font-size: 0.725em;
	display: block;
	width: 200px;
}

#contents2 {
	float: right;
	width: 700px;
}


#contents2 h2 {
  text-align: center;
}
.category {
	font-size: 0.85em;
}
.category span {
	font-size: 0.725em;
	display: block;
	width: 200px;
}


/*	====================
	�ǥХ�����420px̤����ɽ������
	====================*/
@media screen and (max-device-width:420px){
	/*���ȥ�����*/
	div#base{
		width:90%;
	}
	/*���Ф���������2ʬ����*/
	div#base table#cate_menu tr td.m_title{
		width:49%;
	}
	/*600�ʾ�Υ������λ��˻Ȥ����Τ���ɽ��*/
	#t3,#t4{
		display:none;
	}
}

/*	===================
	�ǥХ�����421px�ʾ��ɽ������
	===================*/
@media screen and (min-device-width:421px){
	/*���ȥ�����*/
	div#base{
		min-width:500px;
		width:100%;
		max-width:700px;
	}
	/*���Ф���������4ʬ����*/
	div#base table#cate_menu tr td.m_title{
		width:23%;
	}
	/*��󥯥ꥹ�Ȥι⤵����*/
	td.mm{
		height:200px;
	}
	.in_ul{
		margin:0 auto;
		padding:0;
		width:80%;
	}
}

/**/


/* ************************************************
*  cloud_zoom
* ************************************************ */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
  margin:-4px;  /* Set this to minus the border thickness. */
  border: 4px solid #888;
  background-color:#fff;
  cursor:move;
}

/* This is for the title text. */
.cloud-zoom-title {
  position:absolute !important;
  top:0px;
  padding:3px;
  width:100%;
  background-color:#000;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:10px;
  font-family:Arial, Helvetica, sans-serif;
}

/* This is the zoom window. */
.cloud-zoom-big {
  overflow:hidden;
  border: 4px solid #c86464;
}

/* This is the loading message. */
.cloud-zoom-loading {
  padding:3px;
  border:1px solid #000;
  background:#222;
  color:white;
}

/* Feature section in ZoomEngine page */
.zoom-section {
  clear:both;
}

* html .zoom-section {
  display:inline;
  clear:both;
}

.zoom-small-image {
  float: left;
  margin-top: 4px;
  width: 400px;
}
.zoom-small-image #wrap {
  position: relative;
  top: 0px;
  z-index: 9999;
}

.cloud-zoom {
  margin-bottom: 20px;
}

.zoom-small-image .mousetrap {
  position: absolute;
  top:0px;
  left:0px;
  z-index:999;
  width: 100%;
}

/* Feature descriptions in ZoomEngine page */
.zoom-desc {
  clear: left;
  width: 100%;
}

a.cloud-zoom-gallery {
  display: block;
  float: left;
  margin: 0 22px 20px 0;
  width: 82px;
  height: 82px;
  cursor: pointer;
}
.zoom-tiny-image {
  padding: 3px;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  background: #efefef;
}
.zoom-tiny-image.selected {
  border: 1px solid #c86464;
  background: #c86464;
}
.zoom-tiny-image:hover {
  border: 1px solid #c86464;
}

a.gallery_last{
  margin-right: 0;
}