@charset "utf-8";

/*-- main.css --*/

*{margin:0;padding:0;}
table,img,p{border:0;}

body{
font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#555555;
background-color:#000000;
font-size:9pt;
line-height:160%;
letter-spacing:0.1em;
}

li{list-style-type:none;}
select{border:solid 1px #ccc;}

/*PHOTO*/
.picture {
	border:1px solid #ccc;
}

/*CLEARFIX*/
.clearfix:after{
	content:url(/user_data/packages/uassist/images/pixel.gif);
	display:block;
	clear:both;
	height:0;
}

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

.center{text-align:center;}
.middle{vertical-align:middle;}

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

.mgn-top-s   { margin-top:    5px;  }
.mgn-top-8   { margin-top:    8px;  }
.mgn-top-sm  { margin-top:    10px; }

.mgn-btm-8   { margin-bottom:  8px; }
.mgn-btm-sm  { margin-bottom: 10px; }
.mgn-btm-40  { margin-bottom: 40px; }
.mgn-btm-80  { margin-bottom: 80px; }

.mgn-rgt-8  { margin-right: 8px; }

.mgn-hgt-8   { margin-top:     8px; margin-bottom:   8px; }

.pdd-top-s   { padding-top:    5px; }
.pdd-top-8   { padding-top:    8px; }
.pdd-top-sm  { padding-top:   10px; }
.pdd-lft-s   { padding-left:   10px; }
.pdd-lft-20  { padding-left:  70px; }
.pdd-rgt-sm  { padding-right: 10px; }
.pdd-btm-3    {padding-bottom:  3px; }
.pdd-btm-8    {padding-bottom:  8px; }

.red   { color: #a70311 !important; }
.red2   { color: #cc0000 !important; }
.white { color: #cccccc !important; }
.gray  { color: #cccccc !important; }

em{font-style:normal;}
strong{font-weight:normal;}

/* フロート回り込み解除 */
br.clear{
	clear:both;
	display:none;
	font-size:0;
	line-height:0%;
	height:0;
}


/* ヘッダーロゴ */
div#header {
    background: url("/user_data/packages/uassist/images/header/bg.gif");
    width: 953px;
    height: 202px;
    margin: 0 auto;
}
#header > div > h1 > a {
    float: left;
    display: block;
    margin: 25px 0 0 0;
    width: 320px;
    height: 125px;
    background: url("/user_data/packages/uassist/images/header/logo.gif");
}

div#header span {
    display: none;
}
div#header p {
		color: #997d5c;
		font-size: 9pt;
		line-height: 1.4;
		padding: 10px 0 0 5px ;
}

html>/**/body #header p {
		letter-spacing: 0;
		text-align: center;
}


/* ヘッダーナビ
----------------------------------------------- */
div#information {
    float: right;
    margin: 122px 8px 0 0;
}
div#information ul li {
    display: inline;
}
div#information ul li a {
    text-decoration: none;
}

/* フレーム
----------------------------------------------- */
div#container {
    width: 953px;
    margin: 0 auto;
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#leftcolumn {
    float: left;
    width: 170px;
    color: #cccccc;
}

div#rightcolumn {
    float: left;
    width: 170px;
    color: #cccccc;
}

/* メインコンテンツ
----------------------------------------------- */
/* 3カラム設定 */
div#three_maincolumn {
    float: left;
    width: 613px;
}

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

/* 2カラム設定 */
div#two_maincolumn {
    float: left;
    width: 766px;
    margin-left: 17px;
}

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

/* 1カラム設定 */
div#one_maincolumn {
    padding: 10px 0 0 0;
}

/* カゴの中
----------------------------------------------- */
div#cartarea {
    width: 168px;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0e0e;
    margin-bottom: 10px;
}

div#cartarea p {
    padding: 5px 0 8px 0;
    margin-left: 10px;
}

div#cartarea p.item {
    padding: 13px 0 6px 0;
    background: url("/user_data/packages/uassist/images/side/dotted_150.gif") no-repeat left bottom;
}
div#cartarea p.price {
	color: #a70311;
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
}

div#cartarea .btn {
    text-align: center;
    margin-bottom: 7px;
}

/* ACワールド特別企画
----------------------------------------------- */
div#ac-kikaku {
    width: 168px;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0e0e;
    padding-bottom: 15px;
    margin-bottom: 10px;
}


div#ac-kikaku p,
div#ac-kikaku img {
    margin-left: 8px;
}

