@charset "UTF-8";

/* ================================================================ *
	CSS for Piena Felice   2009.Jan SUBLIME design.inc
 * ================================================================ */
/*all pages*/
#upper h1 { color: #d3d3b4; font-size: 1em; font-weight: normal; position: relative; top: 1px; left: 10px; padding-bottom: 5px; }
#upper h1 .eng { font-size: 1.1em; }
#header h2 { font-size: 1.1em; position: relative; top: 12px; width: 175px; margin: 0 auto; }
a.top { background-image: url(../img/menu_top.gif); background-repeat: no-repeat; background-position: left top; width: 52px; height: 20px; }
a.blog { background-image: url(../img/menu_blog.gif); background-repeat: no-repeat; background-position: left top; width: 100px; height: 20px; }
a.acce { background-image: url(../img/menu_acce.gif); background-repeat: no-repeat; background-position: left top; width: 118px; height: 20px; }
a.concept { background-image: url(../img/menu_concept.gif); background-repeat: no-repeat; background-position: left top; width: 80px; height: 20px; }
a.collection { background-image: url(../img/menu_collection.gif); background-repeat: no-repeat; background-position: left top; width: 85px; height: 20px; }
a.press { background-image: url(../img/menu_press.gif); background-repeat: no-repeat; background-position: left top; width: 130px; height: 20px; }
a.shop { background-image: url(../img/menu_shop.gif); background-repeat: no-repeat; background-position: left top; width: 130px; height: 20px; }
a.inquiry { background-image: url(../img/menu_contact.gif); background-repeat: no-repeat; background-position: left top; width: 75px; height: 20px; }
a.recruit { background-image: url(../img/menu_recruit.gif); background-repeat: no-repeat; background-position: left top; width: 70px; height: 20px; }
a.company { background-image: url(../img/menu_company.gif); background-repeat: no-repeat; background-position: left top; width: 85px; height: 20px; }
a.privacy { background-image: url(../img/menu_privacy.gif); background-repeat: no-repeat; background-position: left top; width: 110px; height: 20px; }
a.partnership { background-image: url(../img/menu_partner.gif); background-repeat: no-repeat; background-position: left top; width: 95px; height: 20px; }
a.link { background-image: url(../img/menu_link.gif); background-repeat: no-repeat; background-position: left top; width: 74px; height: 20px; }
#footer h6 { color: #d3d3b4; font-size: 1.2em; float: right; margin-top: 30px; margin-right: 15px; }
#footer #select { width: 60px; margin: 10px auto 0; padding: 0; }
#buttom address { color: #d3d3b4; font-size: 1.1em; margin: 5px 0 0; padding: 0; }
#buttom address .eng { font-size: 1.2em; }
#title_bar { width: 910px; height: 60px; margin-right: auto; margin-left: auto; padding-top: 20px; }
.float_left { float: left; }
.floart_right { float: right; }
.float_clear { clear: both; }
.align_right { text-align: right; }
#contents2 { margin-bottom: 20px; }
#contents3 { width: 530px; float: right; margin-right: 50px; padding-bottom: 20px; }
* html #contents3 { margin-right: 40px; }
#contents4 { width: 910px; margin-right: auto; margin-left: auto; }
/*collection*/
#btn_dress { width: 290px; float: right; }
#btn_dress a.ladies { background-image: url(../img/collection/btn_ladies.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 137px; height: 25px; float: left; display: block; }
#btn_dress a.ladies:hover { background-position: 50% bottom; }
#btn_dress a.mens { background-image: url(../img/collection/btn_mens.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 137px; height: 25px; float: right; }
#btn_dress a.mens:hover { background-position: 50% bottom; }
#btn_dress a.veil { background-image: url(../img/accessories/btn_veil.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 137px; height: 25px; float: right; display: block; }
#btn_dress a.veil:hover { background-position: 50% bottom; }
#btn_dress a.neck { background-image: url(../img/accessories/btn_neck.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 137px; height: 25px; float: left; }
#btn_dress a.neck:hover { background-position: 50% bottom; }
#contents2 .dress_list { text-align: left; width: 950px; clear: both; margin: 25px auto; padding: 0; }
#contents2 .dress_list .thumbnail { width: 160px; float: left; margin-left: 25px; }
*html #contents2 .dress_list .thumbnail { margin-right: 11px; margin-left: 12px; }
#contents2 .dress_list .thumbnail img { border: solid 1px #969696; }
#contents2 .dress_list .thumbnail object { width: 160px; height: 170px; border: solid 1px #969696; display: block; }
#contents2 p.taxi_lead { font-size: 1em; line-height: 1.4em; width: 900px; margin-right: auto; margin-left: auto; }
/*press*/
#wrap_press { background-image: url(../img/press/bk_main.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: auto; }
#contents3 h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 30px; }
#contents3 .info_box { width: 505px; margin-bottom: 20px; }
#contents3 .info_box img { vertical-align: text-top; float: left; margin-right: 5px; border: solid 1px #969696; }
#contents3 .info_box p { font-size: 1.2em; line-height: 1.5em; margin-top: 10px; }
#contents3 .press_bar { background-color: #96968d; width: 100%; padding-top: 5px; padding-bottom: 5px; }
#contents3 .press_bar .press_title { color: #fcfdec; font-size: 1.4em; width: 420px; float: left; margin-left: 10px; }
#contents3 .press_bar .press_date { color: #eeefd5; font-size: 1.1em; float: right; margin-right: 10px; }
/*shop*/
#title_bar .tel { width: 220px; float: right; margin-right: 75px; }
* html #title_bar .tel { margin-right: 48px; width: 220px; float: right; }
#contents4 #shop_left { width: 430px; float: left; margin-bottom: 20px; }
#contents4 #shop_left p { font-size: 1.2em; line-height: 1.2em; width: 420px; clear: both; margin-bottom: 20px; }
#contents4 #shop_left img { border: solid 1px #969696; }
#contents4 #shop_left img.thumb { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
#contents4 #shop_right { text-align: right; width: 300px; float: right; margin-right: 80px; }
* html #contents4 #shop_right { margin-right: 50px; }
#contents4 #shop_right img { float: right; }
#contents4 #shop_right p { font-size: 1.2em; line-height: 1.3em; clear: both; margin-top: 10px; }
#contents4 #shop_right #btn_map { width: 290px; float: right; clear: both; margin-top: 10px; }
#btn_map a.btn_contact { background-image: url(../img/shop/btn_contact.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 137px; height: 25px; float: right; }
#btn_map a.btn_map { background-image: url(../img/shop/btn_map.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; display: block; width: 137px; height: 25px; float: right; margin-left: 2px; }
#btn_map a.btn_contact:hover { background-position: 50% bottom; }
#btn_map a.btn_map:hover { background-position: 50% bottom; }
/*recruit*/
#wrap_recruit { background-image: url(../img/recruit/bk_main.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: 680px; }
#contents3 dl { font-size: 1.2em; line-height: 1.8em; margin-top: 20px; }
#contents3 dl dt { width: 100px; float: left; }
#contents3 dl dd { width: 420px; float: right; }
/*company*/
#wrap_company { background-image: url(../img/company/bk_main.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: 680px; }
#contents3 a.link { background-image: url(../img/company/btn_link.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 210px; height: 20px; margin-top: 20px; display: block; }
#contents3 a.link:hover { background-position: 50% bottom; }
/*privacy*/
#wrap_privacy { background-image: url(../img/privacy/bk_main.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: 680px; }
#contents3 p.privacy { line-height: 1.8em; margin-top: 40px; }
#contents5 { margin-right: 50px; padding-bottom: 20px; width: 540px; float: right; }
* html #contents5 { margin-right: 30px; padding-bottom: 20px; width: 540px; float: right; }
#contents5 h3 { margin-bottom: 30px; }
/*concept_add20090430*/
#wrap_concept { background-image: url(../img/concept/bk_main.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: auto; }
#contents5 .concept_box { width: 540px; float: left; margin-bottom: 40px; }
#contents5 .concept_box p.upper { font-size: 1.2em; width: 380px; float: left; margin-bottom: 20px; }
#contents5 .concept_box img.name { width: 121px; float: right; margin: 0; }
#contents5 h4 { margin-bottom: 2px; }
#contents5 .concept_box p { font-size: 1.2em; }
#contents5 .concept_box p.lead02 { line-height: 1.4em; }
#contents5 .concept_box ul { width: 540px; float: left; margin-bottom: 20px; }
#contents5 .concept_box ul li { width: 105px; height: 82px; float: left; margin-right: 3px; }
#contents5 .concept_box ul.concept01 li a:hover { background-position: left bottom; width: 105px; height: 82px; }
#contents5 .concept_box ul.concept01 li a { background-image: url(../img/concept/bk01.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 82px; display: block; }
#contents5 .concept_box ul.concept01 li.second a { background-position: -108px top; }
#contents5 .concept_box ul.concept01 li.second a:hover { background-position: -108px bottom; }
#contents5 .concept_box ul.concept01 li.third a { background-position: -217px top; }
#contents5 .concept_box ul.concept01 li.third a:hover { background-position: -217px bottom; }
#contents5 .concept_box ul.concept01 li.forth a { background-position: -326px top; }
#contents5 .concept_box ul.concept01 li.forth a:hover { background-position: -326px bottom; }
#contents5 .concept_box ul.concept01 li.fifth a { background-position: -434px top; }
#contents5 .concept_box ul.concept01 li.fifth a:hover { background-position: -434px bottom; }
#contents5 .concept_box ul.concept02 li a:hover { background-position: left bottom; width: 105px; height: 82px; }
#contents5 .concept_box ul.concept02 li a { background-image: url(../img/concept/bk02.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 82px; display: block; }
#contents5 .concept_box ul.concept02 li.second a { background-position: -108px top; }
#contents5 .concept_box ul.concept02 li.second a:hover { background-position: -108px bottom; }
#contents5 .concept_box ul.concept02 li.third a { background-position: -217px top; }
#contents5 .concept_box ul.concept02 li.third a:hover { background-position: -217px bottom; }
#contents5 .concept_box ul.concept02 li.forth a { background-position: -326px top; }
#contents5 .concept_box ul.concept02 li.forth a:hover { background-position: -326px bottom; }
#contents5 .concept_box ul.concept02 li.fifth a { background-position: -434px top; }
#contents5 .concept_box ul.concept02 li.fifth a:hover { background-position: -434px bottom; }
#contents5 .concept_box ul.concept03 li a:hover { background-position: left bottom; width: 105px; height: 82px; }
#contents5 .concept_box ul.concept03 li a { background-image: url(../img/concept/bk03.jpg); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 105px; height: 82px; display: block; }
#contents5 .concept_box ul.concept03 li.second a { background-position: -108px top; }
#contents5 .concept_box ul.concept03 li.second a:hover { background-position: -108px bottom; }
#contents5 .concept_box ul.concept03 li.third a { background-position: -217px top; }
#contents5 .concept_box ul.concept03 li.third a:hover { background-position: -217px bottom; }
#contents5 .concept_box ul.concept03 li.forth a { background-position: -326px top; }
#contents5 .concept_box ul.concept03 li.forth a:hover { background-position: -326px bottom; }
#contents5 .concept_box ul.concept03 li.fifth a { background-position: -434px top; }
#contents5 .concept_box ul.concept03 li.fifth a:hover { background-position: -434px bottom; }
/*link*/
#wrap_link { background-image: url(../img/link/bk_link.jpg); background-repeat: no-repeat; background-position: left top; width: auto; height: 680px; }
#contents3 a.link { background-image: url(../img/company/btn_link.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 210px; height: 20px; margin-top: 20px; display: block; }
#contents3 a.link:hover { background-position: 50% bottom; }
#contents3 .link_box { width: 530px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #666; }
#contents3 .link_box h4 { color: #f9f5e6; font-size: 1.4em; background-color: #7f7f7f; width: auto; padding: 5px; }
#contents3 .link_box a.btn_link { color: #3d2e29; font-size: 1.2em; line-height: 150%; background-image: url(../img/link/icon_corn.gif); background-repeat: no-repeat; background-position: left center; padding-left: 14px; }
#contents3 .link_box .right { width: 346px; float: right; }
#contents3 .link_box h3 { width: 505px; margin-bottom: 20px; }
#contents3 .link_box img { vertical-align: text-top; float: left; margin-right: 5px; border: solid 1px #969696; }
#contents3 .link_box p { font-size: 1.2em; line-height: 1.5em; margin-top: 10px; }