@charset "utf-8";

/************************************************
 共通設定
************************************************ */
body {
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
}

select {
    border: solid 1px #ccc;
}

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

em {
font-style: normal;
}
/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* コンテンツ */
#container {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 960px;
    text-align: left;
}


/* ==============================================
 カラム指定
=============================================== */
/* ヘッダーとフッターの上下
[注意]ブロック移動時はbloc.css内で調整が必要 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
    margin: 0 auto;
    padding: 15px;
    width: 950px;
    background: #fff;
    text-align: left;
}

/* 中央カラム */
.main_column {
    padding: 0 0 20px;
}

/* サイドカラム */
#leftcolumn {
    float: left;
    width: 20%;
}
div#rightcolumn {
	float: right;
	padding: 0 0 0 0;
	width: 260px;
}

/* 1カラム設定 */
#one_maincolumn {
    margin: 0 auto;
    width: 100%;
}

/* 2カラム設定 (メイン部が左) */
#two_maincolumn_left {
   /** padding-left: 1.5%;
    float: left;
    width: 78%;*/
	float: left;
	width: 690px;
}

/* 2カラム設定 (メイン部が右) */
#two_maincolumn_right {
    padding-right: 1.5%;
    width: 78%;
    float: right;
}

/* 3カラム設定 */
#three_maincolumn {
    padding-left: 0.5%;
    width: 59%;
    float: left;
}

/* 下層コンテンツ */
#undercolumn {
    width: 100%;
    margin: 0 0 30px 0;
}


/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}

/* リンク指定
----------------------------------------------- */
a:link,
a:visited {
    color: #173f7a;
    text-decoration: none;
}
a:link:hover,
a[href]:hover {
    color: #f60;
    text-decoration: underline;
}

a {	text-decoration: underline; }
a:link { color: #173f7a; text-decoration:underline; }
a:visited { color: #173f7a; text-decoration:underline; }
a:hover { color: #173f7a; text-decoration:none; }




/* フォント
----------------------------------------------- */
h1,
h2,
h3,
h4,
h5 {
    font-size: 100%;
    line-height: 150%;
}
.price {
color: #cc0000;
font-weight: bold;
}
.sale_price {
    color: #f00;
}
.normal_price {
    /**font-size: 90%;**/
}
.point {
    color: #f00;
    font-weight: bold;
}
.user_name {
    font-weight: bold;
}
.recommend_level {
    color: #ecbd00;
}

.attention {
    color: #993333;
}
.attentionSt {
    color: #f00;
    font-weight: bold;
}
.st {
    font-weight: bold;
}
.mini {
    font-size: 90%;
}


/* 行揃え
----------------------------------------------- */
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignL {
    text-align: left;
}
.pricetd em {
    font-weight: bold;
}


/* フォーム
----------------------------------------------- */
input[type='text'],
input[type='password'],
.select {
    border: solid 1px #ccc;
    padding: 2px;
}

.box40 {
    width: 40px;
}
.box60 {
    width: 60px;
}
.box100 {
    width: 100px;
}
.box120 {
    width: 120px;
}
.box140 {
    width: 140px;
}
.box145 {
    width: 145px;
}
.box150 {
    width: 150px;
}
.box240 {
    width: 240px;
}
.box300 {
    width: 300px;
}
.box320 {
    width: 320px;
}
.box350 {
    width: 350px;
}
.box380 {
    width: 380px;
}

/* フォームが縦に重なり合う場合に併用する余白 */
.top {
    margin-bottom: 5px;
}

.ng_top {
    margin-bottom: 0 !important;
}


/* タイトル
----------------------------------------------- */
h2.title {
padding: 10px;
color: #666;
font-size: 200%;
margin: 0 0 20px 0;
background-color: #eee;
}

#one_maincolumn .sub_area h3,
#two_maincolumn_right .sub_area h3,
#two_maincolumn_left .sub_area h3,
#three_maincolumn .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#mypagecolumn h3,
#undercolumn_cart h3 {
    margin: 0 0 10px 0;
    padding: 5px 0 10px 10px;
    /**color: #f60;
    font-size: 120%;
    background: url("../img/background/line_01.gif") repeat-x left bottom;*/
    background-color: #eee;
}
}

div#undercolumn_login .login_area h4 {
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_05.gif") no-repeat left;
}


