@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------
toppage
---------------------------------------------------------------------*/
#top div#main ul,
#eccube div#main ul{
	background: none;
	margin: 0;
	padding: 0; }

#top div#main ul li,
#eccube div#main ul li{
	padding: 0;
	background: none; }

#top div#main ul li a,
#eccube div#main ul li a{
	padding: 0; }


/* signpost */
#eccube div#main ul.signpost {
	margin: 0.6em 0; }
#eccube div#main ul.signpost li {
	display: inline;
	font-size: 0.9em; }
#eccube div#main ul.signpost li a {
	padding: 0 15px 0 0; }


div#main h1.top {
	display: none; }
div#main h2 {
	clear: both;
	font-size: 1em;
	margin: 3em 0 10px;
	padding: 0.5em 0 0.5em 16px;
	line-height: 1.2;
	border-bottom: 2px solid #CCC;
	background: url(../img_cmn/back_subtitle.gif) no-repeat top left #FFF; }

div#main div.campaign h2,
div#main div.pickup h2 {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: none; }


/* campaign ---------------------------------------------------------*/
div#main div.campaign_bn {
	width: 560px;
	margin: -14px 0 3em 0;
	padding: 0;
}
div#main div.campaign_bn_s1 {
	margin-top: 3em;
}
div#main div.campaign_bn div {
	margin: 0;
	padding: 0;
}
div#main div.campaign_bn div.main {
}
div#main div.campaign_bn div.sub {
	/* 	margin-top: 8px; */
	margin-bottom: 8px;
}
div#main div.campaign_bn div.layout_l {
	/* margin-top: 8px; */
	float: left;
	width: 140px;
}
div#main div.campaign_bn div.layout_r {
	/* margin-top: 8px; */
	float: right;
	width: 140px;
}
div#main div.campaign_bn div.layout_c {
	/* margin-top: 8px; */
	text-align: center;
}
div#main div.campaign_bn div.layout_c img {
}
div#main div.campaign_bn div.layout_c img.t1 {
	padding-bottom: 5px;
}
div#main div.campaign_bn div.layout_c img.b1 {
	margin-left: 3px;
	margin-right: 5px;
}
div#main div.campaign_bn div.layout_c img.b2 {
	margin-right: 4px;
}


/* pickup ---------------------------------------------------------*/
div#main div.pickup h2 {
	margin: 0 0 14px; }

#eccube div#main div.pickup ul {
	/*height: 100%;*/
	zoom: 1;
	margin: 0 0 50px;
	background: url(../img/back_pickup.gif) no-repeat bottom right; }
#eccube div#main div.pickup ul li {
	width: 140px;
	float: left; }

#eccube div#main div.pickup ul li a {
	display: block;
	padding: 5px 10px 10px 15px;
	font-size: 0.9em;
	margin: 0 1px 1px 0;
	line-height: 1.4; }
#eccube div#main div.pickup ul li a:hover {
	/*background: url(../img/title_pickup_single.gif) no-repeat bottom right #F4F4F4; */
	background: #F4F4F4;
	margin: 0 1px 1px 0;}
#eccube div#main div.pickup ul li a img {
	display: block; }
#eccube div#main div.pickup ul li a strong {
	display: block;
	padding: 8px 0 5px;
	text-align: center;
	font-size: 1.2em;
	color: #8855BA; }

#eccube div#main div.pickup ul li a span {
	display: block;
	margin: 0.5em 0 0;
	text-align: right; }
#eccube div#main div.pickup ul li a span img {
	display: block;
	margin: 0 0 0 auto; }



/* news ---------------------------------------------------------*/
#top div#main div.news p,
#eccube div#main div.news p {
	font-size: 0.9em;
	margin: -3em 10px 1em 0;
	text-align: right; }
#top div#main div.news p a,
#eccube div#main div.news p a {
	color: #69CACA;
	line-height: 1.2;
	text-decoration: none;
	background: url(../img_cmn/arrow_list.gif) no-repeat left;
	padding: 0 0 0 15px; }
#top div#main div.news p a:hover,
#eccube div#main div.news p a:hover {
	color: #3030CF; }
