/* テーマ：ネイチャー／dakko */

body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	margin:0px auto;
	padding: 0px;
	font-size: 12px;
	line-height:135%;
	color:#3366FF;
	background-color: #FFFFFF;
	text-align:center;
}

table {
	text-align:left;
}
td {
	vertical-align:top;
}


h1,h2,h3,h4 { 
	padding: 0px; 
	margin: 0px; 
	font-size: 100%;
	text-align:left;
}

a{
	color: #3366FF; text-decoration: none}
a:hover {
	color: #3366FF; 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{ 
	cursor:hand;
	color: #FFFFFF;
	background: #FF6699;
	border: 1px solid #CC3366;
}

.text1 {border:1px solid #CCCCCC;}

.caution{ font-weight:bold; color:#3366FF;}

.no2{font-size: 110%;}

.strong{ font-weight:bold;}

.red{color: #FF9999;} 
.orange{color: #FF9900;} 
.blue{color: #0000FF;}
.green{color: #006600;}
.glay{color: #666666;}

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

.spacebox{
	height: 50px;
}

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

#container {
	width: 860px;
	text-align:left;
	margin: 0px auto;
	background:  #ffffff;
}


#enter {
	width: 100%;
	text-align:left;
	background:  #ffffff;
	border:1px solid #99CC00;
}


#header{ 
    background-position: ;
	width: 860px;
	height:172px;
	/*background: url(../img/header.jpg)  ;*/
	background: url(../img/header.jpg) no-repeat;
}

.NameArea{
        width: auto;
}

.shoplogo{
	padding: 0px;
 	margin: 0px;
	width:860px;
}


.siteName { 
	margin: 0px;
	width: auto;
}
.siteName a { color: #FF0099;text-decoration: none;}
.siteName a:hover { color: #FF0099;text-decoration: underline;}

.shoplogo {
	padding: 0px; 
	margin: 0px;
	width:auto;
}

.sitecopy{ 
	padding-top: 80px;
	padding-left: 100px; 
	margin: 0px; 
	color: #FF0099;
}
.sitecopy a {color: #FF0099;text-decoration: none;}
.sitecopy a:hover {color: #FF0099;text-decoration: underline;}

#headMenu {
	width: 860px;
	height: 33px;
	/*background: url(../img/headmenu.gif) ;*/
	background: url(../img/headr_menu.jpg) no-repeat;
}

.headnavi { 
	padding: 9px 20px 0px 20px;
	color: #FF6666;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
}

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

.navi01 {
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
}


.hline {border: 1px solid #ffffff;
}

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

#leftSide { 
	width: 170px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
}

#rightSide { 
	width: 170px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
}

#rightSide { 
	width: 170px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}


#center1 {
	width: 690px;
	padding: 0px;
	margin: 0px; 
	vertical-align: top;
	background: #ffffff;
}

#center2 {
	width: 520px;
	padding: 0px; 
	margin: 0px; 
	vertical-align: top;
	background:#ffffff;
}

#center3 {
	vertical-align: top;	
	background: #ffffff;
}

#cartcenter {
	width: 690px;
	margin: 0px auto;
}

.header_area { 
	text-align: left;
	margin:0px;
	padding:0px;
}

.footer_area {
	text-align: left;
	width:680px;
	margin:0px 5px 0px 5px;
	padding:0px;
}

.sidebox { 

	padding: 1px 1px 5px 1px;
	margin: 0px;
}

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


.center{ text-align:center;} 
.right{ text-align:right;}
.left{ text-align:left;}
.middle{ vertical-align:middle;}
.buttom{ vertical-align:buttom;}
.float_right{ float:right;}
.float_left{ float:left;}

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


.price{
	padding: 5px 0;
	color: #FF6600;
	text-align: right;
}
.price.zoom{
	font-size: 125%;
	font-weight:bold;
}
.expl{ 
	text-align: left;
	color: #3366FF;
}
.expl a{color: #3366FF;	text-decoration:none;}
.expl a:hover{color: #3366FF;text-decoration:underline;}

.fixed{ 
	color: #9999CC;
	text-align:left;
}

h2.goods 
a{color: #FF3366; font-weight:bold;text-decoration:none;}
a:hover{color: #FF3366;text-decoration:underline;}
	
/********************************************************************/

.topIMG {
	margin-left: 5px ;
	padding:0px;
}

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

.shopCopy { 
	margin: 0px;
	padding: 3px 10px 3px 10px;
	color:#FF3399;
	font-weight:bold;
	background: #ffffff;
	text-align:left;
}



.title1{
	padding: 10px 0px 0px 55px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FF0099;
	width: auto;
	height:25px;
	/*background: url(../img/title_bar01.gif) repeat;*/
	background: url(../img/title_bar01.gif) no-repeat;
	line-height:100%;
	vertical-align:middle;
}
.title1 a{color:#FF0099; text-decoration:none;}
.title1 a:hover{color:#FF0099;text-decoration:underline;}

.title2{ 
	padding: 10px 0px 0px 55px;
	margin: 0px;
	width: auto;
	font-size: 16px;
	font-weight: bold;
	color:#FF0099;
	height:35px;
	/*background: url(../img/title_bar02.gif) repeat;*/
	background: url(../img/title_bar02.gif) no-repeat;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#FF0099; font-weight: normal;text-decoration:none;}
.title2 a:hover{color:#FF0099;text-decoration:none;}

.rank{
        text-align: left;
}

.mainCont { 
	padding: 10px; 
	margin: 0px; 
	width: auto; 
	background: #ffffff;
}

.contbox { 
	padding: 10px 0px; 
	margin: 0px; 
	width: auto; 
}


ul.news{
	text-align: left;
	padding: 0px 0px 0px 12px;
	margin:0px;
	list-style:square;
	color: #CC3333;
}

li.p3{padding: 3px;}

.free_list{ 
        padding: 5px 10px;
        margin:0px;
}

ul.list{
	text-align: left;
	padding: 5px 10px;
	margin:0px;
	list-style:square;
	color: #F59300;
}

ul.map{
	text-align: left;
	padding: 0px 20px;
	margin:0px;
	list-style: none;
	color: #CC3333;
}
li.sm1 { margin: 5px ; display: block;}
li.sm2 { margin: 0px 0px 0px -35px; display: block;}

.sitemap{
	padding: 5px 25px;
	color: #CC3333;
	background: url(../img/icon_sitemap.gif) no-repeat ;
	background-position: left center;
}

.layoutp5  { padding:5px 0px;}
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CC6699;}

.layoutp3  { padding:5px 0px;
	border: 1px solid #CC6699;
}
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #CC6699;}

.bordlayoutp3  { padding:5px 0px;}
.bordlayoutp3 th { padding:3px;border:1px solid #FFFFFF;}
.bordlayoutp3 td { padding:3px;border:1px solid #FFFFFF;}
.bordlayoutp3 .side { padding:10px 15px;}

.backcolor1 { background:#FFCCCC;}
.backcolor2 { background:#FFFFFF; vertical-align:middle}
.backcolor3 { background:#FFFFFF;padding:10px 0px;}


.layoutFrame{
	margin: 10px 0px 0px 0px;
	padding: 2px;
	width: auto;
	background:#DBC6E3;
}
.layoutFrame td{
	text-align: center;
	margin: 0px;
	padding: 1px;
	vertical-align:top;
}

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



#bread{ 
	margin: 0px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FF0099;
	text-align:left;
	background: #ffeeff;
}
#bread a { color: #FF0099; }

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

.mainFrame{ 
	margin: 0px;
	padding: 5px;
	background: #ffffff;
}

p.title	{ margin: 3px 0px; 	
	padding: 2px 0px;
	color: #669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/
.mailmag_ent{ 
	padding: 12px 0px 0px 60px;
	background: url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{
	padding: 12px 0px 0px 60px;
	background: url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{
	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: 3px 5px 0px 17px;
	margin:10px 5px;
	background: url(../img/icon_top.gif) no-repeat;
	font-size: 12px;
	font-weight:bold;
	float: right;
}
.pageTop a{ color:#FF6600;text-decoration: none;}
.pageTop a:hover{ color:#FF6600;text-decoration: underline;}


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

#footer {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 40px;
	background:#ffcc99;
	text-align:center;
	
}

.footnavi {
	padding: 5px 20px 5px 20px;
	color: #FF0099;
	background:#ffeeff;
}
.footnavi a{ color:  #FF0099;text-decoration: none; }
.footnavi a:hover { color:  #FF0099;text-decoration: underline; }

#copyright {
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 20px;
	color: #CC3300;
	background: #ffcc99;
	text-align:center;
}



#copyright a{color: #CC3300;}
#copyright a:hover{color: #CC3300;}
/********************************************************************/


#search {
	padding: 6px 5px 12px 5px; 
	margin: 0px;
	width: 160px;
	height: 60px;
	/*background: url(../img/search_img01.gif) #F0F0F0;*/
	background: url(../img/search_img01.jpg) no-repeat;
}

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

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



.sidebox .list {
	padding: 35px 1px 1px 1px;
	display: block;
	background: #FFFFFF url(../img/sid_cago.gif) no-repeat;
}

.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;
	line-height:18px;
	border-bottom: 1px dashed #FFCCFF;
	/*background: url(../img/menu02.gif) no-repeat;*/
}

li.ca2 {
	margin: 0px;
	padding:3px 0px 0px 0px;
	line-height:18px;
	border-bottom: 1px dashed #66CCFF;
}
li.ca1 a{
	display:block; 
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 7px; 
	color:#FF0099;
	text-decoration: none; 
	/*background: url(../img/menu02.gif) no-repeat;*/
	background: url(../img/menu02.gif) no-repeat;
}

li.ca1 a:hover{ 
	color:#993333;
	text-decoration: none;
	/*background: url(../img/menu02.gif) no-repeat;*/
	background: url(../img/menu02_h.gif) no-repeat;
}

li.ca2 a{
	display: block;
	padding-top: 5px;
	padding-left: 23px;
	padding-bottom: 7px;
	color:#F87C00;
	text-decoration: none;
	background: url(../img/menu03.gif) no-repeat;
	/*background: url(../img/menu02.gif) no-repeat #FFFFFF;*/
}
li.ca2 a:hover{ 
	padding-top: 5px;
	padding-left: 23px;
	color:#993333;
	text-decoration: none;
	/*background: url(../img/menu02_h.gif) no-repeat #F87C00;*/
	background: url(../img/menu03_h.gif) no-repeat;
}

li.ca3 {
	margin: 0px;
	line-height:18px;
	border-bottom: 1px #ffffff solid;	
}

li.ca3 a{ padding: 0; display: block; 
	width: 170px;
	height: 23px;
	/*background: url(../img/menu02.gif) no-repeat #FFFFFF;*/
	background: url(../img/menu02.gif) no-repeat;
	text-indent: -9999px;
}

li.ca3 a:hover{ color:#FFFFFF; font-weight: bold;text-decoration: none;
	/*background: url(../img/menu02_h.gif) no-repeat #CC3333;*/
	background: url(../img/menu02_h.gif) no-repeat;
}

li.ca4 {
	margin: 0px;
	line-height:18px;
	border-bottom: 1px #ffffff solid;
}

li.ca4 a{ padding: 0; display: block;
	width: 170px;
	height: 23px;
	/*background: url(../img/menu02.gif) no-repeat #FFFFFF;*/
	background: url(../img/menu03.gif) no-repeat;
	text-indent: -9999px;
}

li.ca4 a:hover{ 
	/*background: url(../img/menu02_h.gif) no-repeat #F87C00;*/
	background: url(../img/menu03_h.gif) no-repeat;
}

.sline1 {
	padding: 0px;
	margin: 0px;
	height: 5px;
	background-color: #ffffff;
}

.sline2 {
	padding: 0px;
	margin: 0px;
	height: 5px;
	background-color: #ffffff;
}


.sidemain1 {
	margin: 0px;
	padding: 5px;
	background:  #ffffff;
}

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

.sidemain1 ul {
	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
}


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

.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 {
	font-weight: bold;
	color: #333333;
	background: #EEEEEE;
	text-align: center;
}

th.sun {
	color: red;
	background: #FDDFFC;
	text-align: center;
}

th.sat {
	color: blue;
	background: #D0E8FF;
	text-align: center;
}

.chert {
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse: separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}

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

#rss{
	margin: 0px;
	padding:5px;
}

#count{ 
	margin: 0px;
	padding:5px;
}

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


.blogbox {
	padding: 5px; 
	margin: 2px 0px;
	width: auto;
}

.entry_title { 
	padding:5px 0px 10px 0px;
	display: block; 
	font-size:116%;
	color: #336600; 
}

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

.state{
	padding: 2px 0px;
	text-align: right;
	border-top: #336600 1px dashed; 
}

.subtitle {
	padding: 2px 0px; 
	margin:10px 0px 10px 0px;
	text-align: left;
	font-size:110%;
	color:#F87C00;
	border-bottom: #F87C00 2px solid;
}

 p.label {
	font-weight: bold;
}

.tb_url{ 
	font-weight: bold; margin-bottom: 10px;
}

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

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

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



.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);
}