@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE: LOCOCHOC
TITLE: PC 共通css

(1) 全体　幅設定
(2) 画像ロールオーバー設定
(3) テキストリンク
(4) パンくず
(5) ページトップボタン
(6) 文字
(7) メッセージ　エラーや1000件表示
(8) 会員登録系のフォームスタイル
(9) ac propoza使用 レコメンド
(10) エラー、404
(11) ブランド一覧ページ／取扱いブランド
(12) clearfix

UPDATED:2015.04
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
　(1) 全体　幅設定
----------------------------------------------------------------------------*/
#contents_ver4 {
	width:1000px;
	margin:15px auto 0;
}
/*----------------------------------------------------------------------------
　(2) 画像ロールオーバー設定
----------------------------------------------------------------------------*/
#contents_ver4 a:hover img {
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	opacity:0.6;
}
#contents_ver4.product_main a:hover img {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	opacity:1;
}
/* Firefox */
#contents_ver4 a:hover img, x:-moz-any-link { background: #fff;}
#contents_ver4 a:hover img, x:-moz-any-link, x:default { background: #fff;}
/*----------------------------------------------------------------------------
　(3) テキストリンク
----------------------------------------------------------------------------*/
#header_menu li a ,
#footer_ver4 a , #left_navi li a ,
#mypage_left_navi a , #mypage_left_navi a:hover { color:#313131;}
#header_menu li a:hover , #footer_ver4 a:hover , #left_navi li a:hover { color:#4991c3;}

