.style1 {
	color: #FD957B;
	font-size: larger;
}
.style3 {color: #FD7B5B}
.style4 {font-size: smaller}
.case th {
	padding: 5px;
}

.case td {
	padding: 5px;
	width: 33%;
}
a:link {font-size:12px; line-height:140%; text-decoration:underline; color:#258FB8;}
a:visited {font-size:12px; line-height:140%; text-decoration:underline; color:#258FB8;}
a:hover {
	font-size:12px;
	line-height:140%;
	color:#996600;
	text-decoration: none;
}
#main {
width: 788px;
height:275px;
background:url(http://cotori-do.deci.jp/img/main.jpg) no-repeat left top;
clear:both;
margin-top:0;
}
#main h3,
#main p { text-indent:-10000px; font-size:xx-small; }
#post { width:786px; }
#content {
	float:right;
	width:555px;
	margin-top:23px;
}

/*---------------------------------
 side */
#side { float:left; width:215px; margin-top:23px; }
#side h2 { margin-bottom:10px; }
ul,dl,ol,li{ list-style-type:none; list-style-position:inside; }

.mt10 { margin-top:10px; }

/* contents */
ul.news li {
        font-size:10px;
        width:500px;
	padding-left:10px;
	margin-bottom:7px;
	background-image: url(http://img08.shop-pro.jp/PA01034/217/etc/btn01.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.topthum { float:left; width:184px; margin-bottom:20px; }
h2.title { clear:both; border-left:#127244 6px solid; border-bottom:#ccc 2px solid; font-size:14px; padding-left:5px; margin-bottom:5px; }
.collect {
	margin:0;
	color:#333;
}
.collect ul li { background: url(http://img08.shop-pro.jp/PA01034/217/etc/btn02.gif) no-repeat 0 5px; padding:0 0 7px 10px;}
.collect p { padding:0 0 5px 15px; }
.font10 {
	font-size: 10px;
	line-height: 160%;
	color: #512800;
}
.space {
	margin: 5px;
	padding: 5px;
}



#side2 {
	margin-top:10px;
	border-top: #ccc 1px dashed;
	margin-bottom: 10px;
}
.sitemap li {
	margin-left:20px;
}

.sitemap li ul {
	margin-left:15px;
	margin-top:10px;
}
.sitemap li ul li {
	margin-bottom:10px;
	list-style-type:circle;
}
.sitemap li ul li ul {
	margin-top:5px;
　　　　list-style-type:circle;
}
.sitemap li ul li ul li {
	margin-bottom:0;
	list-style-type:circle;
}



th {
	padding: 3px;
}

td {
	padding: 3px;
}
h4 {
	font-size: 14px;
	line-height: 140%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #333333;
}
h3.tokutei {
	color:#117342;
background: url(http://img08.shop-pro.jp/PA01034/217/etc/cnt_btn.gif) no-repeat left top;
 	font-size: 20px;
padding-left: 20px;
margin:20px 0 10px ;
clear:both;
}
#pankuzu a:link {
	font-size:10px;
	line-height:140%;
	text-decoration:underline;
	color:#258FB8;
}
#pankuzu a:visited {
	font-size:10px;
	line-height:140%;
	text-decoration:underline;
	color:#258FB8;
}
#pankuzu a:hover {
	font-size:10px;
	line-height:140%;
	color:#996600;
	text-decoration: none;
}
a:link {font-size:12px; line-height:140%; text-decoration:underline; color:#258FB8;}
a:visited {font-size:12px; line-height:140%; text-decoration:underline; color:#258FB8;}
a:hover {
	font-size:12px;
	line-height:140%;
	color:#996600;
	text-decoration: none;
}
#main {
width: 786px;
clear:both;
}
#pankuzu {
	font-size:10px;
	clear:both;
	margin: 0 0 4px;
	background:#ffffff;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
#post { width:786px; clear:both; }
.font12 {
	font-size: 12px;
	line-height: 180%;
	color: #333333;
}

.color01 {
	color: #EC7600;
}
.color-02 {
	color: #990099;
}

.color-03 {

	color: #FF0000;
}


*{ margin:0; padding:0; }
body{
	text-align: center;
	font-size: 12px;
	background:#fff;
	color:#512800;
	line-height:160%;
}

li{ line-height:1.3; }
img{ border: 0px; }
a img { border-style: none; border-width: 0px; line-height:1.0em;/*IE5*/ }
hr { display: none; }
em { font-weight: bold; font-style: normal; }

/* parts */
.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right;	}
.left { text-align: left; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.none { display: none; }
.f-left { float:left; }
.f-right { float:right; }
.f-leftImg { float: left; margin-right: 2px; }
.f-rightImg { float: right; margin-left: 10px; }
a:link,
a:visited {
	color:#258FB8;
	text-decoration:underline;
}
a:hover { text-decoration:none;}
.gray { color:#333; }
.orange { color:#EC7600; }
.f14 { font-size:14px; }
.f10 { font-size:10px; }

/* header */
#wrap { width: 786px; margin: 0 auto; padding: 0; text-align: left; position:relative; }
#header {
	margin-top:0px;
}

#header h1 {
	float: left;
	width: 197px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#headerR {
float: right;
width: 589px;
text-align:right;
margin-bottom:5px;
}
#headerR h2 {
font-size:12px;
color:#666;
font-weight:normal;
margin-top:10px;
}
#headerR p {
margin-top:0;
}
#headerR p img { margin-left:30px; }
#headerR #comment {
	position:absolute;
	width:67px;
	left:718px;
	top:47px;
	text-align: left;
}
#headerR #cart a { color:#FD957B; }
#headerR #cart a:visited { color:#FD957B; }
#headerR #cart a:hover {
	color:#FD957B;
	text-decoration: none;
}
*+html body #headerR #comment { top:55px; }
* html body #headerR #comment { top:55px; }

#header #logo {
	position:absolute;
	width:188px;
	left:0px;
	top:15px;
	text-align: left;
}
#headerR #cart {
	position:absolute;
	width:350px;
	left:215px;
	top:47px;
	text-align: left;
}

 /* globalNav */
