body{
	font-family:"�l�r �o�S�V�b�N", Osaka,monospace;
	/*margin:0px auto;*/
	padding:0px;
	font-size:12px;
	line-height:135%;
	color:#656565;
	background:/*url(../img/body_img.gif) repeat*/#ffffff;
}

table{ /* ��{�e�[�u�����i���j*/
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}

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 { /* ��{�^�C�g���i���j*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* ��{������N �i���j*/
	color:#555;text-decoration:underline}
a:hover {
	color:#555;text-decoration:none}

ul{ /* ��{����X�g �i���j*/
	list-style-type:square;}

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

img{ border:0px;}/* �C���[�W�{�[�_�[�w�� */

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;
	color:#FFFFFF;
	background:#76b73f;
	border:1px solid #ffffff;
	font-weight:bold;
}

.text1 {border:1px solid #CCCCCC;}/* �e�L�X�g�G���A�f�U�C����� */

.caution{ font-weight:bold;color:#FF0000;}/* �G���[���b�Z�[�W */

.no2{font-size:110%;} /* �t�H���g�Y�[�� */

.strong{ font-weight:bold;}/* �t�H���g�{�[���h */

.red{color:#CC0000;} /* �t�H���g�� */
.orange{color:#FF9900;} /* �t�H���g�I�����W */
.blue{color:#0000FF;} /* �t�H���g�� */
.green{color:#555;} /* �t�H���g�� */
.glay{color:#666666;} /* �t�H���g�O���[ */

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

.spacebox{/* �X�y�[�X���  */ 
	height:50px;
}

/********************************************************************/
/* ��g�e�[�u���i���j */
#container {
	width:880px;
margin-left:auto;
margin-right:auto;
	/*text-align:left;*/
	border:0px;
	background:/* url(../img/container.gif) */ #FFFFFF;
}

/* �}�C�y�[�W�A�|�b�v�A�b�v��� */
#enter {
	width:100%;
	text-align:left;
	background:#6C6851;
	border:1px solid #6C6851;
}

/* �w�b�_�[ */
#header{
        background-position:left;
	width:100%;
	height:66px;
	/*background:url(../../../../pic-labo/shop_logo.jpg) left no-repeat ;#FFFFFF;*/
background:url(http://www.joicfp.or.jp/sp/shop/shop_blog/header.gif) no-repeat;
}

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

.shoplogo{ /* �T�C�g���S�u���b�N�i�������j */
	padding:0px;	margin:0px;width:860px;
}

.siteName { /* �T�C�g�� h1 �i�e�L�X�g�j */
	margin:0px;
	padding:10px 10px 5px 10px;
	font-size:180%;
	line-height:1em;
}
.siteName a { color:#534A40;text-decoration:none;}
.siteName a:hover { color:#ff0000;text-decoration:underline;}


.sitecopy{ /* �T�C�g�R�s�[ h2 �i���S��e�L�X�g�����g�p�j*/
	padding:30px 145px 2px 35px;
	margin:0px;
	color:#787878;
	font-weight:thin;
	line-height:1em;
	text-align:center;
}

.sitecopy a {color:#534A40;text-decoration:none;}
.sitecopy a:hover {color:#555;text-decoration:underline;}


/* �w�b�_�[���j���[ */
#headMenu {
	width:100%;
	height:16px;
	/*background:url(../img/headmenu.gif) #ffffff ;*/
background-color:#FFF;
	clear:both;
vertical-align:top;
}

.headnavi { /* �w�b�_�[���j���[�e�L�X�g */
	padding:2px 10px 3px 0px;
	color: #555;
	text-align:center;
vertical-align:top;
}

.headnavi a{color:#333;text-decoration:none;}
.headnavi a:hover {color:#777;text-decoration:underline;}

.navi01 {/* �w�b�_�[���j���[�A�C�R�� */
	background-position:left center;
	background-repeat:no-repeat;
	height:16px;
	/* background:url(../img/navi01.gif) ;*/
}

/* �w�b�_�[������C�� */
.hline {border:0px;
	background:url(../img/hline.gif) no-repeat #ffffff;
}

/********************************************************************/

#leftSide { /* ��T�C�htd */
	width:170px;
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/*background:url(../img/leftside.gif) ;*/
}

#rightSide { /* �E�T�C�htd �i3��j*/
	width:170px;
	padding:0px;
	margin:0px;
	background:#def2af;
	vertical-align:top;
	/* background:url(../img/rightside.gif) ;*/
}

#rightSide2 { /* �E�T�C�htd �i3�� �u���O�j*/
	width:170px;
	padding:0px;
	margin:0px;
	background:#ffffff;
	vertical-align:top;
	/* background:url(../img/rightside2.gif) ;*/
}

#center1 { /* �Z���^�[ td �i2��j*/
	width:690px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#ffffff;
	background:url(../img/center1.gif) repeat;
}

#center2 { /* �Z���^�[td �i3��j*/
	width:520px;
	padding:0px;
	margin:0px;
	vertical-align:top;
	background:#ffffff;
	background:url(../img/center2.gif) repeat;
}

#center3 { /* �Z���^�[td �i���p�j*/
	vertical-align:top;	
	background:#ffffff;
	width:100%;
	background:url(../img/center1.gif) ;
}


.header_area { /* �w�b�_��t���[�G���A */
	text-align:left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.footer_area { /* �t�b�^��t���[�G���A */
	text-align:center;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.sidebox { /* �T�C�h�p�u���b�N�i�����j */

	padding:1px 1px 3px 1px;
	margin:0px;
	/* background:url(../img/sidebox.gif) ;*/
}

.centerbox { /* �Z���^�[�p�u���b�N�i�����j */
	margin:0px;
	padding:5px;
	/* background:url(../img/centerbox.gif) ;*/
}

.center{ text-align:center;} /* �Z���^�[ */
.right{ text-align:right;} /* �E */
.left{ text-align:left;} /* �� */
.middle{ vertical-align:middle;}/* �e�L�X�g���� */
.buttom{ vertical-align:buttom;}/* �e�L�X�g�� */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* ��{�i�e�L�X�g��� */

.price{ /* �i��i */
	color:#666666;
	text-align:left;
}
.price.zoom{ /* �i��i �i�i��j */
	font-size:125%;font-weight:bold;
}
.expl{ /* �i���� */
	text-align:left;
	color:#333333;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* �i��� */
	color:#333333;
	text-align:left;
}

h2.goods /* �i�� �i�i����j*/
a{color:#5550;font-weight:bold;text-decoration:underline;}
a:hover{color:#555;text-decoration:underline;}
	
/********************************************************************/
/*�Z���^�[�R���e���c  */
.topIMG { /* �g�b�v�C���[�W �O�g��� */
	margin:5px ;
	padding:5px;
¡¡¡¡¡¡ position: top;

}

.topIMG td{
	margin:0px;
	padding:0px;
        position: top;
}

.shopCopy { /* �T�C�g��� */
	margin:0px;
	line-height:1.4;
	padding:10px 10px 10px 10px;
	color:#333333;
	text-align:left;
}

/* �^�C�g���f�U�C�� */

.free_title { /* �^�C�g��1 h3 */
	padding:8px 0px 0px 40px;
	margin:0px;
	color:#323232;
	width:auto;
	height:22px;
	background:url(../img/title_bar01.jpg) repeat;
	line-height:100%;
	vertical-align:middle;
}

.title1{ /* �^�C�g��1 h3 */
	padding:5px 10px;
	margin:0px;
	color:#FFF;
	width:auto;
	/*height:26px;
	background:url(../img/title_bar01.gif) repeat;*/
	line-height:100%;
	vertical-align:middle;
background-color: #555;
}
.title1 a{color:#666666;text-decoration:none;}
.title1 a:hover{color:#ff0000;text-decoration:underline;}

.title2{ /* �^�C�g��2 h3 */
padding:5px 10px;
	margin:0px;
	color:#FFF;
	width:auto;
	/*height:26px;
	background:url(../img/title_bar01.gif) repeat;*/
	line-height:100%;
	vertical-align:middle;
background-color: #555;
}
.title2 a{color:#555;text-decoration:none;}
.title2 a:hover{color:#555;text-decoration:underline;}

.title3{ /* �^�C�g��3 h3 */
        padding:10px 0px 0px 40px;
        margin:0px;
        width:auto;
        color:#666666;
        height:30px;
        background:url(../img/title_bar03.gif) no-repeat;
        line-height:100%;
        vertical-align:middle;
}

.rank{/* �����L���O�A�C�R�� */
        text-align:center;
}

.mainCont { /* ���C���R���e���c */

	padding:10px;
	margin:0px;
	width:auto;
	background:/* url(../img/maincont.gif) no-repeat */#ffffff;
}

.contbox { /* ���C���R���e���c�����{�b�N�X*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{ /* ��V����X�g��� */
	text-align:left;
	padding:0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color:#333333;
}

li.p3{padding:3px;}

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

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

ul.map{ /* �T�C�g�}�b�v���X�g��� */
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#316563;
}
li.sm1 { margin:4px ;display:block;}
li.sm2 { margin:0px 0px 0px -35px;display:block;}

.sitemap{ /* �T�C�g�}�b�v���X�g ����^�C�g��h4*/
	padding:5px 25px;
	color:#083463;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* �e�[�u���]�����  �i���j */
.layoutp5  { padding:5px 0px;}/* �]��5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { padding:5px 0px;}/* �]��3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* �{�[�_�[�e�[�u��(�]��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:#D4E1ED;} /* �e�[�u����J���[�����i�^�C�g������j */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* �R���e���c�� */
.backcolor3 { background:#E0E0C2;padding:10px 0px;} /* �J�[�g���� */


/* �i���C�A�E�g�i�g�b�v�y�[�W�Z���^�[�A�i����p�j*/

.layoutFrame{/* ��g table */
	margin:0px 0px 0px 0px;
	padding:2px;
	width:99%;
	background:#ffffff;
	background:url(../img/layoutframe.gif) repeat;
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:1px;
	vertical-align:top;
}

.layout1{ /* ���C�A�E�g */
	margin:1px;
	padding:3px;
	background:#ffffff;
	/*background:url(../img/layout1.jpg) ;*/
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* ���K�w */

#bread{ /* �p���N�Y */
font-size:80%;
font-weight:bolder;
font-family:"£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý";
background-color:#FFF;
height:14px;
width:100%;
margin-bottom:10px;
padding: 3px 0px 5px 20px;
}

#bread a { 
color:#F9C;	
font-family:"£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡ÝÅùÉý";
text-decoration:none;
padding: 1px;
}

#bread a:hover { 
color:#F36;	
padding: 1px;
}


h4.title{
	margin:5px 0px;	
	padding:2px 0px;
	color:#2C1818;
	border-bottom:1px solid;
}

.mainFrame{ /* ���C����g */
	margin:0px;
	padding:5px;
	background:#ffffff;
	background:url(../img/layoutframe.gif) repeat;
}

p.title	{ margin:3px 0px;	
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* ���[���}�K�W���A�C�R����� */
.mailmag_ent{ /* �V�K�o�^ h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* �A�h���X��X h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* �z�M��� h4 */
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

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

.pageTop { /* �y�[�W�g�b�v */
	padding:3px 5px 0px 17px;
	margin:10px 5px;
	background:url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float:right;
}
.pageTop a{ color:#343434;text-decoration:none;}
.pageTop a:hover{ color:#5a5a5a;text-decoration:none;}


/********************************************************************/
/*�t�b�^�[�[���j���[���C�A�E�g���*/
#footer {
	padding:0px;
	margin:0px;
	width:auto;
	height:40px;
	background:#E9E9E9;
	text-align:center;
	
}

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

.footnavi { /*�t�b�^�[���j���[�e�L�X�g���*/
	padding:5px 20px 5px 20px;
	color:#555;
}
.footnavi a{ color:#555;text-decoration:none;}
.footnavi a:hover { color:#555;text-decoration:underline;}

#copyright { /*�R�s�[���C�g*/
	padding:0px;
	margin:0px;
	width:auto;
	height:20px;
	color:#FFFFFF;
	background-color:#555;
vertical-align:middle;
	text-align:center;
	/* background:url(../img/copyright.gif) ;*/
}

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

#copyright a{color:#FFFFFF;}
#copyright a:hover{color:#FFFFFF;}

/********************************************************************/
/* �T�C�h��� */

#search {/* �T�C�h�i����g��� */
	padding:6px 5px 12px 5px;
	margin:0px;
	width:auto;
	background:url(../img/search_img01.jpg) #ecf7cf;
}

#search label{
	padding:0px;
	margin:0px;
	color:#333333;
	font-weight:bold;
}

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

/* �T�C�h���j���[�J�e�S�����X�g */

.list { /* ���j���[�g��� */
	padding:0px 0px;	
	display:block;
	line-height:130%;
	background:#FFFFFF;
	border-top:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-bottom:1px #E0D7B1 solid;
	/* background:url(../img/list.gif) ;*/
}

.list h3 { /* �^�C�g�� */
	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-bottom:1px #FFFFFF solid;	
}

li.ca2 {
	margin:0px;
	border-bottom:1px #ffffff solid;
}
li.ca1 a{ padding:5px 3px 5px 15px;display:block;
	color:#787878;text-decoration:none;
	background:url(../img/icon_eye01.gif) no-repeat #f9fcef;
}

li.ca1 a:hover{ color:#ffffff;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat #76b73f;
}

li.ca2 a{ padding:3px 3px 3px 20px;display:block;
	color:#878787;text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #ffffff;
}
li.ca2 a:hover{ color:#555;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #f5f5f5;
}

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

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

li.ca3 a:hover{ color:#ffffff;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye01_ov.gif) no-repeat #F78A39;
}

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

li.ca4 a{ padding:3px 3px 3px 20px;display:block;
	color:#878787;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02.gif) no-repeat #ffffff;
}

li.ca4 a:hover{ color:#ffffff;font-weight:bold;text-decoration:none;
	background:url(../img/icon_eye02_ov.gif) no-repeat #F79642;
}

.sline1 { /* �T�C�h�o�[����C�� */
	padding:0px;
	margin:0px;
	height:0px;
	background-color:#def2af;
	background:url(../img/sline1.gif) repeat;
}

.sline2 { /* �T�C�h�o�[����C�� */
	padding:0px;
	margin:0px;
	height:5px;
	background-color:#def2af;
	background:url(../img/sline2.gif) repeat;
}

/* �T�C�h�R���e���c */
.sidemain1 { /* ���C���g */
	margin:0px;
	padding:5 0 0 0px;
	background:/* url(../img/sidemain.gif)*/ #ffffff ;
	background-position:right bottom;
}

.sidemain1 p {
	padding:3px 0px 3px 0px;
	margin:0px;
	line-height:120%;
}

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

.sidemain1 li {
	display:block;
	padding:2px 0px 2px 10px;
	color:#334d55;
	background:url(../img/icon_eye03.gif) no-repeat
}

/* �J�����_�[ */
caption { /* �N��^�C�g�� */
	 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 { /* �J�����_�[ �e�[�u��*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
}

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

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

th.day { /* �w�b�_��� */
	font-weight:bold;
	color:#333333;
	background:#EEEEEE;
	text-align:center;
}

th.sun { /* �w�b�_��j */
	color:red;
	background:#FDDFFC;
	text-align:center;
}

th.sat { /* �w�b�_�y�j */
	color:blue;
	background:#D0E8FF;
	text-align:center;
}

.chert { /* �\Ž¦�F���g  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}

.line01{ border:#cccccc 1px dotted;vertical-align:buttom;} 

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

#count{ / * �J�E���^�[ */
	margin:0px;
	padding:5px;
	color:#444444;
}

/********************************************************************/
/* �u���O */

.blogbox { /* �R�����g�{�b�N�X*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/* background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* �u���O�G���g���[�^�C�g�� h2 */
	padding:5px 0px 10px 0px;
	display:block;
	font-size:116%;
	color:#555;
	/* background:url(../img/entry_title.gif) ;*/
}

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

.state{ /* �u���O�X�e�[�^�X */
	padding:2px 0px;
	text-align:right;
	border-top:#def2af 1px dashed;
}

.subtitle {/* h3 �u���b�N�T�u�^�C�g�� */
	padding:2px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#555;
	border-bottom:#555 2px solid;
	/* background:url(../img/subtitle.gif) ;*/
}

 p.label { /* �u���O�R�����g�^�C�g�� */
	font-weight:bold;
}

.tb_url{ /* �g���b�N�o�b�Nurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* �J�[�g */

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

.pointline {font-size:100%;color:red;font-weight:900;padding:3px;background-color:#D6C692;}



/* �i�r�Q�[�V���� �i���j*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

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

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

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

.step_navi04 {
	background-image:url(../img/navi04.gif);
}
/* CSS Document */