/* CSS Document */

/*-- BaseTag --------------------*/

html {   
overflow-y:scroll;   
}


body{
	margin:0px;
	padding:0px;
	font-size:80%;
}

.fleft{float:left;}
.fright{float:right;}

.fleftmg{float:left; margin:0 10px 0 0;}
.frightmg{float:right;}

.blk{display:block;}
.clr{clear:both;}

a img{border:none;}
a.link{
	text-decoration:none;
	color:FF7200;
}

b.arrat{
display:block;
color:#990000;
margin:0 0 10px 0;
}

h1,h2,h3,h4,h5,h6{font-size:100%;}

p{
	margin:0;
	padding:0;
}


hr{
	display:block;
	border:#999999 1px solid;
	height:1px;
	margin:0;
	padding:0;
	size:1;
}

div.bgarea01{
padding:5px;
margin:0 0 10px 0;
background:#CAFFDB;
border:#015540 1px solid;
}



/*-- Pagetop ------------------*/
.pagetop{
text-align:right;
}


/*-- Link ---------------------*/

a:href{color:#3366FF;}
a:visited{color:#CC3366; text-decoration:none;}
a:hover,a:active{color:#FF6600;}


.detaillink{
float:right;
padding:3px 0 0 15px;
background:url(../img/news_icon.gif) no-repeat;
}

/*-- Frame --------------------*/

div#wrap{
	margin:0 auto;
	padding:0;
	width:790px;
	background:#FFFFFF;
	min-height: 1em;
position:relative;
top:0;
left:0;
}

div#wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#wrap {
    height: 1em;
    overflow: visible;
}
/**/

div#leftarea{
	padding:0;
	margin:0 0 10px 0;
	float:left;
	width:540px;
	background:#FFFFFF;
	min-height: 1em;
}

div#leftarea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#leftarea {
    height: 1em;
    overflow: visible;
}


/*-- Navigation -----------------*/

div#topicspath{display:none;}

img#logo{
	display:block;
	width:122px;
	float:left;
	margin-right:18px;
}


div#navi{
width:540px;
	margin:0px 0px 10px 0px;
	min-height: 1em;
}

div#navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#navi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#navi ul:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div#navi ul{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div#navi ul{
   height:1px;
}

div#navi ul{
   display:block;
}
/* End hide from IE-mac */

div#navi ul li{
	margin:10px 0 0 0;
	padding:0;
	float:left;
}

div#login{
clear:both;
}


div#login img{
	position:absolute;
	top:10px;
	left:550px;
}


/*-- ContentsBody ----------------*/

div#contentsbody{
clear:both;
	margin:0;
	padding:0;
	width:540px;
}

div#contentsbodycol1{
	width:790px;
	margin:0px 0px 0px 0px;
}

/* 人気商品 */

div#poparea{
	margin:10px auto;
}

div#poparea{min-height:1em;}

div#poparea:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html div#poparea {height: 1em; overflow: visible;}
/**/


div#pop{
clear:both;
	margin:0 0 10px 0;
	width:540px;
	background:url(../img/pop_bg.gif) repeat-x top;
}


div#pop:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div#pop{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div#pop{
   height:1px;
}

div#pop{
   display:block;
}
/* End hide from IE-mac */


div.popitem{
	width:98px;
	float:left;
	font-size:80%;
	margin:5px 0 0 8px;
	/*\*/
	_margin:5px 2px 0 4px;　/* for IE 6以下 */
	/**/
}



div.popitem img{
	display:block;
	border:#CCCCCC solid 1px;
}

div.popitem p{
	margin:0;
	padding:5px 0 0 0;
}

/* */

div#underpop{ /* 今月の特集 */
	clear:both;
	min-height:100px;
	margin:10px 0;
}


div#underpop:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div#underpop{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div#underpop{
   height:1px;
}

div#underpop{
   display:block;
}
/* End hide from IE-mac */


div#monthly{ /* 今月の特集 */
	width:315px;
	margin:0 0 0 10px;
	padding:1px 0;
	float:left;
	border-top:#FEBB7C solid 1px;
	border-bottom:#FEBB7C solid 1px;
}

div#monthly{min-height:1em;}

div#monthly:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html div#monthly {height: 1em; overflow: visible;}
/**/

div#monthly ol{
	margin:0 0 0 40px;
	padding:10px 0;
}

div#monthly2{ /* 今月の特集・横一列 */
	width:100%;
	margin:10px 0 0;
	padding:1px 0;
	border-top:#FEBB7C solid 1px;
	border-bottom:#FEBB7C solid 1px;
	line-height:100%;
}

