@charset "euc-jp";
/* CSS Document  */
body{
	font-family:"�ͣ� �Х����å�", Osaka,monospace;
	text-align:center;
	margin:0px auto;
	padding:0px;
	font-size: 75%;
	line-height:170%;
	color:#666666;
	background-color: #FFFFFF;
}

table{ /* ���ܥơ��֥�����ʸ����*/
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}
/********************************************************************/
.style1 {font-size: 13px;color: #666666; line-height: 1.5; }
.style2 {font-size: 12px;color: #666666; line-height: 1.5; }
.style3 {color: #666666; line-height: 1.5; font-size: 12px; text-decoration:none;}
.style3 a{color: #666666; line-height: 1.5; font-size: 12px; text-decoration:none;}
.style3 a:hover{color: #333333; line-height: 1.5; font-size: 12px; text-decoration:underline;}
/********************************************************************/

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}
th {white-space:nowrap;} 

h1,h2,h3,h4 { /* ���ܥ����ȥ�ʸ����*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* ���ܤΥ�� �ʸ����*/
	color:#666666;text-decoration:none;}
a:hover {
	color:#333333;text-decoration:underline;}

ul{ /* ���ܤΥꥹ�� �ʸ����*/
	list-style-type:square;}

ul ul{	list-style-type:none;}

img{ border:0px;}/* ���᡼���ܡ��������� */

form {	padding:0px;display:inline;}

p{ line-height:150%;margin:5px 0px;padding:2px 0px;}

.clear_both { /* �����μ�����߲�� */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}

.button1{ /* input�ܥ������� */
	/*cursor:hand;
	font-size:12px;
	color:#FFFFDD;
	background:#333333;
	border:1px solid #999999;
	font-weight:normal;*/
}

.text1 {border:1px solid #CCCCCC;}/* �ƥ����ȥ��ꥢ�ǥ��������� */

.caution{ font-weight:bold;color:#CC0000;}/* ���顼��å����� */

.no2{
font-size:100%; 
} /* �ե���ȥ����� */

.strong{ font-weight:bold;}/* �ե���ȥܡ���� */

.red{color:#333333;} /* �ե������ */
.red2{color:#FF0000;} /* �ե������ */
.orange{color:#FF9900;} /* �ե���ȥ���� */
.blue{color:#0000FF;} /* �ե������ */
.green{color:#006600;} /* �ե������ */
.glay{color:#666666;} /* �ե���ȥ��졼 */

.item img{/* ���ʲ�����  */ 
	height:auto;
	width:100;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* ���ڡ�������  */ 
	height:50px;
}
/********************************************************************/
.kakutitle_menu{ width:590px; background:#FFFFFF; margin:0px; font-color:#666666; font-size: 12px; }
.setsumei_table{ width:590px; background:#ffffff; margin:0px; }
.left_text{ width:200px; background:#ffffff; margin:0px;}
.center_text{ width:20px; background:#ffffff; margin:0px;}
.right_text{ width:200px; background:#ffffff; margin:0px; padding:0px; boarder:0; text-align:left;}
.subbox{ width:200px; margin:0px; font-size: 12px;}

.leftcell{
width:160px;
background:#cccccc;
margin:0px;
text-align:center;
border-top:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
padding:3px 3px 3px 3px;
}

.rightcell{
width:194px;
background:#E8E8E8;
margin:0px;
text-align:center;
border-top:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
padding:3px 3px 3px 3px;
}


.kihon_leftcell{
width:150px;
background:#cccccc;
margin:0px;
text-align:center;
border-right:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
padding:3px 3px 3px 3px;
}

.kihon_rightcell{
width:150px;
background:#E8E8E8;
margin:0px;
text-align:center;
border-left:solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF;
padding:3px 3px 3px 3px;
}
/********************************************************************/
/* ���ȥơ��֥�ʸ���� */
#container {
width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-top:0px #000000 solid;
	background:#ffffff;
}

/* �ޥ��ڡ������ݥåץ��åײ��� */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #ffffff;
	border:1px solid #333333;
}

/* �إå��� */
#header{
	margin:10px 0 0 0;
	width:100%;
	height:10px;
	padding-bottom:0px;
	padding-left:0px;
	background:url()  /*no-repeat*/;
}

td>#header { /* IE7 Safari Firefox �� */
	height:auto;
	min-height:10px;
}

.shoplogo{ /* �����ȥ����֥��å�������ξ��� */
	padding:10px 0px 0px 0px;
	margin:0px;
float:left;
	
}

.shoplogo img{ /* �����ȥ����֥��å���ɽ���ʤ��� */
	/*display:none;*/
}

.siteName { /* ������̾ h1 �ʥƥ����ȡ� */
display:none;
}


.sitecopy{ /* �����ȥ��ԡ� h2 �ʥ������ƥ����Ȥξ����ѡ�*/
display:none;
}

/* �إå�����˥塼 */
#headMenu {
	width:100%;
	margin:10;
	margin-bottom:0px;
	color:#FFFFFF;
	text-align:right;
	float:right;
}

.headnavi { /* �إå�����˥塼�ƥ����� */
	padding-right:5px;
	padding-top:0px;
	background-color:#FFFFFF;
	color:#666666;
}

.headnavi a{
	padding:5px 0px;
	text-decoration:none;
	color:#666666;
}
.headnavi a:hover {
	color: #0087E1;
	margin:5px 0px;
	text-decoration:none;
}

.navi01 {/* �إå�����˥塼�������� */
	color:#666666;
	/*background:url(../img/hnavi01.gif) no-repeat center left;*/
}

/* �إå����������饤�� */
.hline {
	border:0px solid #B6A081;
	background:url(../img/hline.gif) no-repeat #B6A081;
}


/*********************************************************************************************
���ȤΥ쥤������
***********************************************************************************************/

#leftSide { /* ��������td */
	width:180px;
	padding:0px;
	margin:0px 0px 0px 20px;
	background:#ffffff;
	vertical-align:top;
	border:0px;
	/* background:url(../img/leftside.gif) ;*/
}

#rightSide { /* ��������td */
	width:194px;
	padding:0px;
	margin:0px 0px 0px 20px;
	background:#ffffff;
	vertical-align:top;
	border:0px;
	/* background:url(../img/leftside.gif) ;*/
}


#center1 { /* ���󥿡� td ��2���*/
	width:600px;
	padding:0px 0px 20px 0px;
	margin:0px;
	vertical-align:top;
	background:#FFFFFF;
	/* background:url(../img/center1.gif) ;*/
}

#center2 { /* ���󥿡�td �������ѡ�*/
	vertical-align:top;	
	background:#ffffff;
		width:600px;
	padding:0px 0px 0px 0px;
	margin:0px;
}

#center3 { /* ���󥿡�td �������ѡ�*/
	vertical-align:top;	
	background:#ffffff;
		width:600px;
	padding:0px 0px 0px 0px;
	margin:0px;
}


.header_area { /* �إå��Υե꡼���ꥢ */
	text-align:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	width:600px;
	/*border:1px #1587C2 solid;*/
}

.footer_area { /* �եå��Υե꡼���ꥢ */
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:600px;
	/*border:1px #1587C2 solid;*/
}

.sidebox { /* �������ѥ֥��å���������� */
width:180px;
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 0px ;
	background:#FFFFFF;
	border:0px;
	
}

.centerbox { /* ���󥿡��ѥ֥��å���������� */
width:auto;
margin:0px;
padding:10px;
}

.center{ text-align:center;} /* ���󥿡� */
.right{ text-align:right;} /* �� */
.left{ text-align:left;} /* �� */
.middle{ vertical-align:middle;}/* �ƥ����Ƚ���� */
.buttom{ vertical-align:buttom;}/* �ƥ����ȽIJ� */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* ���ܾ��ʥƥ��������� */

.price{ /* ���ʲ��� */
	color:#333333;
	text-align:left;
	font-weight:normal;
}
.price.zoom{ /* ���ʲ��� �ʾ��ʾܺ١� */
	font-size:140%;
	font-weight:bold;
}
.expl{ /* ��������ʸ */
	text-align:left;
	color:#333333;
}
.expl a{
	color:#333333;	
	text-decoration:none;
}
.expl a:hover{
	color:#333333;
	text-decoration:underline;
}

.fixed{ /* ������� */
	font-size:95%;
	color:#666666;
	text-align:left;
}

h2.goods /* ����̾ �ʾ��ʰ�����*/
a{
color:#666666;
text-decoration:none;
font-weight:bold;
}
h2.goods a:hover{
color:#666666;
text-decoration:underline;
font-weight:bold;
}
	
/********************************************************************/
/*���󥿡�����ƥ��  */
.topIMG { /* �ȥåץ��᡼�� �������� */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
	background:#ffffff;
}

.shopCopy { /* ���������� */
	font-size:110%;
	line-height:130%;
	margin:0px;
	padding:3px 10px 3px 10px;
	color:#666666;
	font-weight:normal;
	text-align:left;
}

/* �����ȥ�ǥ����� */

.free_title { /* �����ȥ�1 h3 */
	padding:15px 0px 12px 8px;
	margin:0px;
	width:auto;
	line-height:100%;
	font-size:15px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#5B3E1C;
	background-color:#E7F0B0;
}

.title1{ /* �����ȥ�2 h1 �����ȥ�С��ڤӥ����ȥ�*/
	padding:0px 0px 5px 0px;
	width:auto;
	line-height:100%;
font-size:100%;
	vertical-align:middle;
	background-color:#FFFFFF;
	margin:20px 0px 10px 0px;
	color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
line-height: 1.5em;
}



.title1 a{color:#000000;text-decoration:underline;}
.title1 a:hover{
	color:#000000;
	text-decoration:underline;
}
.title2{ /* �����ȥ�2 h1 */
	padding:15px 0px 5px 0px;
	width:auto;
	line-height:100%;
font-size:100%;
	vertical-align:middle;
	background-color:#FFFFFF;
	margin:20px 0px 10px 0px;
	color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
}
.title2 a{color:#000000;text-decoration:underline;}
.title2 a:hover{
	color:#000000;
	text-decoration:underline;
}
.title3{ /* �����ȥ�2 h1 */
	padding:15px 0px 5px 8px;
		width:auto;
	line-height:100%;
font-size:100%;
	vertical-align:middle;
	background-color:#FFFFFF;
	margin:20px 0px 10px 0px;
	color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
}
.title3 a{color:#FF286F;text-decoration:underline;}
.title3 a:hover{
	color:#FF286F;
	text-decoration:underline;
}

.rank{/* ��󥭥󥰥������� */
        text-align:left;
}

.mainCont { /* �ᥤ�󥳥�ƥ�� */
padding:0px;
margin:0px;
width:auto;
background-color:#ffffff;
}

.contbox { /* �ᥤ�󥳥�ƥ������ܥܥå���*/
	padding:8px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* �ǿ�����ꥹ������ */
	text-align:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style-type:none;
	color:#000000;
}

li.p3{padding:3px;}

ul.free_list{ /* �ꥹ������ */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.list{ /* �ꥹ������ */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.map{ /* �����ȥޥåץꥹ������ */
	font-size:110%;
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#333333;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* �����ȥޥåץꥹ�� ���ܥ����ȥ�h4*/
	font-size:110%;
	padding:5px 25px;
	color:#333333;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* �ơ��֥�;������  �ʸ���� */
.layoutp5  { padding:5px 0px;}/* ;��5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

/* ���ʥץ饤���ơ��֥��Ϣ */
.layoutp3  { padding:10px 10px;}/* ;��3px */
.layoutp3 th { padding:10px;}
.layoutp3 td { padding:10px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 5px;}/* �ܡ������ơ��֥�(;��3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* ��;��10px */

.backcolor1 { background:#DDDDDD;} /* �ơ��֥��⥫�顼�ڤ��ؤ��ʥ����ȥ���ʬ�� */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* ����ƥ���� */
.backcolor3 { background:#D7EBF4;padding:12px 0px;} /* ��������ʬ */


/* ���ʥ쥤�����ȡʥȥåץڡ������󥿡������ʰ����ѡ�*/

.layoutFrame{/* ���� table */
	margin:10px 0px 0px 0px;
	padding:1px;
	width:600px;
	/* background:url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.layout1{ /* �쥤������ */
width:140px;
margin:1px;
padding:3px;
background:#FFFFFF;
/* background:url(../img/layout1.gif) ;*/
}

.layout1 td{
margin:0px;
padding:3px;
text-align:center;
}

/* ������ */

#bread{ /* �ѥ󥯥� */
	margin:10px 0 0 0;
	padding:10px 10px;
	color:#666666;
	text-align:left;
	background:#FFFFFF;
}
#bread a { color:#666666;}
#bread a:link { 
	text-decoration:underline;
}
#bread a:hover { 
	text-decoration:underline;
	color:#333333;
}

h4.title{
	font-size:110%;
	margin:5px 0px;	
	padding:2px 0px;
	color:#333333;
	border-bottom:1px dotted #333333;
}

.mainFrame{ /* �ᥤ������ */
	margin:0px;
	padding:1px;
	background-color:#FFFFFF;
	/*ackground:#1587C2;*/
	/* background:url(../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* �᡼��ޥ����󥢥��������� */
.mailmag_ent,.mailmag_cha,.mailmag_can {
	color:#FF0000;
}

.mailmag_ent{ /* ������Ͽ h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* ���ɥ쥹�ѹ� h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* �ۿ���� h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ������ */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* �ڡ����ȥå� */
	padding:13px 0px 3px 17px;
	margin:10px 0px 5px  5px ;
	background-image:url(../img/icon_top.gif);
	background-repeat:no-repeat;
	background-position:50% left;
	font-size:90%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#666666;text-decoration:none;border:1px #FFFFFF solid;padding:3px;}
.pageTop a:hover{ color:#333333;text-decoration:none;}


/********************************************************************/
/* �եå�������˥塼�쥤���������� */
#footer {
	padding:0px;
	width:auto;
	background-color:#FFFFFF;
	color:#666666;
	height:50px;
	text-align:center;
	margin-top:13px;
	vertical-align:bottom;
	padding-top:15px;
		}

td>#footer { /* IE7 Safari Firefox �� */
	height:auto;
	min-height:50px;
}

.footnavi { /*�եå�����˥塼�ƥ���������*/
	padding:0px;
	color:#4B4B4B;
}
.footnavi a{ 
	color:#4B4B4B;
	text-decoration:none;
	font-weight:normal;
}
.footnavi a:hover { 
color:#0087E1;
text-decoration:none;
}



#copyright { /* ���ԡ��饤�� */
	padding:20px;
	width:auto;
	height:50px;
	text-align:center;
	vertical-align:bottom;
	/* background:url(../img/copyright.gif) ;*/
}

#footer>#copyright { /* IE7 Safari Firefox �� */
	height:auto;
	min-height:50px;
}




/*�եå����ѥʥ� */



#mainnav {
  width: 100%;
  height: 25px;
  margin: 0;
  background-color: #8FBC8F;
  background-position: bottom;
  list-style-type: none;
        
}
#mainnav li {
  float: left;
  padding: 5px 0 0 30px;
  font-size: 100%;
}
#mainnav a:link, #mainnav a:visited {
  color: white;
  text-decoration: none;
}
#mainnav a:hover {
  color: white;
  text-decoration: underline;

}



/*�եå����ѥʥ�1 */



#footnav2 {
  width: 100%;
  height: 25px;
  margin: 0;
  background-color: #ffffff;
  background-position: bottom;
  list-style-type: none;
        
}
#footnav2 li {
  float: left;
  padding: 5px 0 0 20px;
  font-size: 100%;
}
#footnav2 a:link, #mainnav a:visited {
  color: black;
  text-decoration: none;
}
#footnav2 a:hover {
  color: black;
  text-decoration: underline;

}








/********************************************************************/
/* ���������� */

/* ------------------------------
 Search Form
------------------------------ */
#searchform {
	background: transparent url(https://image1.shopserve.jp/southswell.xyz/pic-labo/searchform.jpg) left top no-repeat;
	display: block;
	width: 180px;
	height: 22px;
	top: 0px;
	margin: 20px 0 10px 0px;
	
}

#searchform input {
	display: block;
	float: left;
}

#searchform .isearch {
	background: none;
	border: none;
	color: #666;
	font-size: 93%;
	margin: 4px 0 0 30px;
	width: 120px;
}

#searchform .ibutton {
	background: none;
	border: none;
	cursor: pointer;
	margin-top: -16px;
	width: 28px;
}


.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

/* �����ɥ�˥塼���ƥ���ꥹ�� */

.list { /* ��˥塼������ */
	padding:0px 0px;	
	display:block;
	line-height:130%;
}

.list h3 { /* �����ȥ� */
	padding:5px 5px;
	margin:0px;
}

ul.free_listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

ul.listbox{
	text-align:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

li.ca1 {
	margin:0px;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;
}

li.ca2 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}
li.ca1 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#FFF0F5;*/
	color:#000000;
}

li.ca1 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;
	background-color:#666666;
}

