/* CSS Document */

@import url("../../welcome/welcome_header.css");

.formtext{
background-color: #FFFFFF;
color:#685353;
border:1px solid #808080;
padding:2px;
}
.formbt{
background-color: #e4e0d7;
border:1px solid #808080;
padding: 2px;
}


div#welcom ul,
div#welcom li,
div#welcom p,
div#sidecon h2,
div#sidecon h3,
div#sidecon ul,
div#sidecon li,
div#sidecon p,
div#nav ul,
div#nav li,
div#news dl,
div#news dt,
div#news dd,
div#news p,
div#recommend dl,
div#recommend dt,
div#recommend dd,
div#recommend p,
div#category dl,
div#category dt,
div#category dd,
div#category p,
div#goodDetail h2,
div.order h2,
div#goodDetail ul,
div#goodDetail li,
infoList dl,
infoList dt,
infoList dd
div.topThreeCon dl,
div.topThreeCon dt,
div.topThreeCon dd
div.topThreeCon ul,
div.topThreeCon li{
margin:0;
padding:0;
list-style: none;
}

div#news h2,
div#recommend h2,
div#category h2{
background-image:url("images/hpsozai/hpsozai_top_titlebg.gif");
background-repeat: no-repeat;
width:578px;
height:24px;
color:#083926;
font-size:12px;
font-weight:bold;
padding:4px 0 0 25px;
margin:0px;
}
div#news h3,
div#recommend h3,
div#category h3{
margin:0;
padding:0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
font-weight:bold;
}

body{
margin:0;
padding:0;
font-family: "ＭＳ Ｐゴシック", "Osaka";
text-align: center;
word-break: break-all;
}


/*-----------------------------------------------------
■■■TOP OHNO MENU
-----------------------------------------------------*/
div.topThreeCon{
padding:0 0 15px 0;
}
div.topThreeConLeft{
float:left;
width:436px;
}
div.topThreeConRight{
float:right;
width:152px;
padding:0 0 0 0;
}
/*----------*/
div.cgBoxCenter{
clear:both;
border:2px solid #ffe698;
margin:0 0 5px 0;
display: inline-block;
}
div.cgBoxCenter dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.cgBoxCenter h3{
margin:0;
padding:5px 10px 2px 10px;
font-size:14px;
font-weight:bold;
color:#371911;
}
div.cgBoxCenterBody{
padding:0 10px 0 10px;
}
div.cgBoxCenter dl{
padding:0;
margin:0;
list-style:none;
}
div.cgBoxCenter dt{
padding:0 0 3px 0;
margin:0;
float:left;
width:230px;
}
div.cgBoxCenter dd{
padding:0 0 3px 10px;
margin:0;
float:left;
width:172px;
}
div.cgBoxCenter ul{
padding:0;
margin:0;
list-style:none;
}
div.cgBoxCenter li{
padding:0 0 5px 14px;
margin:0;
background-image:url("images/hpsozai/hpsozai_ind03.gif");
background-repeat:no-repeat;
background-position:0 3px ;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 100%;
font-weight: normal;
}
div.cgBoxCenterFoot{
clear:both;
background-color:#fffbf1;
padding:3px 10px 5px 10px;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 100%;
font-weight: normal;
}
/*----------*/
div.cgBoxRight{
clear:both;
border:1px solid #d2d2d2;
padding:3px 3px 3px 3px;
display: inline-block;
}
div.cgBoxRight dl{
list-style:none;
padding:0;
margin:0;
}
div.cgBoxRight dt{
float:left;
width:50px;
padding:0;
margin:0;
}
div.cgBoxRight dd.text{
float:left;
width:91px;
padding:0 0 0 3px;
margin:0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 100%;
font-weight: normal;
}
div.cgBoxRight dd.text h3{
margin:0;
padding:0 0 2px 0;
font-size:12px;
font-weight:normal;
}
div.cgBoxRight dd.text h3 a{
color:#137613;
}
/*----------*/
div.messageRight{
background-color:#f6f9f1;
border:1px solid #e5eed2;
padding:5px 5px 5px 5px;
margin:15px 0 0 0;
color: #333333;
font-size: 80%;
font-size: 10pt;
line-height: 100%;
font-weight: normal;
}
div.messageRight p{
padding:0 0 5px 0;
margin:0;
}
div.messageRight h4{
margin:0 0 10px 0;
padding:5px 0 3px 5px;
font-size:14px;
font-weight:bold;
border-left:7px solid #a3e85f;
}
div.messageRight strong{
font-weight:bold;
color:#FF0000;
font-size:14px;
}
/*----------*/
div.messaseLeft{
margin:10px 0 0 0;
border:2px solid #ffba00;
padding:5px 5px 5px 5px;
color: #333333;
font-size: 80%;
font-size: 10pt;
line-height: 100%;
font-weight: normal;
line-height:135%;
}
div.messaseLeft h4{
margin:0;
background-image:url("images/hpsozai/hpsozai_md_ind.gif");
background-repeat: no-repeat;
background-position:0px 0px;
font-weight:bold;
font-size:12px;
color:#262626;
padding:0 0 5px 20px;
}
div.messaseLeft strong{
font-weight:bold;
font-size:12px;
}