div#ac-kikaku .kwsk {
		font-size: 80%;
		text-align: right;
		margin: 2px 8px 0 0;
}
.kwsk a {  text-decoration: none;  padding: 1px 0 0 2px;}
.kwsk a:link { color: #ff9933; }
.kwsk a:visited { color: #ff9933; }
.kwsk a:hover { color: #ff9933; text-decoration: underline; }

/* カテゴリー
----------------------------------------------- */
div.categoryarea {
    width: 168px;
    font-size: 9pt;
    letter-spacing: 0.05em;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0f0f;
    padding: 7px 0 20px;
    margin-bottom: 10px;
}

div.categoryarea ul.categorytree {
    padding: 5px 0 10px;
    background: url("/user_data/packages/uassist/images/side/dotted_150.gif") bottom no-repeat;
}

div.categoryarea li.level1 {
    padding: 0 0 0 20px;
    background: url("/user_data/packages/uassist/images/side/icon_cross.gif") 8px 5px no-repeat;
}

div.categoryarea li.level2 {
    padding: 5px 0 0 28px;
    background: url("/user_data/packages/uassist/images/side/icon_sankaku.gif") 16px 10px no-repeat;
}

div.categoryarea li.level3 {
    padding: 5px 0 0 41px;
    background: url("/user_data/packages/uassist/images/side/icon_maru.gif") 28px 10px no-repeat;
}


.level1 a:link { color: #cccccc; }
.level1 a:visited { color: #cccccc; }
.level1 a:hover { color: #308dbf; text-decoration: none;}

.level2 a:link { color: #cccccc; }
.level2 a:visited { color: #cccccc; }
.level2 a:hover { color: #308dbf; text-decoration: none;}

.level3 a:link { color: #cccccc; }
.level3 a:visited { color: #cccccc; }
.level3 a:hover { color: #308dbf; text-decoration: none;}


div.categoryarea ul.categorytree li.onmark a { color: #cc0000; text-decoration: none;}

/* ガイドリンク
----------------------------------------------- */
#guidearea {
    padding: 15px 0 0 0;
    line-height: 0;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 168px;
    font-size: 80%;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0f0f;
    margin-bottom: 10px;
}

div#login {
    margin-left: 19px;
}

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

div#login img {
    padding: 0 5px 0 0;
    vertical-align: middle;
}

div#loginarea .btn {
    text-align: center;
    margin-bottom: 10px;
}

#loginarea .box125 {
    width: 125px;
    border: solid 1px #ccc;
}

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

#loginarea a:link { color: #cccccc; }
#loginarea a:visited { color: #cccccc; }
#loginarea a:hover { color: #308dbf; text-decoration: none;}

/* 検索
----------------------------------------------- */
div#searcharea {
    width: 168px;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0f0f;
    margin-bottom: 10px;
}

div#searcharea p {
    padding-top: 3px;
    padding-left:  9px;
}

div#searcharea p.title01 {
		padding-top: 10px;
		margin-left: 5px;
}
div#searcharea p.title02 {
		padding-top: 12px;
		margin-left: 5px;
}

div#searcharea .btn {
    text-align: center;
    margin: 10px 0;
}

#searcharea .box150 {
    width: 150px;
    border: solid 1px #ccc;
}

/* 会員登録はこちら・今月のプレゼント
----------------------------------------------- */
div.btn-etc {
		width: 170px;
		margin-bottom: 10px;
}

/* インフォメーション
----------------------------------------------- */
div.side-info {
		width: 170px;
		margin-bottom: 10px;
}

div.side-info ul {
		padding: 2px 0 12px;
}

div.side-info li {
		padding: 5px 0 0 23px;
    background: url("/user_data/packages/uassist/images/side/icon_sankaku.gif") 8px 10px no-repeat;
}

.side-info a:link { color: #cccccc; }
.side-info a:visited { color: #cccccc; }
.side-info a:hover { color: #308dbf; text-decoration: none; }

/* 携帯サイト
----------------------------------------------- */
div.mobile {
		width: 170px;
    margin-bottom: 10px;
}

div.mobile img.qr {
		margin: 8px 0 8px 48px ;
}


/* カレンダー
----------------------------------------------- */
#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 #CCCCCC;
}

#block-calendar th {
    background: #FF8144;
    color: #FFFFFF;
}

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

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

/* バナー
----------------------------------------------- */
ul#banner {
    padding: 15px 0 0 0;
}

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

/* テキストフィールド
----------------------------------------------- */
input[type='text'] {
    border: solid 1px #ccc;
}

/* ボタン
----------------------------------------------- */
input[type='image'] {
    border: none !important;
}

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

input[type='image'].box193 {
    width: 193px;
    height: 32px;
}

input[type='image'].box183 {
    width: 183px;
    height: 32px;
}

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'].box142 {
    width: 142px;
    height: 32px;
}


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

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

input[type='image'].box55 {
    width: 55px;
    height: 25px;
}

.tblareabtn{
    margin:10px 0;
    text-align: center;
}

.tblareabtn img,input{
    border: none !important;
}

/* フッター */
.pagetop {
	font-size: 9pt;
	float: right;
	width: 150px;
	height: 22px;
	text-align: center;
	padding: 2px 5px 0 2px;
	background: url("/user_data/packages/uassist/images/main/pagetop.gif") no-repeat;
}

#fotter .pagetop  a:link { color: #cccccc; text-decoration: none;}
#fotter .pagetop  a:visited { color: #cccccc;  text-decoration: none;}
#fotter .pagetop  a:hover { color: #cccccc; text-decoration: none; }

#fotter {
	width: 953px;
	margin: 30px auto 0;
	padding: 15px 8px;
	border-top: 3px solid #94000d;
	background-color: #1d1d1d;
	color: #fff;
	text-align: left;
}

#fotter ul {
	float: left;
	padding-top: 3px;
	padding-left: 10px;
}

#fotter ul li{
	float:left;
	padding-left:20px;
}

#copyright {
    width: 953px;
    letter-spacing: 0px;
		margin: 0 auto;
}
#copyright p {
    color: #997d5c;
    font-size: 80%;
		padding: 20px 0 20px 30px;
}

#fotter a:link { color: #cccccc; }
#fotter a:visited { color: #cccccc; }
#fotter a:hover { color: #308dbf; text-decoration: none; }

/* タイトル-760
----------------------------------------------- */
div#title-760 {
    width: 760px;
    margin: 0 0 15px 0;
}

div#title-760 h2 {
		height: 47px;
		color: #e5e5e5;
    font-size: 140%;
    padding: 14px 0 0 55px;
		background: url("/user_data/packages/uassist/images/title_760.gif") no-repeat;
}

/* お支払いのご案内
----------------------------------------------- */
div.side-credit {
		width: 170px;
		margin-bottom: 16px;
}

div.side-credit p {
		padding: 4px 10px;
		letter-spacing: 1pt;
		line-height: 1.5em;
}


/* ご利用案内
----------------------------------------------- */
div.side-info2 {
		width: 170px;
		margin-bottom: 16px;
}

div.side-info2 p {
		padding: 4px 10px;
		letter-spacing: 1pt;
		line-height: 1.5em;
}

div.side-info2 .kwsk {
		font-size: 80%;
		text-align: right;

}
.kwsk a { text-decoration: none;  padding: 1px 0 0 2px;}
.kwsk a:link { color: #ff9933; }
.kwsk a:visited { color: #ff9933; }
.kwsk a:hover { color: #ff9933; text-decoration: underline; }




/* ご利用案内02【修正 2010/01/15】
----------------------------------------------- */
div.goriyou_area {
    width: 168px;
    font-size: 9pt;
    border: solid 1px #333333;
    border-top: none;
    background-color: #0f0f0f;
    padding: 7px 0 10px;
    margin-bottom: 10px;
}

div.goriyou {
		width: 150px;
		margin: 10px auto 0;
}

div.goriyou p {
		padding-top: 5px;
		letter-spacing: 1pt;
		line-height: 1.5em;
}

div.goriyou img.dotted {
		padding: 10px 0;
}
div.goriyou .kwsk {
		font-size: 80%;
		text-align: right;
		padding-top: 5px;
}
.kwsk a { text-decoration: none;  padding-left: 2px;}
.kwsk a:link { color: #ff9933; }
.kwsk a:visited { color: #ff9933; }
.kwsk a:hover { color: #ff9933; text-decoration: underline; }


/*-- index.css --*/

div#flasharea {
    width: 580px;
    margin: 0 auto;
}


/* ニュース
----------------------------------------------- */
div#newsarea {
    width: 580px;
    color: #cccccc;
    margin: 0 auto 15px;
 /*   font-size: 90%;*/
}

div#newsarea table {
    width: 580px;
    border-collapse: collapse;
}
div#newsarea td {
		vertical-align: top;
}

div#newsarea td.icon {
		width: 20px;
		padding-top: 8px;
		_padding-top: 8.5px;
		padding-left: 10px;
}

div#newsarea td.date {
		width: 100px;
		padding: 4px 0;
}

div#newsarea td.topic {
		width: 450px;
		padding: 5px 0;
}

div#newsarea td.dotted {
		font-size: 0;
}

div#newsarea a {  text-decoration: none; }
div#newsarea a:link { color: #ff9933; }
div#newsarea a:visited { color: #ff9933; }
div#newsarea a:hover { color: #ff9933; text-decoration: underline; }

/*
div#newsarea dl {
    padding: 10px 0;
    background: url("/user_data/packages/uassist/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("/user_data/packages/uassist/img/top/news_icon.gif") no-repeat;
}
*/

