/*
Theme Name: Cinq essentiel
Description: theme for Cinq essentiel
Version: 1.0
Author: Motokazu Kitakata
*/
@charset "utf-8";
/*
If you want this size in pixels (px)  	Declare this percent (%)
10px 	77%
11px 85%
12px 	93% (was 93)
13px 	100%
14px 	108% (was 107)
15px 	116% (was 114)
16px 	123.1% (was 122)
17px 	131% (was 129)
18px 	138.5% (was 136)
19px 	146.5% (was 144)
20px 	153.9% (was 152)
21px 	161.6% (was 159)
22px 	167%
23px 	174%
24px 	182%
25px 	189%
26px 	197%
*/

/* global property */
body {font-size:13px;line-height:17px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
#wrapper {
	font-family:"Century Gothic","Futura","Gill Sans","Helvetica","Osaka","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","新ゴ L","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:93%;
	width:780px;
	margin: 0	auto;
	background-color: #FFFFFF;
	color:#666666;
}
a {color:#1D2788;text-decoration:none;}

/* end of global property */

/* header */
#rakuten_nav {width:780px;text-align:right;}
#rakuten_nav ul {}
#rakuten_nav ul li {display:inline; font-size:10px;margin-left:8px;_font-size:9px;text-align:right;}

#header {background: url('siteimages/header/border.gif') no-repeat 0px 81px;height:92px;margin-bottom: 10px;}
#header h1 {margin: 5px 0px 0px 5px;_margin-left: 2px;float:left;}
#header .cinque_logo {float:right;position: relative;top:0px;right:5px;}
#header p {float:right;position: relative;top:5px;_top:10px;right:10px;_right:10px;_width:600px;}
*:first-child+html #header p {top:46px;width:500px;top:10px;}
.tagline {color:#1d2788;display: block;text-align:right;font-weight:bold;line-height:17px;}
*:first-child+html .tagline {line-height:15px;}

iframe#blog_link {display: block;width:105px;height:30px;}
iframe#blog_link_footer {width:36px;height:14px;}
/* end of header */

/* global navigation */

	/* トップページ以外のナビゲーション */
	
	#g_nav {clear:both;height:30px;margin-bottom: 15px;}
	#g_nav ul li {background-repeat: no-repeat;float:left;text-indent:-9999px;margin-left: 5px;}
	#g_nav ul li:first-child {margin-left: 8px;}
	#g_nav ul li a {text-indent:-9999px;display: block;width:105px;height:30px;}

	a.n-home         {background-image: url('siteimages/nav/nav_home.gif');}
	a.n-w-brand      {background-image: url('siteimages/nav/nav_wemensbrand.gif');}
	a.n-m-brand      {background-image: url('siteimages/nav/nav_mensbrand.gif');}
	a.n-shopinfo     {background-image: url('siteimages/nav/nav_shopinfo.gif');}
	a.n-mailmagazine {background-image: url('siteimages/nav/nav_mailmagazine.gif');}
	a.n-blog         {background-image: url('siteimages/nav/nav_blog.gif');}
	a.n-contact      {background-image: url('siteimages/nav/nav_contact.gif');}

	a.n-home:hover         {background-image: url('siteimages/nav/nav_home_o.gif');}
	a.n-w-brand:hover,a.n-w-brand-current      {background-image: url('siteimages/nav/nav_wemensbrand_o.gif');}
	a.n-m-brand:hover,a.n-m-brand-current      {background-image: url('siteimages/nav/nav_mensbrand_o.gif');}
	a.n-shopinfo:hover,a.n-shopinfo-current     {background-image: url('siteimages/nav/nav_shopinfo_o.gif');}
	a.n-mailmagazine:hover,a.n-mailmagazine-current {background-image: url('siteimages/nav/nav_mailmagazine_o.gif');}
	a.n-blog:hover,a.n-blog-current         {background-image: url('siteimages/nav/nav_blog_o.gif');}
	a.n-contact:hover,a.n-contact-current       {background-image: url('siteimages/nav/nav_contact_o.gif');}
	/* end of トップページ以外のナビゲーション */

	/* トップページのナビゲーション */
	#g_nav-home {clear:both;margin-bottom: 3px;_margin-bottom:7px;}
	#g_nav-home ul li {background-repeat: no-repeat;float:left;text-indent:-9999px;margin-left: 5px;}
	#g_nav-home ul li:first-child {margin-left: 8px;}
	#g_nav-home ul li a {text-indent:-9999px;display: block;width:105px;height:30px;}

	a.n-h-home         {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_home.gif');}
	a.n-h-w-brand      {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_wemens.gif');}
	a.n-h-m-brand      {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_mens.gif');}
	a.n-h-shopinfo     {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_shopinfo.gif');}
	a.n-h-mailmagazine {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_mailmagazine.gif');}
	a.n-h-blog         {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_blog.gif');}
	a.n-h-contact      {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_contact.gif');}

	a.n-h-home:hover,a.n-home-current         {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_home_o.gif');}
	a.n-h-w-brand:hover      {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_wemens_o.gif');}
	a.n-h-m-brand:hover      {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_mens_o.gif');}
	a.n-h-shopinfo:hover     {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_shopinfo_o.gif');}
	a.n-h-mailmagazine:hover {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_mailmagazine_o.gif');}
	a.n-h-blog:hover         {background-image: url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_blog_o.gif');}
	a.n-h-contact:hover     {background-image:  url('http://www.rakuten.ne.jp/gold/cinqessentiel/siteimages/home/nav/nav_contact_o.gif');}
	/* end of トップページのナビゲーション */


/* end of global navigation */

/* main content */
#main-content {} /* 各ページ未使用 */
/* end of main content */

/* home */
#home-wrapper {width:778px;margin:0 auto;background-image: url('siteimages/home/home_background.jpg');background-repeat: no-repeat;background-position: 0px 23px;margin-bottom: 20px;}
#home {width:735px;margin:0 auto;clear:both;margin-bottom:12px;}
body:first-of-type #home {padding-top:5px;}
#home-left {width:280px;float:left;}
img.cinq-banner {border:1px solid #1a2888;}
#lastest-articles {width:278px;height: 105px;border:1px solid #1a2888;margin-top:10px;}
#lastest-articles h2 {margin-left:4px;margin-top:4px;}
#lastest-articles ul li {margin-left:20px;list-style: square inside;color:#1d2788;}
*:first-child+html #lastest-articles ul li {line-height:16px;}
#lastest-articles ul li a {font-size:10px;}
*:first-child+html #lastest-articles a {font-size:9px;}
img#cinq-banner {float: right;}

#newspane {margin-bottom: 15px;}

#pickup-item {}
.pickup-item-box {width:120px;float:left;margin-left: 11px;_margin-left:5px;}
.first-pickup {_margin-left:12px;}
.pickup-item-box:first-child {margin-left:1px;}
.pickup-item-box a {display: block;_margin-bottom:6px;}
*:first-child+html .pickup-item-box a {margin-bottom:6px;}
.pickup-item-box a:nth-child(2) {margin-top:3px;}
#main-left {clear: both;width:190px;float:left;}
#main-left a.banner {display: block;margin-bottom: 18px;}
#main-right {float:right; width:560px;}
#main-right p {width:100%;}
#main-right p {margin-bottom: 10px;}
.title {padding-bottom: 4px;border-bottom: 1px dotted #1d2788;}
.s_title {border-bottom: 1px dotted #1d2788;margin-bottom: 7px;}
ul.category_list {margin-left:7px;margin-bottom:5px;}
ul.category_list h4 {margin-bottom:3px;}
ul.category_list li {list-style-type: square;list-style-position: inside;color:#1d2788;margin-left:7px;margin-bottom: 0px;}
p.s_contents {line-height:20px;margin-bottom:16px;}
#main-banner a {display: block;float: left;margin-right:26px;margin-bottom: 10px;}

.products_list a {display: block;width:120px;margin-left:20px;}
.products_list {_padding-bottom:10px;}

div.recommend_item h4 {clear:both;margin-left: 5px;margin-bottom: 5px;}
div.recommend_item a {display: block;float:left;width:120px;margin-left:20px;margin-bottom:14px;}
div.recommend_item a.ml0 {margin-left: 8px;}

div#recommend_brand {width: 500px;margin: 0 auto;}
div#recommend_brand a {display: block;margin-left:36px;margin-bottom: 4px;float: left;}
div#recommend_brand a.ml0 {margin-left: 0px;}

/* home */


/* info */
div#information {clear: both;border-top: 1px dotted #999;padding-top: 0.5em;}
div#information dl {margin-bottom: 1.5em;}
div#information dl dt {font-weight:bold;font-size:116%;}
div#information dl dd {margin-left: 0.5em;line-height:1.5em;}
div#information dl#info1 {width:30%;float: left;margin-right: 3%;}
div#information dl#info2 {width:30%;float: left;margin-right: 3%;}
div#information dl#info3 {width:30%;float: left;margin-right: 3%;}
div#information dl#info4 {width:30%;float: left;}
div#information a {color:orange; text-decoration: underline;}
div#information a:hover {color:orange; text-decoration: none;}
p.arrow {margin-top:6px;background-image: url('siteimages/arrow.jpg');background-repeat: no-repeat;background-position:0 3px;padding-left:11px;}


/* blog */
#blog {margin:0 auto;width:760px;}
#articles {width:500px;float:right;}
#sidebar {width:213px;float:left;}

.article {line-height:1.5em;margin-bottom:50px;}
.post {font-size:108%;margin-bottom:20px;}
.post strong {font-weight:bold;}
.post img {border:1px solid #999999;padding:3px;}
.post-date {font-weight: bold;color:#1D2788;}
.article h2 {margin:4px 0 11px;}
.article h2 a {color:#000000; font-weight:bold;font-size:123.1%;}
.feedback {border-top:1px dashed #1D2788;padding-top:10px;text-align:right;}
.comment_template {width:100%;padding:2px;}
p.comment_input {padding:2px;}

h2#postcomment {margin-top:30px;}
.comment_feedback {margin:10px 0;}

.box-sidebar {margin-bottom:20px;}
.box-sidebar h3 {margin-bottom:7px;}
.shopimage {display: block;margin-bottom:7px;}
.box-sidebar p {line-height: 1.5em;}
.box-calendar {margin-top:10px;margin-bottom:20px;}
table#wp-calendar {margin:0 auto;text-align:center;width:90%;}
table#wp-calendar caption {text-align:center;padding:10px 0;}
table#wp-calendar th {background-color:#666666;border:1px solid #FFFFFF;color:#FFFFFF;padding:2px;text-align:center;}
.box-sidebar ul li a {line-height: 1.5em;}
/* end of blog */

/* wemens brand, mens brand */
.box-brand {width:156px; height:270px;float:left;}
.box-brand ul {width:140px;margin:0 auto;}
.box-brand ul li {text-align:center;line-height:1.4em;}
.box-brand ul li.brand-image {}
.box-brand ul li.brand-image img {border:2px solid #aaaaaa;}
.box-brand ul li.brand-name      {}
.box-brand ul li.brand-name-kana {}
.box-brand ul li.brand-cats      {}
.box-brand ul li.brand-desc      {text-align:left;}
.box-brand ul li.brand-desc a {text-decoration: none;}
/* end of wemens brand, mens brand */

/* shopinfo */
iframe#shop_info {padding-top:20px;}
#shopinfo {margin:20px 0;}
#map {float:left;border:1px solid #999999;margin-bottom: 20px;}
#shop_detail {float:right;width:460px;}
#shop_detail h2 {line-height:19px;font-weight:bold;}
#shop_detail p {line-height:19px;margin-bottom:15px;}
#shop_detail h3 {margin-bottom:7px;}
#shop_detail table tr th {padding-left:30px;width:125px;}
#shop_detail table tr td {padding:4px;}
/* end of shopinfo */

/* mailmagazine */
#mailmagazine {width: 730px; margin: 0 auto;}
#mailmagazine p, #register-form, #unregister-form {width:690px; margin: 0 auto;}
#mailmagazine h2 {margin-bottom: 10px;}
#mailmagazine p {line-height:2em;margin-bottom: 20px;margin-top:20px;}
#register-form table, #unregister-form table {width:610px;margin: 0 auto;font-size:123.1%;}
#register-form table th, #unregister-form table th {width:120px;} 
#register-form table th, #register-form table td, #unregister-form table th, #unregister-form table td {padding:7px;}
#register-form input.mailaddress, #unregister-form input.mailaddress {width:300px;}
#register-form input.button_submit, #unregister-form input.button_submit {display:block;width:325px;margin-left:auto;margin-right: 0;}
/* end of mailmagazine */

/* contact */
#contact {width: 730px;margin: 0 auto;}
#contact h2 {margin-bottom:10px;}
#contact table th {width:165px;text-indent:-9999px;background-repeat: no-repeat;}
#contact table td {width:566px;padding-left: 10px;background-repeat: no-repeat;}
.contact_title         {background-image: url('siteimages/contact/contact_tag01.gif');height:32px;}
.contact_value         {background-image: url('siteimages/contact/contact_tag07.gif');height:32px;}
.customer_name         {background-image: url('siteimages/contact/contact_tag02.gif');height:32px;}
.customer_name_value   {background-image: url('siteimages/contact/contact_tag07.gif');height:32px;}
.customer_mail         {background-image: url('siteimages/contact/contact_tag03.gif');height:32px;}
.customer_mail_value   {background-image: url('siteimages/contact/contact_tag07.gif');height:32px;}
.customer_gender       {background-image: url('siteimages/contact/contact_tag04.gif');height:32px;}
.customer_gender_value {background-image: url('siteimages/contact/contact_tag07.gif');height:32px;background-position:0 -1px;}
.customer_remark       {background-image: url('siteimages/contact/contact_tag05.gif');height:142px;}
.customer_remark_value {background-image: url('siteimages/contact/contact_tag06.gif');height:142px;vertical-align:top;padding-top:7px;}

.customer_name_value　input {width:200px;}
.customer_mail_value input {width:300px;}
.customer_remark_value textarea {width:400px;height:106px;}
.button_submit {padding-top: 15px;}
/* end of contact */

/* company */
#company {line-height: 1.7em;}
#company h3 {color:#1D2788; font-size:138.5%;margin-bottom:10px;}
#company dt {font-size:120%;margin:7px 0;}
#company dd {margin-left:30px;}
#company div.company_info_contents {margin-left:20px;}
#company table tr td {padding:4px;}
#company table#company_info tr td {padding:0 2px;}
#company hr {margin:10px 0;color:#ededed;}
/* end of company */


/* footer */
#footer {clear:both;background: url('siteimages/header/border.gif') no-repeat;padding-top:20px;margin-top: 20px;}
#bottom_nav {width:610px;margin: 0 auto;margin-bottom: 6px;}

#bottom_nav ul li {display: inline;}
#foot_brand_list {}
#foot_brand_list ul li {float:left;margin-left:2px;padding-left:1px;}
#foot_brand_list ul li:before {content:" | ";}
#foot_brand_list ul li.first:before {content:"";}
#foot_brand_list ul li a {color:#666666;font-size:77%;}
#copyright {clear:both;width:375px;margin: 10px auto;}
/* end of footer */


#newarrival-left{
width:250px;

}