@charset "utf-8";

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

/* 写真 */
img.picture {
}

/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

/* コンテンツ */
#container {
width: 950px;
text-align: left;
}


/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column {
    padding: 10px 0 0;
}

/* 1カラム時 */
#main_column.colnum1 {
    margin-left: auto;
    margin-right: auto;
    width: 950spx;
}

/* 2カラム時 (共通) */
#main_column.colnum2 {
    width: 710px;
}

/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {
    float: left;
}

/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
    padding-right: 1.5%;
    float: right;
}

/* 3カラム時 */
#main_column.colnum3 {
    padding-left: 0.5%;
    width: 59%;
    float: left;
}

/* サイドカラム
----------------------------------------------- */
.side_column {
    padding: 10px 0 0;
}
#leftcolumn {
    float: left;
    width: 20%;
}
#rightcolumn {
    float: right;
    width: 210px;
}

/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn,
#bottomcolumn,
#footerbottomcolumn {
    margin: 0px;
    background: #fff;
    text-align: left;
    clear: both;
}

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


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

/* リンク指定
----------------------------------------------- */
a:link {
    color: #356a00;
    text-decoration: none;
}

a:visited {
	color: #960;
}
a:link:hover,
a[href]:hover {
    text-decoration: underline;
}
a:focus {
color: #960;
}
a:active {
color: #960;
}

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

.attention {
    color: #c30;
}
.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;
}


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

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

table td.name input ,
table td.kana input {
width: 150px;
margin: 0 10px 0 5px;
}
table td.address input {
width: 260px;
margin-bottom: 5px;
}
table td.tel input {
width: 40px;
}
table td.mail input {
width: 350px;
margin-bottom: 5px;
}
table td.post input  {
width: 55px;
margin-bottom: 5px;	
}

table td.password input  {
width: 105px;	
}
table td.answer input  {
width: 215px;
}
table td textarea {
width: 350px;
}
table td .privacy {
	overflow: auto;
	height: 250px;
	padding: 10px;
	border: solid 1px #D2D2D2;
}


/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
    margin-bottom: 5px;
}


/* タイトル
----------------------------------------------- */
h2.title {
    margin-bottom: 10px;
    padding: 8px;
    border-top: solid 1px #ebeced;
    color: #f60;
    background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom;
    background-color: #fef3d8;
    font-size: 170%;
}

#main_column .sub_area h3,
#undercolumn_login .login_area h3,
#undercolumn_shopping h3,
#undercolumn_cart h3 {
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #f60;
    font-size: 120%;
}

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 {
/*background: url(../img_common/header_bg.gif) no-repeat 196px 12px;*/
padding-top: 19px;	
}
#header_utility {
width: 630px;
float: right;
}
#errorHeader {
    color: #F00;
    font-weight: bold;
    font-size: 12px;
    background-color: #FEB;
    text-align: center;
    padding: 5px;
}

.headerUtilityLang {
float: left;
padding-left: 15px;
margin-bottom: 15px;
}
.headerUtilityTel {
float: left;
padding-left: 15px;
margin-bottom: 13px;
}
.headerUtilityCont {
float: right;
margin-bottom: 15px;
}
.headerUtilityMenu {
width: 440px;
float: left;
}
.headerUtilityMenu li {
float: left;
padding-right: 21px;
padding-top: 6px;
}
.headerUtilityMenu li img {
vertical-align: text-top;
}
.headerUtilitySearch {
width: 188px;
float: right;
text-align: right;
}
.headerUtilitySearch .headerUtilitySearchTxt {
width: 120px;
vertical-align: text-top;
font-size: 85%;
padding: 3px;
border: 1px #CCC solid;
color: #555555;
}
.headerUtilitySearchImg {
vertical-align: text-top;
}
.headMenu {
margin-bottom: 14px;
padding-top: 15px;
}
.headMenu li {
float: left;
}
#mainCont {
width: 710px;
float: left;
}
/* ロゴ
----------------------------------------------- */
#logo_area {
    float: left;
	width: 245px;
}
#site_description {
font-size: 80%;
margin-bottom: 11px;
}


/* ヘッダーナビ
----------------------------------------------- */
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;
}
/* ==============================================
side
=============================================== */

/* 	sidebar（既存より） */
#sidebar #ulinkBox {width: 192px; background: #F8F8F3; font-size: 85%; padding: 5px 3px 5px 3px; margin-bottom: 15px; border: solid 1px #D2D2D2; }

