?@charset "utf-8";


/* FLASH
----------------------------------------------- */
div#flasharea {
    width: 520px;
    margin: 0 auto;
}


/* ニュース
----------------------------------------------- */
DIV#newsarea {
    width : 520px;
    margin: 0 auto;
    font-size: 90%;
}

div#newsarea dl {
    padding: 10px 0;
    background: url("../img/common/line_400.gif") no-repeat bottom;
}

div#newsarea dl.end {
    padding: 10px 0;
    background: url("") no-repeat bottom;
}

div#newsarea dl dt {
    padding: 0 0 0 20px;
    background: url("../img/top/news_icon.gif") no-repeat;
}


/* おすすめ
----------------------------------------------- */
DIV#recomendarea {
    width : 160px;
    margin: 0 auto;

}

DIV.recomendblock {
    clear: both;
    width : 158px;
    padding : 0px 0px 0px 0px;
  border-bottom-style : none;

}

DIV.recomendleft {
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #ff8000;
  border-right-color : #ff8000;
padding-left:2px;
padding-right:2px;
  width : 154px;
}

DIV.recomendblock2 {
    clear: both;
    width : 154px;
    padding : 20px 3px 20px 3px;
  border-bottom-style : none;
}
DIV.recomendleft2 {
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-left-color : #339900;
  border-right-color : #339900;
  width : 154px;
  background-color : #efff80;
}
DIV.recomendleft P {
    
border-style : none none none none;
  border-bottom-width : 0px;
  
  margin-left : 1px;
  margin-right : 1px;
}

DIV#cat {
    width : 160px;
    margin: 0 auto;
    border:solid 2px #ff9900;
}

DIV.recomendleft IMG, DIV.recomendright IMG {
    display: block;
    float:center;
    
}

/* MYPAGE共通指宁E----------------------------------------------- */
div#mypagecolumn {
    width: 950px;
    margin: 5px 0 0 0;
}

DIV#mypagecolumn H2.title{
    width : 950px;
    margin: 0 0 5px 0;
}

DIV#mypagecolumn TABLE {
    width : 950px;
}

DIV#mycontentsarea {
    width : 950px;
}

div#mycontentsarea table th.resulttd {
    text-align: right;
}

div#mycontentsarea table.delivname th {
    text-align: left;
    width: 140px;
}

div#mycontentsarea table caption {
    border-top: 1px solid #800000;
    border-right: 1px solid #800000;
    border-left: 1px solid #800000;
    padding: 8px;
    background-color: #ffff96;
    text-align: left;
    font-weight: bold;
    color: #000;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mynavarea {
    float: left;
    width: 950px;
}

//div#mynavarea li {
//    display: block;
 //   height: 30px;
//}

div#mycontentsarea {
    float: right;
}

div#mycontentsarea h3 {
    margin: 0 0 10px 0;
}

div#mycontentsarea table th {
    text-align: center;
}

div#mycontentsarea p.myconditionarea {
    clear: both;
    width: 500px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}

div#mycontentsarea p.delivempty {
    clear: both;
    width: 500px;
    margin: 30px auto;
    padding: 10px 0;
    border: solid 5px #ffff96;
    text-align: center;
}


/* 会員登録冁E�E��E�変更/退企E----------------------------------------------- */
div#mycontentsarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

div#mycontentsarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#mycontentsarea .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#mycontentsarea .box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#mycontentsarea .zipimg img {
    margin: 5px 0 0 0;
}

div#mycontentsarea #completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ffff96;
}

div#completetext p.changetext {
    padding: 40px 0;
    text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #800000;
	border-bottom: 1px solid #800000;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* 下層共通指宁E
----------------------------------------------- */
div#undercolumn {
    width: 580px;
    margin: 15px auto 0 auto;
}

div#undercolumn h2.title{
    width: 580px;
    margin: 0 0 15px 0;
}

div#undercolumn table {
    width: 570px;
}




/* ◎◎につぁE��
----------------------------------------------- */
div#undercolumn_aboutus {

}

