/*----------------------------------------
　CSS MAP
------------------------------------------

○共通
├全体指定
├ヘッダー
├ナビゲーション
├メイン部分幅
├フッター
└アイコン（Recruit,FAQなどで使用）

●Index
├Flash
├新着情報
└ブランドナビゲーション

●Brand (+Chinese)
├タイトル画像
├ショップリスト
└中国語版

●Site Map
├タイトル画像
└リスト

●Site Policy
├タイトル画像
└リスト

●Privacy Policy
├タイトル画像
└リスト

●News & Release
├タイトル画像
└リスト

●Recruit
├タイトル画像
├リスト
├アイコン
└ライン

●FAQ
├タイトル画像
├リスト
└アイコン

●Companyprofile
├タイトル画像
└リスト

*/





/*================================================================================

[[ 共通 ]]
	
================================================================================/*





/*----------------------------------------
　全体指定
----------------------------------------*/


body {
	color:#666666;
	font-size:12px;
}

body a:link,
body a:visited,
body a:hover,
body a:active {
	color:#666666;
}


/*----------------------------------------
　ヘッダー
----------------------------------------*/


#header-back {
	width:100%;
	background-image:url(../img/top_line.gif);
	background-repeat:repeat-x;
	background-position:0px 47px;
}

#header {
	width:760px;
	height:55px;
	margin:0px auto 0px;
	background-image:url(../img/top_line.gif);
	background-repeat:repeat-x;
	background-position:0px 47px;
}

#header img{
	float:left;
	margin-top:20px;
}


/* サブナビゲーション */


#header-navi {
	float:right;
	width:262px;
	height:12px;
	margin-top:30px;
	background-image:url(../img/top_menu.gif);
	background-repeat:no-repeat;
}

#header-navi li {
	float:left;
}


/* サブナビ[サイトマップ] */


.sitemap {
	width:68px;
	height:12px;
}

.sitemap a {
	display:block;
	width:68px;
	height:12px;
	text-indent:-9999px;
}


/* サブナビ[パートナー募集] */


.partner {
	width:87px;
	height:12px;
}

.partner a {
	display:block;
	width:87px;
	height:12px;
	text-indent:-9999px;
}


/* サブナビ[商品] */


.goods {
	width:61px;
	height:12px;
}

.goods a {
	display:block;
	width:61px;
	height:12px;
	text-indent:-9999px;
}


/* サブナビ[home] */


.home {
	width:46px;
	height:12px;
}

.home a {
	display:block;
	width:46px;
	height:12px;
	text-indent:-9999px;
}


/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-back {
	width:100%;
	height:150px;
	background-image:url(../img/mid_side.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}

#title-all {
	clear:both;
	width:780px;
	height:150px;
	margin:0px auto 0px;
}

#title-back h2 {
	float:left;
	width:760px;
	height:150px;
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#title-shadowleft {
	float:left;
	width:10px;
	height:150px;
	background-image:url(../img/mid_left.gif);
	background-repeat:none;
	background-position:0 0;
}

#title {
	width:760px;
	height:150px;
	float:left;
}

#title-shadowright {
	float:left;
	width:10px;
	height:150px;
	background-image:url(../img/mid_right.gif);
	background-repeat:none;
	background-position:0 0;
}


/*----------------------------------------
 ナビゲーション
----------------------------------------*/


#navi-shadowleft {
	float:left;
	width:10px;
	height:65px;
	background-image:url(../img/b_left.gif);
	background-repeat:none;
	background-position:0 0;
}

#navi-shadowright {
	float:left;
	width:10px;
	height:65px;
	background-image:url(../img/b_right.gif);
	background-repeat:none;
	background-position:0 0;
}

#navi-all {
	width:780px;
	height:65px;
	margin:0px auto 0px;
}

#navi-back {
	clear:both;
	width:100%;
	height:65px;
	background-image:url(../img/b_side.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}


/* 全体の幅指定 */


