/* Base Weblog */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   text-align: center; /* center on ie */
   font-family: Arial, Helvetica, 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'Osaka', 'sans-serif';
   min-width: 852px;
   background: #F2F0CE; /* #F4E4CD; */ /* 78593B */
   font-size: 12px;
   color: #000;
}

form, input { margin: 0; padding: 0; }


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* page layout */


/* Base  *//* -------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* DETAILS-ENTRY *//* -------------------------- */
.details-entry {
   margin: 0;
   padding: 0;
}

/* CONTAINER *//* -------------------------- */
#container { position: relative; }
#container-inner { position: static; }

#container
{
	 padding: 0px;
   margin: 0px auto; /* center on everything else */
   width: 852px;
   background: #fff;
   background-image: url(../img/bg-b.jpg);
   text-align: center;
}

#container-inner
{
   width: 840px;
   margin: 0px; 
   padding: 0px 6px 0px 6px;
   border-width: 0px;
   text-align: left;
}

#container-inner-d
{
   position: relative;
   width: 840px;
   margin: 0px; 
   padding: 0px 6px 0px 6px;
   text-align: left;
}

/* HEADER *//* -------------------------- */

#banner
{
   width: 840px; /* necessary for ie win */
   background: #FFF;
   text-align: left;
}

#banner-inner{ 
		padding: 0px;
		margin: 0px;
    border-width: 0px;
}

#banner-header
{
   margin: 0;
   padding: 0;
   color: #fff;
   font-size: 30px;
   font-weight: bold;
   line-height: 1;
   text-shadow: #36414d 0 2px 3px;
}

#header
{
   position: relative;
   width: 840px; /* necessary for ie win */
   background: #F2F0CE; /* #f4e3cd; */
   text-align: left;
}

#header-inner{ position: static; width: auto;}

#header ul 	 { margin: 0; padding: 0;}
#header ul li{ margin: 0; padding: 0; float:left;}
#header ul,li{ list-style: none;}
#header img  { vertical-align: bottom; }

/* MAIN *//* ------------------------ */
#main
{
   position: relative;
   clear: both;
   margin: 0px 0px 20px 0px;
   padding: 0px;
   width: 840px;
}


#main-cnt
{
	width: 800px;
	background: #fff;
	text-align: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding: 0px;
}

/* cont- *//* ------------------------ */
.cont-full { clear: both; }
.cont-full { position: relative; }
.cont-full-inner { position: static; }

.cont-full
{
	width: 840px;
	text-align: left;
	margin: 5px 0px 6px 0px;
	padding: 0px;
}


/* sidemenu *//* ------------------------ */
#sidemenu { position: relative; width: 168px;}
#sidemenu-inner { position: static; width: auto;}

#sidemenu
{
	margin: 0 0 0 0px;
	padding:0 0 0 20px;
	width: 148px;
	text-align: left;
	float: left;
}
/* contmain *//* ------------------------ */
#contmain { position: relative; }
#contmain-inner { position: static; width: auto;}

#contmain
{
	margin:  0;
	padding: 0;
	width: 660px;
	text-align: left;
	float: right;
}


/* cont- *//* ------------------------ */
.cont-navi { clear: both; }
.cont-navi { position: relative; }
.cont-navi-inner { position: static; }

.cont-navi
{
	width: 840px;
	text-align: left;
	margin: 10px 0px 0px 0px;
}



/* cont-ptop,bottom-menu *//* ------------------------ */

.cont-ptop
{
   margin: 0;
   padding: 8px 14px 2px 18px;
   text-align: right;
}

/* cont-PGtitle *//* ------------------------ */

.cont-PGtitle { clear: both; }
.cont-PGtitle { width: 840px;
	text-align: left;
	margin: 0;
}

.cont-PGtitle ul , li {
	margin:0;
	padding:0;
	list-style:none;
}

.cont-PGtitle ul li { float: left;}	
.cont-PGtitle img   { vertical-align: bottom; }




.cont-botmenu-left
{
   margin: 5px 0 0 0;
   padding: 0 0 0 18px;
   width: 660px;
   text-align: left;
   float: left;
}