/* トップバナー
----------------------------------------------- */
div.topbanner {
    width: 580px;
    margin: 15px auto 0;
}
div.bnr_mgzn,
div.bnr_tikn {
	margin-bottom: 10px;
}
div.bnr_mgzn a,
div.bnr_tikn a {
    width: 580px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
	outline: none;
}
div.bnr_mgzn a {
    background: url(/user_data/packages/uassist/images/top/bnr_magazine.gif) no-repeat 0 0;
}

div.bnr_tikn a {
    background: url(/user_data/packages/uassist/images/top/bnr_taiken.gif) no-repeat 0 0;
}
div.bnr_mgzn a:hover,
div.bnr_tikn a:hover {
	background-position: 0 -76px;
}


/* おすすめ
----------------------------------------------- */
div#recomendarea {
    width: 580px;
    margin: 0 auto 15px;
}

div.recomendblock {
		float: left;
    width: 144px;
    padding: 10px 24px;
}

div.recomendpic {
    width: 144px;
    height: 144px;
    background: url("/user_data/packages/uassist/images/main/recommend_pic_bg.gif") no-repeat;
}
div.recomendpic img {
		padding: 8px;
}

div.recomendblock p.title {
		margin: 10px 0 3px;
}

div.recomendblock p.text {
		color: #997d5c;
		font-size: 80%;
		line-height: 1.4;
		margin: 3px 0;
}
div.recomendblock p.price {
		color: #a70311;
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
}
span.zeikomi {
		font-size: 9pt;
}

.recomendblock a {  text-decoration: none; }
.recomendblock a:link { color: #ff9933; }
.recomendblock a:visited { color: #ff9933; }
.recomendblock a:hover { color: #ff9933; text-decoration: underline; }


/*-- products.css --*/


p.conditionarea {
    clear: both;
    width: 566px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}


/* ページ送り
----------------------------------------------- */
.pagenumberarea, .pagecondarea {
    clear: both;
    width: 560px;
    margin: 20px 0 20px 15px;
    padding: 10px;
    color: #bbb;
}

ul.pagenumberarea {
    height: 2.5ex;
}

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

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;
}

/* 商品一覧 */

/* タイトル
----------------------------------------------- */
div#listtitle {
    width: 580px;
    margin: 0 auto 15px;
}

div#listtitle h2 {
		height: 47px;
		color: #e5e5e5;
    font-size: 140%;
    padding: 14px 0 0 55px;
		background: url("/user_data/packages/uassist/images/list/list_title.gif") no-repeat;
}

div#listtitle .topic {
	color: #cc0000;
    font-size: 140%;
    margin: 5px 0 15px;
}

div#listtitle h3.list-lead {
	color: #cc0000;
    font-size: 140%;
    font-weight: normal;
    margin: 5px 0 15px;
}

div#listtitle .text {
		color: #cccccc;
		padding-bottom: 8px;
}

/* ナビ
----------------------------------------------- */
div.list-navi {
    width: 580px;
    height: 35px;
    color: #cccccc;
    margin: 0 auto;
    background: url("/user_data/packages/uassist/images/list/list_navi.gif") no-repeat;
}

div.list-navi-footer {
    width: 580px;
    height: 35px;
    color: #cccccc;
    padding: 5px 0px 5px 0px;
    margin: 0 auto;
    background: url("/user_data/packages/uassist/images/list/list_navi_bottom.gif") no-repeat;
}

div.list-navi p {
    padding-top: 8px;
}

div.list-navi a:link { color: #cccccc; }
div.list-navi a:visited { color: #cccccc; }
div.list-navi a:hover { color: #308dbf; text-decoration: none; }

/* 商品
----------------------------------------------- */
div.listarea {
    width: 580px;
    margin: 0 auto 15px;
}

div.listblock {
		margin-top: 20px;
    background: url("/user_data/packages/uassist/images/top/dotted_580.gif") no-repeat bottom;
}
div.listareapic {
		float: left;
    width: 144px;
    height: 144px;
    background: url("/user_data/packages/uassist/images/main/recommend_pic_bg.gif") no-repeat;
}
div.listareapic img {
		padding: 8px;
}

div.listrightblock {
    float: right;
    width: 421px;
    height: 164px;
    padding-left: 15px;
}

div.listrightblock li {
    display: inline;
    padding: 0 0 10px 0;
}

div.listrightblock .title {
		font-size: 11pt;
		font-weight: bold;
		padding: 5px 0;
}
div.listrightblock .text {
		color: #cccccc;
}
div.listrightblock .price {
    float: left;
		color: #997d5c;
		padding: 5px 0 0; 
}

div.listrightblock .btnbox {
    float: right;
    padding: 10px 0 13px;
}

.listrightblock a {  text-decoration: none; }
.listrightblock a:link { color: #ff9933; }
.listrightblock a:visited { color: #ff9933; }
.listrightblock a:hover { color: #ff9933; text-decoration: underline; }


/* 商品詳細 */

/* タイトル
----------------------------------------------- */
div#detailtitle {
    width: 580px;
    margin: 0 auto 15px;
		background: url("/user_data/packages/uassist/images/list/list_title.gif") no-repeat;
}

div#detailtitle h2 {
		height: 47px;
		color: #e5e5e5;
    font-size: 140%;
    line-height: 2.8;
    padding: 0 0 0 55px;
}

/* 商品
----------------------------------------------- */
div#detailarea {
    width: 580px;
    margin: 0 auto 15px;
}

div#detailarea p.text-red {
		color: #cc0000;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 15px
}

div#detailarea h3.detail-lead {
		color: #cc0000;
		font-size: 120%;
		font-weight: bold;
}

div#detailarea h3.detail-lead em,
div#detailarea h3.detail-lead strong {
		font-weight: bold;
}


/* ご購入者の声 */
div#detailarea h3.voice {
		margin-top: 15px;
		background: transparent url(/user_data/packages/uassist/images/detail/title_voice.gif) no-repeat;
		width: 580px;
		height: 28px;
		text-indent: -9999px;
}


div#detailarea p.text {
		color: #cccccc;
}

div#detailarea li.text {
		color: #cccccc;
}

div#detailarea span.commodity {
		color: #cc0000;
}

div#detailarea span.false-name {
		color: #997d5c;
}

div#detailarea p.taiken-link {
		text-align: right;
		margin-bottom: 10px;
}
div#detailarea p.taiken-link a { color: #ff9933; text-decoration: none; }
div#detailarea p.taiken-link a:hover { color: #ff9933; text-decoration: underline;}

.detailarea-pickup {
    width: 580px;
    margin-left: 15px;
}

div#detailphotoblock {
    float: left;
    width: 290px;
}

div#detailphotoblock img {
		border: 0;
}

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

div#detailrightblock {
    float: right;
    width: 290px;
}

div#detailrightblock p {
    color: #997d5c;
    padding-bottom: 5px;
}