/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrap {
    /**border-top: solid 3px #f90;
    min-height: 82px;
    background: url("../img/common/bg_header.gif") repeat-x bottom #fffaf0;
    **/
}
#header {
    margin: auto;
    width: 980px;
}
#logo_area {
    padding-left: 10px;
    float: left;
    width: 320px;
    text-align: left;
}
#header_utility {
    float: right;
    width: 580px;
}

#errorHeader {
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}

/* ロゴ
----------------------------------------------- */
#site_description {
    font-size: 90%;
}
#logo_area h1 {
    width: 320px;
    height: 33px;
}
#logo_area h1 span {
    display: none; /* テキストロゴ非表示 */
}


/* ヘッダーナビ
----------------------------------------------- */
div#header_navi {
    float: right;
    width: 409px;
    height: 38px;
}
div#header_navi ul li {
    display: block;
    float: left;
}
div#header_navi ul li.mypage,
div#header_navi ul li.entry {
    margin-top: 6px;
}


/* ==============================================
 フッター
=============================================== */
#footer_wrap {
    margin: 0 auto;
    width: 980px;
    height: 80px;
    background: #fff;
}
#footer {
    margin: auto;
    padding-top: 10px;
    border-top: solid 1px #ccc;
    width: 950px;
}
#pagetop {
    width: 210px;
    float: right;
    text-align: right;
}
#copyright {
    width: 740px;
    float: left;
    text-align: left;
    font-size: 97%;
}


/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.btn_area li {
    padding-right: 10px;
    display: inline;
}


/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
    margin-bottom: 20px;
}
div#complete_area .message,
div#undercolumn_entry .message {
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
}
div#complete_area .shop_information {
    margin-top: 40px;
    padding: 20px 0 0 0;
    border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 140%;
}


/* Tipsy
----------------------------------------------- */
.tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 100000;
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-arrow {
    position: absolute;
    background: url('../img/ajax/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}
.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}


/* ヘッダーナビ
----------------------------------------------- */
div#information {
	float: right;
	margin: 32px 0 0 0;
	text-align: right;
    background: url("../img/header/naviline.gif") no-repeat;
}

div#information ul li {
	display: inline;
	margin: 0 0 0 5px;
}

div#mainnavi {
    clear: both;
	width: 960px;
	height: 40px;
	margin: 0 0 15px 10px;
    background: url("../img/header/navibg.jpg") no-repeat;
}

div#mainnavi li {
	display: inline;
	letter-spacing: 0px;
	padding:0px;
	margin:0px;
}
div#header01 {
	width: 960px;
	float: left;
	margin: 0 0 5px 0;
}


/**トップページ*/
div#two_maincolumn_left h2 {
font-size: 17px;
}


div#bannerarea {
	border: 1px #333 solid;
	width: 690px;
	margin: 0 0 15px 0;
}
h3#bannerarea_title {
	margin: 0 0 10px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

div.innerBox_under {
	width: 690px;
	margin: 0;
	padding: 5px 0 0;
	float: left;
	text-align: center;
}

/* IMAGE
----------------------------------------------- */
div#imagearea {
	width: 690px;
	margin: 0 0 50px 0;
}


/* ニュース
----------------------------------------------- */
div#newsarea {
	width: 308px;
	float: left;
	font-size: 90%;
}

div#newsarea #newscomment {
	padding: 10px 0 0 0;
}

div#newsarea #newscomment .rss {
	text-align: center;
}

div#newsarea dl {
	border-bottom: dashed 1px #000;
	overflow:auto;
}

div#newsarea dl dd {
	padding: 0 0 15px 0;
}

div#newsarea dl dt {
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	border-left: 5px solid orange;
}
.day {
	background-color: #fff;
	font-weight: bold;
}


/* おすすめ
----------------------------------------------- */
div#recomendarea {
	width: 352px;
	float: right;
}

div.recomendblock {
	width: 352px;
	padding: 15px 0;
	border-bottom: dashed 1px #000;
	overflow:auto;
}

div.recomendblock img {
	display: block;
	float: left;
}

div.recomendblock .recomendright {
	width: 232px;
	float: right;
	padding: 0 0 0 12px;
}

