body {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/bg.gif);
	background-repeat: repeat-x ;
	background-position:top;
	background-color: #fff;
background-attachment:fixed; 
}

/**************　　全体枠　*********************/

#baseframe {
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	width: 950px;
}



a:link {
	color: #555555;
	text-decoration: none;
}

a:visited {
	color: #555555;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

a:active {
	color: #2B3060;
	text-decoration: none;
}



h1 {
	padding: 5px 0px 0px 10px;
	margin: 0px;
	font-size: 10pt;
}




#h2-01 {
	font-size: 14pt;
	color: #2d1f19;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	padding: 10px 5px 10px 30px;
	background-image: url(image/bg-h0201.gif);
	background-repeat: no-repeat;
}


#h2-02 {
	font-size: 14pt;
	color: #8E5C5D;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	padding: 10px 5px 10px 30px;
	background-image: url(image/bg-h0202.gif);
	background-repeat: no-repeat;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin: 15px 20px 10px 0px;
	padding: 3px 0px 5px 10px;
	border-top: #b0c4de 0px solid;
	border-bottom: #bbbbbb 1px solid;
}


#h3-01 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 10px solid;
	background-color: #ffffff;
}

#h3-02 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
	background-color: #ffffff;
}

#h3-03 {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 15px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
	background-color: #fff0f0;
}
#h3-04 {
	font-size: 11pt;
	margin: 10px 10px 10px 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: #555555 1px solid;
	border-left:   #888888 0px solid;
}

/**********　　ヘッダーロゴ　　****************/

#headerheader {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;

}

#headerheader a:link {
	color: #006633;
	text-decoration: none;
}

#headerheader a:visited {
	color: #006633;
	text-decoration: none;
}

#headerheader a:hover {
	color: #0000FF;
	text-decoration: none;
}

#headerheader a:active {
	color: #006633;
	text-decoration: none;
}


/********　　トップタイトル　**************/
#toptitle {
	font-size: 9pt;
	margin: 2px auto 2px 10px;
	color:#333333;
	text-align:left;
}


/********　　ヘッダー説明　**************/
#intro {
	font-size: 5pt;
	margin-top: 3px;
	line-height:120%;
}


/********　　ナビゲーション　**************/

#navi {
	font-size: 14pt;
	line-height:150%;
	color:	#ffffff;
	background-color: #afafaf;
	padding: 10px 10px 10px 10px;
	margin:  0px 0px 0px 0px;
}


/********　　メイン　**************/

#main {
	font-size: 12pt;
	line-height:150%;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align:left;
	color:	#555;
	background-color: #fff;
	border-top:   #aaaaaa 1px solid;
}

#main a:link {
	color: #333333;
	text-decoration: none;
}

#main a:visited {
	color: #333333;
	text-decoration: none;
}

#main a:hover {
	color: #555555;
	text-decoration: underline;
}

#main a:active {
	color: #f03333;
	text-decoration: none;
}



/********　　中央サイド　**************/


#center-side {
	float: right;
	font-size: 11pt;
	line-height:150%;
	width: 890px;
	padding: 10px 30px 10px 30px;
	margin: 0px 0px 0px 0px;
	color: #555;
	background-color: #fff;
}


#center-side a:link {
	color: #0000ff;
	text-decoration: underline;
}

#center-side a:visited {
	color: #0000ff;
	text-decoration: underline;
}

#center-side a:hover {
	color: #ff0000;
	text-decoration: underline;
}




/********　　右サイド　**************/


#right-side {
	float: right;
	font-size: 11pt;
	line-height:150%;
	width: 620px;
	padding: 10px 10px 10px 20px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	background-color: #fff;
}


#right-side a:link {
	color: #ffffff;
	text-decoration: underline;
}

#right-side a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#right-side a:hover {
	color: #995CA2;
	text-decoration: underline;
}



#content_categ {
	font-weight: bold;
	font-size: 14pt;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	color: #333333;
	background-color: #34C3FF;
	border-bottom: #ffffff 0px solid;
	border-left:   #1187EB 0px solid;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right:0px;

}



#content_categ2 {
	font-weight: bold;
	font-size: 12pt;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-left: 0px;
	color: #333333;
	background-color: #ffffff;
	border-top: #b0c4de 1px solid;
	border-bottom: #b0c4de 3px solid;
	border-left:   #b0c4de 1px solid;
	border-right:   #b0c4de 3px solid;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right:0px;

}

/********　　左サイド　**************/