#navi {
	float:left;
	width:760px;
	height:57px;
	list-style:none;
}


/* 各項目の幅指定 */


#navi li {
	float:left;
	width:190px;
	height:57px;
}


/* ニュース,リリース */


.news a {
	display:block;
	width:190px;
	height:57px;
	background-image:url(../img/b_menu.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.news a:hover {
	background-image:url(../img/b_menu.gif);
	background-position:0px -57px;
}


/* 会社概要 */


.about a {
	display:block;
	width:190px;
	height:57px;
	background-image:url(../img/b_menu.gif);
	background-position:-190px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.about a:hover {
	background-image:url(../img/b_menu.gif);
	background-position:-190px -57px;
}


/* ブランド紹介 */


.brand a {
	display:block;
	width:190px;
	height:57px;
	background-image:url(../img/b_menu.gif);
	background-position:-380px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.brand a:hover {
	background-image:url(../img/b_menu.gif);
	background-position:-380px -57px;
}


/* 採用情報 */


.recruit a {
	display:block;
	width:190px;
	height:57px;
	background-image:url(../img/b_menu.gif);
	background-position:-570px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.recruit a:hover {
	background-image:url(../img/b_menu.gif);
	background-position:-570px -57px;
}


/*----------------------------------------
 メイン部分幅
----------------------------------------*/


/* 共通部分 */


#main {
	width:760px;
	margin:0px auto 0px;
}

#main-back {
	clear:both;
	width:100%;
	background-image:url(../img/n_side.gif);
	background-repeat:repeat-x;
	background-repeat:repeat-y;
	background-position:0 0;
}

#main-all {
	width:780px;
	padding-top:30px;
	margin:0px auto 0px;
	background-image:url(../img/n_syadow.gif);
	background-repeat:repeat-y;
	background-position:0 0;
}


/*----------------------------------------
 フッター
----------------------------------------*/


/* 背景表示のみ */

#footer-img {
	clear:both;
	width:760px;
	height:48px;
	background-image:url(../img/n_bg.gif);
	background-repeat:none;
	background-position:0 0;
}


/* footer */


#footer-back {
	clear:both;
	width:100%;
	height:60px;
	background-image:url(../img/n_under.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}

#footer {
	width:760px;
	height:60px;
	background-image:url(../img/n_under.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	margin:0px auto 0px;
	padding-top:15px;
}

#footer ul {
	float:right;
}

#footer ul li {
	float:left;
}

#footer address {
	clear:both;
	float:right;
}


/*----------------------------------------
 アイコン（Recruit,FAQなどで使用）
----------------------------------------*/


.icon-phone {
	float:left;
	width:42px;
	height:42px;
	margin-right:10px;
	text-indent:-9999px;
	background-image:url(../img/tel.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.icon-mail {
	float:left;
	width:42px;
	height:42px;
	margin-right:10px;
	text-indent:-9999px;
	background-image:url(../img/mail.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.icon-recruit {
	float:left;
	width:42px;
	height:42px;
	margin-right:10px;
	text-indent:-9999px;
	background-image:url(../img/rec.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.icon-cs {
	float:left;
	width:42px;
	height:42px;
	margin-right:10px;
	text-indent:-9999px;
	background-image:url(../img/cs.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}





/*================================================================================

[[ Index ]]
	
================================================================================*/





/*----------------------------------------
 Flash
----------------------------------------*/


#flash-back {
	width:100%;
	height:450px;
	background-image:url(../img/mid_side.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}

#flash-all {
	clear:both;
	width:780px;
	height:450px;
	margin:0px auto 0px;
}

#flash-shadowleft {
	float:left;
	width:10px;
	height:450px;
	background-image:url(../img/mid_left.gif);
	background-repeat:none;
	background-position:0 0;
}

#flash {
	width:760px;
	height:450px;
	float:left;
}

#flash-shadowright {
	float:left;
	width:10px;
	height:450px;
	background-image:url(../img/mid_right.gif);
	background-repeat:none;
	background-position:0 0;
}

#map-title {
	display:none;
}

/*----------------------------------------
 新着情報
----------------------------------------*/

#main-release {
	width:760px;
}

#main-img {
	float:left;
	padding-left:15px;
	padding-right:15px;
}