div.recomendblock .recomendright h3 {
	font-size: 100%;
	height: 15px;
	padding: 0 0 2px 15px;
	background: url("../img/top/recomend_icon.gif") no-repeat;
}

div.recomendblock .recomendright p {
	margin: 0 0 5px 0;
}

.recomendright h5 {
	font-size: 100%;
	padding: 0 0 2px 7px;
	margin: 0 0 10px;
	border-left: 5px solid #173F7A;
}


/**フッター**/
#fotterarea {
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#fotterarea p strong {
	color: #666;
	font-size: 12px;
	line-height: 30px;
}

#pagetop {
	width: 960px;
	height: 17px;
	background-color: #1f54a5;
	text-align: right;
}
#fotternavi {
	width: 960px;
	margin: 0 auto;
	padding: 27px 0 40px 0;
}
#fotternavi .lownavi {
	float: left;
}

#fotternavi .copy {
	float: right;
}

/**サイドエリア*/
div#searcharea {
	width: 240px;
	margin: 0 0 15px 0;
}
div#searcharea p {
	padding: 8px 0 0 0;
}
div#searchbloc {
	width: 220px;
	padding: 0 10px;
	background: url("../img/side/bg.jpg") repeat-y;
}
div#searcharea .btn {
	text-align: center;
}

/**ログインエリア*/
div#loginarea {
	width: 240px;
    margin: 0 0 15px 0;
}

h2.logintitle,
div.logintitle {
    height: 104px;
    background: url("../img/side/title_login_bg.jpg") no-repeat;
    position:relative;
}
div.logintitle02 {
    height: 38px;
    background: url("../img/side/title_login2.jpg") no-repeat;
    position:relative;
}

div.logintitle h3 {
	position: absolute;
	top: 70px;
	left: 15px;
}
div.logintitle02 h3 {
	position: absolute;
	top: 5px;
	left: 15px;
}

h2.logintitle div#memory,
div.logintitle div#memory {
    padding: 76px 0 0 110px;
}
div.logintitle02 div#memory {
    padding: 76px 0 0 110px;
}

div#loginbloc {
	width: 220px;
	padding: 0 10px;
	background: url("../img/side/bg.jpg") repeat-y;
}

div#loginarea p {
	padding: 8px 0 0 0;
	text-align: center;
}

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

.loginbox {
	width: 130px;
	height: 18px;
	border: solid 1px #000;
}

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


h2.logintitle a#entry,
div.logintitle a#entry {
    display:block;
    width:222px;
    height:55px;
    background: url("../img/library/entry_banner.png") no-repeat;
    position:absolute;
    top:9px; left:9px;
}
h2.logintitle a:hover#entry,
div.logintitle a:hover#entry {
    background: url("../img/library/entry_banner_on.png") no-repeat;
}


/* カゴの中
----------------------------------------------- */
div#cartarea {
	width: 240px;
    margin: 0 0 15px 0;
}

h2.carttitle,
h3.carttitle {
    height: 38px;
    background: url("../img/side/title_cartin.jpg") no-repeat;
}

.carttitle em {
	display: none;
}

div#cartbloc {
	width: 220px;
	padding: 0 10px;
	background: url("../img/side/bg.jpg") repeat-y;
}

div#cartarea p.item {
	padding: 5px 0 10px 0;
	text-align: center;
}

div#cartarea span.carriage {
	background-color: #f5ebcc;
	font-size: 90%;
}

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

select {
	border: solid 1px #000;
}
/* カテゴリー
----------------------------------------------- */
div#categoryarea {
    width: 240px;
    margin: 0 0 15px 0;
}

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

div#categoryarea a.onlink { text-decoration: underline; font-weight: bold; }
div#categoryarea a.onlink:link { color: #173f7a; }
div#categoryarea a.onlink:visited { color: #173f7a; }
div#categoryarea a.onlink:hover { color: #173f7a; text-decoration: none; }

div#categoryarea img {
	margin: 0 0 5px 0;
}

div#categoryarea .categoryblock {
	width: 238px;
	margin: 0 0 4px 0;
	border: solid 1px #000;
	background-color: #ffffe5;
}