li.ca2 a{ padding:1px 3px 1px 15px;
	display:block;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	
}
li.ca2 a:hover{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #DDDDDD;
}

li.ca3 {
	margin:0px;
	border-top:1px solid #FFFFFF;	
	border-bottom:1px solid #FFFFFF;	
}

li.ca3 a{ padding:5px 3px 5px 15px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	background-image:url(../img/icon_eye01.gif);
	background-repeat:no-repeat;
	/*background:#FFF0F5;*/
	color:#000000;
}

li.ca3 a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../img/icon_eye01_ov.gif);
	background-repeat:no-repeat;
	background-color:#666666;
}

li.ca4 {
	margin:0px;
	border-bottom:1px solid #FFFFFF;
}

li.ca4 a{ padding:3px 3px 3px 25px;
	display:block;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #EBEBEB;
}

li.ca4 a:hover{
	color:#547D2B;
	font-weight:normal;
	text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #EBFFAC;
}

.sline1 { /* �����ɥС����饤�� */
	padding:0px;
	margin:0px;
}

.sline2 { /* �����ɥС����饤�� */
	padding:0px;
	margin:0px;
}

/* ---------------------------------------------------------------------------
�����ɥ���ƥ�� 
------------------------------------------------------------------------------*/
.sidemain1 { /* �ᥤ���� */
	margin: 25px 30px 0 0 ;
	padding:0px;
	background: #FFFFFF;
 width:180px;
	text-align:left;
}