div#undercolumn_aboutus table th {
    width: 140px;
}


/* 特定商取引況E
----------------------------------------------- */
div#undercolumn_order {

}

div#undercolumn_order table th {
    width: 140px;
}


/* お問ぁE��わせ
----------------------------------------------- */
div#undercolumn_contact {

}

div#undercolumn_contact .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_contact .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_contact .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_contact .area380 {
    width: 380px;
    height: 250px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_contact .zipimg img {
    margin: 5px 0 0 0;
}


/* 会員登録
----------------------------------------------- */
div#undercolumn_entry {

}

div#undercolumn_entry .area470 {
    width: 570px;
    height: 520px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_entry .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_entry .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_entry .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_entry .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#undercolumn_entry .zipimg img {
    margin: 5px 0 0 0;
}

div#undercolumn_entry div#completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ffff96;
}

div#undercolumn_entry div#completetext em {
    font-weight: bold;
}

div#undercolumn_entry div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}

div#undercolumn_entry dt {
    float: left;
    width: 4em;
    border: 1px solid #FF0000;
}

* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}

BODY {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    
    background-color : white;
    font-size: 68%;
    line-height: 150%;
    letter-spacing:1px;
  color : #000040;
}

li {
    list-style-type: none;
}

select {
    border: solid 1px #800000;
}

/*PHOTO*/
.picture {
//  padding:3px;
//  border:solid 1px #666666;
    vertical-align: middle;

}
.picture2 {
  padding:2px;
  border:solid 1px #666666;
}

/* �t���[�g��荞�݉�
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
;}
/* �����N��E  E
----------------------------------------------- */
a { text-decoration: underline; }
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #ff6600; }
/* �t�H���`E
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { color: #ff0000; font-weight: bold; }
.price2 { color: #444444; font-weight; }
.attention { color: #ff0000; }
.mini { font-size: 95%; }
em {
    font-style: normal;
    color: #ff0000;
}
/* �`E E�u�����ʎw?E
----------------------------------------------- */
table  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #ff9900;
    border-left: 1px solid #ff9900;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 8px;
    border-right: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
    background-color: #ffffff;
    font-weight: normal;
}
table td {
    padding: 8px;
    border-right: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
}
div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
.phototd {
    width: 75px;
    text-align: center;
}
.centertd {
    text-align: center;
}
.pricetd {
    text-align: right;
}
.pricetd em {
    font-weight: bold;
}
DIV#completetext {
    width : 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border : 5px solid #ffff96;
}
div#completetext em {
    font-weight: bold;
}
div#completetext p{
    padding: 20px 0 0 0;
    text-align: left;
}

/* �w�b�_�[���S
------------------------------------------------ */
DIV#header {
//    background: url("/../img/bg.gif");
    width : 950px;
    height : 65px;
    margin: 0 auto;
}
div#headbar{
    width : 100%;
    height : 25px;
    background: #ff9900;
    margin-bottom: 3px;
  text-align : center;
border-top:solid 1px #ffcc66;
border-bottom:solid 1px #ffcc00;
background: url("/../img/bd.gif");
}
div#headbar a {color:#be0000;text-decoration:none;}
div#headbar a:link {color:#be0000;text-decoration:none;}
div#headbar a:visited {color:#be0000;text-decoration:none;}
div#headbar a:active {color:#be0000;text-decoration:none;}
div#headbar a:hover {color:#be0000;text-decoration:underline;}


DIV#cardy {
    background: url("/../img/bg.gif") no-repeat bottom;
    float: left;
    width : 380px;
    height : 51px;
    margin-top:8px;
}

DIV#header H1 A {
    float: left;
    display: block;
    margin-top:8px;
    width : 276px;
    height : 54px;
    background : url("/../img/logo.gif") no-repeat bottom;

}

DIV#headtx {
    width : 950px;
    margin : 0px auto auto;
  text-align : left;
}

div#header em {
    display: none;
}


/* �w�b�_�[�i�r
----------------------------------------------- */
DIV#information2 {
//    float: right;    height: 20px;
    padding :  0 5px 0 0;
}
input[type='image'].boxtop {
    width: 80px;
    height: 18px;
}