.categoryblock li.level1 {
	padding: 20px 0px 10px 10px;
	font-size: 16px;
}
.categoryblock li.level2 {
	padding: 10px 0px 0px 10px;
	font-size: 14px;
}
.categoryblock li.level3 {
	padding: 5px 0px 0px 10px;
	font-size: 12px;
}


div#categoryarea .subcategoryblock {
	margin: 2px;
	padding: 2px 0;
	background-color: #eee;
}

.subcategoryblock li {
	padding: 0 0 0 18px;
	background: none;
}


.login_mypage h3{
	background-color: #CCCCCC;
	padding: 8px 0px;
	font-weight: normal;
	text-align: center;
	font-size: 11pt;
}
.login_mypage {
	border:1px solid #999999;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.login_mypage ul {
	margin: 10px 0px 10px 20px;
}
.login_mypage li {
	list-style-type: circle;
}

#breadcrumbs {
	height: 15px;
	margin: 0 0 10px;
}
#breadcrumbs li{
	float: left;
	padding-right: 5px;
}
#breadcrumbs li a {
	padding-right: 5px;
}
.mt10 { margin-top: 10px; }

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


/* ページ送り
----------------------------------------------- */
p.pagenumberarea {
	clear: both;
	width: 670px;
	margin: 20px 0;
	padding: 10px;
	background-color: #e3e3e3;
}

p.pagenumberarea a{
	color: #000;
	text-decoration:underline;
}


/* 商品一覧 */

/* タイトル
----------------------------------------------- */
div#listtitle {
	width: 690px;
	background-color: #eee;
}

div#listtitle h2 {
	padding: 10px;
	color: #666;
	font-size: 200%;
}

/* バナーエリア
----------------------------------------------- */
div#bannerArea {
	/*width: 690px;*/
	/* border: 1px #d3d3d3 solid;  */
	/* margin: 10px 0 0 0; */
}

div#bannerArea img{
	margin: 5px 0 5px 3px ;
}

/* 商品
----------------------------------------------- */
div.listarea {
	clear: both;
	overflow: auto;
	margin: 0 0 13px 0;
}

div.listblock01 {
	width: 140px;
	float: left;
	margin-right: 14px;
	padding: 10px;
	overflow: auto;
	border: solid 1px #000;
}

div.listblock02 {
	width: 140px;
	float: left;
	padding: 10px;
	overflow: auto;
	border: solid 1px #000;
}

div.listarea .listimage {
	padding: 0 0 10px 0;
}

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

div.listarea h3 {
	font-size: 100%;
	font-weight: bold;
}

div.listarea .pricebox {
	margin: 8px 0 0 0;
	font-size: 90%;
}

div.listarea .listcomment {
	margin: 10px 0 0 0;
	font-size: 90%;
}


/* 商品詳細 */

/* タイトル
----------------------------------------------- */
div#detailtitle {
	width: 690px;
	background-color: #eee;
}

div#detailtitle h2 {
	padding: 10px;
	color: #666;
	font-size: 200%;
}


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

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

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

div#detailrightbloc {
	float: right;
	/*width: 280px;*/
	width: 420px;
}

div#detailrightbloc #detailrightname {
	margin: 0 0 7px 0;
	padding: 10px 0;
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}

div#detailrightbloc #detailrightname .code {
	font-size: 90%;
}

div#detailrightbloc h2 {
	color: #173f7a;
	font-size: 210%;
	margin: 8px 0;
	line-height: 1em;
}

div#detailrightbloc li {
	display: inline;
	padding: 0 5px 10px 0;
}

h4.pricetitle {
	width: 280px;
	height: 48px;
	margin: 15px 0 0 0;
	background: url("../img/products/cartimage.gif") no-repeat;
}

h4.pricetitle em {
	display: none;
}

div#detailrightbloc #detailrightprice {
	padding: 0 12px 20px 12px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #eee;
	width:254px;
}

div#detailrightprice dl {
	padding: 8px 0 0 0;
}

div#detailrightprice dt {
	font-weight: bold;
}

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

div#detailrightprice select {
	height: 18px;
	border: solid 1px #000;
}

div#detailrightprice .pricebox {
	width: 180px;
	height: 18px;
	border: solid 1px #000;
}