.cont-botmenu-right
{
   margin: 7px 0 0 0;
   padding: 0 12px 0 0;
   width: 130px;
   float: right;
}
.cont-botmenu-r,   	 
.cont-botmenu-r ul   { margin: 0; padding: 0; width: 130px;}   
.cont-botmenu-r ul li{ margin: 0; padding: 0; float:right;}
.cont-botmenu-r ul,
.cont-botmenu-r ul li{ list-style: none;}

.cont-botmenu-r ul li.bknx { width:46px;}
.cont-botmenu-r ul li.pidx { width:38px;}
.cont-botmenu-r ul li#btbk	a{ background:url(http://www.cosine.com/products/img/back.gif) no-repeat; width:46px;}
.cont-botmenu-r ul li#btix	a{ background:url(http://www.cosine.com/products/img/lst.gif)  no-repeat; width:38px;}
.cont-botmenu-r ul li#btnx	a{ background:url(http://www.cosine.com/products/img/next.gif) no-repeat; width:46px;}

.cont-botmenu-r ul li#btbk  a:hover{ background:url(http://www.cosine.com/products/img/back2.gif) no-repeat; width:46px;}
.cont-botmenu-r ul li#btix  a:hover{ background:url(http://www.cosine.com/products/img/lst2.gif)  no-repeat; width:38px;}
.cont-botmenu-r ul li#btnx  a:hover{ background:url(http://www.cosine.com/products/img/next2.gif) no-repeat; width:46px;}
.cont-botmenu-r ul li a{ 
  display:block;
	height: 20px;
	text-indent:-9999px;
	font-size:   0;
	line-height: 0;
}
.cont-botmenu-r img   { vertical-align: bottom; }


/* Products *//* ------------------------ */
.products-photo
{
   margin: 0;
   padding: 0px 0px 0px 25px;
   width: 390px;
   text-align: center;
   float: left;
}

.pr-photo
{
   margin: 0;
   padding: 0px 0px 0px 25px;
   width: 390px;
   text-align: center;
   float: left;
}

.pr-photo ul		{ margin:0; padding: 10px 0px;}
.pr-photo ul li { margin:0; padding: 0px;}
.pr-photo ul,li { list-style: none;}
.pr-photo li    { float: left; }
.pr-photo ul li.lleft    { padding: 0px 10px 0px 0px; }

.products-description
{
   margin: 0 25px 0 0;
   padding: 5px 0 0 0;
   width: 375px;
   text-align: left;
	 float: right;
}

* html .products-description {
   margin: 0 15px 0 0;
   padding: 5px 0 0 0;
   width: 375px;
}

.pr-description
{
   margin: 0 0 0 430px;
   padding: 5px 0 0 0;
   width: 390px;
   text-align: left;
}

.p-poti-area
{
   margin: 0px 0 10px 10px;
   padding: 0;
}