DIV#information {
//    float: right;
    padding : 0 0 0 0;
    height: 20px;
}
div#headbar ul li {
    display: inline;

}
div#headbar ul li a {
    text-decoration: none;
}
div#headbar form{
    display: inline;
//    padding : 0px 0px 10px 0px;
}

div#information dss2{
    display: inline;
//    padding : 0px 0px 0px 0px;
}


/* �t���[��
----------------------------------------------- */
DIV#container {
    width : 950px;
    margin: 0 auto;
    padding: 0 2px;
    background-color: #fff;
    text-align: left;
}
#container:after {/* firefox�w�i�F�\���p */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#leftcolumn {
    float: left;
    padding: 5px 0 0 0;
    width: 166px;
}

div#leftcolumn h2 {
    padding: 5px 0 0 0;
}

div#rightcolumn {
    float: left;
    padding: 5px 0 0 0;
    width: 166px;
}

div#mng {
    background: url("//www.patissiere.jp/img/mngtlt.gif");
    width : 540px;
    height : 335px;
}
.mngo {
  float: right;
      margin: 170px 5px 0px 0px;
//border:solid 1px #ff9900;
}

div#rightcolumn {
    float: left;
    width: 166px;
}


div#rightcolumn h2 {
    padding: 0 0 0 0;
}

/* ���C���R���`E  �`E
----------------------------------------------- */
/* 3�J������?E*/
DIV#three_maincolumn {
    float: left;
    width : 685px;
    padding: 5px 0 0 0;
  text-align : center;
}

div#three_maincolumn h2 {
    padding: 15px 0 0 0;
}

/* 2�J������?E*/
DIV#two_maincolumn {
    float: left;
    width : 775px;
    padding: 0 0 0 5px;
}

div#two_maincolumn h2 {
    padding: 0 0 0 0;
}

/* 1�J������?E*/
div#one_maincolumn {
    padding: 0 0 0 0;
}

/* �J�S�̒�
----------------------------------------------- */
DIV#cartarea {
    width: 144px;
    padding : 10px 10px 10px 10px;
    border : 1px solid #00cc00;border-left-width : 1px;border-right-color : #00cc00;border-bottom-color : #00cc00;border-left-color : #00cc00;border-right-width : 1px;border-left-width : 1px;
}

div#cartarea p {
    padding: 0 0 0 0;
}

div#cartarea p.item {
    padding: 0 0 0 0;
    background: url("../img/side/line_146.gif") no-repeat bottom;
}

div#cartarea .btn {
    padding: 0;
    text-align: center;
}

/* �J�e�S���[
----------------------------------------------- */
DIV#categoryarea {
    width: 150px;
    padding: 0 5px 0 5px;

}

div#categoryarea li {
    padding: 0 0 0 14px;
    background: url("../img/common/arrow_blue.gif") 0 3px no-repeat;
}
div#categoryarea li.onmark {
    background: url("../img/common/arrow_red.gif") 0 3px no-repeat;
}
div#categoryarea li.level1 {
    font-weight: bold;
}
div#categoryarea li.level1 li {
    font-weight: normal;
}
div#categoryarea li a {
    display: block;
    padding: 3px 0;
}

a.onlink {  text-decoration: underline; }
a.onlink:link { color: #ff0000; }
a.onlink:visited { color: #ff0000; }
a.onlink:hover { color: #ff0000; }

/* �K�C�h�����N
----------------------------------------------- */
#guidearea {
    padding: 5px 0 0 0;
    line-height: 0;
}

/* ���O�C��
----------------------------------------------- */
DIV#loginarea {
    width: 144px;
    padding : 10px 10px 10px 10px;
    border : 1px solid #00cc00;border-right-color : #00cc00;border-bottom-color : #00cc00;border-left-color : #00cc00;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;
}

div#loginarea p {
    padding: 0 0 0 0;
}

div#login img {
    padding: 0 0 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
}