div#detailrightprice .btn {
	margin: 15px 0 0 0;
	text-align: center;

}

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

div.subarea h3 {
	margin: 0 0 5px 0;
	font-size: 100%;
	color: #173f7a;
}

div.subtext {
	float: right;
	width: 240px;
}

div.subphotoimg {
	float: left;
	width: 140px;
}

div.subphotoimg p {
	margin: 3px 0 0 0;
}

/* お客様の声
----------------------------------------------- */
div#customervoicearea {
	clear: both;
	width: 690px;
	padding: 30px 0 0 0;
}

h4.customertitle {
	width: 690px;
	height: 41px;
	background: url("../img/products/title_voice.gif") no-repeat;
}

h4.customertitle em {
	display: none;
}

.customervoice {
	padding: 0 20px 20px 20px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: dashed 1px #000;
}

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

div#customervoicearea .voicetitle {
	height: 18px;
	padding: 0 0 0 30px;
	font-weight: bold;
	color: #173f7a;
	background: url("../img/products/voiceicon.gif") no-repeat;
}

div#customervoicearea .voicedate{
	margin: 0 0 5px 0;
	padding: 0 0 0 30px;
	font-size: 90%;
	color: #173f7a;
}

div#customervoicearea .voicecomment{
	padding: 0 0 0 30px;
}

.customerbtn {
	padding: 15px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #eee;
	text-align: center;
}

/* トラックバック
----------------------------------------------- */
div#tbarea {
	clear: both;
	width: 690px;
	padding: 30px 0 0 0;
}

h4.tbtitle {
	width: 690px;
	height: 41px;
	background: url("../img/products/title_tb.gif") no-repeat;
}

h4.tbtitle em {
	display: none;
}

.tb {
	padding: 0 20px 20px 20px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

div.tb dl {
	padding: 8px 0 0 0;
}

div.tb dt {
	font-weight: bold;
}

div.tb dd{
	margin: 5px 0 0 0;
}

div.tb .pricebox {
	width: 630px;
	height: 18px;
	border: solid 1px #000;
}

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

h4.whoboughttitle {
	width: 690px;
	height: 41px;
	background: url("../img/products/title_other.gif") no-repeat;
	padding: 0 0 15px 0;
}

h4.whoboughttitle em {
	display: none;
}

.informationArea {
	padding:5px;
}
.informationArea h3 {
	margin: 0px 0px 10px 0px;
	*margin: 0px 0px 15px 0px;
	font-size:13pt;
}
.informationArea h4 {
	margin: 0px 0px 5px 0px;
	*margin: 0px 0px 10px 0px;
	line-height: 130%;
	font-size:11pt;
}




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

div#under02title {
	width:100%;
	margin: 0 0 20px 0;
	background-color: #eee;
}

div#under02title h2 {
	padding: 10px;
	color: #666;
	font-size: 200%;
}

div#under02column table {
	width: 720px;
}


/* カートの中
----------------------------------------------- */
div#under02column_cart {
	width: 720px;
	margin: 0 auto;
}

div#under02column_cart em {
	font-weight: bold;
}

div#under02column_cart .totalmoneyarea {
	margin: 0 auto 20px 0;
	padding: 15px 0;
	border: solid 1px #000;
}

div#under02column_cart .totalmoneyarea .totalmoneyblock {
	width: 620px;
	height: 56px;
	margin: 0 auto;
    background: url("../img/cart/carticon.gif") no-repeat left;
}

div#under02column_cart .totalmoneyarea .totalmoneyblock p {
	margin: 0 0 0 68px;

}

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_customer {
	width: 720px;
	margin: 0 auto;
}

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

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

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

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

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

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

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

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


/* お届け先指定
----------------------------------------------- */
div#under02column_shopping {
	width: 720px;
	margin: 0 auto;
}

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

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


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


div#under02column_shopping h3 {
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 100%;
	font-weight: bold;
	background-color: #eee;
}

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

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

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

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

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

div#under02column_shopping .point {
	padding: 20px 20px 20px 20px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

div#under02column_shopping .pointtext {
	text-align:center;
	border-bottom: dashed 1px #000;
	padding: 0px 20px 20px 20px;
	margin: 0 0 20px 0;
}