.sidemain1Img {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	}

.sidemain2Img {
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	}

.sidemain1 h2 {
	padding:0px 0px 5px 0px;
	margin:20px 0px 10px 0px;
	font-size: 100%;
	color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	font-weight: bold;
}

.sidemain1 h3 {
	padding:0px 0px 5px 0px;
	margin:20px 0px 0px 0px;
	font-size: 100%;
color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	font-weight: bold;
}


.sidemain1 p {
	padding:0px 0px 0px 0px;
	margin:0;
	line-height:150%;
	font-size: 95%;
}

.sidemain1 ul { /* �ꥹ������ */
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
} 

.sidemain1 li {
	border-bottom: dotted 1px #CDCDCD;
	margin: 0px;
	font-size: 95%;
	}

.sidemain1 li a {
display: block;
padding:5px 10px;
text-decoration: none;
color: #4B4B4B;

	}

.sidemain1 li a:hover {
background-color:#EBEBEC;
color: #4B4B4B;
	}




.sidemain2 { /* �ᥤ���� */
	margin:0px 30px 0 0 ;
	padding:0px;
	background: #FFFFFF;
 width:180px;
	text-align:left;
}



.sidemain2 h3 {
	padding:0px 0px 5px 0px;
	margin:20px 0px 0px 0px;
	font-size: 100%;
	color: #4B4B4B;
	border-bottom: 1px solid #4B4B4B;
	font-weight: bold;
}