div#detailrightblock p .title {
		color: #cccccc;
		font-weight: bold;
		font-size: 140%;
}
div#detailrightblock p .price {
		color: #a70311;
		font-weight: bold;
}

div#detailrightblock ul {
		padding-bottom: 3px;
}

div#detailrightblock li {
    display: inline;
}

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

div#detailrightblock dt {
    font-weight: bold;
    color: #cccccc;
    font-size: 8pt;
    _font-size: 7pt;
    padding: 0 0 2px 2px;
}

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

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

div#detailrightblock .btn {
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: center;
    background: url("/user_data/packages/uassist/images/detail/dotted_290.gif") no-repeat;
}

div#detailrightblock a:link { color: #cccccc; }
div#detailrightblock a:visited { color: #cccccc; }
div#detailrightblock a:hover { color: #308dbf; text-decoration: none;}

/* サブタイトル
----------------------------------------------- */
div.subarea {
    clear: both;
    width: 580px;
    padding: 30px 0 0 0;
}

div.subarea h3 {
    width: 560px;
    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;
}


/* お客様の声
----------------------------------------------- */
div#customervoicearea {
    clear: both;
    width: 580px;
    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("/user_data/packages/uassist/img/common/line_580.gif") no-repeat bottom;
}

/* トラックバック
----------------------------------------------- */
div#trackbackarea {
    clear: both;
    width: 580px;
    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: 500px;
    border: solid 1px #ccc;
}

/* この商品を買った人はこんな商品も買っています
----------------------------------------------- */
div#whoboughtarea {
    clear: both;
    width: 580px;
    margin: 0 auto 15px;
}

div.whoboughtblock {
	float: left;
    width: 144px;
    padding: 10px 22px;
}

div.whoboughtpic {
    width: 144px;
    height: 144px;
    background: url("/user_data/packages/uassist/images/main/recommend_pic_bg.gif") no-repeat;
}

div.whoboughtpic img {
		padding: 8px;
}

div.whoboughtblock p.title {
		margin: 10px 0 3px;
}

div.whoboughtblock p.text {
		color: #997d5c;
		font-size: 80%;
		line-height: 1.4;
		margin: 3px 0;
}
div.whoboughtblock p.price {
		color: #a70311;
		font-size: 10pt;
		font-weight: bold;
		text-align: right;
}

.whoboughtblock a {  text-decoration: none; }
.whoboughtblock a:link { color: #ff9933; }
.whoboughtblock a:visited { color: #ff9933; }
.whoboughtblock a:hover { color: #ff9933; text-decoration: underline; }

/*-- under.css --*/

/* 下層共通指定
----------------------------------------------- */
div#undercolumn{
	margin: 0 auto;
}

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

div#undercolumn table {
    width: 764px;
}

a:link { color: #cccccc; }
a:visited { color: #cccccc; }
a:hover { color: #205e80; text-decoration: none; }

/* トッピクパス
----------------------------------------------- */
div#topicPath {
	color: #cccccc;
    margin-left: 20px;
    padding-bottom: 7px;
}

div#topicPath a:link { color: #cccccc; }
div#topicPath a:visited { color: #cccccc; }
div#topicPath a:hover { color: #cc0000; }

/* トッピクパス 2カラム用
----------------------------------------------- */
div#topicPath02 {
	color: #cccccc;
    margin-left: 3px;
    padding-bottom: 7px;
}

div#topicPath02 a:link { color: #cccccc; }
div#topicPath02 a:visited { color: #cccccc; }
div#topicPath02 a:hover { color: #cc0000; }

/* ◎◎について
----------------------------------------------- */

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


/* 特定商取引法
----------------------------------------------- */

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


/* お問い合わせ
----------------------------------------------- */

div#undercolumn_contact .attention{
    color: #cc0000;
}

div#undercolumn_contact div#completetext {
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #333;
    color: #ccc;
    background-color: #0D0D0D;
}

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

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

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

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

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

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

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


/* 会員登録
----------------------------------------------- */
h3.point{
    font-size: 11pt;
    color: #cc0000;
    margin-bottom: 5px;
    font-weight: normal !important;
}

h3.point-b{
    font-size: 11pt;
    color: #cc0000;
    margin-bottom: 5px;
}

div#undercolumn_entry .attention{
   color: #cc0000;
}

div#undercolumn_entry p{
    color: #ccc;
    margin-bottom: 6px;
}

table.box{
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    margin: 15px 0;
    padding: 0;
}

table.box p{
    margin-bottom: 3px !important;
}

table.box th {
    background-color: #333;
    color: #ccc;
    text-align: left;
    font-weight: normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 7px 0 7px 5px;
}

table.box th.center {
    background-color: #333;
    color: #ccc;
    text-align: center;
    font-weight: normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 7px 0 7px 0;
}

table.box th.resulttd {
    background-color: #333;
    color: #ccc;
    text-align: right!important;
    font-weight: normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 7px 5px;
}

table.box td {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 8px 0 2px 8px;
    color: #ccc;
}

table.box td.center{
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 8px 0 2px 0;
    color: #ccc;
    text-align: center;
}

table.box td.right{
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 8px 8px 2px 0;
    color: #ccc;
    text-align: right;
}

div#undercolumn_entry .area470 {
    width: 766px;
    _width: 760px;
    height: 520px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #333;
    background-color: #1a1717;
    font-size: 9pt;
    color: #ccc;
}

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

div#undercolumn_entry .box88 {
    width: 88px;
    padding: 2px;
}

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

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

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

div#undercolumn_entry div#completetext {
    width: 726px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #333;
    background-color: #0D0D0D;
}

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;
}

/*-- under02.css --*/



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

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

div#under02column table {
    width: 766px;
}

.tblareabtn a {
		text-decoration: none;
}
/* カートの中 */

div#under02column_cart span.bold{
    color: #cc0000;
    font-weight: bold;
}

div#under02column_cart .tblareabtn{
    margin:18px 0;
    text-align: center;
}

div#under02column_cart .tblareabtn a {
		text-decoration: none;
}

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

div#under02column_cart .totalmoneyarea span{
    color: #cc0000;
}

div#under02column_cart th.resulttd {
    background-color: #333;
    color: #ccc;
    text-align: right;
    font-weight: normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 7px 5px;
}

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

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

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

div#under02column_cart .wish {
    margin: 15px 0;
    color: #ccc;
}

div#under02column_cart .wish p{
    width: 700px;
}

div#under02column_cart .wish span{
    color: #cc0000;
}

textarea,input,select{
    border: 1px solid #666;
    margin-bottom: 7px ;
    _margin-bottom: 5px ;
}

div#loginarea input.top{
    margin-bottom: 0 !important;
}

div#searcharea input.top-txt{
    border: 1px solid #666 !important;
    margin-bottom: 0 !important;
}

input.img{
    margin-bottom: 0 !important;
    border: none !important;
}

/* お客様情報入力 */

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

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

div#under02column_customer .attention{
    color: #cc0000;
}

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

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

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

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

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


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

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


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#under02column_shopping .payarea {
    width: 766px;
    margin: 0 auto;
}

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