/*-----------------------------------------------------
■■■CONTAINER
-----------------------------------------------------*/
div#container{
margin: 0px auto;
padding: 0px;
text-align: left;
background: #ffffff;
width:800px;
padding: 10px 0 0 0;
}

/*-----------------------------------------------------
■■■FOOTER
-----------------------------------------------------*/
div#footer{
margin: 0px;
padding: 0px;
clear:both;
width:800px;
height:25px;
background-color:#828282;
text-align: center;
}
div#footer p{
text-align: center;
font-size:11px;
color:#ffffff;
padding:5px 0 5px 0;
}

/*-----------------------------------------------------
■■■ALL
-----------------------------------------------------*/
.ft-clear{ clear:both;}

a:link { text-decoration:underline; color:#2935d9; }
a:visited { text-decoration:underline; color:#2935d9; }
a:active { text-decoration:underline; color:#2935d9; }
a:hover { text-decoration:none; color:#2c3aff; }

/*-----------------------------------------------------
■■■HEADER
-----------------------------------------------------*/
div#header{
margin:0;
padding:0;
border:0;
}
div#header table.headerLogo{
width:800px;
border-collapse:collapse;
margin:0;
padding:0;
}
div#header div.mainImage{
width:800px;
height:199px;
background-image:url("images/hpsozai/hpsozai_mainimage.jpg");
background-repeat:no-repeat;
}
div#header div.mainImageSub{
width:800px;
height:155px;
background-image:url("images/hpsozai/hpsozai_mainimage.jpg");
background-repeat:no-repeat;
}
div#header div#headerMenu div.headerLogo{
float:left;
}

/*----nav----*/
div#header div#nav{
clear:both;
padding:0 0 0 0;
height:32px;
}
div#header div#nav li{
float:left;
}
div#header div#nav li a{
display:block;
background-image:url("images/hpsozai/hpsozai_navi_bg.gif");
background-repeat: repeat-x;
width:112px;
height:16px;
border-right:1px solid #eaffd4;/*==original color==*/
border-left:1px solid #69cd05;/*==original color==*/
border-bottom:1px solid #69cd05;/*==original color==*/
text-align:center;
padding:9px 0 6px 0;
font-size:12px;
color:#ffffff;/*==original color==*/
text-decoration:none;
}
div#header div#nav li.home a{
width:114px;
}

/*-----------------------------------------------------
■■■PAN
-----------------------------------------------------*/
div#pan{
padding:10px 0 0 3px;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 120%;
font-weight: normal;
font-size:11px;
}

/*-----------------------------------------------------
■■■MAIN
-----------------------------------------------------*/
div#main{
clear:both;
width:800px;
padding:10px 0 0 0;
}
div#sidecon{
float:left;
width:182px;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
font-size:12px;
padding:0 0 0 0;
margin:0 0 0 0;
}

div#contents{
float:right;
width:603px;
padding:0 0 0 10px;
}
* html div#contents{
padding:0 0 0 8px;
}
div.contentsBody{
padding:5px 0 0 10px;
}


/*-----------------------------------------------------
■■■SIDECON
-----------------------------------------------------*/

div#sideSearch,
div#sideCategory,
div#sideSchedule,
div#sideLink{
width:180px;
padding:0 0 0px 0;
border:1px solid #afde80;/*==original color==*/
margin:0 0 10px 0;
}

div#sideSearch h2,
div#sideCategory h2,
div#sideSchedule h2,
div#sideLink h2{
background-image:url("images/hpsozai/hpsozai_side_head.gif");
background-repeat: repeat-x;
width:170px;
height:25px;
font-size:12px;
font-weight:bold;
color:#ffffff;/*==original color==*/
padding:5px 0 0 10px;
clear:both;
}

div.sideBoxFoot{
clear:both;
width:160px;
height:10px;
}
/*---------------*/
div#sideSearch div.sideBoxBody,
div#sideSchedule div.sideBoxBody,
div#sideLink div.sideBoxBody{
clear:both;
padding:0 10px 0 10px;
}
/*---------------*/
/*
menu.css
*/
/*---------------*/
div#sideCategory div.sideBoxBody{
clear:both;
padding:0 0 0 8px;
}
/*-----------------------
SIDE SCHEDULE
-----------------------*/
div#sideSchedule div.sideBoxBody{
text-align:center;
}
/*control bottan*/
div#sideSchedule div.sideBoxBody ul{
margin:0 auto;
width:160px;
}
div#sideSchedule div.sideBoxBody li.prev,
div#sideSchedule div.sideBoxBody li.next{
float:left;
width:32px;
height:15px;
font-size:95%;
padding:0 0 5px 0;
}
div#sideSchedule div.sideBoxBody li.month{
float:left;
width:96px;
font-weight:bold;
padding:0 0 5px 0;
font-size:14px;
}
div#sideSchedule div.sideBoxBody li.prev a,
div#sideSchedule div.sideBoxBody li.next a{
text-indent:-9999px;
width:32px;
height:15px;
display:block;
background-position:left center;
background-repeat: no-repeat;
padding:0 0 0 0;
}
div#sideSchedule div.sideBoxBody li.prev a{
background-image:url("../../designs/default/images/calender_ind01.gif");
}
div#sideSchedule div.sideBoxBody li.next a{
background-image:url("../../designs/default/images/calender_ind02.gif");
}