#top div#main div.news ul li,
#eccube div#main div.news ul li {
	display: block;
	font-size: 0.9em;
	padding: 0.8em 10px 1em;
	line-height: 1.4;
	color: #268080;
	/*background: url(../img_cmn/back_dot.gif) repeat-x bottom left #F4F3F5;*/
	background: url(../img_cmn/back_dot.gif) repeat-x bottom left; }
/* safari only \*/ 
html:\66irst-child #top div#main div.news ul li,
html:\66irst-child #eccube div#main div.news ul li { background-color: #FFF; }

#top div#main div.news ul li a,
#eccube div#main div.news ul li a {
	margin: 0 0.3em; }
#top div#main div.news ul li span,
#eccube div#main div.news ul li span {
	line-height: 1.4;
	display: block;
	color: #555555;
	margin: -1.6em 0 0 7em; }
/* safari only \*/ 
html:\66irst-child #top div#main div.news ul li span,
html:\66irst-child #eccube div#main div.news ul li span { margin-left: 7.5em; }

#top div#main div.news ul li.odd,
#eccube div#main div.news ul li.odd {
	background-color: #FFF; }





/* Environment ---------------------------------------------------------*/
#eccube div#main table.environ {
	border: none; }
#eccube div#main table.environ td {
	vertical-align: top;
	width: 33%;
	border: 3px solid #f7f7f7;
	font-size: 0.9em; }
#eccube div#main table.environ td strong {
	display: block;
	padding: 0.5em 0;}
#eccube div#main table.environ td a {
	display: block;
	text-decoration: none; }
#eccube div#main table.environ td strong {
	text-decoration: none;
	color: #555555; }
#eccube div#main table.environ td a:hover strong {
	color: #c00; }
#eccube div#main table.environ td span {
	font-size: 1em;
	display: block;
	color: #555555;
	text-decoration: none;
	text-align: left; }
#eccube div#main table.environ td a:hover span {
	color: #222; }
#eccube div#main table.environ td div.link {
	text-align: left;
	vertical-align: top; }
#eccube div#main table.environ td div.link a {
	margin-top: 1em;
	background-position: left top; }



#eccube div#main table.environ2 {
	border: none;
	width: 540px; }
#eccube div#main table.environ2 td {
	vertical-align: middle;
	width: 33%;
	border: 3px solid #f7f7f7;
	font-size: 0.9em; }
#eccube div#main table.environ2 td a {
	display: block;
	text-decoration: none; }

#eccube div#main table.environ2 td dl {
	margin: 0.5em 0 0;
	padding: 10px;
	text-align: left;
	background: #F7F7F7; }
#eccube div#main table.environ2 td dl dd {
	margin-bottom: 0; }
#eccube div#main table.environ2 td dl dd ul {
	margin-left: 5px; }
#eccube div#main table.environ2 td dl dd ul li {
	list-style: disc; }
#eccube div#main table.environ2 td dl dd ul li a {
	float: none;
	line-height: 1.2;
	padding-bottom: 0.3em;
	margin: 0; }





/*---------------------------------------------------------------------
otherpage
---------------------------------------------------------------------*/

#eccube #main table {
	margin: 0 0 2em 10px; }
#eccube #main table.draws {
	margin-bottom: 1em; }

#eccube #main table.det {
	width: 550px; }
#eccube #main table.det tbody th {
	width: 30%; }
#eccube #main table.det td {
	text-align: left;
	border-bottom: 1px solid #CCC; }

#eccube #main h2 span {
	font-size: 0.9em;
	color: #555555;
	font-weight: normal; }

#eccube #main h3 {
	margin-top: 2em; }


/* undercolumn ---------------------------------------------------------------------*/
#main #undercolumn table thead th,
#main #undercolumn table tbody tr.foot th {
	font-size: 0.9em; }
#main #undercolumn table,
#main #undercolumn select {
	margin: 0 0 0 10px; }


div.rule textarea {
	font-size: 1em;
	color: #555555;
	line-height: 1.4;
	width: 550px;
	padding: 10px;
	margin: 0 0 1em 10px;
	background: #f7f7f7;
	overflow: auto;
	border: 1px solid #CCC; }

#eccube #main ul.btn {
	margin: 2em 0 1em 10px;
	text-align: center; }
#eccube #main ul.btn li {
	display: inline;
	padding: 0 10px; }
#eccube #main ul.btn li input {
	line-height: 1.4;
	vertical-align: middle; }
#eccube #main ul.btn li input.btn {
	vertical-align: top; }