#loginarea .box96 {
    width: 96px;
    border: solid 1px #800000;
}

/* ����
----------------------------------------------- */
DIV#searcharea {
    width: 144px;
    padding : 10px 10px 10px 10px;
    border : 1px solid #00cc00;border-right-color : #00cc00;border-bottom-color : #00cc00;border-left-color : #00cc00;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;
}

div#searcharea p {
    padding: 8px 0 0 0;
}

div#searcharea .btn {
    text-align: center;
}

#searcharea .box142 {
    width: 142px;
    border: solid 1px #800000;
}

/* �J�����_�[
----------------------------------------------- */
#block-calendar {
}

#block-calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#block-calendar th, #block-calendar td {
    padding: 2px;
    border: 1px solid #ff9900;
}

#block-calendar th {
    background: #ff9900;
    color: #ffffff;
}

#block-calendar .off {
    background: #FFEECC;
    color: #E04A00;
}

#block-calendar caption {
    color: #DD4400;
}

/* �o�i�[
----------------------------------------------- */
ul#banner {
    padding: 15px 0 0 0;
}

#banner li {
    padding: 0 0 10px 0;
}

/* �`E  �X�g�t�B�[���`E
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #800000;
}

/* �{�^��
----------------------------------------------- */
input[type='image'] {
    border: none;
}

input[type='image'].box190 {
    width: 190px;
    height: 30px;
}

input[type='image'].box180 {
    width: 180px;
    height: 30px;
}

input[type='image'].box150 {
    width: 150px;
    height: 30px;
}

input[type='image'].box140 {
    width: 140px;
    height: 30px;
}

input[type='image'].box130 {
    width: 130px;
    height: 30px;
}

input[type='image'].box51 {
    width: 51px;
    height: 22px;
}

/* �t�b�^�[
----------------------------------------------- */
#pagetop {
    width : 884px;
    margin: 0 auto;
    padding: 30px 8px 15px 8px;
    background-color: #fff;
    text-align: right;
}

#fotter {
    width : 100%;
 //   padding: 10px 5px;
    background-color : #ff9900;
    font-size: 80%;
    color : navy;
    text-align : center;
    margin : 0px 0px 5px 0px;
}

/* 下層共通指宁E----------------------------------------------- */
div#undercolumn2 {
    width: 785px;
    margin: 5px auto 0 auto;
}

div#undercolumn2 h2.title{
    width: 765px;
    margin: 0 0 15px 0;
}

div#undercolumn2 table {
    width: 765px;
}




/* 検索結果
----------------------------------------------- */
p.conditionarea {
    clear: both;
    width: 686px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}


/* ペ�Eジ送り
----------------------------------------------- */
.pagenumberarea, .pagecondarea {
    clear: both;
    width: 680px;
    margin: 20px 0;
    padding: 10px;
    background-color : white;
}

ul.pagenumberarea {
    height: 2.5ex;
}

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

UL.pagenumberarea LI {
    float: left;
    width : 32.9%;
}

ul.pagenumberarea li.left {
    text-align: left;
    white-space: nowrap;
}

ul.pagenumberarea li.center {
    text-align: center;
    white-space: pre;
}

ul.pagenumberarea li.right {
    text-align: right;
    white-space: nowrap;
}

.pagenumberarea .pagenumber{
    color: #ff0000;
    font-weight: bold;
}

p.pagenumberarea .number{
    font-weight: bold;
}

/* 啁E�E��E�一覧 */

/* タイトル
----------------------------------------------- */
DIV#listtitle {
    width: 785px;
    margin: 0 0 10px 0;
    background-color : #ffff96;
    float: left;

}



/* 啁E�E��E�
----------------------------------------------- */
div.listarea {
//    clear: both;
//    display: inline;
    float: left;
    text-align: center;
  text-valign : middle;
    vertical-align: middle;
    width: 160px;
    padding: 15px 15px 15px 15px;
//    overflow: auto;
}

div.listphoto {
    text-align: center;
    width: 140px;
}

div.listrightblock {
    text-align: center;
    width: 160px;
}