/*schedule table*/
div#sideSchedule div.sideBoxBody table{
clear:both;
margin:0 auto;
border-collapse:collapse;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
}
div#sideSchedule div.sideBoxBody th{
text-align:center;
color:#7f7f7f;
font-size:11px;
font-weight:normal;
}
div#sideSchedule div.sideBoxBody th.sun{
color:#ee6868;
}
div#sideSchedule div.sideBoxBody td{
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
background-color:#c7f19e;/*==original color==*/
text-align:center;
width:22px;
height:11px;
padding:3px 0 3px 0;
font-size:11px;
}
div#sideSchedule div.sideBoxBody td.holiday{
color:#ee3618;
font-weight:bold;
}
div#sideSchedule div.sideBoxBody p.coution{
padding:5px 0 0 0;
color:#ee3618;
}
/*-----------------------
SIDE LINK
-----------------------*/
div#sideLink div.sideBoxBody li a{
background-image:url("images/hpsozai/hpsozai_ind01.gif");
background-repeat: no-repeat;
background-position:0 2px;
padding:0 0 0 15px;
color:#2a912a;
}


/*-----------------------------------------------------
■■■CONTENTS
-----------------------------------------------------*/
/*=====================================================
all
=====================================================*/
/*
h1.contentsTitle
.shareMidashi
table.tbLayoutInclude
table.tblayoutBasic
.annotation
table.tbPager
div.infoList
.btField
.error
*/

h1.contentsTitle{
background-image:url("images/hpsozai/hpsozai_top_titlebg.gif");
background-repeat: no-repeat;
font-size:12px;
font-weight:bold;
padding:5px 10px 5px 25px;
color:#083926;
margin:0 0 5px 0;
}
.shareMidashi{
background-image:url("images/hpsozai/hpsozai_md_ind.gif");
background-repeat: no-repeat;
background-position:0px 0px;
border-bottom:2px solid #66cc00;/*==original color==*/
font-weight:bold;
font-size:14px;
color:#262626;
padding:0 0 5px 20px;
}
.shareMidashiSub{
background-image:url("images/hpsozai/images/ind02.gif");
background-repeat: no-repeat;
background-position:2px 3px;
font-weight:bold;
font-size:12px;
color:#262626;
padding:0 0 5px 20px;
margin:0;
}
.shareCoution{
padding:0 0 5px 0;
font-size:12px;
color:#262626;
}
/*-----------------------
TABLE LAYOUT
-----------------------*/
/*--tbLayoutInclude--*/
table.tbLayoutInclude{
border-collapse:collapse;
width:603px;
}
table.tbLayoutInclude div.scroll{
overflow: auto;
}
div.divLayoutInclude{
border-collapse:collapse;
width:603px;
overflow: auto;
border:0;
}