#eccube div.data table th {
	width: 25%; }
#eccube div.data table tr.foot th {
	width: auto; }
#eccube div.data table td {
	text-align: left; }
#eccube div.data table td p {
	margin: 0;
	font-size: 0.9em; }
#eccube div.data table td a {
	margin: 0;
	padding: 0; }
#eccube div.data table td div.attention {
	color: #c00; }

#eccube #main table td.p_name {
	text-align: left;
	width: 45%; }


#eccube #main p.flowarea {
	margin: 0 0 1em; }
#eccube #main p.flowarea img {
	display: block; }


/*お問い合わせ */
#eccube #main .marg_l { margin-left: 10px; }

#eccube #main table.form {
	margin: 0 0 0 10px; }
#eccube #main table.form td,
#eccube #main table.inquiry td,
#eccube #main table td.note {
	text-align: left; }
#eccube #main table.inquiry th {
	width: 25%; }
#eccube #main table.form td p,
#eccube #main table.inquiry td p{ margin: 10px 0; }
#eccube #main table.inquiry input.name { width: 100px; }
#eccube #main table.inquiry input.num { width: 60px; }
#eccube #main table.inquiry input.mail { width: 300px; }
#eccube #main table.inquiry input.adrs { width: 360px; }
#eccube #main table.inquiry td textarea { font-size: 1em; }



#eccube #main table.dataset td {
	margin: 0;
	padding: 0;
	width: 7em;}
#eccube #main table.dataset strong {
	display: block;
	padding: 5px;
	margin: 1px;
	background: #3CC4C4;
	color: #fff; }

#eccube #main p.d_note,
#eccube #main p.d_note img {
	vertical-align: middle; }



/* カレンダー
----------------------------------------------- */
div#sub div.block {
	margin-bottom: 20px;
}

div#sub div.block h2 img {
	margin-top: 10px;
}

div#sub div.block div#block-calendar {
	border: 1px solid #CCC;
	border-top: none;
	padding-bottom: 10px;
}

#block-calendar p {
	margin: 10px 0 0;
	font-size: 0.9em;
	text-align: right;
	vertical-align: middle; }
#block-calendar p img {
	vertical-align: middle; }

#block-calendar table {
	border-collapse: collapse;
	margin: 0 auto;
	text-align:center;
	font-size: 1em;
	width: 162px; }

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

#block-calendar th {
	background: #77A8DD;
	color: #FFFFFF;
	font-size: 0.9em;
	line-height: 1.2;
	font-weight: normal; }

#block-calendar td {
	line-height: 1.2; }

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

#block-calendar caption {
	line-height: 1.2;
	border-top: 10px solid #FFF;
	color: #2E73BE; }

#block-calendar .sun {  }
#block-calendar .sat {  }
#block-calendar .off {
	color: #CA0B10;
	background-color: #FBAEB0; }




/* products
----------------------------------------------------------------*/
#eccube h1.products {
	position: relative;
	font-size: 12px; }
#eccube h1.products img {
	width: 560px; }
#eccube h1.products span {
	position: absolute;
	zoom: 1;
	display: block;
	right: 8px;
	top: 10px;
	color: #666;
	font-size: 1em;
	line-height: 1.2;
	font-weight: normal;
	text-align: right; }

#eccube #main div.plicelist {
	width: 560px;
	padding: 0 0 1em;
	overflow: auto; }


#eccube select#selectMenu1,
#eccube select#selectDays {
	width: 40%; }
#eccube #main table.select { width: 40%; }
#eccube #main table.select { margin: 0 0 0 10px; border-right: 1px solid #CCC; }
#eccube #main table.select tbody th {
	width: 2em;
	background: none; }
#eccube #main table.select tbody td {
	text-align: left; }

#eccube .u_data { width: 80px; }
#eccube .p_data { width: 350px;}
#eccube .o_data { width: 60px; }
#eccube table.point .u_data { width: 70px; }

#eccube .t_left {
	text-align: left; }
#eccube #main .t_right {
	text-align: right; }

#eccube #main p.mini {
	font-size: 0.9em;
	margin: 0.5em 0 0; }
#eccube #main p.marg_l {
	margin: 0 0 1em 10px; }
#eccube .m_right {
	text-align: right; }
#eccube #main .m_right table {
	width: 300px;
	margin: 0 0 0 auto; }