div#under02column_shopping .pointselect {
	margin: 0 120px 0 120px;
}

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

div#under02column_shopping .pointuse {
	padding: 0 0 15px 15px ;
}

div#under02column_shopping .pointbox {
	width: 100px;
	height: 18px;
	border: solid 1px #000;
	margin: 0 5px 0 3px ;
}

/* 確認
----------------------------------------------- */
div#under02column_shopping table {
	margin: 0 0 15px 0;
}

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

div#under02column_shopping table.delivname caption {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding: 8px;
	background-color: #f0f0f0;
	text-align: left;
	font-weight: bold;
	color: #000;
}


/* 完了
----------------------------------------------- */
#completetext {
	width: 690px;
	margin: 0 auto;
	border: 1px solid #000;
}

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

div#completetext p {
	padding: 25px;
	text-align: left;
}


/* ログイン
----------------------------------------------- */
div#under02column_login {
	width: 768px;
}

div#under02column_login .loginarea {
	width: 768px;
	margin: 0 auto 15px 0;
	padding: 15px 0;
	border: solid 1px #000;
	background: #f0f0f0;
}

div#under02column_login em {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 240%;
}

div#under02column_login .totalloginarea .totalloginblock {
	width: 680px;
	height: 56px;
	margin: 0 auto;
    background: url("../img/login/loginicon.gif") no-repeat left;
}

div#under02column_login .totalloginarea .totalloginblock p {
	margin: 0 0 0 60px;
}

div#under02column_login .loginarea .inputbox {
	width: 670px;
	margin: 15px auto 0 auto;
	background: #f0f0f0;
}

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

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

div#under02column_login .loginarea .tblareabtn {
	width: 680px;
	margin: 20px auto 0 auto;
	padding: 0 0 20px 0px;
	border-bottom: 1px dashed #000;
	text-align:center;
}

div#under02column_login .loginarea a {text-decoration: underline; }
div#under02column_login .loginarea a:link { color: #000; text-decoration:underline; }
div#under02column_login .loginarea a:visited { color: #000; text-decoration:underline; }
div#under02column_login .loginarea a:hover { color: #000; text-decoration:none; }

div#under02column_login .totalloginarea .totalloginblock02 {
	width: 680px;
	height: 56px;
	margin: 0 auto;
    background: url("../img/login/nologinicon.gif") no-repeat left;
}

div#under02column_login .totalloginarea .totalloginblock02 p {
	margin: 0 0 0 60px;
}

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 .inputbox02 {
	width: 460px;
	margin: 15px auto 0 auto;
	padding: 30px 20px 10px 20px;
	background: #f0f0f0;
	text-align: center;
}

div#under02column_error {

}

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

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

div#header p {
font-size: 10px;
color: #666666;
font-weight: normal;
line-height: 1.2em;
}

#text, #text2 {
padding: 20px 20px 0 30px;
}

#text2 {
	padding: 20px 20px 0 30px;
}

#text2 h1 {
-x-system-font:none;
background-color:#4E74AE;
color:#FFFFFF;
font-family:"ＭＳ ゴシック",Osaka,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1;
margin:0;
padding:5px;
text-align:left;
width:100%;
}

div#undertitle {
	width: 690px;
	margin: 0 0 20px 0;
	background-color: #eee;
}

div#undertitle h2 {
	padding: 10px;
	color: #666;
	font-size: 200%;
}


/* ネットライブラリー共通
----------------------------------------------- */
#netlibrary {
    width:770px;
    margin:0px auto;
}

#netlibrary span.hid {
    display:none;
}

#netlibrary div#backnumbers {
    margin:10px auto 0 auto;
    width:680px;
}


/* ログアウト状態
----------------------------------------------- */
#netlibrary #logoff div#library_top {
    margin:0 auto;
    width:770px;
    height:314px;
    position:relative;
    background: url("../img/library/library_top.jpg") no-repeat;
}

#netlibrary #logoff div#library_top a#entry {
    display:block;
    width:313px;
    height:66px;
    position:absolute;
    top:184px; left:30px;
    background: url("../img/library/btn_entry.jpg") no-repeat;
}
#netlibrary #logoff div#library_top a:hover#entry {
    background: url("../img/library/btn_entry_on.jpg") no-repeat;
}