/*--tblayoutBasic--*/
table.tblayoutBasic{
border-collapse:collapse;
border-top:1px solid #9b9b9b;
border-left:1px solid #9b9b9b;
width:603px;
}
table.tblayoutBasic th{
background-color:#f8f3dd;
padding:5px 5px 5px 5px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
text-align:left;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
font-size:11px;
}
table.tblayoutBasic td{
padding:5px 5px 5px 5px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
font-size:11px;
}
table.tblayoutBasic td.subTh{
background-color:#F1F0EB;
}
table.tblayoutBasic .cnt{
text-align:center;
}
/*--tblayoutStandard--*/
table.tblayoutStandard{
border-collapse:collapse;
border-top:1px solid #9b9b9b;
border-left:1px solid #9b9b9b;
width:600px;
}
table.tblayoutStandard th{
background-color:#f8f3dd;
padding:7px 2px 7px 2px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
text-align:left;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
font-size:11px;
}
table.tblayoutStandard td{
padding:7px 2px 7px 2px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
font-size:11px;
}
table.tblayoutStandard td.subTh{
background-color:#F1F0EB;
}
table.tblayoutStandard .cnt{
text-align:center;
}
/*-----------------------
TABLE PAGER
-----------------------*/
table.tbPager{
border-collapse:collapse;
width:603px;
/*fontset*/
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
table.tbPager td.pagerLeft{
width:30%;
text-align:left;
padding:5px 0 5px 5px;
}
table.tbPager td.pagerCenter{
width:40%;
text-align:center;
padding:5px 0 5px 0;
}
table.tbPager td.pagerRight{
width:30%;
text-align:right;
padding:5px 5px 5px 0;
}
/*-----------------------
INFO LIST
-----------------------*/
div.infoList{
border:1px solid #e2e2e2;/*==original color==*/
padding:0px 10px 0px 10px;
/*fontset*/
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div.infoList dl{
clear:both;
}
div.infoList dt{
float:left;
width:110px;
}
div.infoList dd{
padding:0 0 0 0;
width:460px;
}
/*-----------------------
OTHER
-----------------------*/
.annotation{
padding:3px 0 10px 0;
/*fontset*/
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
.btField{
padding:10px 0 10px 0;
}
.error{
padding:3px 0 3px 0;
margin:0;
color:#FF0000;
}
/*-----------------------
DIRECTORY
-----------------------*/
div.directory{
padding:15px 0 20px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 135%;
font-weight: normal;
}
div.directoryBody{
border:1px solid #cccccc;
padding:10px 10px 10px 10px;
border:1px solid #e2e2e2;/*==original color==*/
/*525*/
}
div.directoryBody h2,
div.directoryBody table{
list-style:none;
padding:0;
margin:0;
}
div.directoryBody h2{
font-size:90%;
background-color:#f2f2f2;
padding:2px 10px 2px 10px;
}
div.directoryBody table{
margin:8px 0 0 0;
border-collapse:collapse;
width:100%;
}
div.directoryBody td{
width:33%;
vertical-align:top;
background-image:url("../../designs/default/images/folder_close.gif");
background-repeat: no-repeat;
background-position:0 2px;
padding:0 5px 3px 25px;
line-height:120%;
}
/*=====================================================
TOP CONTENTS  2010/10/15 write
=====================================================*/
/*
	topMainImg
	topGoodsInfo
	topGoodsRank
	topGoodsRmd
	topAboutInfo
	
	staticCtg
*/
/*--------------*/
div.topMainImg{margin:0 0 1.2em 0;}
div.topMainImg table{
	width:603px;
}
/*--------------*/
div.topGoodsInfo{
	clear:both;
	margin:0 0 1.2em 0;
	background:#ffffff url("./images/hpsozai2/top_info_foot.gif") repeat-y left bottom;
	padding:0 0 10px 0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.topGoodsInfo h2{
	width:603px;
	height:28px;
	background:#ffffff url("./images/hpsozai2/top_md_info.gif") no-repeat left top;
	margin:0;
	padding:0;
	font-size:90%;
	text-indent:-9999px;
}
div.topGoodsInfoBody{
	width:603px;
	background:#ffffff url("./images/hpsozai2/top_info_bg.gif") repeat-y left top;
}
div.topGoodsInfoBody ul{
	list-style:none;
	width:593px;
	padding:8px 0 0 0;
	margin:0 0 0 10px;
}
div.topGoodsInfoBody li{
	position:relative;
	float:left;
	text-align:center;
	width:110px;
	margin:0 8px 0 0;
	padding:0px;
	border:0;
	color:#83817f;
}
div.topGoodsInfoBody li a,
div.topGoodsInfoBody li a:hover,
div.topGoodsInfoBody li a:visited,
div.topGoodsInfoBody li a:active{
	color:#83817f;
}
div.topGoodsInfoBody li p{
	margin:0 0 5px 0;
	padding:10px 0 0 0;
}
div.topGoodsInfoBody li h3{
	padding:0 5px 0 5px;
	margin:0 0 10px 0;
	font-size:85%;
}
div.topGoodsInfoBody img{
	border:0;
}
/*--------------*/
div.topGoodsRank{
	clear:both;
	margin:0 0 1.2em 0;
	background:#ffffff url("./images/hpsozai2/top_info_foot.gif") repeat-y left bottom;
	padding:0 0 10px 0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.topGoodsRank h2{
	width:603px;
	height:28px;
	background:#ffffff url("./images/hpsozai2/top_md_rank.gif") no-repeat left top;
	margin:0;
	padding:0;
	font-size:90%;
	text-indent:-9999px;
}
div.topGoodsRankBody{
	width:603px;
	background:#ffffff url("./images/hpsozai2/top_rank_bg.gif") repeat-y left top;
}
div.topGoodsRankBody ul{
	list-style:none;
	width:593px;
	padding:28px 0 0 0;
	margin:0 0 0 10px;
}
div.topGoodsRankBody li{
	list-style:none;
	position:relative;
	float:left;
	text-align:center;
	width:110px;
	margin:0 8px 0 0;
	padding:0px;
	border:0;
	color:#83817f;
}
div.topGoodsRankBody li a,
div.topGoodsRankBody li a:hover,
div.topGoodsRankBody li a:visited,
div.topGoodsRankBody li a:active{
	color:#83817f;
}
div.topGoodsRankBody li p{
	margin:0 0 5px 0;
	padding:10px 0 0 0;
}
div.topGoodsRankBody li h3{
	padding:0 5px 0 5px;
	margin:0 0 10px 0;
	font-size:85%;
}
div.topGoodsRankBody img{
	border:0;
}


/*--------------*/
div.topGoodsRmd{
	clear:both;
	margin:0 0 1.2em 0;
	padding:0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.topGoodsRmd img{
	border:0;
}
div.topGoodsRmd h2{
	width:603px;
	height:30px;
	background:#ffffff url("./images/hpsozai2/top_md_rmd.gif") no-repeat left top;
	margin:0 0 7px 0;
	padding:0;
	font-size:90%;
	text-indent:-9999px;
}
div.topGoodsRmd table{
	border-collapse:collapse;
	width:603px;
}
div.topGoodsRmd td.rmdTbL{
	width:197px;
	vertical-align:top;
	padding:0 0 6px 0;
}
div.topGoodsRmd td.rmdTbC{
	text-align:center;
	vertical-align:top;
	padding:0 0 6px 0;
}
div.topGoodsRmd td.rmdTbR{
	width:197px;
	vertical-align:top;
	padding:0 0 6px 0;
}

/*--------------*/
div.topAboutInfo{
	width:603px;
	clear:both;
	margin:0 0 2em 0;
	background-color:#f7f7f7;
	border:1px solid #e8e8e8;
	padding:15px 0 10px 0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.topAboutInfo hr{
	width:564px;
	margin:0 0 1.5em 19px;
	padding:0;
	background-color:#f7f7f7;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #bdbdbd;
	height: 1px; 

}
div.topAboutInfo h3{
	width:564px;
	height:33px;
	margin:0 0 5px 19px;
	padding:0;
	text-indent:-9999px;
}
div.topAboutInfo h3.mdAboutInq{
	background:#ffffff url("./images/hpsozai2/top_md_inq.gif") no-repeat left top;
}
div.topAboutInfo h3.mdAboutWrap{
	background:#ffffff url("./images/hpsozai2/top_md_wrap.gif") no-repeat left top;
}
div.topAboutInfo div.aboutSummary{
	width:515px;
	margin:0 0 1em 65px;
	font-size:100%;
	color:#585858;
}
/*--------------*/
div.staticCtg{
	width:180px;
	position:relative;
	clear:both;
	margin:0 0 1.2em 0;
	background-color:#faf8f5;
	border-left:1px solid #b8b6b0;
	border-right:1px solid #b8b6b0;
	border-bottom:1px solid #b8b6b0;
	padding:0 0 0 0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div.staticCtg h4{
	width:180px;
	margin:0 0 5px 0;
	padding:0;
}
div.staticCtg dl{
	list-style:none;
	padding:0;
	margin:0 0 1em 0;

}
div.staticCtg dt,
div.staticCtg dd{
	width:180px;
	margin:0 0 5px 0;
	list-style:none;
}
div.staticCtg dt a{
	display:block;
	background:#ffffff url("./images/hpsozai2/ctg_bt_bg.gif") no-repeat left top;
	padding:2px 15px 2px 12px;
	color:#635c58;
	text-decoration:none;
	font-size:90%;
	font-weight:bold;
	text-shadow: 2px 1px 2px #FFF;
	line-height:120%;
	margin:0 0 3px 0;
}

div.staticCtg dd a{
	display:block;
	background:#ffffff url("./images/hpsozai2/ctg_bt_bg2.gif") no-repeat left top;
	padding:2px 15px 2px 32px;
	color:#635c58;
	text-decoration:none;
	font-size:85%;
	font-weight:bold;
	text-shadow: 2px 1px 2px #FFF;
	line-height:120%;
	margin:0 0 3px 0;
}
div.staticCtg dt a:hover,
div.staticCtg dd a:hover{
	color:#635c58;
	background-position:0 -50px;
}
div.staticCtg dt a:visited,
div.staticCtg dt a:active,
div.staticCtg dd a:visited,
div.staticCtg dd a:active{
	color:#635c58;
	text-decoration:none;
}


/*=====================================================
index.html
=====================================================*/

/*-----------------------
NEWS
-----------------------*/
div#news{
width:603px;
padding:0 0 15px 0;
}
div#news div.newsBody{
width:581px;
border:1px solid #e2e2e2;/*==original color==*/
background-color:#fffbf7;/*==original color==*/
padding:10px 10px 10px 10px;
/*font setting*/
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#news div.newsBody dl{
clear:both;
}
div#news div.newsBody dt{
float:left;
width:110px;
}
div#news div.newsBody dd{
float:left;
padding:0 0 0 0;
width:460px;
}

/*-----------------------
RECOMMEND
-----------------------*/
div#recommend{
width:603px;
padding:0 0 15px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#recommend div.recommendBody{
border:1px solid #e2e2e2;/*==original color==*/
padding:10px 10px 15px 10px;
}



/*-----------------------
CATEGORY
-----------------------*/
div#category{
width:603px;
padding:0 0 15px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#category div.categoryBody{
width:581px;
border:1px solid #e2e2e2;/*==original color==*/
padding:10px 10px 15px 10px;
}

/*-----SHARE-----*/

/*#/-Ver3Column-START-/#*/
/*
div#recommend div.recommendBody table,
div#category div.categoryBody table{
width:519px;
margin:0 auto;
text-align:center;
}
div#recommend div.recommendBody td,
div#category div.categoryBody td{
width:173px;
padding:0 0 10px 0;
text-align:center;
vertical-align:top;
}
div#recommend div.recommendBody td div.goodsBox,
div#category div.categoryBody td div.goodsBox{
padding:15px 0 0 0;
margin:0 auto;
text-align:left;
width:149px;
}
div#recommend div.recommendBody td div.goodsBox h3,
div#category div.categoryBody td div.goodsBox h3{
background-image:url("../../designs/default/images/hpsozai_ind01.gif");
background-repeat: no-repeat;
background-position:0 8px;
padding:3px 0 0 15px;
font-weight:normal;
margin:0;
line-height:130%;
}
*/
/*#/-Ver3Column-END-/#*/
/*#/-Ver4Column-START-/#*/
iv#recommend div.recommendBody table,
div#category div.categoryBody table{
width:516px;
margin:0 auto;
text-align:center;
}
div#recommend div.recommendBody td,
div#category div.categoryBody td{
width:150px;
padding:0 0 10px 0;
text-align:center;
vertical-align:top;
}
div#recommend div.recommendBody td div.goodsBox,
div#category div.categoryBody td div.goodsBox{
width:100px;
padding:15px 0 0 0;
margin:0 auto;
text-align:left;
}
div#recommend div.recommendBody td div.photo,
div#category div.categoryBody td div.photo{
width:100px;
height:100px;
padding:1px 1px 1px 1px;
border:1px solid #DAD7D1;
background-color:#fafafa;
margin:0 auto;
text-align:center;
}
div#recommend div.recommendBody td div.photo a,
div#category div.categoryBody td div.photo a{
display:block;
width:100px;
height:100px;
margin:0 auto;
}
div#recommend div.recommendBody td div.goodsBox h3,
div#category div.categoryBody td div.goodsBox h3{
background-image:url("images/hpsozai/hpsozai_ind01.gif");
background-repeat: no-repeat;
background-position:0 8px;
padding:3px 0 0 15px;
font-weight:normal;
margin:0;
line-height:130%;
}
div#recommend div.recommendBody td p.price,
div#category div.categoryBody td p.price{
padding:3px 0 0 15px;
font-weight:bold;
color:#f3161a;
margin:0;
line-height:130%;
}