#release h2 {
	width:545px;
	height:21px;
	background-image:url(../img/n_news.gif);
	text-indent:-9999px;
}

#release {
	float:right;
	width:545px;
}


#release dl {
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(../img/n_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#release dt {
	float:left;
	padding-left:16px;
	margin-right:30px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#release dd {
	margin-left:125px;
}

#guid {
	clear:both;
	padding-top:8px;
	padding-bottom:10px;
	padding-right:15px;
	text-align:right;
		zoom:1
}


/*----------------------------------------
 ブランドナビ（上段）
----------------------------------------*/


/* 全体の幅指定 */


.brand-navi {
	clear:both;
	width:760px;
	height:80px;
	list-style:none;
	background:transparent url(../img/b_side.gif) repeat-x scroll 0 20px;
}


/* 各項目の幅指定 */


.brand-navi li {
	float:left;
}


/* CECILL McBEE */


.cecilmcbee a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.cecilmcbee a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:0px -40px;
}


/* Fabulos */


.fabulos a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-152px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}


.fabulos a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-152px -40px;
}


/* Cecil Linc */


.cecillink a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-304px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}


.cecillink a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-304px -40px;
}


/* BE RADIANCE */


.beradiance a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-456px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.beradiance a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-456px -40px;
}


/* Ristty */


.ristty a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-608px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.ristty a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-608px -40px;
}


/*----------------------------------------
 ブランドナビ（下段）
----------------------------------------*/


/* rid.dle */

.rid-dle a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-760px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}

.rid-dle a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-760px -40px;
}


/* a.g.plus */

.ag-plus a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-912px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}


.ag-plus a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-912px -40px;
}


/* auoi?quoi? */


.quoiquoi a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-1064px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}


.quoiquoi a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-1064px -40px;
}


/* AnkRouge */


.ankrouge a {
	display:block;
	width:152px;
	height:40px;
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-1216px 0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}


.ankrouge a:hover {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-1216px -40px;
}


/* Shop */


.shop a {
	background-image:url(../img/b_brandlink_100625.gif);
	background-position:-1368px 0;
	background-repeat:no-repeat;
	display:block;
	height:40px;
	text-decoration:none;
	text-indent:-9999px;
	width:152px;
}.shop a:hover {
	background-position:-1368px -40px;
}





/*================================================================================

[[ Brand (+Chinese) ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-brand {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_brand.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}
#title-shop {
	background-image:url(../img/p_shoplist.jpg);
}


h3#brand-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_brand.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

h3#shop-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_shoplist.gif);
	background-repeat:no-repeat;
	background-position:0 0;	
}


/*----------------------------------------
 ショップリスト
----------------------------------------*/


