@charset "shift-jis";




/***********************************************************************************
. grobal
. header
. gmenu
. main
	. mainarea
	. sidearea
	. pankz










************************************************************************************/


/*------------------------------------------------------------------------------------
                                         . grobal
----------------------------------------------------------------------------------- */
* {	margin: 0px; padding: 0px;}
img {border: none;}
html { font-size: 12px;	color: #9b8660; font-family : "‚l‚r ƒSƒVƒbƒN", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "Verdana", sans-serif;}
body{ text-align: center; background-color: #fff5e5;}
#maincontents { padding: 50px 0px; background:url("../images/bg.gif") repeat-x;}


.txt10 { font-size: 10px;}
.txt11 { font-size: 11px;}
.txt12 { font-size: 12px;}

a { outline: none; } /*--macfirefox—p-*/
a:link { color: #ea7691; text-decoration: underline;}
a:visited { color: #ea7691; text-decoration: underline;}
a:active { color: #ea7691; text-decoration: underline;}
a:hover { color: #e4007f; text-decoration: underline;}

.bb { clear: both;}

.mb5 { margin-bottom: 5px;}
.mb20 { margin-bottom: 20px;}

/*------------------------------------------------------------------------------------
                                         . header
----------------------------------------------------------------------------------- */
.header { width: 100%; background-color: #fff; height: 48px; margin: 0px auto; text-align: center;}
.header div { width: 916px; display: inline-block; zoom: 100%;}
.header div:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.header p { float: left; width: 458px; height: 38px; margin: 5px auto; text-align: left;}
.header h1 { float: left; width: 458px; height: 18px; margin: 10px auto 0px auto; font-size: 12px; line-height: 1em; text-align: right;}

/*------------------------------------------------------------------------------------
                                         . gmenu
----------------------------------------------------------------------------------- */
.gmenu { width: 916px; height: 32px; margin: 0px auto 20px auto; text-align: left; display: inline-block; zoom: 100%;}
.gmenu:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}

.gmenu ul.btnz { overflow: hidden; height: 32px; display: inline-block; zoom: 100%;}
.gmenu ul.btnz:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.gmenu ul.btnz li {float: left; display: block; list-style-type: none; margin: 0px auto 10px auto; padding: 0px; text-align: center; text-indent: -9999px; line-height: 0.1px;}
.gmenu ul.btnz li a {display: block; width: 149px; height: 32px;}
.gmenu ul.btnz li.btn_01 a {background: url("../images/gmenu/01.gif") no-repeat; margin-right: 15px;}
.gmenu ul.btnz li.btn_01 a:hover {background: url("../images/gmenu/01_on.gif") no-repeat;}
.gmenu ul.btnz li.btn_02 a {background: url("../images/gmenu/02.gif") no-repeat; margin-right: 15px;}
.gmenu ul.btnz li.btn_02 a:hover {background: url("../images/gmenu/02_on.gif") no-repeat;}
.gmenu ul.btnz li.btn_03 a {background: url("../images/gmenu/03.gif") no-repeat; margin-right: 15px;}
.gmenu ul.btnz li.btn_03 a:hover {background: url("../images/gmenu/03_on.gif") no-repeat;}
.gmenu ul.btnz li.btn_04 a {background: url("../images/gmenu/04.gif") no-repeat; margin-right: 80px;}
.gmenu ul.btnz li.btn_04 a:hover {background: url("../images/gmenu/04_on.gif") no-repeat;}
.gmenu ul.btnz li.btn_05 a {background: url("../images/gmenu/05.gif") no-repeat;}
.gmenu ul.btnz li.btn_05 a:hover {background: url("../images/gmenu/05_on.gif") no-repeat;}


/*------------------------------------------------------------------------------------
                                         . main
----------------------------------------------------------------------------------- */
.main { width: 916px; margin: 0px auto; text-align: left; display: inline-block; zoom: 100%;}

/* . pankz */
.main:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.main .mainarea .pankz { width: 916px; margin: 0px 0px 10px 0px; text-align: left; display: block; font-size: 11px;}
.main .mainarea .pankz span { color: #392a0e;}

/* . mainarea */
.main .mainarea { float: left; overflow: hidden; width: 684px; margin-right: 32px;}
.main .mainarea h2.detailtitle { width: 684px; height: 37px; margin-bottom: 20px; background:url("../images/title_bg.gif") no-repeat;}
.main .mainarea h2.detailtitle span { display: block; width: 620px; height: 15px; font-size: 14px; color: #fff; padding: 13px 10px 0px 50px;}
.main .mainarea .itemcellarea { width: 699px; display: inline-block; zoom: 100%;}
.main .mainarea .itemcellarea:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.main .mainarea .itemcellarea .itemcell { float: left; width: 218px; height: 314px; overflow: hidden; margin: 0px 7px 20px 3px; background:url("../images/list/bg_itemcell.gif") no-repeat;}
.main .mainarea .itemcellarea .itemcell .title { display: block; width: 218px; margin: 10px 11px 5px 11px; padding-left: 15px; font-size: 11px;  background:url("../images/list/arrow.gif") no-repeat top left;}
.main .mainarea .itemcellarea .itemcell .itemimage { display: block; width: 162px; margin: 0px 28px 7px 28px; text-align: left;}
.main .mainarea .itemcellarea .itemcell dt { display: block; width: 162px; margin: 0px 28px 9px 28px; text-align: center; font-size: 12px; color: #392a0e; text-align: left;}
.main .mainarea .itemcellarea .itemcell dd { display: block; width: 162px; margin: 0px 28px 5px 28px; text-align: center; font-size: 11px; color: #9b8660; text-align: left;}
.main .mainarea .itemcellarea .itemcell .cartbtn { display: block; width: 162px; padding-top: 15px; margin: 0px auto 0px auto; text-align: center;  background:url("../images/list/line_01.gif") no-repeat top left;}
.main .mainarea .btminfoarea { width: 684px; margin: 20px auto; text-align: center;}



/* . sidearea */
.main .sidearea { float: left; width: 200px; padding-top: 7px;}
.main .sidearea p.title { margin-bottom: 5px;}
.main .sidearea h3 { width: 175px; height: 27px; margin-bottom: 5px; background:url("../images/sidemenu_00.gif") no-repeat;}
.main .sidearea h3 span { display: block; width: 130px; height: 15px; font-size: 12px; color: #fff; padding: 6px 10px 0px 10px;}
.main .sidearea ul.sidemenutxt { width: 175px; height: auto; margin-bottom: 20px; padding-bottom: 10px; background:url("../images/dotline.gif") repeat-x bottom left;}
.main .sidearea ul.sidemenutxt li { list-style-type: none; margin: 0px 0px 6px 2px; padding-left: 15px; background: url("../images/list/arrow.gif") no-repeat left;}
.main .sidearea .bnrarea { font-size: 10px; margin-bottom: 15px;}
.main .sidearea .bnrarea img { margin-bottom: 3px;}

/* . detail */
.main .mainarea .detailarea { width: 678px; margin: 0px 3px 20px 3px; display: inline-block; zoom: 100%;}
.main .mainarea .detailarea:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.main .mainarea .detailarea .imgarea { float: left; width: 400px; margin-right: 10px;}
.main .mainarea .detailarea .txtarea { float: left; width: 268px; background:url("../images/detail/txtarea_bg.gif") repeat-y; letter-spacing: -0.1em;}
.main .mainarea .detailarea .txtarea p { width: 250px; margin: 0px 9px 10px 9px;}
.main .mainarea .detailarea .txtarea strong { display: block; width: 250px; margin: 30px 9px 20px 9px; text-align: center; font-size: 16px; color: #392a0e;}
.main .mainarea .detailarea .txtarea h6 { display: block;  font-size: 11px; color: #392a0e; font-weight: normal; margin: 0px 9px 6px 9px;}
.main .mainarea .detailarea .txtarea p { display: block;  font-size: 11px; margin: 0px 9px 20px 9px;}
.main .mainarea .detailarea .txtarea .btmlink { margin: 20px 9px 20px 9px;}
.main .mainarea .detailarea .txtarea .btmlink img { margin-right: 3px;}
.main .mainarea .detailarea .txtarea .btmlink a:link { color: #392a0e; text-decoration: underline;}
.main .mainarea .detailarea .txtarea .btmlink a:visited { color: #392a0e; text-decoration: underline;}
.main .mainarea .detailarea .txtarea .btmlink a:active { color: #392a0e; text-decoration: underline;}
.main .mainarea .detailarea .txtarea .btmlink a:hover { color: #e4007f; text-decoration: underline;}

.main .mainarea .detailarea .txtarea ul { width: 268px; height: 40x; overflow: hidden;}
.main .mainarea .detailarea .txtarea ul li {display: block; list-style-type: none; margin: 0px auto 20px auto; padding: 0px; text-align: center;}

.ddarea { width: 648px; overflow:hidden; margin-bottom: 20px; line-height: 1.3em;}
.ddarea img { width: 240px; margin: 0px 10px;}
.ddarea div {display: inline-block; zoom: 100%; margin-bottom: 30px;}
.ddarea div:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.ddarea div h5 { font-size: 12px; color: #e4007f; margin-bottom: 10px;}
.ddarea div .l { display: block; width: 370px; border: margin-bottom: 10px; float: left;}
.ddarea div .r { display: block; width: 370px; border: margin-bottom: 10px; float: right;}




/*------------------------------------------------------------------------------------
                                         . footer
----------------------------------------------------------------------------------- */

.footer { width: 891px; height: 32px; margin: 20px auto 0px auto; text-align: center; display: inline-block; zoom: 100%;}
.footer ul { width: 891px; overflow: hidden; display: inline-block; zoom: 100%; text-align: left; font-size: 11px;}
.footer ul:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
.footer ul li { float: left; display: block; list-style-type: none; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; text-align: left; border-right: solid 1px #ccc;}





/*------------------------------------------------------------------------------------
                                         . #notice
----------------------------------------------------------------------------------- */
#notice dl { width: 648px; overflow: hidden;}
#notice dl dd {float: left; width: 120px; margin-bottom: 20px;}
#notice dl dt {float: left; width: 520px; margin-bottom: 20px; display: inline-block; zoom: 100%;}
#notice dl dt:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}


/*------------------------------------------------------------------------------------
                                         . #pp
----------------------------------------------------------------------------------- */
#pp * {line-height: 1.4em;}
#pp h4,#pp div {margin: 0px 0px 20px 0px; font-size: 13px;}
#pp p {margin: 10px 0px 20px 20px;}
#pp ul,#pp ol {margin: 10px 0px 20px 20px;}
#pp li {margin: 0px 0px 10px 20px;}