div.listrightblock li {
    text-align: center;
 //   display: inline;
    padding: 0 0 0 0;
}

DIV.listrightblock  {
    width: 250px;
    margin: 0;
    padding: 5px 5px;
    border-bottom : 0px solid #ebebd6;
    background-color : #ffff96;
    font-size: 120%;
}

div.listrightblock a {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

div.listrightblock dt {
    width: 75px;
    float: left;
    text-align: right;
    padding: 3px;
    font-weight: bold;
}

div.listrightblock dd {
    padding: 3px;
}

div.listrightblock .cartbtn {
    clear: both;
    text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------------------------------*/

div.listrightblock .box54 {
    width: 54px;
    border: solid 1px #800000;
}

/* 啁E�E��E�詳細 */

/* タイトル
----------------------------------------------- */
div#detailtitle {
    width: 700px;
    margin: 0 0 10px 0;
    background-color : #ffff96;
}

div#detailtitle h2 {
    padding: 5px 0 5px 30px;
    font-size: 140%;
}


/* 啁E�E��E�
----------------------------------------------- */
div#detailarea {
    width: 700px;
    margin: 15px 0 0 0;
}

div#detailphotoblock {
    float: left;
    width: 380px;

}

div#detailphotoblock p {
    margin: 5px 0 0 0;
}

div#detailrightblock {
    float: left;
    width: 310px;
  text-align : center;
  text-valign : middle;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

div#detailrightblock li {
    display: inline;
}

div#detailrightblock h2 {
    margin: 5px 0;
    padding: 0;
    color: #ff6600;
    font-size: 140%;
    font-weight: bold;
}

div#detailrightblock dl {
    padding: 15px 0 0 0;
}

div#detailrightblock dt {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url("../img/common/arrow_gray.gif") no-repeat left center;
}

div#detailrightblock dd {
    margin: 0 15px 0 0;
}

div#detailrightblock .box54 {
    width: 54px;
    border: solid 1px #800000;
}

DIV#detailrightblock .btn {
    clear: both;
    margin : 10px 0px 0px 0px;
    padding : 10px 0px 0px 0px;
    text-align : center;
    vertical-align: middle;
    background-repeat : no-repeat;
}

/* サブタイトル
----------------------------------------------- */
DIV.subarea {
    clear: both;
    width : 750px;
//    margin : 0px 20px 0px 0px;
    padding : 0px 10px 0px 10px;
  color : #660000;
  background-color : #ffff96;
  text-align : left;
}

div.subarea h3 {
    width: 680px;
    font-size: 120%;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background-color: #e4e4e4;
}

div.subtext {
    float: left;
    width: 365px;
}

div.subphotoimg {
    float: right;
    width: 202px;
}

div.subphotoimg p {
    margin: 5px 0 0 0;
    text-align:right;
}


/* お客様�E声
----------------------------------------------- */
div#customervoicearea {
    clear: both;
    width: 700px;
    padding: 35px 0 0 0;
}

div#customervoicearea h2 {
    padding: 0 0 10px 0;
}

div#customervoicearea .voicedate{
    font-weight: bold;
    margin: 10px 0 0 0;
}

div#customervoicearea .voicetitle{
    padding: 5px 0;
    font-size: 120%;
    font-weight: bold;
}

div#customervoicearea li {
    padding: 0 0 10px 0;
    background: url("../img/common/line_580.gif") no-repeat bottom;
}

/* トラチE�E��E�バック
----------------------------------------------- */
div#trackbackarea {
    clear: both;
    width: 700px;
    padding: 35px 0 0 0;
}

div#trackbackarea h2 {
    padding: 0 0 10px 0;
}

div#trackbackarea h3 {
    font-size: 100%;
    font-weight: bold;
    padding: 0 0 10px 0;
}

div#trackbackarea .box500 {
    width: 620px;
    border: solid 1px #800000;
}

/* こ�E啁E�E��E�を買った人はこんな啁E�E��E�も買ってぁE�E��E�ぁE----------------------------------------------- */
div#whoboughtarea {
    clear: both;
    width: 700px;
    padding: 35px 0 0 0;
}