#globalNav {
	clear:both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
#globalNav ul {
	position: relative;
	width: 583px;
	height:16px;
	padding: 0;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 205px;
}
#globalNav li {
	margin: 0;
	padding: 0;
	position: absolute;
	background: transparent;
	top: 0px;
}
#globalNav li, #globalNav li a {
	display: block;
	height: 16px;
}
#globalNav li a {
	text-indent: -9999px;
	height: 16px;
	text-decoration:none;
}
#globalNav li a:hover { text-decoration:none; }
#nav01 {
	left: 0px;
	width: 88px;
}
#nav02 {
	left: 88px;
	width: 74px;
}
#nav03 {
	left: 162px;
	width: 90px;
}
#nav04 {
	left: 252px;
	width: 69px;
}
#nav05 {
	left: 321px;
	width: 79px;
}
#nav06 {
	left: 421px;
	width: 78px;
}
#nav07 {
	left: 504px;
	width: 78px;
}
#nav08 { left: 689px; width: 97px; }
#nav01 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}
#nav02 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -96px -36px;
}
#nav03 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -195px -36px;
}
#nav04 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -294px -36px;
}
#nav05 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -393px -36px;
}
#nav06 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -492px -36px;
}
#nav07 a:hover {
	background-color: transparent;
	background-image: url(http://cotori-do.deci.jp/img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -590px -36px;
}
#nav08 a:hover {
	background-color: transparent;
	background-image: url(img/nav02.gif);
	background-repeat: no-repeat;
	background-position: -689px -36px;
}

.pr10 { padding-right:10px; }
.pt10 { padding-top:15px; }

 /* howto */
 #howto { width:786px; border-bottom:#ccc 5px solid; padding-bottom:10px; margin:25px 0 5px; }
.howtoBox{ float:left; width:393px; margin-top:10px; }
.mt24 { margin-top:24px; }

 /* footer */
#footer { width:786px; }
#footR { float: right; width:393px; }
#footL { float:left; width:393px; }





.unitM{
	background-repeat: repeat-y;
	margin-bottom: 10px;
	width: 175px;
	cursor: hand;
	height:240px;
	background-image: url(img/unit_m.gif);
	float: left;
	margin-right: 10px;
}

.unitM h3{
	width:130px;
	font-size:10px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 15px;
	height: 36px;
	color:#4c4c4c;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.unitM h3 a,.unitM h3 a:hover,.uniMt h3 a:visited{
color:#4c4c4c;
text-decoration:none;}

.unitT{
	background-image: url(img/unit_t.gif);
	background-repeat: no-repeat;
	width: 175px;
	height:240px;
}
.unitB{
	background-image: url(img/unit_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 150px;
	height:280px;
}
.unitB_so{color:#aaaaaa;}
.unitB_so h3 a:link{color:#aaaaaa;}
.unitB_so h3 a:active{color:#aaaaaa;}
.unitB_so h3 a:visited{color:#aaaaaa;}
.unitB_so h3 a:hover{color:#aaaaaa;}



.unitM:ahover {
background-image: url(/img/unit_m_f2.gif);
background-repeat: repeat-y;
}
.unitM:ahover .unitT {
background-image: url(/img/unit_t_f2.gif);
background-repeat: no-repeat;
}
.unitM:ahover .unitB {
background-image: url(/img/unit_b_f2.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

p{
	padding:0;
	line-height:160%;
	font-size: 11px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.price {
	color: #FF6600;
}

div.unitB h3 {
    padding-top: 33px;
    font-size: 11px;
    font-weight: normal;
	text-align: left;
    }

.unitB{
	background-image: url(img/unit_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 175px;
	height:240px;
}
.unitB_so{color:#aaaaaa;}
.unitB_so h3 a:link{color:#aaaaaa;}
.unitB_so h3 a:active{color:#aaaaaa;}
.unitB_so h3 a:visited{color:#aaaaaa;}
.unitB_so h3 a:hover{color:#aaaaaa;}

a img{
border:0 none;}

h3.unitnl {
	background: url(/img/unit_ico_nl.gif) no-repeat 0 10px;
	}
dl {
	margin: 0 8px 8px 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	line-height: 140%;
}
dt {
	width: 150px;
	padding-left: 0px;
	float: left;
	clear: left;
	line-height: 140%;
	font-weight: bold;
}
dd {
	margin-left: 150px;
	color: #444444;
	line-height: 140%;
}

.boxL { float:left; width:250px; }
.boxL img,.boxR img { text-align:center; }
.boxR { float:right; width:250px; }
#side ul {
	margin-bottom: 10px;
	margin-top: 2px;
	padding-top: 2px;
}