/*#/-Ver4Column-END-/#*/
td.celBegin{
border-right:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;
}
td.celEnd{
border-bottom:1px dotted #cccccc;
}






/*=====================================================
goods_detail.html
=====================================================*/
/*
h1.goodsName
div#photoArea
div#goodDetail
	div.delivery
	div.goodsLinks
	div.order
div#summaryExplain
div#summarySpec
div#summaryReview
div#summaryOther
*/

h1.goodsName{
background-image:url("images/hpsozai/hpsozai_top_titlebg2.gif");
background-repeat: no-repeat;
width:578px;
height:23px;
color:#083926;
font-size:12px;
font-weight:bold;
padding:5px 0 0 25px;
margin:0px;
}

/*-----------------------
PHOTO AREA
-----------------------*/
div#photoArea{
float:left;
width:339px;
padding:10px 0 0 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#photoArea table.photoAreaMain td{
width:321px;
height:321px;
border:1px solid #b3ada4;
background-color:#fafafa;
padding:1px;
text-align:center;
vertical-align:top;
}

div#photoArea div.photoAreaSub{
width:74px;
height:74px;
float:left;
border:1px solid #b3ada4;
background-color:#fafafa;
padding:1px;
text-align:center;
margin:4px 4px 0 0;
}
div#photoArea div.photoAreaSub a{
display:block;
width:74px;
height:74px;
}
div#photoArea p.btExtend{
clear:both;
padding:5px 0 20px 0;
}
div#photoArea p.btExtend a{
display:block;
background-image:url("../../designs/default/images/bt_extend.gif");
background-repeat: no-repeat;
width:65px;
height:16px;
text-indent:-9999px;
}