.sidemain2 p  {
	padding:0px 0px 0px 0px;
	margin:0;
	line-height:150%;
	font-size: 95%;
	
}

.sidemain2 ul { /* �ꥹ������ */
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
} 

.sidemain2 li {
border-bottom: dotted 1px #CDCDCD;
	margin: 0px;
	font-size: 95%;
color: #4B4B4B;
	}

.sidemain2 li a {
display: block;
padding:5px 10px;
text-decoration: none;
color: #4B4B4B;

	}

.sidemain2 li a:hover {
color: #4B4B4B;
background-color:#EBEBEC;
	}

.sidemain2 a {
line-height:150%;
text-decoration: none;

	}

.sidemain2  a:hover {
color: #0087E1;
	}
















/* �������� */
caption { /* ǯ����ȥ� */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* �������� �ơ��֥�*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
	 background-color:#FFFFFF;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;	
	 background-color:#FFFFFF;
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
	 background-color:#FFFFFF;
}

th.day { /* �إå�ʿ�� */
	font-weight:bold;
	color:#666666;
	background:#FFFFFF;
	text-align:center;
}

th.sun { /* �إå����� */
	color:#FFFFFF;
	background:#666666;
	text-align:center;
}

th.sat { /* �إå����� */
	color:#666666;
	background:#DDDDDD;
	text-align:center;
}