#eccube div.em {
	padding: 15px;
	border: 5px solid #EAE0F3;
	margin: 0 0 0 10px;
	vertical-align: middle; }
#eccube div.em select { vertical-align: middle; }

#eccube div.txt {
	margin: 0 0 0 10px; }
#eccube div.txt txtarea {
	display: block;
	margin: 0 0 0.3em; }


#eccube div.pointarea span {
	font-size: 1em; }
#eccube #main div.pointarea ul {
	margin: 0 0 0 10px; }
#eccube #main div.pointarea ul li.underline {
	margin: 0 0 1em 20px; }


#eccube div.userdata {
	background: #F7F7F7;
	padding: 10px; }

#eccube div.price {
	background: #F7F7F7;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 0 0 0 10px; }
#eccube div.price span {
	font-size: 1.2em; }
#eccube div.price span.mini {
	font-size: 0.9em;
	color: #555555;
	padding: 0 0.3em; }
#eccube div.price p {
	margin: 0 0 0.5em;
	font-size: 0.9em; }
#eccube div.price p.n_btm {
	margin-bottom: 0; }


#eccube div#detailarea dl dt {
	margin: 2em 0 1em;
	background: #8653B8;
	font-weight: normal;
	color: #fff;
	padding: 2px 5px;}
#eccube div#detailarea dd select { margin: 0; }
#eccube div#detailarea form#form1 table { margin: 0 0 0 20px; }
#eccube div#detailarea table {
	margin: 0 0 0 30px; }

#eccube table#mypage-history-list th span {
	color: #555555;
	padding: 0 0 0 0.5em; }
#eccube table#mypage-history-list td span {
	font-size: 1.2em; }


#eccube div#completetext p {
	margin-top: 1em; }


#eccube dl.cart_attent {
	background: #f7f7f7;
	border: 1px solid #CCC;
	padding: 10px 10px 0;
	margin: 0 0 30px 10px; }
#eccube dl.cart_attent dd {
	font-size: 0.9em; }



/* ログイン */
#eccube form#login_mypage div.inputbox,
#eccube form#member_form div.inputbox {
	margin: 3em 0 3em 40px; }
#eccube form#login_mypage div.inputbox p,
#eccube form#member_form div.inputbox p {
	margin: 0; }
#eccube form#login_mypage div.inputbox p.mini,
#eccube form#member_form div.inputbox p.mini {
	margin: 0.8em 0 0.8em 100px; }
#eccube form#login_mypage div.inputbox input.box300,
#eccube form#member_form div.inputbox input.box300 {
	width: 300px; }
#eccube form#login_mypage div.tblareabtn,
#eccube form#member_form div.tblareabtn {
	text-align: center;
	margin: 0 0 3em; }



/* MYページ */
/*#eccube div#mynavarea ul.button_like {
	height: 2em;
	margin: 0 0 1em; }
#eccube div#mynavarea ul.button_like li {
	width: 112px;
	float: left;
	text-align: center; }
#eccube div#mynavarea ul.button_like li a {
	line-height: 1.2;
	padding: 0.4em 0;
	display: block;
	width: 112px;
	color: #fff;
	background: #AA85CF;
	text-decoration: none; }
#eccube div#mynavarea ul.button_like li a:hover,
#eccube div#mynavarea ul.button_like li a.current {
	background: #9567C2; }
#eccube div#mynavarea ul.button_like li a.current:hover {
	background: #8149B8; }
#eccube div#mynavarea ul.msg {
	margin: 1.5em 0 0 10px; }*/

#eccube div#mynavarea ul {
	margin: 0 0 0 10px; }
#eccube div#mynavarea ul.button_like {
	border: 5px solid #DDF7F7;
	padding: 10px 10px 10px 15px;
	margin: 0 0 1em;
	zoom: 1; }
#eccube div#mynavarea ul.button_like:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both; }
	
#eccube div#mynavarea ul.button_like li {
	width: 33%;
	float: left; }
#eccube div#mynavarea ul.button_like li a {
	line-height: 1.4;
	display: block;
	padding: 3px 0 3px 24px;
	text-decoration: none;
	color: #0E9C9C;
	background: url(../img_cmn/back_link_i.gif) no-repeat left; }