#left-side {
	display: block;
	float: left;
	width: 290px;
	font-size: 11pt;
	line-height:120%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-color: #fff;
}


#left-side a:link {
	display: block;
	color: #333333;
	text-decoration: none;
}

#left-side a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
}

#left-side a:hover {
	display: block;
	color: #ff0000;
	background-color: #f0f0f0;
	text-decoration: none;
}

#left-side a:active {
	display: block;
	color: #333333;
	text-decoration: none;
}



/********　　副見出し　************/

.subh0  {
	width: 220px;
	color: #ffffff;
	font-weight:bold;
	background-color: #777777;
	text-decoration: none;
	margin : 10px 3px 10px 5px;
	padding: 10px 0px 10px 10px;
	border-top:    #cccccc 0px solid;
	border-bottom: #cccccc 0px solid;
	border-left:   #cccccc 0px solid;
	border-right:  #cccccc 0px solid;
}

/********　　副見出し　************/



.subh1  {
	display: block;
	width: 220px;
	background-color: #ffffff;
	text-decoration: none;
	line-height:180%;
	margin : 0px 3px 0px 5px;
	padding: 0px 0px 0px 10px;
	border-top:    #b0c4de 0px solid;
	border-bottom: #cccccc 1px solid;
	border-left:   #cccccc 0px solid;
	border-right:  #cccccc 0px solid;
}

.subh2  {
	display: block;
	width: 180px;
	background-color: #ffffff;
	text-decoration: none;
	font-size:       10pt;
	margin : 0px 3px 0px 5px;
	padding: 5px 0px 5px 5px;
	border-top:    #b0c4de 0px solid;
	border-bottom: #cccccc 1px solid;
	border-left:   #cccccc 1px solid;
	border-right:  #cccccc 1px solid;
}


/*********    カテゴリー        ************/


#menu-con {
	font-size: 10pt;
	line-height:120%;
	color: #805050;
	height:75px;
	margin: 0px 0px 0px 1px;
	padding: 3px 0px 0px 0px;
	border-top:   #aaaaaa 1px solid;
}
#menu-con  a:link {
	display: block;
	text-decoration: none;
}

#menu-con  a:visited {
	display: block;
	text-decoration: none;
}

#menu-con  a:hover {
	display: block;
	text-decoration: none;
}

#menu-con a:active {
	display: block;
	text-decoration: none;
}





#categ01 {
	float:left;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#categ01  a:link {
	background-image: url(image/menu01a.gif);
}
#categ01  a:visited {
	background-image: url(image/menu01a.gif);
}
#categ01  a:hover {
	background-image: url(image/menu01b.gif);
}
#categ01 a:active {
	background-image: url(image/menu01b.gif);
}


#categ02 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ02  a:link {
	background-image: url(image/menu02a.gif);
}
#categ02  a:visited {
	background-image: url(image/menu02a.gif);
}
#categ02  a:hover {
	background-image: url(image/menu02b.gif);
}
#categ02 a:active {
	background-image: url(image/menu02b.gif);
}


#categ03 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ03  a:link {
	background-image: url(image/menu03a.gif);
}
#categ03  a:visited {
	background-image: url(image/menu03a.gif);
}
#categ03  a:hover {
	background-image: url(image/menu03b.gif);
}
#categ03 a:active {
	background-image: url(image/menu03b.gif);
}


#categ04 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ04  a:link {
	background-image: url(image/menu04a.gif);
}
#categ04  a:visited {
	background-image: url(image/menu04a.gif);
}
#categ04  a:hover {
	background-image: url(image/menu04b.gif);
}
#categ04 a:active {
	background-image: url(image/menu04b.gif);
}


#categ05 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ05  a:link {
	background-image: url(image/menu05a.gif);
}
#categ05  a:visited {
	background-image: url(image/menu05a.gif);
}
#categ05  a:hover {
	background-image: url(image/menu05b.gif);
}
#categ05 a:active {
	background-image: url(image/menu05b.gif);
}

#categ06 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ06  a:link {
	background-image: url(image/menu06a.gif);
}
#categ06  a:visited {
	background-image: url(image/menu06a.gif);
}
#categ06  a:hover {
	background-image: url(image/menu06b.gif);
}
#categ06 a:active {
	background-image: url(image/menu06b.gif);
}

#categ07 {
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#categ07  a:link {
	background-image: url(image/menu07a.gif);
}
#categ07  a:visited {
	background-image: url(image/menu07a.gif);
}
#categ07  a:hover {
	background-image: url(image/menu07b.gif);
}
#categ07 a:active {
	background-image: url(image/menu07b.gif);
}