.chert { /* ɽ����������  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}

.line01{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:buttom;
} 

#rss{ / * RSS���� */
	margin:10px 0px 20px 0px ;
	padding:10px 0px 20px 10px ;
}

#count{ / * �����󥿡� */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* �֥��� */

.blogbox { /* �����ȥܥå���*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* �֥�������ȥ꡼�����ȥ� h2 */
	padding:5px 0px 5px 0px;
	display:block;
	font-size:110%;
	color:#666666;
	height:19px;
	text-decoration:underline;
	/*background:url(../img/entry_title.gif);*/
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#333333;
	text-align:right;
}

.state{ /* �֥������ơ����� */
	padding:2px 0px;
	text-align:right;
	border-top:1px solid #ded9c5;
}

.subtitle {/* h3 �֥��å����֥����ȥ� */
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#547D2B;
	background:url(../img/subtitle.gif);
	height:19px;
}

 p.label { /* �֥��������ȥ����ȥ� */
	font-weight:bold;
	color:#666666;
}

.tb_url{ /* �ȥ�å��Хå�url */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* ������ */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px ;padding-bottom:5px;background-color:#666666;}



/* �ʥӥ�������� �ʸ����*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:760px;
	height:83px;
}

.step_navi01 {
background-image:url(../img/navi01.gif);
background-repeat:no-repeat;
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
	background-repeat:no-repeat;
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
	background-repeat:no-repeat;
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
	background-repeat:no-repeat;
}

/* �����������ǥ������˥塼���� */
#accordion_menu{
  width: 180px;
  background-color:#fff;
  letter-spacing:1px;
  margin:5px 10px;
}
/* �������ǥ�����Υ��ƥ���λ��� */
#accordion_menu .menuheader{
  background-image: url(image/bg_menu.jpg);
  background-repeat: no-repeat;
  height:32px;
  margin-bottom: 3px;
  text-decoration: none;
  line-height: 32px;
  font-size: 16px;
  font-weight:bold;
  text-indent: 1.4em;
  color: #000;
  cursor: hand;
  cursor: pointer;
  /* ���ơ����������������Ѥ����� �ʲ���2�Ԥ�ɬ�פǤ������Ѥ��ʤ����Ϻ�����Ƥ⹽���ޤ��� */
  display: block;
  position: relative; 
}
#accordion_menu .menuheader:hover{
  color: #FF0;
}
/* openheader �ϥ��ƥ��꤬�����Ƥ�����֤�CSS */
#accordion_menu .openheader{
  background-image: url(image/bg_menu.jpg);
  background-position: 0 -32px;
  background-repeat: no-repeat;
  color: #FFFFFF;
}
/* �ҥ�˥塼�λ��� */
#accordion_menu div.categoryitems ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px;
}
/*���ơ��������������CSS*/
#accordion_menu div.menuheader .statusicon{
  position: absolute;
  top: 10px;
  left: 5px;
  border: none;
}


