@charset "utf-8";

/*
	Theme Name: reprizent
	Theme URI: http://www.reprizent.jp
	Description: リプリゼントホームページ
	Version: 1.0
	Author: Tetsuya Kimoto
	Author URI: http://www.mediamaster.jp
*/

/* --------- ブラウザ初期化 --------- */
/*html+body*/
html,body {height: 100%; width:100%; margin: 0; padding: 0;}
body , textarea, input {font-size:13px; line-height:1.6; font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Verdana", sans-serif;}
*:first-child+html body {font-size:small; line-height:1.4; letter-spacing:1px; /* IE7 */}
*html body {font-size:83%; line-height:1.4; letter-spacing:1px; /* IE6 */}

/*block*/
address, area, blockquote, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr, iframe, legend, li, noscript, ol, optgroup, option, p, pre, textarea, tt, ul {display:block; margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}

/*inline*/
a, abbr, acronym, b, bdo, big, br, cite, code, del, dfn, em, i, img, ins, kbd, label, map, object, samp, q, select, small, span, strong, sub, sup, var{border: 0; outline: 0; background: transparent;}

/*form*/
input, textarea, button { color:#331; background:#fff url('img/general/bg-input-text.jpg') repeat-x; font-family:"Verdana", sans-serif; line-height:1.1; border:2px #FEB inset; padding:2px;
	/* IE */	*border-style:ridge;}
textarea {line-height:1.3;}

/*table-cell*/
table, tbody, td, textarea, tfoot, th, thead, tr, caption, col, colgroup {vertical-align:middle;}
table {border-spacing:1px;}

/*font-size*/
.size-10 {font-size:300%;}
.size-9 {font-size:300%;}
.size-8 {font-size:250%;}
.size-7 {font-size:210%;}
h1, .size-6 {font-size:140%;}
h2, .size-5 {font-size:120%;}
h3, .size-4 {font-size:100%;}
h4, .size-3 {font-size:93%;}
h5, .size-2 {font-size:85%;}
h6, .size-1 {font-size:77%;}

/*any*/
dfn, em, address {font-style:normal;}
ins {text-decoration:none;}
ul, ol {list-style:none;}
:focus {outline:0;}

/*link*/
a{text-decoration:none; color:#210;}
a:visited{color:#542;}
a:hover{color:#692; text-decoration:underline;}
a.img , #menu a ,#followmenu a {border-bottom:none;}
a.list {background:url('img/general/list-01-trans.png') no-repeat 0 center; padding-left:14px;}
a.list:hover {background:url('img/general/list-02-trans.png') no-repeat 0 center; border:none; color:#692;}

/* --------- クラス設定 --------- */
.trans{display:none;}
.halfbr{font:0/0 sans-serif; height:12px;}
.center {text-align:center;}
.right {text-align:right;}
.clear {display:block; clear:both; content:" "; font:0/0 sans-serif; height:0;}
.lbLoading {background:transparent url('img/mediabox/1_loading.gif') no-repeat center;}
/*clearfix*/
.clearfix:after {font:0/0 sans-serif; content:"."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 0px; }
* html .clearfix { height: 0px; /*¥*//*/ height: auto; overflow: hidden; /**/}
/* 角丸ボックス */
.box-TL{background:url('img/box/TL-trans.png') no-repeat left bottom; height:7px; font-size:7px;}
.box-TC{background:url('img/box/TC-trans.png') repeat-x center bottom; height:7px; margin:0 7px;}
.box-TR{background:url('img/box/TR-trans.png') no-repeat right bottom; height:7px;}
.box-ML{background:url('img/box/ML-trans.png') repeat-y left top;}
.box-MC{background:#fff; margin:0 7px;}
.box-MR{background:url('img/box/MR-trans.png') repeat-y right top;}
.box-BL{background:url('img/box/BL-trans.png') no-repeat left top; height:7px; font-size:7px; overflow:hidden;}
.box-BC{background:url('img/box/BC-trans.png') repeat-x left top; height:7px; margin:0 7px;}
.box-BR{background:url('img/box/BR-trans.png') no-repeat right top; height:7px;}

/* --------- Container設定 --------- */
#body {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -110px;}
#pusher {height:110px; visibility:hidden;}

/* --------- Header --------- */
#header {color:#000; background:#fff url('img/header/bg-header.jpg') repeat-x center top; min-height:105px; height:105px; position:absolute; top:0; width:100%; z-index:1; border-bottom:1px #887 solid;}
#header_inner{width:860px; margin:0 auto; overflow:hidden;}
#logo {float:left; background:#fff url('img/header/logo.jpg') no-repeat 0 0; width:40px; height:40px;}
/* ticker */
#ticker_liststyle {float:left; background:#fff url('img/header/news.jpg') no-repeat 0 0; width:100px; height:40px;}
#ticker_container {float:left; position:relative; width:500px; height:40px; overflow:hidden;}
#ticker li {font-size:85%; line-height:40px; padding-top:1px;}
#ticker a {font-size:116%; margin-right:3px; vertical-align:-3%;}
*html #ticker a {/*IE6*/ *font-family:"HGPｺﾞｼｯｸE",sans-serif; *letter-spacing:0;}
/* coupon */
#coupon{float:right;}
#coupon a{background:#fff url('img/header/coupon.jpg') no-repeat; display:block; width:205px; height:40px; border:none;}
#coupon a:hover{background:#fff url('img/header/coupon_on.jpg') no-repeat;}
/* menu */
#menu {clear:both;}
#menu li {float:left; position:relative; z-index:2; height: 40px;}
#menu li a {display:block; height: 40px;}
#menu_home {background:url('img/header/menu/menu_home_off.gif') no-repeat; width:73px;}
#menu_01 {background:url('img/header/menu/menu_01_off.gif') no-repeat; width:73px;}
#menu_02 {background:url('img/header/menu/menu_02_off.gif') no-repeat; width:98px;}
#menu_03 {background:url('img/header/menu/menu_03_off.gif') no-repeat; width:68px;}
#menu_04 {background:url('img/header/menu/menu_04_off.gif') no-repeat; width:64px;}
#menu_05 {background:url('img/header/menu/menu_05_off.gif') no-repeat; width:68px;}
#menu_06 {background:url('img/header/menu/menu_06_off.gif') no-repeat; width:85px;}
#menu_07 {background:url('img/header/menu/menu_07_off.gif') no-repeat; width:80px;}
#menu_08 {background:url('img/header/menu/menu_08_off.gif') no-repeat; width:96px;}
#menu_09 {background:url('img/header/menu/search.gif') no-repeat; width:40px;}
#menu_10 {background:url('img/header/menu/tag.gif') no-repeat; width:40px;}
#menu_11 {background:url('img/header/menu/feed.gif') no-repeat; width:40px;}
#menu_home a.current {background:url('img/header/menu/menu_home_on.gif');}
#menu_01 a.current {background:url('img/header/menu/menu_01_on.gif');}
#menu_02 a.current {background:url('img/header/menu/menu_02_on.gif');}
#menu_03 a.current {background:url('img/header/menu/menu_03_on.gif');}
#menu_04 a.current {background:url('img/header/menu/menu_04_on.gif');}
#menu_05 a.current {background:url('img/header/menu/menu_05_on.gif');}
#menu_06 a.current {background:url('img/header/menu/menu_06_on.gif');}
#menu_07 a.current {background:url('img/header/menu/menu_07_on.gif');}
#menu_08 a.current {background:url('img/header/menu/menu_08_on.gif');}
#menu .background {background:url('img/header/menu/bg_menu_right-trans.png') no-repeat right 48%; z-index:1; position:absolute;}
#menu .background .left {background:url('img/header/menu/bg_menu-trans.png') no-repeat left 48%; height:40px; margin-right:7px;}
/* breadcrumb */
#breadcrumb {clear:both; color:#542; height:25px; font-size:85%; width:860px; overflow:hidden; line-height:25px;}
#breadcrumb a {display:block; float:left; position:relative; height:25px; background:url('img/header/separater.gif') no-repeat right center; padding:0 20px 0 5px; border:none;}
#breadcrumb a:hover {color:#a80;}

/* --------- Footer --------- */
#footer {color:#fff; background:#000 url('img/footer/bg01.gif') repeat-x; height:110px; position:relative; z-index:1;}
#footer ul {width:800px; height:90px; margin:auto; padding-left:60px;}

#footer_banners li{float:left;}
#footer_banners a{height:55px; display:block; margin:17px 0 0 10px; border:none; overflow:hidden;}
#haircolor {background:url('img/banner/banner-haircolor.gif') no-repeat; width:220px;}
#haircolor:hover{background:url('img/banner/banner-haircolor-over.gif') no-repeat;}
#antiaging{background:url('img/banner/banner-antiage.gif') no-repeat; width:220px;}
#antiaging:hover{background:url('img/banner/banner-antiage-over.gif') no-repeat;}
#footer_coupon{background:url('img/banner/banner-coupon.gif') no-repeat; width:270px;}
#footer_coupon:hover{background:url('img/banner/banner-coupon-over.gif') no-repeat;}

/*popup-coupon*/
#coupon_info {width:640px; height:420px; padding:0;  border-spacing:0; *border-collapse:collapse; /* ie6,7 */}
#coupon_info td {padding:0; text-indent:-9999px;}

#popup_coupon_01{background:url('img/banner/popup-coupon_01.jpg') no-repeat; width:640px; height:82px;}
#popup_coupon_02{background:url('img/banner/popup-coupon_02.jpg') no-repeat; width:102px; height:187px;}
#popup_coupon_03{background:url('img/banner/popup-coupon_03.jpg') no-repeat; width:191px; height:187px;}
#popup_coupon_04{background:url('img/banner/popup-coupon_04.jpg') no-repeat; width:37px; height:187px;}
#popup_coupon_05{background:url('img/banner/popup-coupon_05.jpg') no-repeat; width:190px; height:187px;}
#popup_coupon_06{background:url('img/banner/popup-coupon_06.jpg') no-repeat; width:120px; height:187px;}
#popup_coupon_07{background:url('img/banner/popup-coupon_07.jpg') no-repeat; width:640px; height:151px;}
#popup_coupon_03 a{width:191px; height:187px; display:block;border:none;}
#popup_coupon_03 a:hover{background:url('img/banner/popup-coupon_03-over.jpg') no-repeat;}
#popup_coupon_05 a{width:190px; height:187px; display:block;border:none;}
#popup_coupon_05 a:hover{background:url('img/banner/popup-coupon_05-over.jpg') no-repeat;}


/* copyright */
#copyright-bar {color:#000; background:#fff url('img/footer/bg03.gif') repeat-x; height:20px; overflow:hidden;}
#copyright-bar p {font-size:78%; line-height:20px; font-family:"Verdana",sans-serif; letter-spacing:0;}
#copyright {text-align:center;}
#copyright img{vertical-align:-2px;}
#utility {text-align:right; margin-top:-20px; padding-right:50px;}

/* --------- Admin Menu --------- */
p.logout{text-align:right; padding:5px 15px 5px 0;}
p.logout a{background:#fff; border:1px #ccc solid; padding:2px 3px; font-weight:bold;}
p.logout a:hover{background:#b02; color:#fff;}

/*画像置換*/
.imgreplace {color:#776;}
.imgreplace a {color:#110;}

/* --------- プラグイン用設定 --------- */
/* Tips */
.tool-tip{z-index:5; width:220px;}
.tool-title{font-size:116%; font-weight:bold; color:#CB7; background:url('img/general/bubble-trans.png') no-repeat; padding:10px 5px 0px 8px; line-height:1.2;}
.tool-text{font-size:85%; background:url('img/general/bubble-trans.png') no-repeat left bottom; padding:4px 5px 8px 8px; color:#fff;}
*:first-child+html .tool-title {/*IE7*/ background:#000; border:2px #DC6 outset; border-bottom:none;}
*:first-child+html .tool-text {/*IE7*/ background:#000; border:2px #DC6 outset; border-top:none;}

/* Mediabox */
#lbOverlay {z-index:10; position: absolute; left: 0; width:100%; background: #070300;}
#lbCenter {z-index:11; position:absolute; left:50%; border:10px #fff solid; background:#000 url('img/general/loading-page.gif') no-repeat center 45%;}
#lbBottom {color:#000; background:#FFF; padding-top:5px;}
#lbCaption {float:left;font-weight:bold;}
#lbCloseLink {display:block; float:right; width:60px; height:16px; background: url('img/mediabox/close-trans.png') no-repeat right top;}
#lbCloseLink:hover {background: url('img/mediabox/close-hover-trans.png') no-repeat; border:none;}

/* --------- ページ用設定 --------- */
/* search */
#inlinesearch {width:100%; height:100%;background:#000; color:#fff; position:absolute;}
#inlinesearch form {width:410px; height:60px; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-205px; padding:10px 0;}
#inlinesearch p {text-align:center; padding-top:5px; font-size:85%;}
#inlinesearch input {background:#fff url('img/general/bg-search.gif') no-repeat left center; font-size:160%; line-height:22px; height:22px; width:250px; padding:2px 3px; color:#654; border:2px #FEB ridge; vertical-align:middle; margin-right:5px;}
#inlinesearch input:focus {background:#fff; border-color:#A84;}
#inlinesearch button {padding:0; width:95px; height:30px; border:none; vertical-align:middle;}
#inlinesearch button:hover {cursor:pointer;}

/* tag */
#inlinetag {width:100%; height:100%; position:absolute;}
#inlinetag p {width:460px; height:220px; position:absolute; top:50%; left:50%; margin-top:-120px; margin-left:-240px; padding:10px;  background:#EEE;}

/*e-coupon*/
#e-coupon {width:240px; margin:0 auto 20px; padding-top:20px;}
#e-coupon caption {font:bold 150%/1.3 sans-serif; text-align:left; margin-bottom:5px;}
#e-coupon table {border-collapse:collapse; margin-top:10px;}
#e-coupon th, #e-coupon td { border:1px #999 solid; font:96%/1.3 sans-serif; padding:3px;}
#e-coupon th {width:4em; background:#eee;}
#shop_data caption {background:#999; color:#fff; margin:0; font-size:85%; width:100px; text-align:center; padding-top:2px;}

/* plusone */
#plusone {margin-top:10px; float:right; margin-right:10px;}
#facebook-iine {margin-top:10px; float:right;}
#facebook-iine a{display:block; padding-left: 20px;padding-right: 2px;border: solid 1px #CAD4E7;border-radius: 4px;-moz-border-radius:4px;height: 20px;line-height: 20px;background: url(img/general/f_logo.png) no-repeat 2px center #ECEEF5;text-decoration: none;color: #3B59B8;}

/* --------- Preload Images --------- */
.preloadImages {
background-image: url('img/header/coupon_on.jpg');
background-image: url('img/general/bubble-trans.png');
background-image: url('img/footer/contact_on.gif');
background-image: url('img/footer/sitemap_on.gif');
background-image: url('img/mediabox/close-hover-trans.png');
background-image: url('img/general/blank.gif');
}