/********　　フッター　************/

#footer {
	font-size: 12px;
	background-color: #64473f;
	text-align: center;
	margin : 0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;
	text-decoration: none;
	color: #ffffff;
}



#footer2 {
	font-size: 14px;
	line-height:170%;
	background-image: url(image/bg3.gif);
	background-repeat: repeat-x ;
	background-position:top;
	color: #555555;
	margin : 0px 0px 0px 0px;
	padding : 50px 0px 0px 0px;
}


#btn {
	text-align: center;
}
#btn a:link {
	color: #ffffff;
}
#btn a:visited {
	color: #ffffff;
}
#btn a:hover {
	color: #2050ff;
}
#btn a:active {
	color: #ffffff;
}


#mosikomi {
	color: #0000ff;
	text-align: left;
	line-height:100%;
	margin : 10px 30px 10px 30px;
	text-decoration: none;
}
#mosikomi  a:link {
	color: #0000ff;
	text-decoration: none;
}
#mosikomi  a:visited {
	color: #0000ff;
	text-decoration: none;
}
#mosikomi  a:hover {
	color: #f00000;
}
#mosikomi  a:active {
	color: #ffffff;
}


#midasi {
	font-size: 14pt;
	color:#333333;
	padding: 0px 10px 5px 10px;
	margin : 10px 0px 20px 0px;
	line-height:150%;
	font-weight: bold;
	border-bottom:1px solid #111;
}



#midasi01 {
	font-size: 12pt;
	color:#555;
	padding: 0px 0px 0px 5px;
	margin : 0px 0px 8px 0px;
	line-height:150%;
	font-weight: bold;
	border-bottom:1px solid #E7DEBC;
}

#banner {
	background-color: #f0f0f0;
	font-size: 11pt;
	color:#333333;
	padding: 0px 0px 0px 0px;
	margin : 10px 0px 10px 0px;
	line-height:150%;
}

#box01 {
	font-size: 11pt;
	color:#333333;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 0px 5px;
	line-height:170%;
	background-color: #f7f6ee;
}


#box02 {
	font-size: 11pt;
	color:#333333;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 0px 5px;
	line-height:150%;
	background-color: #f6ecec;
}

#box03 {
	font-size: 11pt;
	color:#333333;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 0px 5px;
	line-height:150%;
	background-color: #f5f5f5;
	border:1px solid #ddd;
}

#box-chuui {
	font-size: 11pt;
	color:#f00000;
	padding: 10px 20px 10px 20px;
	margin : 15px 10px 0px 5px;
	line-height:150%;
	background-color: #fff;
	border:2px solid #f00000;
}

#box {
	font-size: 11pt;
	color:#555;
	padding: 0px 0px 0px 0px;
	margin : 5px 0px 0px 5px;
	line-height:150%;
}
#box  a:link {
	color: #8b551f;
	text-decoration: underline;
}

#box  a:visited {
	color: #8b551f;
	text-decoration: underline;
}

#box  a:hover {
	color: #a16a32;
	text-decoration: none;
}


#box-footer {
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 10px 0px;
	text-align: left;
	width:900px;
	color:#555555;
	line-height:170%;
}

#box-footer  a:link {
	color: #555;
	text-decoration: none;
}

#box-footer   a:visited {
	color: #555;
	text-decoration: none;
}

#box-footer   a:hover {
	color: #F29720;
	text-decoration: none;
}


#box-last{
	clear:both;
}



#underline {
	padding: 5px 0px 5px 0px;
	margin : 5px 0px 3px 10px;
	border-bottom:1px dashed #ccc;
}


#aka {
	color: #c00000;
}

#aka2 {
	font-weight: bold;
	color: #b00000;
}
#name {
	color: #555;
	font-size: 9pt;
	line-height:140%;
}

#left-blog {
	font-size: 10pt;
	text-align: center;
}


/********　　買い物かご　*****/



.tb td{ 
border:1px solid #aaaaaa; 
border-collapse:collapse; 
}

.btn{
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#D8D8D8;
}

.in{
border-style:solid;
border-color:#000000;
border-width:1px;
background-color:#ffffff;
}


/********　画像マウスオーバー時にフェードアウト　　*****/
.fade {   
    -webkit-transition: 0.1s ease-in-out;   
       -moz-transition: 0.1s ease-in-out;   
         -o-transition: 0.1s ease-in-out;   
            transition: 0.1s ease-in-out;   
}   
.fade:hover {   
    opacity: 0.8;   
    filter: alpha(opacity=80);   
}