div#contentsbody div#monthly2 p{
	margin:4px 10px;
	padding:0;
}

div#monthly2 ol{
	padding:8px 0;
	margin:0 0 0 35px;
}

/* TOP LineUP部商品カテゴリーリスト */

div#lineup{
clear:both;
}

div#lineup ul{
	margin:10px 0;
	padding:0;
	list-style-type:none;
}

div#lineup ul li{
	margin:0;
	padding:0;
	float:left;
}

/*-- SideMenu --------------------*/

div#sidemenu{
	margin:0 0 0 10px;
	float:left;
	padding:0;
	width:230px;
}

div#sidemenu h3{
	color:#37aaba;
}

div#sideban{
	clear:both;
	margin:5px 0 10px 0;
	padding:8px 0px 8px 4px;
	background:url(../img/sidebun_bg.gif) repeat-x bottom #E4E4E4;
	border:#c6c6c6 solid 1px;
}

div#sideban img,img.bnr{
	margin:0 0 2px 0;
	padding:0 0 0 0;
	border:#BABABA solid 1px;
	display:block;
}

img.bnr{
margin:5px;
}

div.topics{
	clear:both;
	margin:0;
	padding:3px 0 3px 0;
	border-bottom:#DCDCDC dashed 1px;
}

/* Clearfix */

div.topics:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
div.topics{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html div.topics{
   height:1px;
}

div.topics{
   display:block;
}
/* End hide from IE-mac */


div.topics h3{
	margin:0px;
	padding:0px;
}

div.topics p{
	margin:0px;
	padding:0px;
	line-height:130%;
	*line-height:120%;
}

div.topics img{
	margin:0 5px 5px 0;
	border:#BCBCBC solid 1px;
}

div.news{margin:5px 0 0 0; clear:both;}
div.news2{margin:0px 0 0 0; clear:both;}

ul.sidelist{
	margin:0 0 0 22px;
	padding:0;

}

ul.sidelist li{
	list-style:url(../img/news_icon.gif);
	margin:2px 0;
	padding:0 0 7px 0;
	border-bottom:#DCDCDC dashed 1px;
}


/*-- Footer ----------------------*/

div#footer{
	clear:both;
	margin:0px 0 7px 0;
	padding:3px 0 0 0;
	border-top:#999999 1px solid;
	min-height:1em;
}

div#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#footer {
    height: 1em;
    overflow: visible;
}
/**/

div#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#footer ul li{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}



div#pageback{
	width:164px;
	margin:10px auto;
	clear:both;
}


/* SideMenu */

ul.contentslist{margin:0px; padding:0; border:#dddddd 1px solid;}
ul.contentslist li{
	list-style-type:none;}
	
ul.contentslist li.sub{
	width:90%;
	background:url(../img/li.gif)	no-repeat;
	line-height:100%;
	margin:6px 0 0 5px;
	padding:1px 0px 6px 15px;
	border-bottom:#CCCCCC 1px dotted;
}

ul.contentslist li.sub2{
	width:90%;
	background:url(../img/li3.gif)	no-repeat;
	line-height:90%;
	margin:6px 0 0 5px;
	padding:0px 0px 6px 15px;
	border-bottom:#CCCCCC 1px dotted;
}

ul.contentslist li.subM{
	width:90%;
	background:url(../img/li_m.gif)	no-repeat;
	line-height:100%;
	margin:6px 0 0 5px;
	padding:1px 0px 6px 15px;
	border-bottom:#CCCCCC 1px dotted;
}

.def{
	font-weight:bold;
}

ul.contentslist li.sub a,ul.contentslist li.sub2 a{

}


/* siege */

div.siege01{
	min-height:1em;
	margin:10px 0;
	padding:5px;
	border:#339966 1px solid;
	background:#DEFEE1;
}

div.siege01:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html v {
    height: 1em;
    overflow: visible;
}	

/*  Contents */

div#contentsbody h1{
	padding:10px 3px 10px 3px;
	margin:0 0 10px 0;
	background:url(../img/h1_bg.gif) repeat-x bottom;
	font-size:100%;
	color:#015540;
	border-bottom:#1a9993 2px solid;
	}
	
div#contentsbody h2,h2.od{
	padding:3px 3px 3px 5px;
	margin:0 0 5px 0;
	font-size:100%;
	color:#015540;
	border-left:#015540 3px solid;
	}
	
