@charset "Shift_JIS";

*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }

body{ text-align:center; font-size:84%; color:#e0e0e0; background: url("./img/back0.jpg"); }

a{ text-decoration:underline; }
a:link{ color:#111; }
a:visited{ color:#888; }
a:hover{ color:#f9f9f9; background:#2be4c5; text-decoration:none; }

#PAGETOP{ width:730px; margin:0 auto; text-align:left; background:#fff; }

#HEADER{ margin:0; padding:0; height:230px; background:url("./img/smile2.gif") no-repeat 50% 0%; color:#555; }
#HEADER a:link,#HEADER a:visited{ color:#555; text-decoration:none; }
#HEADER a:hover{ color:#222; text-decoration:underline; background:transparent; }



#title h1 {
position : absolute ;
left: -999px ;
top : -999px ;
}




#navi_top {
margin: 0px;
background-color: #E6ECE1;
border-top: 1px solid #8AAC8A ;
border-bottom: 1px solid #8AAC8A ;
width: 730px;
}

#navi_top ul {
margin:0;
padding: 3px 0px ;
}

#navi_top li {
display: inline;
list-style-type: none;
padding : 0px 10px ;
}

#navi_top li a {
color:#003300;
text-decoration:none;
font-size:0.8em;
}
#navi_top li a:hover {
color:#8ECC00;
}