.brand-list {
	clear:both;
	width:700px;
	margin:30px auto 0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.brand-list h4 {
	padding-top:15px;
}

.brand-info {
	width:700px;
	margin-top:15px;
	overflow:hidden;
}

.brand-text {
	width:470px;
	float:left;
}

.brand-photo {
	width:230px;
	height:180px;
	float:left;
}

.brand-text ul {
	margin-top:15px;
}


/*----------------------------------------
 中国語版
----------------------------------------*/


#title-brand-chinese {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_china.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#brand-img-chinese {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_china.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}





/*================================================================================

[[ Site Map ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/

#title-sitemap {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_sitemap.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#sitemap-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_sitemap.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


.sitemap-list {
	width:700px;
	padding-top:30px;
	margin:30px auto 0px;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

.sitemap-list li {
	line-height:11px;
	padding-left:11px;
	padding-bottom:20px;
	background-image:url(../img/icon.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}





/*================================================================================

[[ Site Policy ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-sitepolicy {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_sp.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#sitepolicy-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_sp.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#sitepolicy-list {
	width:700px;
	margin:0px auto 0px;
}


#sitepolicy-list dt {
	margin-top:30px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}


#sitepolicy-list dd {
	margin-top:15px;
}





/*================================================================================

[[ Privacy Policy ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-privacypolicy {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_pp.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#privacypolicy-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_pp.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#privacypolicy-list {
	width:700px;
	margin:0px auto 0px;
}


#privacypolicy-list dt {
	margin-top:30px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}


#privacypolicy-list dd {
	margin-top:15px;
}





/*================================================================================

[[ News & Release ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-newsrelease {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_news.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#newsrelease-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_news.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#newsrelease-list {
	width:700px;
	margin:30px auto 0px;
}

#newsrelease-list li {
	margin-bottom:1em;
}

#newsrelease-list span.backnum {
	display:block;
	font-size:13px;
	text-align:right;
}

#newsrelease-list span.backnum a {
}


/*
#newsrelease-list li {
	margin-top:30px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
*/




/*================================================================================

[[ Recruit ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-recruit {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_recruit.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#recruit-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_recruit.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#recruit-list {
	width:700px;
	margin:0px auto 0px;
}


#recruit-list dt {
	margin-top:30px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#recruit-list dd {
	width:700px;
}

#recruit-list p {
	clear:both;
	margin-top:12px;
}


/*----------------------------------------
 アイコン
----------------------------------------*/


.recruit-set {
	width:700px;
	height:42px;
	margin-top:12px;
}

.recruit-address {
	width:500px;
	height:42px;
}


/*----------------------------------------
 ライン
----------------------------------------*/


.recruit-line {
	width:100%;
	height:5px;
	margin-top:30px;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}







/*================================================================================

[[ FAQ ]]

================================================================================*/





/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-faq {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_faq.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#faq-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_faq.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#faq-list {
	width:700px;
	margin:0px auto 0px;
}


#faq-list dt {
	margin-top:30px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#faq-list dd {
	overflow:hidden;
}

#faq-list p {
	clear:both;
	margin-top:12px;
}


/*----------------------------------------
 アイコン
----------------------------------------*/


.faq-set {
	width:700px;
	height:42px;
	margin-top:12px;
}

.faq-address {
	width:500px;
	height:42px;
}





/*================================================================================

[[ Companyprofile ]]

================================================================================*/

dd.member {
}
dd.member dl {
}
dd.member dt {
	width:250px !important;
}
dd.member dd {
}



/*----------------------------------------
 タイトル画像
----------------------------------------*/


#title-cp {
	float:left;
	width:760px;
	height:150px;
	background-image:url(../img/p_cp.jpg);
	background-repeat:none;
	background-position:0 0;
	text-indent:-9999px;
}

#cp-img {
	width:700px;
	height:45px;
	margin:0px auto 0px;
	text-indent:-9999px;
	background-image:url(../img/bar_cp.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


/*----------------------------------------
 リスト
----------------------------------------*/


#cp-list {
	width:700px;
	margin:30px auto 0px;
}



#cp-list dl dt {
	float:left;
	width:114px;
	padding-left:16px;
	background-image:url(../img/n_icon.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#cp-list dl dd {
	margin-bottom:30px;
	margin-left:130px;
}

#cp-list dl dd .map-print {
	width:450px;
	text-align:right;
}

#cp-list ul.name_list {
	float: left;
}

#cp-list ul.name_list li {
	clear: both;
	height: 16px;
	margin-bottom: 20px;
}

#cp-list ul.name_list li ul li.name_title {
	clear: none;
	float: left;
	width: 225px;
	height: 16px;
	padding-left: 16px;
	margin: 0;
	background: url("../img/n_icon.gif") no-repeat 0 0;
}

#cp-list ul.name_list li ul li.name {
	clear: none;
	float: left;
	width: 100px;
	margin: 0;
}