div#contentsbody h2 a{
}

div#contentsbody h2 a:hover{

}

div#contentsbody h3{
	padding:3px 3px 3px 5px;
	margin:0 0 5px 0;
	font-size:100%;
	color:#015540;
	}


div#contentsbody h4{
	padding:3px 3px 3px 5px;
	margin:0 0 5px 0;
	font-size:100%;
	color:#015540;
	}

div#contentsbody p.lead{
	margin:10px 0px 10px 0px;
	padding:0px;
	line-height:140%;
}

div#contentsbody p{
	margin:0px 0px 10px 10px;
	padding:0px;
	line-height:140%;
}


div#contentsbody ol li{
padding:0 0 5px 0;
}

div#contentsbody ol li a{
line-height:1.2;
}

div#contentsbody dl dt{
	padding:3px 0 0 0;
	color:#336633;
	border-bottom:#336633 1px double;
	}

div#contentsbody dl dd{
	padding:3px 0 5px 0;
}

/* ListType */

ul.list{
padding:0 0 0 0px;
margin:0 0 0 20px;
}


ul.list li{
list-style-image:url(../img/list.gif);
padding:0 0 3px 0px;
margin:0 0 0 0px;
}



ul.list2{
padding:0 0 0 0px;
margin:0 0 0 20px;
}


ul.list2 li{
list-style-image:url(../img/li2.gif);
padding:0 0 4px 0px;
margin:0 0 0 0px;
line-height:90%;
}

ul.list3{
padding:0;
margin:0;
list-style-type:none;
}


ul.list3 li{
margin:0;
padding:0;
}


/*table*/

table.tbl{
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
	margin:0 0 10px 0;
}

table.tbl th{
	font-weight:normal;
	background:#BBF0DB;
	border:#CCCCCC 1px solid;
	padding:4px;
}

table.tbl td{
	border:#CCCCCC 1px solid;
	padding:4px;
}


table.tbl td table td{
	border-style:none;
	}

table.tbl02{
	margin:0 0 10px 0;
	float:left;
	border:#d1d1d1 1px solid;
	border-collapse:collapse;
	font-size:80%;
}

table.tbl02 th{
	padding:2px;
	width:100px;
	border:#d1d1d1 1px solid;
	background:#65bfad;
	text-align:left;
	font-weight:normal;
}

table.tbl02 td{
	padding:2px;
	width:60px;
	border:#d1d1d1 1px solid;
	text-align:right;
}

table.tbl03{
width:540px;
}

table.tbl03 td{
padding:4px;
}

table.tbl03 caption{
text-align:left;
}




div.itemdetail div.free{
	width:350px;
	clear:both;
}

/* col3 */

div.col3L{
	float:left;
	width:171px;
}

div.col3M{
	margin:0 13px;
	float:left;
	width:171px;
}

div.col3R{
	float:left;
	width:171px;
}


.titleimg{
	margin:0 0 10px 0;
}


/* NEWS */

p.newslead{
	margin:0;
	padding:0;
	color:#006ebb;
	font-size:80%;
}


div.block{
	float:left;
	min-height:1em;
	}
	
div.block:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.block {
    height: 1em;
    overflow: visible;
}	

table.pncatlog{
	margin:0 0 10px 0;}

p.latest{
padding:5px 0 0 0;
}

p.latest strong{
	color:#FF9933;
}

table.pncatlog td{
	background:url(../news/img/pn/bg.gif) no-repeat;
	text-align:center;
	padding:4px 0 0 0;
	border:#CCCCCC 1px solid;
}

table.pncatlog td img.covor{
	padding:5px 0 0 0;
	margin:0 1px 5px 1px;
	}



div.freearea{
	clear:both;
	margin:10px 0 0 0;
}

/* Contents Body */
.flasharea{
	width:540px;
	margin:0 0 10px 0;
	text-align:center;
	background:#CCCCCC;
}

.category img{
	border:#cccccc 1px solid;
}

/* sitemap */

div#sitemap{
	
}


div#sitemap h1{
	padding:10px 3px 10px 3px;
	margin:0 0 10px 0;
	background:url(../img/h1_bg.gif) repeat-x bottom;
	font-size:100%;
	color:#015540;
	border-bottom:#1a9993 2px solid;
	}

div#sitemap h2{
	margin:0 0 5px 0;
}

div#sitemap h2 a{
	padding:5px 5px;
	margin:0 0 0px 0;
	border:#CCCCCC 1px solid;
	border-left:#006633 3px solid;
	color:#006633;
	display:block;
}