/*-----------------------
GOODS DETAIL
-----------------------*/
div#goodDetail{
float:left;
width:264px;
padding:10px 0 0 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
/**/
div#goodDetail div.price{
font-size:16px;
font-weight:bold;
color:#f3161a;
}
/**/
div.delivery{
padding:10px 0 0 0;
}
div.delivery li{
font-size:11px;
}
/**/
div.goodsLinks{
padding:10px 0 0 0;
}
div.goodsLinks li{
float:left;
padding:0 5px 0 0;
}
div.goodsLinks li a{
display:block;
background-image:url("../../designs/default/images/ind02.gif");
background-repeat: no-repeat;
background-position:0 3px;
padding:0 0 0 12px;
}
/**/
div.order{
padding:10px 0 0 0;
clear:both;
}
div.order h2{
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
background-color:#f8f3dd;
font-size:12px;
font-weight:bold;
color:#7e7e7e;
padding:2px 5px 2px 10px;
text-indent:10px;
}
div.order div.orderBody{
/*border:1px solid #c8c8c8;*/
padding:5px 0px 5px 0px;
height:auto;
width:264px;
}

div.order div.orderBody table{
/*
z-index:1;
position:absolute;
*/
border-collapse:collapse;
}
div.order div.orderBody table select{
z-index:1;
position:absolute;
margin:0 auto;
}
div.order div.orderBody td{
height:25px;
padding:0;
vertical-align:top;
}
div.order div.orderBody th{
text-align:left;
font-size:11px;
font-weight:normal;
padding:0;
}