.p-poti-b
{
   margin: 0;
   padding: 0px 0px 5px 13px;
   background: url(http://www.cosine.com/products/img/poti-o.gif) no-repeat;
   list-style-type: none;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 0.048em;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.p-poti-s
{
   margin: 0;
   padding: 0px 0px 5px 13px;
   background: url(http://www.cosine.com/products/img/poti-o.gif) no-repeat;
   list-style-type: none;
   font-size: 12px;
   letter-spacing: 0.1em;
   line-height: 130%;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

.p-p-gift
{
	margin: 0;
	padding: 0px 0px 0px 20px;
}

.p-p-cp
{
	margin: 0;
	padding: 15px 5px 15px 20px;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 180%;
	color: #333333;
	letter-spacing: 1px;
}

.p-p-cp-s
{
	margin: 0;
	padding: 0px 0px 15px 20px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 10px;
	line-height: 160%;
	color: #333333;
	letter-spacing: 0.1em;
}

/* FOOTER *//* ---------------------- */
#Footer
{
   clear: both;
   width: 840px; /* necessary for ie win */
   text-align: center;
}

#Footer-inner { position: static; width: auto; }

.Footer-copyright
{
   padding: 0px;
   margin:  0px;
   background-color: #F2F0CE; /* #F4E3CD; */
   text-align: left;
}

.Footer-menu
{
     clear:both;
		 margin: 0;
     padding: 0;
     text-align: left;
}
.Footer-menu ul 	{ margin: 0; padding: 0; width: 840px;}
.Footer-menu ul li{ margin: 0; padding: 0; float:left;}
.Footer-menu ul,li{ list-style: none;}


.Footer-menu ul li.f-home		a{ background:url(../img/mn/bt_00.gif) no-repeat; width:65px;}
.Footer-menu ul li.f-prod		a{ background:url(../img/mn/bt_03.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-shop		a{ background:url(../img/mn/bt_04.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-cata		a{ background:url(../img/mn/bt_05.gif) no-repeat; width:77px;}
.Footer-menu ul li.f-news		a{ background:url(../img/mn/bt_06.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-feat		a{ background:url(../img/mn/bt_07.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-blog		a{ background:url(../img/mn/bt_08.gif) no-repeat; width:79px;}
.Footer-menu ul li.f-supp		a{ background:url(../img/mn/bt_09.gif) no-repeat; width:95px;}
.Footer-menu ul li.f-comp		a{ background:url(../img/mn/bt_10.gif) no-repeat; width:61px;}
.Footer-menu ul li.f-cont		a{ background:url(../img/mn/bt_11.gif) no-repeat; width:75px;}

.Footer-menu ul li.f-home   a:hover{ background:url(../img/mn/bt_002.gif) no-repeat; width:65px;}
.Footer-menu ul li.f-prod  	a:hover{ background:url(../img/mn/bt_032.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-shop  	a:hover{ background:url(../img/mn/bt_042.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-cata  	a:hover{ background:url(../img/mn/bt_052.gif) no-repeat; width:77px;}
.Footer-menu ul li.f-news  	a:hover{ background:url(../img/mn/bt_062.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-feat  	a:hover{ background:url(../img/mn/bt_072.gif) no-repeat; width:60px;}
.Footer-menu ul li.f-blog  	a:hover{ background:url(../img/mn/bt_082.gif) no-repeat; width:79px;}
.Footer-menu ul li.f-supp  	a:hover{ background:url(../img/mn/bt_092.gif) no-repeat; width:95px;}
.Footer-menu ul li.f-comp  	a:hover{ background:url(../img/mn/bt_102.gif) no-repeat; width:61px;}
.Footer-menu ul li.f-cont  	a:hover{ background:url(../img/mn/bt_112.gif) no-repeat; width:75px;}

.Footer-menu ul li a{ 
  display:block;
	height: 36px;
	text-indent:-9999px;
	font-size:   0;
	line-height: 0;
}
.Footer-menu img   { vertical-align: bottom; }

#Footer-foot { 
   clear:both;
	 padding: 0px;
   margin: 0px auto; /* center on everything else */
   width: 852px;
	 height: 19px;
   background-image: url(../img/footer-foot.gif);
   text-align: center;
}
#Footer-foot img   { vertical-align: bottom; }

.post-footers{}

/* 081023リニューアル用追加 */
#pheader {
	width:840px; height:51px; 
	background-color:#F2F0CE;
	margin:0 auto;
	position:relative;
}
#logo    {
	position:absolute;
	top:0px;
	left:0; 
	background-color:#65AB28;
	width:168px;
	height:51px;
	margin: 0; padding:0;
}
#logo img { position:absolute; 	bottom:3px; left:0;  }
#pheader ul { position:absolute; bottom:0; left:180px; margin:0; padding:0; list-style-type:none; }
#pheader li { display:inline; margin:0; padding:0; } 
#pheader img { border:0; }

#pfooter {
	clear:both;
	margin:0 auto;
	background: #FFF url('../top/footer_bk.jpg') no-repeat 0 bottom;
	width:840px;
	height:70px;
	position:relative; 
}
#pfooter .txt { position:absolute; top:25px; left:30px; font-size:12px; }