div#under02column_shopping .payarea02 {
    width: 766px;
    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: 766px;
}

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

div#under02column_shopping .payarea02 .area766 {
    width: 760px;
    height: 150px;
    margin-top: 5px;
    padding: 2px;
    border: 1px solid #ccc;
}

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

div#under02column_shopping .pointarea div {
    border: 3px solid #ccc;
    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 #ccc;
    margin-bottom: 7px;
}

/* 確認
----------------------------------------------- */

div#under02column_shopping table.wishtable th {
    width: 190px;
    text-align: left;
    font-weight: bold;
}

div#under02column_shopping table.wishtable td.point {
    width: 200px;
    background-color: #1a1a1a;
}

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 div#completetext {
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #333;
    background-color: #0D0D0D;
}

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


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

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

/* ログイン */

div#under02column_login .loginarea {
    width: 734px;
    margin: 0 auto 20px auto;
    padding: 20px 11px;
    border: 5px solid #333;
    background:#0d0d0d;
}

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

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

div#under02column_login .loginarea .inputbox {
    color: #ccc;
    font-size: 90%;
    width: 500px;
    margin: 15px auto 0 auto;
    padding: 15px 20px;
    background: #333;
}

div#under02column_login .loginarea .inputbox .border-blue{
    border: 1px solid #1c5180 !important;
}

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 #ccc;
}

div#under02column_login .loginarea .inputbox02 {
    margin: 15px auto 0 auto;
    text-align: center;
}

div#under02column_login .loginarea .inputbox02 a {
	text-decoration: none;
}

/* エラー */

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

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

/*-- mypage.css --*/



/* MYPAGE共通指定
----------------------------------------------- */
div#mypagecolumn {
    width: 766px;
    margin: 15px auto 0 auto;
}

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

div#mypagecolumn table {
    width: 766px;
}

div#mycontentsarea {
    width: 766px;
}

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 #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 8px;
    background-color: #f0f0f0;
    text-align: left;
    font-weight: bold;
    color: #000;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mynavarea {
    min-height: 14px;
    margin-bottom: 10px;
}

div#mynavarea ul {
    margin-left: 139px;
}

div#mynavarea li {
    height: 14px;
    float: left;
}

div#mynavarea p.welcome {
    color: #bbb;
    clear: both;
    text-align: center;
    padding: 15px 0;
}

div#mycontentsarea {
    width: 766px;
    clear: both;
}

div#mycontentsarea p{
    color: #bbb;
    margin-bottom: 10px;
}

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

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

div#mycontentsarea p.delivempty {
    clear: both;
    margin: 30px auto;
    padding: 10px 0;
    border: solid 5px #333;
    text-align: center;
    background-color: #0D0D0D;
}


/* 会員登録内容変更/>退会
----------------------------------------------- */
div#mycontentsarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

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

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

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

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

div#mycontentsarea #completetext {
    margin: 15px auto 15px auto;
    padding: 15px 15px 0 15px;
    border: 5px solid #222;
    background-color: #0d0d0d;
    color: #bbb;
}

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

/*-- window.css --*/


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

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


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

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


/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
div#windowcolumn {
    width: 100%;
    margin: 15px auto 0 auto;
    background-color: #0f0e0e;
    border-top: 5px solid #600008;
    border-bottom: 5px solid #600008;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

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

div#windowcolumn p {
     color: #bbb;
}

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 #ccc;
}

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

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

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

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

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

div#windowarea .attention{
    color: #cc0000;
}

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

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

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    width: 460px;
    margin: 15px auto 0 auto;
    background-color: #0f0e0e;
    border-top: 5px solid #600008;
    border-bottom: 5px solid #600008;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

div#zipsearchcolumn h2 {
    width: 460px;
    margin: 15px 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;
    color: #bbb;
}

/*-- style.css --*/


/*----------------------------------------
　全体で使用
----------------------------------------*/

div.center-col {
	width: 580px;
	margin: 0 auto;
}