#netlibrary #logoff div#library_top span.dsc {
    display:block;
    width:380px;
    font-size:12px;
    line-height:1.5em;
    color:#fff;
    font-weight:bold;
    position:absolute;
    top:145px; left:35px;
}



#netlibrary #logoff table {
    border:0px;
}
#netlibrary #logoff table td{
    border:0px;
}

#netlibrary #logoff div#disc {
    margin:12px 0 0 0;
    width:318px;
    height:251px;
    position:relative;
    background: url("../img/library/disc.jpg") no-repeat;
}

#netlibrary #logoff div#disc a#contact {
    display:block;
    width:290px;
    height:37px;
    position:absolute;
    top:201px; left:13px;
    background: url("../img/library/btn_contact.jpg") no-repeat;
}

#netlibrary #logoff div#disc a:hover#contact {
    background: url("../img/library/btn_contact_on.jpg") no-repeat;
}

#netlibrary #logoff div#banner {
    margin:5px 0 0 0;
    width:420px;
}

#netlibrary #logoff div#library_top a#login {
    display:block;
    width:314px;
    height:49px;
    position:absolute;
    top:253px; left:30px;
    background: url("../img/library/btn_login.png") no-repeat;
}
#netlibrary #logoff div#library_top a:hover#login {
    background: url("../img/library/btn_login_on.png") no-repeat;
}



/* ログイン状態
----------------------------------------------- */

#netlibrary #logon div#library_top {
    margin:0 auto;
    width:770px;
    height:296px;
    position:relative;
    background: url("../img/library/logon_library_top.jpg") no-repeat;
}

#netlibrary #logon div#library_top a#contact {
    display:block;
    width:395px;
    height:50px;
    position:absolute;
    top:212px; left:19px;
    background: url("../img/library/logon_btn_contact.jpg") no-repeat;
}

#netlibrary #logon div#library_top a:hover#contact {
    background: url("../img/library/logon_btn_contact_on.jpg") no-repeat;
}


#netlibrary #logon div#banner {
    margin:5px auto 0 auto;
    width:660px;
}


/* ネットライブラリーブロック
----------------------------------------------- */
a#library_bloc {
    display:block;
    width:240px;
    height:55px;
    background: url("../img/library/library_bloc.jpg") no-repeat;
    margin:0 0 15px 0;
}



@charset "utf-8";


/* タイトル
----------------------------------------------- */
div#mypagecolumn {
	width: 960px;
	margin: 0 auto;
}

div#mypagetitle {
	width: 960px;
	margin: 0 0 20px 0;
	background-color: #eee;
}

div#mypagetitle h2 {
	padding: 15px;
	color: #666;
	font-size: 200%;
}


/* ナビ
----------------------------------------------- */
div#naviarea {
	width: 210px;
	float: left;
}

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

div#naviarea .naviblock {
	width: 208px;
	margin: 0 0 2px 0;
	border: solid 1px #000;
}

.naviblock li {
	padding: 10px 0px 10px 20px;
	background: url("../img/side/category_arrow.gif") no-repeat left;
}


/* MYPAGE共通指定
----------------------------------------------- */
div#mypagecolumn table {
	width: 720px;
}

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

div#mycontentsarea table.delivname {
	margin: 15px 0 0 0;
}

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

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


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

div#mycontentsarea {
	float: right;
	width: 720px;
}

div#mycontentsarea h3 {
	margin: 0 0 10px 0;
	padding: 15px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 120%;
	font-weight: bold;
}

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

div#mycontentsarea p.myconditionarea {
	clear: both;
	width: 698px;
	margin: 0 auto 15px auto;
	padding: 10px;
	border: solid 1px #000;
}


/* 会員登録内容変更/>退会
----------------------------------------------- */
.delivname a {text-decoration: underline; }
.delivname a:link { color: #000; text-decoration:underline; }
.delivname a:visited { color: #000; text-decoration:underline; }
.delivname a:hover { color: #000; text-decoration:none; }

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

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

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

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

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

div#mycontentsarea #completetext {
	width: 580px;
	margin: 15px auto 0 auto;
	padding: 15px;
	border: 8px solid #ccc;
}

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