#eccube div#mynavarea ul.button_like li a:hover {
	color: #3030CF;
	text-decoration: underline;
	background-image: url(../img_cmn/back_link_i_ov.gif); }


#eccube div#sub div.login_b {
	position: absolute;
	width: 330px;
	margin-left: -150px;
	top: 30px;
	font-size: 0.9em; }
#eccube div#sub div.login_b h2 {
	float: left; }
#eccube div#sub div.login_b input,
#eccube div#sub div.login_b img {
	vertical-align: middle; }
#eccube div#sub div.login_b img {
	margin: 0 5px 0 0; }
#eccube div#sub div.login_b input {
	line-height: 1.2;
	font-size: 0.9em; }
#eccube div#sub div.login_b p input {
	font-size: 1em;
	width: 110px; }
#eccube div#sub div.login_b div.input {
	width: 160px;
	float: left; }
#eccube div#sub div.login_b div.btn {
	text-align: right; }
#eccube div#sub div.login_b div.c_box {
	height: 18px;
	width: 50px;
	text-align: right;
	margin: 0 0 0 auto;
	display: table-cell;
	line-height: 18px;
	vertical-align: middle; }
#eccube div#sub div.login_b input.btn_submit {
	font-size: 12px;
	display: block;
	margin: 0 0 0 auto;
	line-height: 1.2; }
#eccube div#sub div.login_b p.forget {
	clear: both;
	font-size: 11px;
	line-height: 1.2;
	padding: 3px 0 0;
	text-align: right; }
*:first-child+html #eccube div#sub div.login_b p.forget { padding-top: 0; }
* html #eccube div#sub div.login_b p.forget { padding-top: 0; }

#eccube div#sub div.login_b p.forget a {
	background: url(../img_cmn/icon_arrow.gif) no-repeat left;
	padding: 0 0 0 15px; }
#eccube div#sub div.login_b p.forget a:hover {
	background-image: url(../img_cmn/icon_arrow_ov.gif); }


#eccube div#sub div.login_b div.login_comp {
	padding: 5px 0 0;
	font-size: 12px; }
#eccube div#sub div.login_b div.login_comp p {
	line-height: 1.4; }
#eccube div#sub div.login_b div.login_comp p span {
	color: #F60; }
#eccube div#sub div.login_b div.login_comp p.logout {
	text-align: right; }
#eccube div#sub div.login_b div.login_comp p.logout input {
	width: auto; }

#eccube div#sub h3 {
	margin: 0; }
#eccube div#sub dl.word_note {
	clear: both;
	margin: 0;
	padding: 10px 10px 5px;
	background: #f7f7f7;
	border: 1px solid #CCC;
	border-top: none; }
#eccube div#sub dl.word_note dt {
	padding: 0 0 5px; }
#eccube div#sub dl.word_note dt a {
	line-height: 1.4; }
#eccube div#sub dl.word_note dd {
	display: none;
	padding: 0 0 1em 10px;
	font-size: 0.9em;
	line-height: 1.4;
	background: none; }

#eccube div#sub dl.word_note dd ul {
	margin: 0 0 0 10px; }
#eccube div#sub dl.word_note dd ul li {
	float: none;
	margin: 0;
	line-height: 1.2;
	padding: 0 0 0.5em;
	list-style: disc; }



/* 商品詳細 注意事項等補足項目 */
#eccube div#main div.attent {
	background: url(../products/img/bk_attention.gif) #DFF4F4 no-repeat;
	margin: 10px 0 30px 10px;
	padding: 26px 10px 0;}
#eccube div#main div.attent h3 {
	background: none;
	margin: 0;
	padding: 0 0 5px;
	border: none;
	color: #2F9DAE; }
#eccube div#main div.attent p {
	margin: 0;
	padding: 0 0 1em 10px;
	font-size: 0.9em; }
#eccube div#main div.attent p a {
	padding: 0; }
#eccube div#main div.attent strong {
	font-weight: normal;
	color: #f30; }

#eccube div#main table.order  th {
	width: 8em; }
#eccube div#main table.order td {
	text-align: left; }

#eccube div#main div.attent ol {
	margin: 0 0 0 28px;
	font-size: 0.9em; }
#eccube div#main div.attent li {
	line-height: 1.4;
	padding-bottom: 0.8em; }



/* Twitter */
div#twtr-widget {
	margin-bottom: 20px;
}