div.mgn-btm-80 { color: #cccccc; }
div.mgn-btm-40 { color: #cccccc; }

div.mgn-btm-80 a:link { color: #cccccc; }
div.mgn-btm-80 a:visited { color: #cccccc; }
div.mgn-btm-80 a:hover { color: #205e80; text-decoration: none; }
div.mgn-btm-40 a:link { color: #cccccc; }
div.mgn-btm-40 a:visited { color: #cccccc; }
div.mgn-btm-40 a:hover { color: #205e80; text-decoration: none; }

.px14 {	font-size: 14px; }
.px16 {	font-size: 16px; }
.px18 {	font-size: 18px; }

.text-r { text-align: right; }
.text-l { text-align: left; }

.float-r { float: right; }
.float-l { float: left; }

.m-t-5 { margin-top: 10px; }
.m-t-10 { margin-top: 10px; }
.m-t-30 { margin-top: 30px; }
.m-r-10 { margin-right: 10px; }
.m-l-10 { margin-left: 10px; }

.small { font-size: 10px; color: #997d5c; }
.small2 { font-size: 10px; }




/*----------------------------------------
　タイトル周り
----------------------------------------*/

div#title-760b {
    width: 760px;
    margin: 0 0 30px 0;
}

div#title-760b h2 {
	height: 47px;
    padding: 0;
}

div#listtitle-b {
    width: 580px;
    margin: 0 auto 15px;
}

div#listtitle-b h2 {
	height: 47px;
    padding: 0;
}




/*----------------------------------------
　特商法と会社概要
----------------------------------------*/

div.mgn-btm-80 table {
	border-collapse: collapse;
}

div.mgn-btm-80 table tr td {
	padding: 10px;
	border: 1px solid #4d4d4d;
}

div.mgn-btm-80 table tr td.td-left {
	color: #d9d9d9;
	background-color: #262626;
}




/*----------------------------------------
　個人情報保護方針
----------------------------------------*/

div.mgn-btm-80 h3.prv-h3 {
	color: #b30000;
	font-size: 14px;
	padding: 20px 0	10px;
	margin-top: 20px;
	border-top: 1px dotted #666666;
}

div.mgn-btm-80 ul.disc li {
	list-style-position: inside;
	list-style-type: disc;
}




/*----------------------------------------
　サイトマップ
----------------------------------------*/

div.mgn-btm-80 .arrow01 {
	background: url(/user_data/packages/uassist/img/sitemap/arrows01.gif) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 30px;
}

div.mgn-btm-80 ul.arrow02 {
	margin-bottom: 40px;
	margin-left: 60px;
}

div.mgn-btm-80 ul.arrow02 li {
	background: url(/user_data/packages/uassist/img/sitemap/arrows02.jpg) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 15px;
}

div.mgn-btm-80 div.sitemap-l {
	width: 380px;
	float: left;
}

div.mgn-btm-80 div.sitemap-r {
	width: 380px;
	float: right;
}




/*----------------------------------------
　ご利用案内
----------------------------------------*/

div.info h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #8b020f;
	border-left: 8px solid #8b020f;
	padding: 5px 10px 7px;
	margin: 50px 0 20px;
}

div.info {
	margin-top: -25px;
}

div.info h4 {
	font-size: 14px;
	background: url(/user_data/packages/uassist/img/information/star.jpg) no-repeat left center;
	padding-left: 25px;
	margin: 20px 0 10px;
}

div.info table {
	border-collapse: collapse;
	text-align: center;
}

div.info table caption {
	font-size: 14px;
	padding: 10px;
}

div.info table tr th,
div.info table tr td {
	padding: 10px 0;
	border: 1px solid #4d4d4d;
	width: 57px;
}

div.info table tr th {
	color: #d9d9d9;
	background-color: #262626;
}

div.info p.kouza {
	background-color: #262626;
	padding: 10px;
	border: 1px solid #4d4d4d;
	width: 225px;
	margin: 10px;
}

div.info p.kouza span {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}




/*----------------------------------------
　特別企画の紹介
----------------------------------------*/

div.special p.icon {
	margin: 20px 0 -10px;
}

div.special p.icon img {
	vertical-align: middle;
}

div.special h3 {
	margin: 40px 0 20px;
}




/*----------------------------------------
　購入者全員プレゼント
----------------------------------------*/

div.present p.icon {
	margin-top: 20px;
}

div.present p.icon img {
	vertical-align: middle;
}

div.present h3 {
	font-size: 18px;
	color: #ff9933;
	letter-spacing: 0px;
	margin: 40px 0 10px;
	padding-left: 20px;
	background: url(/user_data/packages/uassist/img/present/arrow.gif) no-repeat left center;
}

div.present h3 a.orenge {
	color: #ff9933;
	text-decoration: underline;
}

div.present h3 a.orenge:hover {
	color: #ff9933;
	text-decoration: none;
}

div.present h3 a.orenge:visited {
	color: #ff9933;
	text-decoration: underline;
}

div.present p img.float-r {
	float: right;
	margin-left: 10px;
}

div.present h4 {
	margin: 20px 0 10px;
}

div.present div.pre-wrap {
	margin: 20px 0;
	overflow: hidden;
}

div.present div.pre-wrap img {
	float: left;
	margin-right: 10px;
}

div.present div.pre-wrap h5 {
	font-size: 14px;
	font-weight: bold;
	color: #b30000;
	margin-bottom: 5px;
}




/*----------------------------------------
　掲載雑誌紹介
----------------------------------------*/

div.magazine img.mag-img {
	padding-top: 40px;
}

div.magazine h3 {
	padding-bottom: 10px;
}

div.magazine p {
	border-bottom: 1px dotted #666666;
	padding: 10px 0 10px 25px;
	background: url(/user_data/packages/uassist/img/magazine/star.jpg) no-repeat left center;
}

div.magazine p span {
	font-weight: bold;
}




/*----------------------------------------
　各読み物ページの見出し
----------------------------------------*/

div.whatis h3,
div.ritual h3,
div.q-and-a h3,
div.shiro h3,
div.kuro h3,
div.noroi h3,
div.renkin h3,
div.sensei h3  {
	margin: 20px 0 10px;
}

div.ritual h3.title2 {
	margin: 10px 0 10px;
}



/*----------------------------------------
　アンテラの魔術儀式
----------------------------------------*/

div.ritual ol li {
	margin-bottom: 20px;
}

div.ritual p.zengen {
	background-color: #262626;
	padding: 20px;
	border: 1px solid #4d4d4d;
	margin: 20px 0 30px;
	width: 540px;
}




/*----------------------------------------
　アンテラQ&A
----------------------------------------*/

div.q-and-a ul.qa_index {
	margin-top: 23px;
}

div.q-and-a ul.qa_index li {
	padding: 12px 0px 18px 50px;
	position: relative;
	border-bottom: 1px dotted #444;
	width: 530px;
}

div.q-and-a ul.qa_index li img {
	position: absolute;
	left: 0px;
	top: 15px;
}

div.q-and-a ul.qa_index li.first {
	border: none;
}

div.q-and-a p.que {
	margin: 20px 0 20px;
	padding: 0 15px 0 65px;
	width: 495px;
	text-align: justify;
	position: relative;
}

div.q-and-a p.ans {
	color: #dddddd;
	background: url(/user_data/packages/uassist/img/qa/qa_bg.gif);
	padding: 20px 20px 20px 65px;
	border: 1px solid #2e3033;
	text-align: justify;
	position: relative;
	width: 493px;
}

div.q-and-a p.que img {
	position: absolute;
	left: 15px;
	top: 5px;
}
div.q-and-a p.ans img {
	position: absolute;
	left: 15px;
	top: 25px;
}

/*----------------------------------------
　呪いの方法
--------------------------------------- */

div.noroi p.matome {
	padding-top: 40px;
	border-top: #666666 1px dotted;
	margin-top: 40px;
}




/*----------------------------------------
　魔術シンボル
--------------------------------------- */

div.symbol .cont {
	overflow: hidden;
	width: 580px;
	margin: 30px 0 20px;
}

div.symbol .cont h3 {
	margin-bottom: 5px;
}

div.symbol .cont p {
	width: 418px;
	display: block;
	float: right;
}




/*----------------------------------------
　魔女の恋愛アドバイス
--------------------------------------- */

div.majyo ul {
	margin-top: 30px;
}

div.majyo ul li {
	background: url(/user_data/packages/uassist/img/majyo/majyo-star.jpg) no-repeat left center;
	padding: 8px 0 0 50px;
	margin-top: 10px;
}

div.majyo .consult {
	background-color: #1a1a1a;
	border: 1px solid #666;
	width: 518px;
	padding: 30px;
}

div.majyo .advice {
	width: 520px;
	padding: 30px;
}

div.majyo .consult h3,
div.majyo .advice h3{
	padding-bottom: 10px;
	margin-left: -8px;
}
p span.back {
	background: url(/user_data/packages/uassist/img/majyo/icon_sankaku.gif) no-repeat left center;
	padding-left: 16px;
}




/*----------------------------------------
　購入者体験談
--------------------------------------- */

div.taiken h3 {
	color: #cc0000;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 10px;
}

div.taiken h4 {
	margin: 20px 0 30px;
}

div.taiken .taiken_index {
	width: 580px;
	overflow: hidden;
}

div.taiken .taiken_index ul {
	float: left;
	width: 250px;
	padding-left: 30px;
}

div.taiken .taiken_index ul li {
	font-size: 14px;
	font-weight: bold;
	background: url(/user_data/packages/uassist/img/taiken/star.jpg) no-repeat left top;
	padding: 0 0 15px 25px;
	border-bottom: #4d4d4d dotted 1px;
	margin-bottom: 10px;
}

div.taiken .taiken_cont {
	width: 580px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #4d4d4d;
	margin: 30px 0 30px;
}

div.taiken h5 {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	line-height: 150%;
	letter-spacing: normal;
	background: url(/user_data/packages/uassist/img/taiken/star.jpg) no-repeat left top;
	padding: 0 0 0 25px;
	margin: 0 auto 15px;
	width: 506px;
}

div.taiken .taiken_cont p {
	width: 528px;
	margin: 0 auto;
}

div.taiken .taiken_cont a:link,
div.taiken .taiken_cont a:visited {
	text-decoration: none;
	color: #ff9900;
}

div.taiken .taiken_cont a:hover {
	text-decoration: underline;
	color: #ff9900;
}

div.taiken .taiken_cont ul {
	width: 528px;
	margin: 0 auto;
}

div.taiken .taiken_cont ul li {
	margin: 20px 0 0 15px;
	list-style-position: outside;
	list-style-type: disc;
}

/* ページャー */

p.pager {
	margin:30px 0px;
	text-align:center;
	font-size: 12px;
	clear: both;
}

p.pager span,
p.pager a {
	margin:0px 1px;
	padding:4px 5px 3px 6px;
	display:inline-block;
	line-height:1;
	font-size:1.1em;
	border:1px solid #4d4d4d;
}

p.pager span{
	color:#cccccc;
	background-color:#333333;
}

p.pager a {
	color:#cccccc;
	text-decoration:none;
}

p.pager a:hover,
p.pager a:active {
	background-color:#333333;
	color:#cccccc;
}

p.pager span.off{
	color:#333333;
	border:1px solid #333333;
	background-color:#000000;
}




/*----------------------------------------
　アクセサリー診断
--------------------------------------- */

div.shindan h3 {
	text-align: center;
}

div.shindan .cont {
	width: 460px;
	margin: 0 auto;
	background: url(/user_data/packages/uassist/img/shindan/shindan-bg.jpg) no-repeat center top;
	padding: 30px 50px 0px;
	margin-top: 20px;
	overflow: hidden;
}

div.shindan .cont p.lead,
div.shindan .cont02 p.lead {
	font-size: 16px;
	color: #cc0000;
	text-align: center;
	padding-bottom: 20px;
}

div.shindan .cont a.start {
	background: url(/user_data/packages/uassist/img/shindan/shindan-button.gif) no-repeat 0px 0px;
	display: block;
	height: 30px;
	width: 181px;
	margin: 20px auto 0;
	text-indent: -9999px;
}

div.shindan .cont a.start:hover {
	background-position: 0px -30px;
}

div.shindan .cont .bot-bd {
	padding-bottom: 30px;
	border-bottom: 1px dashed #666;
	margin-bottom: 30px;
}

div.shindan .cont p.que {
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
}

div.shindan .cont ul {
	margin: 35px auto;
	text-align: center;
}

div.shindan .cont li {
	font-size: 14px;
	margin-bottom: 20px;
}

div.shindan .cont li a:link,
div.shindan .cont li a:visited {
	color: #ff9933;
	text-decoration: none;
}

div.shindan .cont li a:hover {
	color: #ff9933;
	text-decoration: underline;
}

div.shindan .cont .cont2 {
	width: 460px;
	margin-top: 30px;
	overflow: hidden;
}

div.shindan .cont .cont2 ul {
	margin-right: -38px;
	overflow: hidden;
}

div.shindan .cont .cont2 li {
	font-size: 12px;
	letter-spacing: normal;
	text-align: left;
	margin-right: 38px;
	float: left;
	width: 128px;
	overflow: hidden;
}

div.shindan .cont .cont2 li a:link,
div.shindan .cont .cont2 li a:visited {
	color: #ff9933;
	text-decoration: none;
}

div.shindan .cont .cont2 li a:hover {
	color: #ff9933;
	text-decoration: underline;
}




/*----------------------------------------
　錬金術について
--------------------------------------- */

div.renkin .cont {
	margin-top: 30px;
	overflow: hidden;
}

div.renkin .cont-l {
	width: 260px;
	float: left;
}

div.renkin .cont-r {
	width: 305px;
	float: right;
}

div.renkin .cont-l img,
div.renkin .cont-r img  {
	margin-right: 10px;
	float: left;
}




/*----------------------------------------
　今月のプレゼント
--------------------------------------- */

div.mon_present {
	margin-bottom: 40px;
}

div.mon_present .mon-pre-top {
	overflow: hidden;
	margin-bottom: 30px;
}

div.mon_present .mon-pre-top img {
	float: left;
	border: 8px solid #222222;
}

div.mon_present .mon-pre-top h3 {
	font-size: 12px;
	color: #cc0000;
	padding: 8px 0 20px;
	line-height: 20px;
}

div.mon_present .mon-pre-top .pre-top-text {
	float: right;
	width: 300px;
}

div.mon_present .mon-pre-top .period {
	font-size: 14px;
	padding-top: 15px;
	border-top: 1px dotted #666;
	margin-top: 15px;
}


/* 以下フォームのスタイル */

body.iframe {
	background-color: #1a1a1a;
}

div.mon_present iframe {
	border: solid 1px #333333;
}

div.iframe-width {
	width: 520px;
	padding: 20px;
}

div.mon_present table.pre-table1 {
	width: 520px;
	margin: 10px 0 10px 1px;
}

div.mon_present table.pre-table1 th {
	font-weight: normal;
	text-align: left;
	background-color: #333333;
	border: 1px solid #666666;
	padding: 10px 10px;
	width: 150px;
}

div.mon_present table.pre-table1 td {
	border: 1px solid #666666;
	padding: 10px 10px;
}

div.mon_present table.pre-table2 {
	width: 520px;
	margin: 10px 0 0 1px;
}

div.mon_present table.pre-table2 th {
	font-weight: normal;
	text-align: left;
	background-color: #333333;
	border: 1px solid #666666;
	padding: 10px 10px;
}

div.mon_present table.pre-table2 td {
	border: 1px solid #666666;
	padding: 15px 15px;
}

div.mon_present table.pre-table2 tr td label {
	line-height: 25px;
}

div.mon_present table.pre-table2 p.sub_que {
	background-color: #333333;
	border-left: 6px solid #666666;
	padding: 6px 10px 3px;
	margin: 15px 0 5px;
}
div.mon_present .l_space {
	margin-left: 15px;
}

div.mon_present .attention {
	width: 520px;
	border-top: 2px dotted #666666;
	border-bottom: 2px dotted #666666;
	margin: 30px 0;
	padding: 20px 0;
}

div.mon_present .attention span {
	display: block;
	margin-top: 15px;
	text-align: center;
}


/* 確認ページへボタン */

div.mon_present form input#btn_send {
	background:url(/mon_present/img/btn_send.gif) no-repeat left top;
	width: 180px;
	height: 30px;
	border: none;
	cursor: pointer;
}

div.mon_present form input#btn_send:hover {
	background-position: 0px -30px;
}


/* 確認ページ */

div.mon_present table.pre-table3 {
	width: 510px;
	margin: 10px 0 15px 1px;
}

div.mon_present table.pre-table3 th {
	font-weight: normal;
	text-align: left;
	background-color: #333;
	padding: 10px 10px;
	border: 1px solid #666;
	width: 200px;
}

div.mon_present table.pre-table3 td {
	padding: 10px 10px;
	border: 1px solid #666;
}


/* 送信するボタン */

div.mon_present form input#btn_confirm {
	background:url(/mon_present/img/btn_confirm.gif) no-repeat left top;
	width: 150px;
	height: 30px;
	border: none;
	cursor: pointer;
}

div.mon_present form input#btn_confirm:hover {
	background-position: 0px -30px;
}