div.whoboughtblock {
    clear: both;
    width: 700px;
    padding: 10px 0;
    overflow: auto;
}

div.whoboughtleft {
    float: left;
    width: 280px;
    padding: 10px 0;
    position: relative;
    background: url("../img/common/line_578.gif") no-repeat bottom;
}

div.whoboughtleft img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.whoboughtleft p {
    margin: 0 0 5px 0;
}

div.whoboughtright {
    float: right;
    width: 280px;
    padding: 10px 0;
    position: relative;
    background: url("../img/common/line_578.gif") no-repeat bottom;
}

div.whoboughtright img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.whoboughtright p {
    margin: 0 0 5px 0;
}

div.whoboughtleft h3 {
    font-size: 100%;
}

div.whoboughtright h3 {
    font-size: 100%;
}

/* 下層共通指宁E----------------------------------------------- */
div#under02column {
    width: 700px;
    margin: 15px auto 0 auto;
}

div#under02column h2.title{
    width: 700px;
    margin: 0 0 15px 0;
}

div#under02column table {
    width: 690px;
}

/* カート��E�E中
----------------------------------------------- */
div#under02column_cart {

}

div#under02column_cart .totalmoneyarea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 1px solid #800000;
    text-align: center;
}

div#under02column_cart th {
    text-align: center;
}

div#under02column table th.resulttd {
    text-align: right;
}

div#under02column td#quantity {
   text-align: center;
   width: 70px;
}

div#under02column ul#quantity_level li {
    display: inline;
    padding: 3px;
}

div#under02column .empty {
    text-align: center;
}

/* お客様情報入劁E----------------------------------------------- */
div#under02column_customer {

}

.flowarea {
    margin: 0 0 20px 0;
}

div#under02column_customer th em {
    color: #000;
    font-weight: bold;
}

div#under02column_customer .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_customer .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_customer .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_customer .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_customer .zipimg img {
    margin: 5px 0 0 0;
}


/* お届け先指宁E----------------------------------------------- */
div#under02column_shopping table th {
    text-align: center;
}

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


/* お支払い方法��E�Eお届け時間等��E�E持E�E��E�E----------------------------------------------- */
div#under02column_shopping .payarea {
    width: 670px;
    margin: 0 auto;
}

div#under02column_shopping h3 {
    margin: 0 0 15px 0;
}

div#under02column_shopping .payarea02 {
    width: 670px;
    margin: 40px auto 0 auto;
}

div#under02column_shopping .payarea02 div {
    margin: 10px 0 0 0;
}

div#under02column_shopping .payarea02 em {
    font-weight: bold;
    color: #000;
}

div#under02column_shopping .payarea table {
    width: 670px;
}

div#under02column_shopping .payarea table th {
    text-align: center;
}

div#under02column_shopping .payarea02 .area660 {
    width: 660px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_shopping .pointarea {
    width: 670px;
    margin: 40px auto 0 auto;
}

div#under02column_shopping .pointarea div {
    border: 3px solid #800000;
    padding: 5px;
    text-align: center;
}

div#under02column_shopping .pointarea ul {
    margin: 10px auto;
    width: 500px;
}

div#under02column_shopping .pointarea li {
    text-align: left;
    padding: 2px 10px;
}

div#under02column_shopping .pointarea li.underline {
    border-bottom: 1px dashed #800000;
    margin-bottom: 7px;
}

/* 確誁E----------------------------------------------- */

div#under02column_shopping table.delivname thead th {
    width: 690px;
    text-align: left;
    font-weight: bold;
}

div#under02column_shopping table.delivname tbody th {
    text-align: left;
    width: 155px;
}

div#under02column_shopping table.delivname td {
    text-align: left;
    width: 550px;
}

/* 決済モジュール(決済情報入力画面)
----------------------------------------------- */
div#under02column_shopping .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_shopping .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

/* ログイン
----------------------------------------------- */
div#under02column_login {

}