#sidebar #ulinkBox ul li{ width:168px;line-height:1; margin-bottom:4px;}
#sidebar #ulinkBox ul li a{width:168px;display:block;background:url(../common/img/icon_pagelink_off.gif) 8px 6px no-repeat;padding:7px 0 5px 24px;}
#sidebar #ulinkBox ul li.liOn01 a{width:168px;display:block;background:url(../common/img/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;padding:7px 0 5px 24px;}

#sidebar #ulinkBox ul li a:link{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox ul li a:visited{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox ul li a:hover{ color:#FFF; font-weight:bold;text-decoration:none;background:url(../common/img/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;}
#sidebar #ulinkBox ul li a:active{ color:#FFF; font-weight:bold;text-decoration:underline;background:url(../common/img/icon_pagelink_on.gif) 8px 6px no-repeat #9FC448;}

#sidebar #ulinkBox ul li.liOn01 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox ul li.liOn01 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}


#sidebar #ulinkBox dl dt{ background-color:#FF9900; color:#FFF; font-weight:bold; padding:5px 0 3px 8px; margin-bottom:3px;}

#sidebar #ulinkBox dl dd{line-height:1; margin-bottom:4px;}
#sidebar #ulinkBox dl dd.ddBtm10{ margin-bottom:10px;}
#sidebar #ulinkBox dl dd a{display:block;background:url(../common/img/icon_pagelink_off.gif) 8px 7px no-repeat;padding:8px 0 7px 24px;}

#sidebar #ulinkBox dl dd.ddOn01 a{display:block;background:url(../common/img/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;padding:8px 0 7px 24px;}
#sidebar #ulinkBox dl dd.ddOn02 a{display:block;background:url(../common/img/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;padding:8px 0 7px 24px; margin-bottom:10px;}

#sidebar #ulinkBox dl dd.ddOn01 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn01 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}

#sidebar #ulinkBox dl dd.ddOn02 a:link{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:visited{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:hover{ color:#FFF; font-weight:bold;text-decoration:none;}
#sidebar #ulinkBox dl dd.ddOn02 a:active{ color:#FFF; font-weight:bold;text-decoration:none;}

#sidebar #ulinkBox dl dd a:link{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox dl dd a:visited{color:#172D75;text-decoration:underline;}
#sidebar #ulinkBox dl dd a:hover{ color:#FFF; font-weight:bold;text-decoration:none;background:url(../common/img/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;}
#sidebar #ulinkBox dl dd a:active{ color:#FFF; font-weight:bold;text-decoration:underline;background:url(../common/img/icon_pagelink_on.gif) 8px 7px no-repeat #9FC448;}

/* sideber */
.sideCateMenu {
margin-bottom: 15px;
}
.sideCateMenu li {
background: url("../img/common/icon_arrow.gif") no-repeat 5px center;
padding-top: 8px;
padding-left: 15px;
padding-bottom: 8px;
border-bottom: 1px #CCCCCC dotted;
}
.sideCateMenu li a {
color: #111;
}
.logBox {
border: 2px #FBBB01 solid;
padding-top: 14px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 14px;
}
.logBoxTab {
width: 182px;
margin: 0px auto 5px;
}
.logBoxTab input {
width: 108px;
border: 1px #CCC solid;
}
.logBoxTab,
.logBoxTab tr,
.logBoxTab th,
.logBoxTab td {
border: none;
background: none;
padding: 0;
}
.logBoxTab th,
.logBoxTab td {
border-bottom: 8px #FFFFFF solid;
}
.logBoxTab td {
text-align: right;
}
.logBoxTab2 {
width: 182px;
margin: 0px auto 5px;
}
.logBoxTab2 input {
width: 108px;
border: 1px #CCC solid;
}
.logBoxTab2,
.logBoxTab2 tr,
.logBoxTab2 th,
.logBoxTab2 td {
border: none;
background: none;
padding: 0;
}
.logBoxTab2 th,
.logBoxTab2 td {
border-bottom: 8px #FFFFFF solid;
}
.logBoxTab2 td {
text-align: left;
font-size: 85%;
line-height: 1.8;
}
.logBoxTab2Name {
color: #346A00;
font-size: 116%;
font-weight: bold;
}
.logBoxTab2Cont {
color: #E5280E;
}
.logBoxImg {
text-align: center;
margin-bottom: 10px;
}
.sideNewBox {
width: 206px;
border: 2px #B94047 solid;
margin-bottom: 14px;
}
.sideNewBoxTit {
margin: 10px 10px 10px 10px;
}
.sideNewBoxBtn {
text-align: center;
margin-bottom: 12px;
}
.sideMenu {
margin-bottom: 15px;
}
.sideMenu ul {
margin-bottom: 25px;
}
.sideMenu li {
margin-bottom: 10px;
}