#accordion_menu div.categoryitems ul li{
  padding-bottom: 2px;
}
#accordion_menu div.categoryitems ul li a{
  color: #A70303;
  background: url(image/arrow.png) no-repeat 2px 5px;
  display: block;
  padding: 2px 0;
  padding-left: 19px;
  text-decoration: none;
  border-bottom: 1px solid #dadada;
  font-size: 14px;
  font-weight: bold;
}
#accordion_menu div.categoryitems ul li a:visited{
  color: #A70303;
}

#accordion_menu div.categoryitems ul li a:hover{
  color: #A70303;
  background-color: #eee;
}

/* �����������ǥ������˥塼 ���������ޤ� */



/*��������Ͼ��ʥڡ�����CSS_2012_04_15�ɵ�*/



.detail{
  width: 600px;
}

.detailImg {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	}

.detailImg_border{
	margin:0px 0px 20px 0px;
	border:1px solid #ddd;
}


	
	.detailBox1{
 margin:20px 0px 50px 0px;
	font-family:"�ͣ� �Х����å�", Osaka,monospace;
	font-size: 12px;
	line-height:180%;
	color:#666666;
	text-align: left;
	}

.detailBox2{
 margin:0px 0px 20px 0px;
	font-family:"�ͣ� �Х����å�", Osaka,monospace;
	font-size: 12px;
	line-height:180%;
	color:#666666;
	text-align: left;
	}
	

.detail table{
	width: 600px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 0 0 10px 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ccc;
	background: #fff;
	border-collapse:collapse;
}