div.order div.orderBody div.btCartIn{
margin:20px 0 0 0;
padding:10px 0 10px 0;
}
div.order div.orderBody div.btCartIn a{
display:block;
background-image:url("../../designs/default/images/bt_cart.gif");
background-repeat: no-repeat;
width:186px;
height:32px;
text-indent:-9999px;
}
div.order div.orderBody div.btFavoAdd{
padding:0 0 5px 0;
}
div.order div.orderBody div.btFavoAdd a{
display:block;
background-image:url("../../designs/default/images/bt_favorite.gif");
background-repeat: no-repeat;
width:90px;
height:19px;
text-indent:-9999px;
}
div.order div.orderBody p.mobileMail{
font-size:11px;
}
li.wdLimit{
width:190px;
}

/*-----------------------
SUMMARY EXPLAIN
-----------------------*/
div#summaryExplain{
clear:both;
padding:0 0 30px 0;
}
div#summaryExplain h2.midashi{
background-image:url("../../designs/default/images/md_explain.gif");
background-repeat:no-repeat;
background-position:10px 8px;
border-left:5px solid #66cc00;/*==original color==*/
padding:5px 0 5px 0;
text-indent:-9999px;
margin:0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#summaryExplain div.explainBody{
border-top:1px dotted #898989;
border-bottom:1px dotted #898989;
padding:10px 0 10px 0;
width:603px;
overflow: scroll;

}
div#summaryExplain div.explainBody h3{
font-weight:bold;
font-size:12px;
margin:0;
}

/*-----------------------
SUMMARY SPEC
-----------------------*/
div#summarySpec{
clear:both;
padding:0 0 30px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#summarySpec h2.midashi{
background-image:url("../../designs/default/images/md_spec.gif");
background-repeat:no-repeat;
background-position:10px 8px;
border-left:5px solid #66cc00;/*==original color==*/
padding:5px 0 5px 0;
text-indent:-9999px;
margin:0;
}
div#summarySpec div.specBody{
padding:10px 0 0 0;
}
div#summarySpec div.specBody table{
border-collapse:collapse;
border-top:1px solid #9b9b9b;
border-left:1px solid #9b9b9b;
width:603px;
}
div#summarySpec div.specBody th{
background-color:#f8f3dd;
padding:5px 5px 5px 5px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
text-align:left;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
font-size:11px;
}
div#summarySpec div.specBody td{
padding:5px 5px 5px 5px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
font-size:11px;
}


/*-----------------------
SUMMARY REVIEW
-----------------------*/
div#summaryReview{
clear:both;
padding:0 0 30px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#summaryReview h2.midashi{
background-image:url("images/hpsozai/hpsozai_md_ind.gif");
background-repeat:no-repeat;
background-position:0 0px;
font-size:12px;
font-weight:bold;
padding:0 0 0 20px;
margin:0;
}
div#summaryReview div.reviewBody{
padding:10px 0 0 0;
}
div#summaryReview div.reviewBox{
background-color:#f5f5f5;
border-top:2px solid #66cc00;/*==original color==*/
padding:10px 10px 10px 10px;
}
div#summaryReview div.reviewBox h3{
font-size:12px;
font-weight:bold;
margin:0;
}
div#summaryReview div.reviewBox th{
font-size:11px;
font-weight:normal;
white-space:nowrap;
}
div#summaryReview div.reviewBox td div{
display:block;
background-image:url("../../designs/default/images/icon_star.gif");
background-repeat:repeat-x;
}
div#summaryReview div.reviewBox td div.star1{
width:12px;
height:12px;
}
div#summaryReview div.reviewBox td div.star2{
width:24px;
height:12px;
}
div#summaryReview div.reviewBox td div.star3{
width:36px;
height:12px;
}
div#summaryReview div.reviewBox td div.star4{
width:48px;
height:12px;
}
div#summaryReview div.reviewBox td div.star5{
width:72px;
height:12px;
}
div#summaryReview div.reviewBox p{
font-size:11px;
margin:0;
}