div#sitemap h2 a:hover{
	background:#C5FED3;
}


div#sitemap ul{
	margin:0 0 10px 20px;
}

div#sitemap ul li{
	margin:0 0 0 20px;
	border-bottom:#CCCCCC 1px solid;
	list-style-type:none;
}

div#sitemap ul li a{
	display:block;
	padding:3px 0 5px 5px;
	color:#006633;
	text-decoration:none;
	border-left:#006633 3px solid;
	}

div#sitemap ul li.sub,div#sitemap ul li.sub2{
	margin:0 0 0 40px;
	border-bottom:#CCCCCC 1px solid;
	list-style-type:none;
}

div#sitemap ul li.sub a,div#sitemap ul li.sub2 a{
	display:block;
	padding:3px 0 5px 5px;
	color:#006633;
	text-decoration:none;
	border-left:#999999 1px solid;
	}

div#sitemap ul li.top{
	margin-top:5px;
	border-top:#CCCCCC 1px solid;
	list-style-type:none;
}

div#sitemap ul li a:hover{
	color:#006633;
	background:#C5FED3;
	}
	
div.figarea{
text-align:center;
margin:5px 0;
}

/* preview */


div#contentsbody img.stock_img{
float:left;
padding-right:10px;
}

div#contentsbody img.news_img{
float:left;
padding-right:10px;
}

.renewdate{
padding:0px;
margin:0px;
color:#666666;
text-align:right;
}

table.tbl th.remarks1{background:#CC0000;}
.remarks2{color:#CC0000;}


/* Contents */

div.contents{
}

div.contents table.itemfig{
border:#333333 1px solid;
border-collapse:collapse;
}

div.contents table.itemfig th{
border:#333333 1px solid;
font-weight:normal;
text-align:left;
background:#66CC99;
padding:3px;
}

div.contents table.itemfig td{
border:#333333 1px solid;
padding:3px;
text-align:right;
}


/*Price */

table.lineup{
border-collapse:collapse;
margin:0 0 10px 0;
border:#666666 1px solid;
}

table.lineup th{
text-align:left;
font-weight:normal;
background-color:#a9bc6d;
border:#666666 1px solid;
}

table.lineup th.ttl{
text-align:center;
font-weight:normal;
background-color:#a9bc6d;
}


table.lineup td{
border:#666666 1px solid;
padding:0px 3px 3px 10px;
}
table.lineup td.end{
border-bottom:none;
}

table.price{
/*margin:0 0 10px 0;*/
border-collapse:collapse;
}


table.price th,
table.price td{
border:1px solid #cccccc;
font-weight:normal;
text-align:left;
padding:5px;
}

table.price th{
border:1px solid #cccccc;

background:#bbf0db;
}

table.price td{
border:1px solid #cccccc;
text-align:right;
}

table.price td.info{
text-align:left;
border:none;
}


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

div#contentsbody .notes{
font-size:80%;
}

#solu{
font-size: 12px;
*font-size: 100%; /*for IE6,IE7*/
font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka,sans-serif;
}


div.section{
margin-bottom:20px;
}
/*
body div#contentsbody h1.largeH1{
font-size:130%;
}

body div#contentsbody h2.largeH2{
font-size:120%;
}




/*
	080918 追記
---------------------*/

#underpop .infoBox{
background:url(/img/infobox_top_bg.gif) no-repeat top left;
padding:3px 0 0 0;
margin:0 0 15px 0;
}

#underpop .infoBox .inner{
background:url(/img/infobox_bottom_bg.gif) no-repeat bottom left;
padding:5px 5px 0 0;
}

#underpop .infoBox .inner p{
font-weight:bold;
}

#underpop .infoBox .inner ul{
padding:0 0 10px 0;
margin:0 0 0 10px;
font-size:80%;
list-style:none;
}

#underpop .infoBox .inner strong{
color:#cc0001;
}

#underpop .infoBoxText{
font-weight:bold;
margin:5px 0 15px 0;
}

/*100629sekiguchi*/
.modjun29 table{
width:100%;
}

.modjun29 .field{
width:5em;
}
.modjun29 .wide{
width:170px;
}
.modjun29 .note{
font-size:11pt;
color:#f00;
text-indent:-1em;
padding:0 0 0 1em !important;
margin:0 0 0 1em !important;
}

.col3M .modjun29 li{
line-height:1.2;
}

#contentsbody .modjun29p{
margin-bottom:20px !important;
}