/* 戻るボタン */

div.mon_present form input#btn_reedit {
	background:url(/mon_present/img/btn_reedit.gif) no-repeat left top;
	width: 150px;
	height: 30px;
	border: none;
	cursor: pointer;
}

div.mon_present form input#btn_reedit:hover {
	background-position: 0px -30px;
}


/* 送信完了ページ */

div.mon_present .thanks {
	width: 440px;
	padding: 30px;
	border: 10px solid #333;
}


/* トップページへボタン */

div.mon_present .thanks a {
	background: url(/mon_present/img/btn_top.gif) no-repeat 0px 0px;
	display: block;
	height: 30px;
	width: 150px;
	margin: 20px auto 0;
	text-indent: -9999px;
}

div.mon_present .thanks a:hover {
	background-position: 0px -30px;
}


/* IE6 横スクロールバー消す */

* html { overflow-y: scroll;}
div.mgn-btm-80 * { zoom: 1;}


/* 入力エラー時 */
div.mon_present table.pre-table1 th.ng, 
div.mon_present table.pre-table2 th.ng {
	background-color: #660000;
	color: #ffffff;
}

div.mon_present table.pre-table1 td.ng, 
div.mon_present table.pre-table2 td.ng {
	background-color: #330000;
	color: #ffffff;
}