h1{ font:320% "Century Gothic",Helvetica,Arial,sans-serif; color:#000; padding:10px 20px 0; }

ul#PAN{ list-style:none; padding:0 10px; margin:0; text-align:right; position:relative; top:-22px; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; background:url("./img/pan.gif") no-repeat 100% 50%; }

#MENU{ margin:1.1em 0 0; padding:0 10px; width:150px; float:right; }
#MENU h2{ display:none; }

#MENU ul{ list-style-type:none; padding:1em 0; }
#MENU li{ display:inline; }
#MENU li a{ display:block; text-decoration:none; padding:5px 5px 5px 15px; font:bold 100% Helvetica,Arial,sans-serif; margin:0 0 5px; background:#fff url("img/icon.gif") no-repeat 5px 50%; border:1px solid #666; }
#MENU li a:link { color: #990; }
#MENU li a:visited{ color:#000; }
#MENU li a:hover{ color:#fff; background:url("img/back1.jpg") no-repeat 5px 50%; }
#MENU li.menu-on a{ color:red; background:#fff no-repeat 5px 50%; }

#MENU2{ margin:1.1em 0 0; padding:0 15px; width:230px; float:left; }
#MENU2 h2{ display:none; }
#MENU2 ul{ list-style-type:none; padding:1em 0; }
#MENU2 li{ display:inline; }
#MENU2 li a{ display:block; text-decoration:none; padding:5px 5px 5px 15px; font:bold 100% Helvetica,Arial,sans-serif; margin:0 0 5px; background:#fff url("img/icon.gif") no-repeat 5px 50%; border:1px solid #666; }
#MENU2 li a:link { color: #333; }
#MENU2 li a:visited{ color:#000; }
#MENU2 li a:hover{ color:#777; background:url("img/back0.jpg") no-repeat 5px 50%; }
#MENU2 li.menu-on a{ color:red; background:#fff no-repeat 5px 50%; }



#KIZI{ color:#444; margin:0 140px 0 0; padding:0 25px 0 20px; }
.text{ margin:0 0.5em 2em 0.2em; }

ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -0.5em 0 0; }
ul.modori li a{ display:inline; background:#e5e5e5; padding:2px 5px; text-decoration:none; }
ul.modori li a:link,ul.modori li a:visited{ color:#333; }
ul.modori li a:hover{ color:#f9f9f9; background:#2be4c5; }


#FOOTER{ font-size:88%; text-align:center; color:#666; margin:0; padding:0.8em 2em; border-top:1px solid #333; }
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#666; text-decoration:none; }
#FOOTER a:hover{ color:#222; text-decoration:underline; background:transparent; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }


h2,h3,h4{ color:#333; margin:1.2em 0 0.4em; }
h5,h6{ margin:1em 0 0.4em; }
h2{ font-size:128%; margin:0.5em 0; padding:2px 0; border-bottom:1px dotted #999; }
h3{ font-size:118%; font-weight:bold; }
h4{ font-size:108%; }
h5{ font-weight:bold; }


hr{ display:none; }

img{ border:none; }

address{ }

em{ font-weight:bold; color:#333; }

strong{ font-weight:bold; color:#333; border-bottom:3px double #ff0099; }

ins{ font-weight:bold; color:#aa464a; border-bottom:2px solid #ccc; }

del{ text-decoration:line-through; }

q,cite{ border-bottom:1px dotted #777; }

sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }

tt{ font-family:monospace; } 

b{ font-weight:bold; } 
i{ font-style:oblique; } 
big{ font-size:132%; } 
small{ font-size:84%; } 



input,textarea,select{ background:#fff; color:#444; border:1px solid #ccc; margin:0.1em 0; }


#KIZI ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI ol li{ padding:0; }

#KIZI ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI li{ padding:0; }

#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:2px 0; }
#KIZI dd{ padding:0 5px; margin:0 0 0 1em; border-left:1px dotted #ccc; }


p{ margin:0 0 0.4em; }

blockquote{ border:1px dotted #777; margin:0.5em 1em; padding:5px; }

pre{ background:#ddd; color:#333; margin:0.5em 1em; padding:5px; }

.con{
padding:5px;
border-color:#ffffff;
background-color:#ccffcc;
border-width:1px;
border-style:solid;
width:245px;
float:left;
}

.box1{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
width:500px;
}

.box2{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:pink;
width:240px;
}

.box4{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#e1f1ff;
width:260px;
float:left;
}

.box3{
padding:10px;
width:280px;
float:left;
}

.box0{
padding:8px;
width:200px;
float:left;
}
.box00{
padding:8px;
width:20px;
float:left;
}

.yoko{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#cdddff;
width:450px;
}


.yoko2{
padding:5px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
background-color:#ffdddd;
width:450px;
}


/* ========== 商品ページの注文フォーム部分の設定==========  */

#KIZI .order {
	margin-bottom:30px;
}

#KIZI .order p{
	font-size:1.0em;
	line-height: 130%;
	letter-spacing: 0.1em;
}

#KIZE .order img {
	float:left;
	margin:0px 10px 30px 0px;
}

#KIZI .order table{
	border: 1px solid #8AAC8A;
	padding:0px;
	margin:10px;
}

#KIZI .order .td01 {
	font-size:1.0em;
	padding: 2px;
	margin: 0px;
	border: 1px solid #8AAC8A;
	vertical-align: top;
	text-align: left;
	background-color:#EFF2EC;
}
#KIZI .order .td02 {
	font-size:1.0em;
	padding: 2px;
	border: 1px solid #8AAC8A;
	vertical-align: top;
	text-align: left;
}

#KIZI .order .td02 .red{
	font-size: 1.0em;
	color: #FF5155;
	font-weight: bold;
}

#KIZI .order .td03 {
	padding: 5px 0px;
	border: 1px solid #8AAC8A;
	text-align: center;
}
#KIZI .order .td03 span.mailorder a{
	font-size:13px;
	border: 1px solid #000000;
	padding:2px 20px;
	text-decoration:none;
}
#KIZI .order .td03 span.mailorder a:hover{
	background-color:#FCFBE2;
}

#KIZI .order input {
	font-size:13px;
	}

#KIZI .order_details_top {
	border: 1px solid #8AAC8A;
	background-color:#8AAC8A;
	padding: 5px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:0.1em;
	}
#KIZI .order_details {
	border: 1px solid #8AAC8A;
	margin-bottom:20px;
	padding: 5px;
	font-size:0.8em;
	}



/* ========== allgoods.htmlのテーブル設定==========  */

#goods {
	text-align: center;
	margin-bottom: 20px;
}
#goods h3 {
	margin-bottom: 10px;
}


#goods table {
	border: 0px ;
	margin:0px auto 30px auto;
}

#goods td {
	padding: 10px;
	border: 1px solid #8AAC8A;
	vertical-align: top;
	text-align: left;
	width:220px;
}

#goods td img {
	border:0px;
}

#goods td .goods_title a{
	display:block;
	font-size: 12px;
	line-height:130%;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 2px solid #8AAC8A;
	text-decoration:none;
	padding:1px;
}
#goods td .goods_title a:hover{
background-color: #FCFBE2;
}

#goods td .goods_title02{
	display:block;
	font-size: 12px;
	line-height:130%;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 2px solid #8AAC8A;
	padding:1px;
}
#goods td .goods_details {
	font-size:0.7em;
	line-height:130%;
}