/*-----------------------
SUMMARY OTHER
-----------------------*/
div#summaryOther{
clear:both;
padding:0 0 30px 0;
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
div#summaryOther h2.midashi{
background-image:url("images/hpsozai/hpsozai_md_ind.gif");
background-repeat:no-repeat;
background-position:0 0px;
font-size:12px;
font-weight:bold;
padding:0 0 5px 20px;
margin:0;
}
div#summaryOther div.otherBody{
padding:15px 10px 15px 10px;
border:1px solid #e2e2e2;/*==original color==*/
}
div#summaryOther div.otherBody table{
}
div#summaryOther div.otherBody td{
text-align:left;
width:145px;
vertical-align:top;
}
div#summaryOther div.otherBody td div.otherBox{
padding:10px 10px 10px 10px;
vertical-align:top;
}
div#summaryOther div.otherBody td div.photo{
width:100px;
height:100px;
padding:1px 1px 1px 1px;
border:1px solid #DAD7D1;
background-color:#fafafa;
margin:0 auto;
text-align:center;
}
div#summaryOther div.otherBody td div.photo a{
display:block;
width:100px;
height:100px;
margin:0 auto;
}
div#summaryOther div.otherBody td h3{
background-image:url("images/hpsozai/hpsozai_ind01.gif");
background-repeat: no-repeat;
background-position:0 8px;
padding:4px 0 0 15px;
font-weight:normal;
margin:0;
line-height:130%;
font-size:12px;
text-align:left;
}
div#summaryOther div.otherBody td p.price{
line-height:120%;
font-weight:bold;
color:#f72520;
margin:0;
text-align:left;
font-size:12px;
padding:3px 0 0 15px;
}


/*=====================================================
goods_login.html
=====================================================*/
div.goodslogin{
padding:10px 10px 10px 10px;
margin:50px 0 0 0;
background-color:#f0ffe0;/*==original color==*/
border:3px solid #66cc00;/*==original color==*/
text-align:center;
/*fontset*/
color: #767676;
font-size: 80%;
font-size: 10pt;
line-height: 140%;
font-weight: normal;
}
table.tbLogin{
margin:0 auto;
border-collapse:collapse;
width:300px;
}
table.tbLogin th{
text-align:right;
font-weight:bold;
}
table.tbLogin td{
text-align:left;
}




/*<![CDATA[*/






/*--------------------------------------------------
■■■BASIC
--------------------------------------------------*/
.menu {width:162px;}
.menu,
.menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
position: relative;
z-index: 5;
}
.menu li:hover {
z-index: 10000;
white-space: normal;
}
.menu ul {
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
}
.menu li:hover>ul {
visibility: visible;
left: 100%;
}
/* -- float.clear --*/
.menu:after,
.menu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.menu,
.menu ul {/* IE7 float clear: */
min-height: 0;
}
/* -- float.clear.END --  */
.menu ul {
background-image: url(empty.gif);
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}


/*--------------------------------------------------
■■■DESIGN
--------------------------------------------------*/
.menu,
.menu ul li {
background-image:url("images/hpsozai/hpsozai_category_ind01.gif");
background-repeat: no-repeat;
background-position:1px 0;
background-color:#f9ffed;/*リストの背景色*/
padding:0px 0px 0px 24px;
}
.menu {
margin:0 0 0 9px;
}
.menu ul {
width: 12em;
}
.menu a {
text-decoration: none;
color:#137613;/*リンク色*/
padding:2px 0px 2px 24px;
display: block;
font-size:100%;
}
.menu a:visited,
.menu  a:link{
text-decoration: none;
color:#137613;/*リンク色*/
padding:5px 0px 5px 24px;
display: block;
font-size:100%;
}
.menu a:hover,
.menu li:hover>a {
color:#ff8d21;/*ロールオーバーの色*/
}
.menu li {
border: 1px solid #c0d499;
background-image:url("images/hpsozai/hpsozai_category_ind01.gif");
background-repeat: no-repeat;

}
.menu>li + li,
.menu ul>li + li {/* リストの最初の項目以外の先頭の線を取り除く */
border-top: 0;
background-image:url("images/hpsozai/hpsozai_category_ind01.gif");
background-repeat: no-repeat;
padding:0px 0px 0px 24px;
}
.menu li:hover>ul {/* サブメニューの重なり具合 */
top: 5px;
left: 60%;
}
.menu>li:first-child>a,
.menu li + li + li li:first-child>a {
color:#137613;/*リンク色一番上*/
}
/*]]>*/

<!--[if lte IE 6]>

/*<![CDATA[*/



/*--------------------------------------------------
■■■BASIC styles
--------------------------------------------------*/
.menu,
.menu ul {/* float.clear */
zoom: 1;
}
.menu li.adxmhover {
z-index: 10000;
}
.menu .adxmhoverUL {/* li:hover>ul selector */
visibility: visible;
}
.menu .adxmhoverUL {
left: 100%;
}

/*--------------------------------------------------
■■■DESIGN styles IE
--------------------------------------------------*/
.menu ul a {
zoom: 1;

}
.menu li {
float: left;
width: 100%;
}
.menu li {
margin-top: -1px;
}
.menu a:hover,
.menu .adxmhoverA {/* li:hover>a selector */
color:#ff8d21;/*ロールオーバーの色*/
}
.menu .adxmhoverUL {
top: 5px;
left: 60%;
}



/*]]>*/




/*--------------------------------------------------
■■■clearfix
--------------------------------------------------*/
div.topThreeCon:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.topThreeCon,
.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html div.topThreeCon,
* html .clearfix {
    height: 1%;
}
div.topThreeCon,
.clearfix {
    display: block;
}
/* End hide from IE-mac */