div.mon_present table.pre-table1 td.ng p.red {
	color: #ff0000 !important;
}

div.mon_present div.ng {
	background-color: #330000;
	width: 480px;
	padding: 20px 20px;
}

div.mon_present span.error {
	color: #ff0000;
}

div.mon_present p.agreeerror {
	text-align:
	center; color: #ff0000;
}

body.iframe div.mon_present {
	margin-bottom: 0;
}



/* メルマガ先行販売 */

div.early .early_cont {
	position: relative;
	margin-top: 14px;
	padding: 0 0 14px 270px;
}

div.early .early_present {
	position: relative;
	margin-top: 14px;
	padding: 0 0 30px 120px;
}

div.early .line {
	border-bottom: dotted 1px #666;
}

div.early .early_cont img,
div.early .early_present img {
	position: absolute;
	left: 0;
	top: 5px;
}
div.early h3 {
	padding-top: 20px;
}
div.early .early_cont h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 4px 0 14px;
}
div.early  .early_cont p span.lead {
	font-size: 14px;
	font-weight: bold;
	color: #c00;
	padding: 14px 0;
}
div.early .early_present h4 {
	font-size: 16px;
	font-weight: bold;
	color: #c00;
	padding: 15px 0 5px;
}
div.early .early_cont p {
	padding-bottom: 14px;
}
div.early .early_cont a { color: #ff9933; text-decoration: none; }
div.early .early_cont a:hover { color: #ff9933; text-decoration: underline;}

div.early .early_cont p span.brown {
	color: #997D5C;
}
div.early .early_cont p span.price {
	color: #c00;
}

div.early .early_cont p a:hover {
	background-position: 0 -25px;
}
div.early .early_order h5 {
	font-size: 16px;
	padding: 28px 0 14px 20px;
}
div.early .early_order p {
	padding-left: 20px;
}

div.early .early_order span.tel {
	font-size: 18px;
	font-weight: bold;
	color: #c00;
}



/*----------------------------------------
　幸せを呼ぶ魔術護符
--------------------------------------- */

div.gofu div.cont {
	overflow: hidden;
	width: 580px;
	padding: 20px 0 20px;
	border-bottom: #666 1px dotted;
}

div.gofu .cont h3 {
	margin-bottom: 3px;
}

div.gofu .cont p {
	margin-left: 175px;
}
div.gofu p.small {
	font-size: 10px;
}
div.gofu p.link {
	margin-top: 7px;
}
div.gofu p.link a {
	text-align: center;
	padding-top: 3px;
	display: block;
	width: 161px;
	height: 23px;
	background: url(/user_data/packages/uassist/img/gofu/btn_dl.jpg) no-repeat;
}
/*----------------------------------------
　Webチラシ
--------------------------------------- */

div.chirashi {
	text-align: center;
	margin-top: 20px;
}

/*----------------------------------------
　11.03.11　追加「タロット」
--------------------------------------- */
div.tarot .lead_text{
	margin-bottom: 20px;
}

div.tarot .tarot_box{
	width: 575px;
	margin:0px 0px 30px 5px;
}

div.tarot .tarot_box .l_box{
	width: 175px;
	float: left;
	height: 323px;
	margin: 0px 0px 0px 12px;
	background: url(/user_data/packages/uassist/img/tarot/line_b.jpg) no-repeat center bottom;
}

div.tarot .tarot_box .l_box_bk{
	width: 175px;
	height: 300px;
	background-image: url(/user_data/packages/uassist/img/tarot/line.jpg);
	background-repeat: repeat-y;
}


div.tarot .tarot_box .text_box_t01{
	width: 146px;
	text-align: center;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #393939;
	margin: 0px 12px 5px 12px;
}

div.tarot .tarot_box .text_box_t02{
	width: 146px;
	padding: 0px;
	margin: 0px 10px 0px 14px;
}


/*----------------------------------------
　魔術用語のご紹介
--------------------------------------- */
div.yogo .lead {
	color: #cc0000;
	font-size: 14px;
	line-height: 180%;
	overflow: hidden;
	margin-bottom: 0px;
}
div.yogo .lead img {
	float: right;
	padding-left: 20px;
	margin-right: 10px;
}
div.yogo p {
	margin-bottom: 20px;
	padding-left: 10px;
}



/*----------------------------------------
　魔術基礎知識　第1回 聖別
--------------------------------------- */

div.kiso_01 div.cont {
	overflow: hidden;
	width: 580px;
	padding: 20px 0 20px;
	border-bottom: #666 1px dotted;
}

div.kiso_01 .cont h3 {
	margin-bottom: 3px;
}

div.kiso_01 .cont p.text {
	margin-left: 175px;
}

/*----------------------------------------
　恋に効く魔術
--------------------------------------- */

div.koinikiku div.cont {
	overflow: hidden;
	width: 580px;
	padding: 20px 0 20px;
	border-bottom: #666 1px dotted;
}

div.koinikiku div.cont img.float-r {
	padding-bottom: 10px;
	padding-left: 10px;
}

div.koinikiku .cont h3 {
	margin-bottom: 3px;
}

div.koinikiku .cont p.text span {
	color: #cc0000;
	font-size: 14px;
	line-height: 180%;
}