@charset "utf-8";
/* CSS Document */

/*------------ 背景画像 ------------*/
body {
	background-image: url(../images/top_main_back.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #4D506E;
}

/*------------ ヘッダー ------------*/
#header {
	background-image: url(../images/header_back.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

/*------------ 検索フォーム ------------*/
#search {
	width: 350px;
	padding: 9px 0 0 540px;
}

#search table th {
	padding-right: 10px;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
} 

#search table td#serch_text{
	padding: 1px;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left: #999999 1px solid;
}

#search table td#serch_botan {
	padding: 1px;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-right: #999999 1px solid;
}

#search .w200 {
	width: 200px;
	height: 15px;
	border-width: 0;
	font-size: 10px;
}

/*------------ ボタン ------------*/
.gray_button {
	padding: 3px 5px 2px 5px;
	color: #000000;
	background-color: #cbcbcb;
	border: #59597C 1px solid;
	font-size: 11px;
}

/*------------ お知らせ ------------*/
#news {
	padding: 10px 0 2px 163px;
	color: #51516E;
}

/*-- IE6ハック --*/
* html #news {
	padding: 9px 0 2px 163px;
}

/*-- IE7ハック --*/
*:first-child+html #news {
	padding: 9px 0 2px 163px;
}

#news img {
	padding-top: 5px;
	padding-right: 5px;
}

#news p {
	padding-top: 3px;
}

/*------ リンク色（お知らせ） ------*/
#news a {
	color: #51516E;
	text-decoration: none;
}

#news a:hover {
	color: #;
}

#news a:visited {
	color: #;
}

/*------------ コンテンツ ------------*/
#top_contents {
	background-color: #00000D;
	background-image: url(../images/top_contents_back.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

/*------------ ナビゲーション ------------*/
ul.nav {
	width: 130px;
}

ul.nav li a {
	height: 18px;
	padding: 2px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

/*------------ ナビゲーション入れる箱 ------------*/
#nav_box_left,
#nav_box_right {
	width: 325px;
	padding-top: 1px;
}

#nav_box_left {
	padding-left: 85px;
	padding-right: 40px;
	float: left;
}

#nav_box_right {
	padding-left: 40px;
	padding-right: 85px;
	float: right;
}

/*------------ ナビゲーションタイトル ------------*/
#top_contents h2 {
	padding-bottom: 10px;
}

/*------------ オートクチュール ナビゲーション（マウスOFF） ------------*/
ul.nav li#order a {
	width: 55px;
	background-image: url(../images/top_nav_order_off.jpg);
}

ul.nav li#collection a {
	width: 67px;
	background-image: url(../images/top_nav_collection_off.jpg);
}

ul.nav li#truth a {
	width: 94px;
	background-image: url(../images/top_nav_truth_off.jpg);
}

ul.nav li#material a {
	width: 90px;
	background-image: url(../images/top_nav_material_off.jpg);
}

/*------------ オートクチュール ナビゲーション（マウスON） ------------*/
ul.nav li#order a:hover {
	width: 55px;
	background-image: url(../images/top_nav_order_on.jpg);
}

ul.nav li#collection a:hover {
	width: 67px;
	background-image: url(../images/top_nav_collection_on.jpg);
}

ul.nav li#truth a:hover {
	width: 94px;
	background-image: url(../images/top_nav_truth_on.jpg);
}

ul.nav li#material a:hover {
	width: 90px;
	background-image: url(../images/top_nav_material_on.jpg);
}

/*------------ プレタポルテ ナビゲーション（マウスOFF） ------------*/
ul.nav li#webshop a {
	width: 80px;
	background-image: url(../images/top_nav_webshop_off.jpg);
}

ul.nav li#new a {
	width: 92px;
	background-image: url(../images/top_nav_new_off.jpg);
}

ul.nav li#first a {
	width: 129px;
	background-image: url(../images/top_nav_first_off.jpg);
}

/*------------ プレタポルテ ナビゲーション（マウスON） ------------*/
ul.nav li#webshop a:hover {
	width: 80px;
	background-image: url(../images/top_nav_webshop_on.jpg);
}

ul.nav li#new a:hover {
	width: 92px;
	background-image: url(../images/top_nav_new_on.jpg);
}

ul.nav li#first a:hover {
	width: 129px;
	background-image: url(../images/top_nav_first_on.jpg);
}

/*------------ インフォメーション ナビゲーション（マウスOFF） ------------*/
ul.nav li#guide a {
	width: 77px;
	background-image: url(../images/top_nav_guide_off.jpg);
}

ul.nav li#history a {
	width: 60px;
	background-image: url(../images/top_nav_history_off.jpg);
}

ul.nav li#class a {
	width: 79px;
	background-image: url(../images/top_nav_class_off.jpg);
}

/*------------ インフォメーション ナビゲーション（マウスON） ------------*/
ul.nav li#guide a:hover {
	width: 77px;
	background-image: url(../images/top_nav_guide_on.jpg);
}

ul.nav li#history a:hover {
	width: 60px;
	background-image: url(../images/top_nav_history_on.jpg);
}

ul.nav li#class a:hover {
	width: 79px;
	background-image: url(../images/top_nav_class_on.jpg);
}

/*------------ カスタマー ナビゲーション（マウスOFF） ------------*/
ul.nav li#care a {
	width: 77px;
	background-image: url(../images/top_nav_care_off.jpg);
}

ul.nav li#bord a {
	width: 46px;
	background-image: url(../images/top_nav_bord_off.jpg);
}

ul.nav li#mail a {
	width: 105px;
	background-image: url(../images/top_nav_mail_off.jpg);
}

ul.nav li#sitemap a {
	width: 70px;
	background-image: url(../images/top_nav_sitemap_off.jpg);
}

/*------------ カスタマー ナビゲーション（マウスON） ------------*/
ul.nav li#care a:hover {
	width: 77px;
	background-image: url(../images/top_nav_care_on.jpg);
}

ul.nav li#bord a:hover {
	width: 46px;
	background-image: url(../images/top_nav_bord_on.jpg);
}

ul.nav li#mail a:hover {
	width: 105px;
	background-image: url(../images/top_nav_mail_on.jpg);
}

ul.nav li#sitemap a:hover {
	width: 70px;
	background-image: url(../images/top_nav_sitemap_on.jpg);
}

/*------------ フッター ------------*/
#footer {
	width: 880px;
	padding-right: 20px;
	padding-bottom: 70px;
	color: #606079;
	font-size: 10px;
	background-image: url(../images/footer_back.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #00000D;
}

#footer p#english {
	text-indent: -9999px;
	float: left;
}

#footer #copy_box {
	width: 588px;
	padding-left: 10px;
	float: left;
}

/*------------ English（マウスOFF） ------------*/
#footer p#english a {
	width: 76px;
	height: 25px;
	display: block;
	background-image: url(../images/top_nav_english_off.jpg);
}

/*------------ English（マウスON） ------------*/
#footer p#english a:hover {
	width: 76px;
	height: 25px;
	background-image: url(../images/top_nav_english_on.jpg);
}