div#under02column_login .loginarea {
    width: 620px;
    margin: 0 auto 20px auto;
    padding: 20px 15px;
    border: 5px solid #ffff96;
}

div#under02column_login .loginarea .inputtext {
    width: 500px;
    margin: 15px auto 0 auto;
}

div#under02column_login .loginarea .inputtext02 {
    width: 500px;
    margin: 15px auto 0 auto;
    font-size: 90%;
}

div#under02column_login .loginarea .inputbox {
    width: 460px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    background: #ffff96;
}

div#under02column_login .loginarea .inputbox .passwd {
    margin: 15px 0 0 0;
}

div#under02column_login .loginarea .inputbox .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #800000;
}

div#under02column_login .loginarea .inputbox02 {
    width: 460px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    background: #ffff96;
    text-align: center;
}

/* エラー
----------------------------------------------- */
div#under02column_error {

}

div#under02column_error .messagearea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 5px solid #ffff96;
    text-align: center;
}

div#under02column_error .messagearea .error {
    padding: 120px 0;
}

/* 啁E��詳細拡大写真
----------------------------------------------- */
div#bigimage {
    width: 520px;
    margin: 15px auto 0 auto;
    background-color: #ffffff;
}

div#bigimage img {
    padding: 10px;
    background-color: #ffffff;
}


/* カート拡大写真
----------------------------------------------- */
div#cartimage {
    width: 280px;
    margin: 15px auto 0 auto;
    background-color: #ffffff;
}

div#cartimage img {
    padding: 10px;
    background-color: #ffffff;
}


/* お客様�E声の書き込み・新しいお届け先�E追加・変更
----------------------------------------------- */
div#windowcolumn {
    width: 550px;
    margin: 15px auto 0 auto;
    background-color: #fff;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
}

div#windowcolumn h2 {
    width: 500px;
    margin: 0 0 15px 0;
}

div#windowarea {
    width: 500px;
    margin: 15px auto 0 auto;
}

div#windowarea p.windowtext {
    margin: 15px 0 0 0;
}

div#windowarea table {
    width: 490px;
}

div#windowarea .zipimg img {
    margin: 5px 0 0 0;
}

div#windowarea .box350 {
    width: 350px;
    padding: 2px;
    border: 1px solid #800000;
}

div#windowarea .area350 {
    width: 350px;
    height: 120px;
    border: 1px solid #800000;
}

div#windowarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #800000;
}

div#windowarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #800000;
}

div#windowarea .box300 {
    width: 300px;
    padding: 2px;
    border: 1px solid #800000;
}

div#windowarea .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

div#windowarea #completebox {
    width: 490px;
    margin: 15px 0 0 0;
    border: 5px solid #ffff96;
}

div#windowarea #completebox p{
    padding: 60px 5px;
    text-align: center;
}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    width: 460px;
    margin: 15px auto 0 auto;
    background-color: #fff;
    border-top: 5px solid #ffa85c;
    border-bottom: 5px solid #ffa85c;
}

div#zipsearchcolumn h2 {
    width: 460px;
    margin: 0 0 15px 0;
}

div#zipsearcharea {
    width: 460px;
    margin: 15px auto 0 auto;
}

div#zipsearchcolumn .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}

div#zipsearcharea #completebox p{
    padding: 60px 5px;
    text-align: center;
}

#MULTI_ROLLOVER_THUMBS{
  text-align : center;
  padding: auto;
  margin: 10px 0 5px 0;
}

#mypic{
  width: 590px;
  text-align : center;
  padding: auto;
  margin: 10px 0 10px 0;
}

#mytitle{
  text-align : center;
  text-valign : middle;
  background-color:#ff9900;
  color:#ffff00;
  margin: 5px 0 10px 0;
}

#pot{
    width: 400px;
    height: 400px;
}
#picr {
float:left;
  width: 130px;
  padding:5px;
  border:solid 1px #999900;
  margin: 0 2px 5px 2px;
}

.pcc{
	border: 1px solid #666666;
}
.barr {
    border-bottom: 1px dotted #666666;
}