div.detail table tr th,
div.detail table tr td{
	text-align: center;
	padding: 0.3em 1em;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

div.detail table tr.odd .column1,
.detail table th.odd .column1{
	width: 5em;
}

.detail2 table{
	width: 600px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 0 0 10px 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ccc;
	background: #fff;
	border-collapse:collapse;
}

div.detail2 table tr th,
div.detail2 table tr td{
	text-align: center;
	padding: 0.3em 1em;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

div.detail2 table tr.odd .column1,
.detail table th.odd .column1{
	width: 18em;
}


/* TOP�ڡ����Хʡ���CSS  */
.topBaner{
 margin:10px 9px 30px 0px;
	font-family:"�ͣ� �Х����å�", Osaka,monospace;
	font-size: 12px;
	line-height:180%;
	color:#666666;
	text-align: left;
	float:left;
	width:194px;
	}

.topBaner2{
 margin:10px 0px 30px 0px;
	font-family:"�ͣ� �Х����å�", Osaka,monospace;
	font-size: 12px;
	line-height:180%;
	color:#666666;
	text-align: left;
	float:left;
	width:194px;
	}


/* --- �������� ����󥢥åץǡ��� --- ����������������������2026.01*/

/* 1. ����ƥʤ������ʴ�¸��.detail���ĥ�� */
.detail-container {
    width: 100%; /* �Ƥ�600px�˽��� */
    color: #333; /* ��ǧ������Τ��ᾯ��ǻ�� */
    line-height: 1.8;
}

/* 2. AI���Ż뤹������󡦥���å����ԡ��� */
.ai-catchphrase {
    margin: 20px 0;
    padding: 15px;
    background-color: #f9f9f9;
    border-left: 4px solid #333;
    font-size: 14px;
}
.ai-catchphrase strong {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #000;
}

/* 3. �ƥ��˥��륻�������ʲվ�񤭤������� */
.item-technical {
    margin: 30px 0;
}
.item-technical h3 {
    font-size: 16px;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px;
    font-weight: bold;
}
.item-technical ul {
    list-style: none; /* �ǥե���Ȥ�square���� */
    padding-left: 0;
}
.item-technical li {
    margin-bottom: 10px;
    padding-left: 1.5em;
    position: relative;
}
.item-technical li::before {
    content: "��"; /* �����������Ū�� */
    position: absolute;
    left: 0;
    color: #999;
}

/* 4. ���ڥå�ɽ�ʴ�¸��detail2 table���񤭡� */
.detail2 table {
    width: 100% !important; /* �����ͤ��� */
    border: none;
    border-top: 2px solid #333;
}
.detail2 table tr th, 
.detail2 table tr td {
    text-align: left; /* AI���ɤ߼��䤹����·�� */
    padding: 12px 10px;
    border-right: none;
    border-bottom: 1px solid #eee;
}
.detail2 .column1 {
    background: #f4f4f4;
    width: 30%;
    font-weight: bold;
}

/* 5. [����̵��] �Хå��ʤɤ����� */
.shipping-tag {
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 2px 8px;
    font-size: 11px;
    margin-right: 10px;
    vertical-align: middle;
}




/*
================================================================================
  SOUTH SWELL — ���ʥڡ����ɵ�CSS��PC�ѡ�
  ShopServe �������̡�CSS�Υ������ޥ����ע��֥������륷���Ȥ��ɲáפ���Ͽ

  �ǽ�����: 2026-03-07
  ��������:
    - .detailBox1 �طʤ�white!important�ˡʥ��졼����section_bg.png�б���
    - article.detail section �طʤ�white!important��
    - article.detail .detailBox1 table �� display:table!important �Ƕ���ɽ��
    - table tr td �� display:table-cell!important �ɲ�
  �о�: �����եܡ��ɡ����ѥ�뾦�ʥڡ����ʥ��ޥ�ƥ��å�HTML�ǡ�
================================================================================
*/


/* ============================================================
  article.detail / section.detail2 �ؤ��б�
  ��¸CSS�� div.detail �Ƚ񤫤�Ƥ��뤿�ᡢ
  article �����Ǥ�Ʊ���������뤬�����褦�ɵ�
============================================================ */

/* ���졼�����طʡ�section_bg.png�ˤ���˾��
   ���ڡ����� #contents ���Ǥ�¸�ߤ��ʤ����ᡢ�ƶ����������Ǥ�ľ�ܥ������å�
   - ShopServe��CSS�� section { background: url(section_bg.png) } �Τ褦��
     �������쥯������section�˥��졼�����ƤƤ����ǽ�������뤿��
     article.detail �۲�����section������Ū����ˤ��� */
article.detail {
  background: white;
}

.detailBox1 {
  background: white !important;
}

article.detail section {
  background: white !important;
}

/* ������ɽ�����ڥå�ɽ���ơ��֥����ɽ���������������դ���
   ShopServe �δ�¸CSS�� table ����ɽ���ˤʤäƤ������������ !important */
article.detail .detailBox1 table {
  display: table !important;
  width: auto;
  font-size: 12px;
  color: #666;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ccc;
  background: #fff;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}

/* ���ڥå�ɽ��th��td�Υ������� */
article.detail table tr th,
article.detail table tr td {
  display: table-cell !important;
  text-align: center;
  padding: 0.3em 1em;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

/* ���ڥå�ɽ��������� */
article.detail table tr.odd .column1 {
  width: 5em;
}

/* detail2�ʥ��ڥå�������������Υơ��֥� */
section.detail2 table {
  width: 600px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin: 0 0 10px 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ccc;
  background: #fff;
  border-collapse: collapse;
}

section.detail2 table tr th,
section.detail2 table tr td {
  text-align: center;
  padding: 0.3em 1em;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

section.detail2 table tr.odd .column1 {
  width: 18em;
}

/* ���ѥ�륵����ɽ: column1 ����Ĵ����M, L �ʤ�û����٥������ */
section.detail2[aria-label="������ɽ"] table tr.odd .column1 {
  width: 5em;
}

/* ������ɽ���������β��ޡ�����ʲ����Ȥδֳֳ��ݡ� */
section.detail2 {
  margin-bottom: 30px;
}


/* ============================================================
  figure�����ؤ��б�
  ��¸�� .detailImg �� div ��Ŭ�Ѥ���Ƥ�����
  figure �����Ǥ�Ʊ�������ܤˤʤ�褦�ɵ�
============================================================ */

figure.detailImg {
  padding: 0px;
  margin: 0px 0px 20px 0px;
}

figure.detailImg img {
  border: 0px;
  display: block;
}


/* ============================================================
  ���������θ��Ф���h3�˥�������
  section��ʬ�����ƥ֥��å���h3�����촶���������
============================================================ */

.detailBox1 h3 {
  font-size: 12px;
  font-weight: bold;
  color: #4B4B4B;
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
  margin: 14px 0 6px 0;
}


/* ============================================================
  ����å����ԡ���ai-catchphrase��
  �� style.css��2026.01�ɵ��ˤ�Ʊ̾���饹������ѤߤΤ���
    �����ǤϽ�ʣ������ʤ���
    �����С�¦CSS: background:#f9f9f9 / border-left:4px solid #333 / font-size:14px
============================================================ */


/* ============================================================
  �֥��ɾҲ����h3
  brand-history / brand-philosophy / brand-categories �θ��Ф�
============================================================ */

.brand-history h3,
.brand-philosophy h3,
.brand-categories h3 {
  font-size: 12px;
  font-weight: bold;
  color: #4B4B4B;
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
  margin: 14px 0 6px 0;
}

/* �֥��ɥ��ƥ���Υꥹ�� */
.brand-categories ul {
  margin: 0;
  padding: 0 0 0 1.5em;
  list-style-type: square;
}

.brand-categories li {
  font-size: 12px;
  line-height: 180%;
  color: #666;
}


/* ============================================================
  FAQ ����������AI���ѡ��桼�������� Q&A��
  .detail-faq �� .detailBox1 ��ʻ�Ѥ��ƥޡ������Ѿ�
============================================================ */

.detail-faq h3 {
  font-size: 12px;
  font-weight: bold;
  color: #4B4B4B;
  border-bottom: 1px solid #ddd;
  padding: 4px 0;
  margin: 0 0 10px 0;
}

.faq-list {
  margin: 0;
  padding: 0;
}

.faq-list dt {
  font-size: 12px;
  font-weight: bold;
  color: #4B4B4B;
  padding: 8px 0 4px 0;
  border-bottom: 1px dotted #ddd;
  cursor: default;
}

.faq-list dt::before {
  content: "Q. ";
  color: #8FBC8F;
  font-weight: bold;
}

.faq-list dd {
  font-size: 12px;
  line-height: 180%;
  color: #666;
  margin: 4px 0 12px 0;
  padding: 0 0 0 1em;
}


/* ============================================================
  ������󥯡�item-related-links��
  �֥��ɾҲ�ޤ���FAQ�ն�����֤����Ϣ�������
============================================================ */

.item-related-links {
  margin: 30px 0 30px 0;
  padding: 0;
  background: white;
}

.item-related-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.item-related-links li {
  font-size: 12px;
  line-height: 220%;
  padding: 8px 0;
}

.item-related-links li a {
  color: #4B4B4B;
  text-decoration: underline;
}