.registered_users a , .data-table td a , #page_nav li a , .favorite_box a { color:#313131; text-decoration:underline;}
.breadcrumbs a ,
.container-top #history ul li a ,
.product_detail_reco ul li a , .product_detail_reco ul li a:hover span { color:#313131;}
.container-top #history ul li a:hover { text-decoration:none;}
.breadcrumbs a:hover ,.data-table td a:hover , #page_nav li a:hover , .product_detail_reco ul li a:hover , .favorite_box a:hover { color:#4991c3; text-decoration:none;}
/*----------------------------------------------------------------------------
　(4) パンくず
----------------------------------------------------------------------------*/
.breadcrumbs {
	width:100%;
	font-size:12px;
	display:block;
	padding:0 0 10px;
	margin:0;
	text-align:left
}
.breadcrumbs li { display:inline; padding-right:5px;}
.breadcrumbs a { padding-left:5px;}
.breadcrumbs li:first-child a { padding:0;}
/* 静的ページ用 */
.breadcrumbs li span { padding-left:5px;}
/*----------------------------------------------------------------------------
　(5) ページトップボタン
----------------------------------------------------------------------------*/
.pagetop {
	clear:both;
	width:1000px;
	margin:0 auto;
}
.pagetop a {
	float:right;
	width:75px;
	height:17px;
	display:block;
	text-indent:-9999px;
	background:url(http://sc3.locondo.jp/contents/img-locochoc/pc/locochoc_pagetop.png) 0 0;
	margin:50px 0 30px;
}
.pagetop a:hover {
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	opacity:0.6;
}
/*----------------------------------------------------------------------------
　(6) 文字
----------------------------------------------------------------------------*/
/*h2タイトル*/
.complete h2 , #order_confirm h2 ,
#inquiry h2 , #password h2 ,#arrival h2 ,
#login h2 , #logout h2 , #cart h2 ,#review h2, #register_contents h2 ,
#mypage_right_contents h2 , h2.product-reco {
	color:#666;
	margin:0 0 0;
	font-size:18px;
	padding:0 10px 8px 0;
	border: none;
}
.cart_tit h2 span , #login h2 span ,
#mypage_right_contents h2 span ,
#register_contents h2 span { font-size:12px;}
/*セール価格*/
.special_price {color:#d33b37;}
.old_price .price { text-decoration:line-through; color:#808080;}
.attention , /*注意文*/
.required_mark , /* 必須項目* */
sup {
	color:#d33b37;
}
sup {
	font-size:1.2em;
	padding-left:3px;
	font-weight:normal;
	line-height:100%;
}
.attention_txt { margin:10px 0;}
label {
	color:#313131;
	font-weight:bold;
	display:block;
}
.required_mark { font-weight:normal;}
.confirm { margin:10px 0 5px;}

.back-link {
	margin:0;
	padding-top:10px;
}
/*入力エラー*/
.inputBox label.attention { margin:0 0 5px;}
.customer_edit2 label.attention ,
.payment label.attention { margin:5px 0 0;}
.customer_edit2 p.required_mark { margin-bottom:15px;}
/*----------------------------------------------------------------------------
　(7) メッセージ　エラーや1000件表示
----------------------------------------------------------------------------*/
.error-msg , .success-msg , .note-msg , .notice-msg {
	margin:0 0 15px ;
	color:#000;
	font-weight:bold ;
	border-radius:4px;	
}
.error-msg {
	padding:18px 25px 18px 70px;
	background:url(http://sc3.locondo.jp/contents/img-locochoc/pc/locochoc_icon_msg-error.gif) 33px 14px no-repeat #fff6f6;
}
.success-msg {
	padding:18px 25px 18px 25px;
	background-color:#f7fcf0;
}
.note-msg , .notice-msg {
	padding:18px 25px 18px 25px;
	background-color:#f7fcf0;
}
.error-msg li , .success-msg li , .note-msg li , .notice-msg li { margin:2px 0;}
/*----------------------------------------------------------------------------
　(8) 会員登録系のフォームスタイル
----------------------------------------------------------------------------*/
/* customer_edit1 */
.customer_edit1 { border:4px solid #bcc5ce;}
.customer_edit1 .required_mark, .register_edit1 .required_mark { margin-bottom:15px;}
.customer_edit1 h3 {
	color:#313131;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:8px 30px 10px 25px;
	background:#bcc5ce;
}
.inner { padding:25px 50px 25px;}
.inputBox { border:2px solid #bcc5ce;}
.inputBox table { width:100%;}
.inputBox th {
	background:#f7f7f7;
	font-weight:bold;
	padding:13px 0 13px 13px;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}
.inputBox th span {
	font-size:10px;
	font-weight:normal;
}
.inputBox td {
	border-bottom:1px solid #ddd;
	padding:13px 13px 7px;
}
.inputBox th label {
	margin-right:10px;
	font-weight:normal;
}
.inputBox td label {
	margin-right:10px;
}
.inputBox td input , .inputBox td select { margin-bottom:5px;}
/*郵便番号*/
.postalcode { margin-top:5px;}
/*例*/
.example {
    padding:0;
    font-size: 11px;
	display:block;
}
/*ボタン共通　登録*/
.register ,
.refund_actionFooter {
	clear:both;
	padding-top:30px;
}
/* 登録ボタン */
.register a ,
.refund_actionFooter a {
	width:140px;
	height:36px;
	margin:0 auto 10px;
	display:block;
	text-indent:-9999px;
	background:url(http://sc3.locondo.jp/contents/img-locochoc/pc/locochoc_btn_register.png) left top no-repeat;
}
.register a:hover ,
.refund_actionFooter a:hover {
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	opacity:0.8;
}
/* customer_edit2 */
.customer_edit2 {
	border:1px solid #bcc5ce;
	background:#f7f7f7;
	padding:25px 25px 12px 33px;
	margin:28px 0 0;
}
.customer_edit2 h3 {
	float:left;
	font-weight:bold;
	font-size:13px!important;
	background:#bcc5ce;
	color:#313131;
	margin:-35px 0 0 -10px!important;
	padding:1px 9px;
	position:relative;
	line-height:150%;
}
.customer_edit2 form {
	clear:both;
}
.customer_edit2 sup {
	color:#cc0000;
	font-size: 1.2em;
}
.customer_edit2 table td {
	padding:0 2em 1.2em 0;
	vertical-align:top;
}
#confirm {
    float: none;
    overflow: hidden;
    margin-top: 28px;
    text-align: center;
}
.customer_edit2 label {
	font-weight:bold;
	display:block;
	margin-bottom:5px;
}
.customer_edit2 .example { margin-top:5px;}
/*ボタン*/
button.button {
	display:block;
	border:none;
	background:#474749;
	padding:0.3em 1em;
	font:12px/19px Arial, Helvetica, sans-serif;
	white-space:nowrap;
	color:#fff;
	cursor:pointer;
	border-radius: 3px;
}
button.button:hover {
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	opacity:0.8;
}
.buttons-set {
	margin-top:2em;
	clear:both;
}
#confirm button.button { 
	margin: 0 auto;
    float: none;
}
/*お客様情報登録*/
.hello { margin-bottom:20px;}
.name-lastname ,
.name-firstname ,
.name-lastnamekana ,
.name-firstnamekana {
	float:left;
	margin-right:15px;
	margin-top:-3px;
}
.name-lastname input ,
.name-firstname input ,
.name-lastnamekana input ,
.name-firstnamekana input { width:180px;}
label.mail_magazine {
	display:inline;
	font-weight:normal;
	font-size:12px;
}
/*----------------------------------------------------------------------------
　(9) ac propoza使用 レコメンド
----------------------------------------------------------------------------*/
.product_detail_reco { margin-bottom:30px;}
h2.product-reco { font-size:14px;}
.product-reco {
	border-bottom:1px solid #ddd;
	margin-bottom:14px !important;
}
.product_detail_reco ul li {
	width:125px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
}
.product_detail_reco ul li .rank {
	display:block;
	font-size:10px;
	line-height:1;
	font-weight:bold;
	width:14px;
	padding:4px 0 3px;
	text-align:center;
	background-color:#ededed;
	color:#666;
}
.product_detail_reco ul li.no1 .rank { background-color:#eed46d; color:#fff;}
.product_detail_reco ul li.no2 .rank { background-color:#b5b5b5; color:#fff;}
.product_detail_reco ul li.no3 .rank { background-color:#deb497; color:#fff;}

.product_detail_reco p {
	color:#666;
	font-size:11px;
}
/* 割引き前価格 */
.product_detail_reco ul li .old_price ,
.product_detail_reco ul li:hover span.old_price {
	text-decoration:line-through;
	color:#969696;
}
.product_detail_reco ul li:hover span.special_price { color:#D33B37;}
/* 閲覧履歴 */
#history_item { margin-bottom:40px;}
#history_item #history ul { width:1000px;}
#history_item #history ul li {
	width:60px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
/* トップ閲覧履歴 */
.container-top #history ul li {
	width:125px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:140%;
	font-weight:normal;
}
#history_item #history ul li:last-child { margin:0;}
#history_item #history p {
	color:#666;
	font-size:11px;
	padding-top:4px;
}
.container-top #history a ,
.product_detail_reco a { display:block;}
.container-top #history ul li:hover ,
.product_detail_reco li:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	opacity:0.7;
}
/*----------------------------------------------------------------------------
　(10) エラー、404
----------------------------------------------------------------------------*/
#error_page p { margin:20px 0  0;}
#error_page .error {
	background-color:#f9f9f9;
	border:#E6E6E6 1px solid;
	padding:10px 25px;
	color:#666;
	margin:20px 0 ;
}
#error_page p a ,#error_page .error a { text-decoration:underline;}
/*----------------------------------------------------------------------------
　(12) clearfix
----------------------------------------------------------------------------*/
.breadcrumbs ,.customer_edit1 dl ,#login ,.box-share-item ,#checkout-rec ,#cart_recommend ,
.catalog_paging ,#selected-style ,#catalog_sort ,#catalog_list { overflow: hidden;}

* html .breadcrumbs ,* html .customer_edit1 dl ,* html #login ,* html box-share-item ,* html #checkout-rec ,* html #cart_recommend ,
* html .catalog_paging,* html #selected-style ,* html #catalog_sort ,* html #catalog_list  { height: 1%;}