/* ==============================================
 フッター
=============================================== */
/*#footer_wrap {
    margin: 0 auto;
    width: 980px;
    height: 80px;
    background: #fff;
}*/
#footer {
    padding-top: 20px;
}
#copyright {
text-align: center;
border-top: 1px #CCCCCC dotted;
padding-top: 15px;
margin-bottom: 20px;
}
.footerInfo {
border: 1px #CCCCCC dotted;
margin-top: 20px;
margin-bottom: 40px;
padding: 35px;
}
.footerInfoSend {
width: 275px;
float: left;
background: url("../img/common/foot_info_icon01.gif") no-repeat left top;
padding-bottom: 20px;
padding-left: 100px;
}
.footerInfoTit {
margin-bottom: 7px;
}
.footerInfoTxt {
font-size: 85%;
margin-bottom: 5px;
}
.footerInfoPay {
width: 400px;
float: left;
background: url("../img/common/foot_info_icon02.gif") no-repeat left top;
padding-bottom: 20px;
padding-left: 100px;
}
.footerInfoPay ol {
margin-bottom: 10px;
}
.footerInfoPay li {
width: 190px;
padding-right: 5px;
float: left;
}
.footerInfoPay span {
color: #E5260C;
}
.footerInfoBtn {
text-align: right;
padding-right: 50px;
}
.footerInfoPostage {
width: 270px;
float: left;
background: url("../img/common/foot_info_icon03.gif") no-repeat left top;
padding-bottom: 20px;
padding-left: 100px;
}
.footerInfoPostage .footerInfoBtn {
padding-top: 10px;
padding-right: 23px;
}
.footerInfoPosTab {
width: 220px;
float: left;
margin-bottom: 30px;
}
.footerInfoPosTab,
.footerInfoPosTab tr,
.footerInfoPosTab th,
.footerInfoPosTab td {
background: #FFF;
}
.footerInfoPosTab {
border-top: 1px #CCCCCC dotted;
margin-right: 30px;
margin-bottom: 30px;
}
.footerInfoPosTab {
border-left: none;
}
.footerInfoPosTab th {
border-right: none;
border-bottom: 1px #CCCCCC dotted;
padding-top: 8px;
padding-bottom: 8px;
}
.footerInfoPosTab td {
text-align: right;
border-right: none;
border-bottom: 1px #CCCCCC dotted;
}
.footerInfoCont {
width: 890px;
}
.footerInfoContTit {
width: 840px;
border-bottom: 1px #CCCCCC dotted;
padding-bottom: 4px;
margin-bottom: 15px;
}
.footerInfoContTel {
margin-bottom: 14px;
}
.footerInfoContTel li {
float: left;
padding-right: 50px;
}

.footerVeri,
.footerVeri tr,
.footerVeri th,
.footerVeri td {
border: none;
background: none;
padding: 0;
}
.footerVeri {
font-size: 85%;
}
.footerVeri th {
padding-right: 10px;
}
#pagetop {
width: 950px;
margin-bottom: 20px;
border-bottom: 1px #CCCCCC dotted;
}
#pagetop p {
width: 72px;
float: right;
border-top: 1px #CCCCCC dotted;
}
#pagetop p a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
.footerBranding {
background: url("../img/common/footer_img02.gif") no-repeat right center;
height: 390px;
width: 950px;
}
.footerBranding img {
padding-top: 80px;
}

.footerMenu {
width: 460px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
text-align: center;
font-size:93%;
}
.footerMenu a {
color: #111;
}
.footerMenu li {
float: left;
padding-right: 8px;
padding-left: 8px;
border-right: 1px #CCCCCC solid;
}
.footerMenuLast {
border-right: none!important;
}
/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
margin-top: 10px;
width: 100%;
text-align: center;
line-height: 1px;
margin-bottom: 20px;
}

.btn_area li {
    display: inline;
	margin-right: 10px;
}
.btn_area li img {
vertical-align: bottom;
}

/* 完了メッセージ
----------------------------------------------- */
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%;
}
/* btnHover */
.btnHover:hover {
 filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}
/* FLASH */
object,embed {
	outline:none;
}