@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Samurainmaru                  */
/*                   Ryukyu                        */
/*                   Paola                         */
/*                   Order                         */
/*                   Diamond                       */
/*                   Agency                        */
/*                   Outline                       */
/*                                                 */
/*=======================TOC-END===================*/



/*---------- Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- Container -----------*/

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	color: #444;
	line-height: 1.6;
	position: relative;
	}

#content { text-align: left; }

#navigation { text-align: left; }


/*---------- Footer -----------*/

#footer {
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 24px;
	background: #000;
	text-align: center;
	color: #fff;
	clear: both;
	}

#footer div.menu {
	overflow: auto;
	width: 880px;
	margin: 0 auto;
	}

#footer ul {
	list-style:none;
	margin: 6px 0;
	padding: 0;
	line-height: 1.0;
	float: right;
	}
#footer ul li {
	margin: 0 4px 0 0;
	float: left;
	}

#footer address {
	margin: 6px 36px 6px 0;
	padding: 0;
	float: left;
	line-height: 1.0;
	}

/*---------- Contents -----------*/

a { color: #c03952; }
a:hover, a:active { color: #ff0000; }

.section { text-align: left; }
.section img { border: none; }

.center { text-align: center; }

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

p#nav01 {
	margin: 0;
	padding: 0;
	}

body.thickbox {
	text-align: left;
	padding: 10px;
	}

/*---------- Index -----------*/

#index #wrapper {
	background: url(../images/index_bg.png) top center no-repeat;
	height: 768px;
	}
#index #wrapper ul li { text-indent: -9999px; }

#index #nav01 {
	width: 135px;
	height: 165px;
	position: absolute;
	top: 165px;
	left:26px;
	}
#index #nav02 {
	width: 155px;
	height: 170px;
	position: absolute;
	top: 20px;
	left: 526px;
	z-index: 3;
	}
#index #nav03 {
	width: 179px;
	height: 97px;
	position: absolute;
	top: 35px;
	left: 258px;
	}
#index #nav04 {
	width: 139px;
	height: 81px;
	position: absolute;
	top: 412px;
	left: 30px;
	}
#index #nav05 {
	width: 185px;
	height: 124px;
	position: absolute;
	top: 427px;
	left: 287px;
	}
#index #nav06 {
	width: 117px;
	height: 97px;
	position: absolute;
	top: 291px;
	left: 517px;
	z-index: 2;
	}
#index #nav07 {
	width: 317px;
	height: 267px;
	position: absolute;
	top: 176px;
	left: 600px;
	z-index: 1;
	}
#index #nav08 {
	width: 231px;
	height: 164px;
	position: absolute;
	top: 461px;
	left: 551px;
	}

#index #nav01 a {
	display: block;
	height: 165px;
	background: url(../images/index_samurai.png) 0 0 no-repeat;
	}
#index #nav02 a {
	display: block;
	height: 170px;
	background: url(../images/index_ryukyu.png) 0 0 no-repeat;
	}
#index #nav03 a {
	display: block;
	height: 97px;
	background: url(../images/index_paola.png) 0 0 no-repeat;
	}
#index #nav04 a {
	display: block;
	height: 81px;
	background: url(../images/index_fullorder.png) 0 0 no-repeat;
	}
#index #nav05 a {
	display: block;
	height: 124px;
	background: url(../images/index_diamond.png) 0 0 no-repeat;
	}
#index #nav06 a {
	display: block;
	height: 97px;
	background: url(../images/index_siryou.png) 0 0 no-repeat;
	}
#index #nav07 a {
	display: block;
	height: 267px;
	background: url(../images/index_company.png) 0 0 no-repeat;
	}
#index #nav08 a {
	display: block;
	height: 164px;
	background: url(../images/index_policy.png) 0 0 no-repeat;
	}

#index #nav01 a:hover { background: url(../images/index_samurai.png) -135px 0 no-repeat; }
#index #nav02 a:hover { background: url(../images/index_ryukyu.png) -155px 0 no-repeat; }
#index #nav03 a:hover { background: url(../images/index_paola.png) -179px 0 no-repeat; }
#index #nav04 a:hover { background: url(../images/index_fullorder.png) -139px 0 no-repeat; }
#index #nav05 a:hover { background: url(../images/index_diamond.png) -185px 0 no-repeat; }
#index #nav06 a:hover { background: url(../images/index_siryou.png) -117px 0 no-repeat; }
#index #nav07 a:hover { background: url(../images/index_company.png) -317px 0 no-repeat; }
#index #nav08 a:hover { background: url(../images/index_policy.png) -231px 0 no-repeat; }

#index #news {
	width: 500px;
	height: 90px;
	overflow:auto;
	position: absolute;
	top: 655px;
	left:215px;
	}

#index #news strong{
	font-size:18px;
	font-weight:bold;
	color:#663300;
	}

#index #news p{
	font-size:14px;
	font-weight:bold;
	line-height:15px;
	color:#000000;
	}
#index #news span.red{
	color: #FF0000;
	}

/*---------- Samuraimaru -----------*/

#samurai_index #wrapper {
	background: url(../samuraimaru/images/index_bg.png) top center no-repeat;
	height: 700px;
	}

#samurai_list #wrapper {
	background: url(../samuraimaru/images/list_bg.png) top center no-repeat;
	height: 700px;
	}

#samurai_index #content p#nav01 {
	width: 164px;
	height: 130px;
	text-indent: -9999px;
	position: absolute;
	top: 292px;
	left: 545px;
	}
#samurai_index #content p#nav01 a {
	display: block;
	height: 130px;
	background: url(../samuraimaru/images/samurai_rollover.jpg) 0 0 no-repeat;
	}
#samurai_index #content p#nav01 a:hover { background: url(../samuraimaru/images/samurai_rollover.jpg) -164px 0 no-repeat;}

#samurai_index ul#navigation,
#samurai_list ul#navigation {
	width: 88px;
	height: 320px;
	position: absolute;
	top: 50px;
	left: 797px;
	}
#samurai_index ul#navigation li,
#samurai_list ul#navigation li { width: 88px; }
#samurai_index ul#navigation a,
#samurai_list ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	}
#samurai_index li#nav02 a,
#samurai_list li#nav02 a { background: url(../images/samurai_menu.png) 0 0 no-repeat; }
#samurai_index li#nav03 a,
#samurai_list li#nav03 a { background: url(../images/samurai_menu.png) 0 -40px no-repeat; }
#samurai_index li#nav04 a,
#samurai_list li#nav04 { background: url(../images/samurai_menu.png) 0 -80px no-repeat; }
#samurai_index li#nav05 a,
#samurai_list li#nav05 a { background: url(../images/samurai_menu.png) 0 -120px no-repeat; }
#samurai_index li#nav06 a,
#samurai_list li#nav06 a { background: url(../images/samurai_menu.png) 0 -160px no-repeat; }
#samurai_index li#nav07 a,
#samurai_list li#nav07 a { background: url(../images/samurai_menu.png) 0 -200px no-repeat; }
#samurai_index li#nav08 a,
#samurai_list li#nav08 a { background: url(../images/samurai_menu.png) 0 -240px no-repeat; }
#samurai_index li#nav09 a,
#samurai_list li#nav09 a { background: url(../images/samurai_menu.png) 0 -280px no-repeat; }

#samurai_index li#nav02 a:hover,
#samurai_list li#nav02 a:hover { background: url(../images/samurai_menu.png) 0 1px no-repeat; }
#samurai_index li#nav03 a:hover,
#samurai_list li#nav03 a:hover { background: url(../images/samurai_menu.png) 0 -39px no-repeat; }
#samurai_index li#nav04 a:hover,
#samurai_list li#nav04 a:hover { background: url(../images/samurai_menu.png) 0 -79px no-repeat; }
#samurai_index li#nav05 a:hover,
#samurai_list li#nav05 a:hover { background: url(../images/samurai_menu.png) 0 -119px no-repeat; }
#samurai_index li#nav06 a:hover,
#samurai_list li#nav06 a:hover { background: url(../images/samurai_menu.png) 0 -159px no-repeat; }
#samurai_index li#nav07 a:hover,
#samurai_list li#nav07 a:hover { background: url(../images/samurai_menu.png) 0 -199px no-repeat; }
#samurai_index li#nav08 a:hover,
#samurai_list li#nav08 a:hover { background: url(../images/samurai_menu.png) 0 -239px no-repeat; }
#samurai_index li#nav09 a:hover,
#samurai_list li#nav09 a:hover { background: url(../images/samurai_menu.png) 0 -279px no-repeat; }

#samurai_list #description {
	position: absolute;
	top: 190px;
	left: 190px;
	}

#samurai_list ul.item {
	width: 240px;
	height: 200px;
	overflow: auto;
	position: absolute;
	top: 260px;
	left: 463px;
	}

#samurai_list ul.item li {
	float: left;
	width: 70px;
	height: 70px;
	}

/*---------- Ryukyu -----------*/

#ryukyu_index #wrapper {
	background: url(../ryukyu/images/index_bg.png) top center no-repeat;
	height: 780px;
	}

#ryukyu_index #content p#nav01 {
	width: 106px;
	height: 58px;
	text-indent: -9999px;
	position: absolute;
	top: 314px;
	left: 356px;
	}
#ryukyu_index #content p#nav01 a {
	display: block;
	height: 58px;
	background: url(../ryukyu/images/ryukyu_rollover.jpg) 0 0 no-repeat;
	}
#ryukyu_index #content p#nav01 a:hover { background: url(../ryukyu/images/ryukyu_rollover.jpg) -106px 0 no-repeat;}

#ryukyu_index ul#navigation {
	width: 880px;
	height: 41px;
	position: absolute;
	top: 700px;
	left: 54px;
	}
#ryukyu_index ul#navigation li {
	width: 110px;
	height: 41px;
	float: left;
	}
#ryukyu_index ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 41px;
	}
#ryukyu_index li#nav02 a { background: url(../images/ryukyu_menu.png) 0 0 no-repeat; }
#ryukyu_index li#nav03 a { background: url(../images/ryukyu_menu.png) -110px 0 no-repeat; }
#ryukyu_index li#nav04 a { background: url(../images/ryukyu_menu.png) -220px 0 no-repeat; }
#ryukyu_index li#nav05 a { background: url(../images/ryukyu_menu.png) -330px 0 no-repeat; }
#ryukyu_index li#nav06 a { background: url(../images/ryukyu_menu.png) -440px 0 no-repeat; }
#ryukyu_index li#nav07 a { background: url(../images/ryukyu_menu.png) -550px 0 no-repeat; }
#ryukyu_index li#nav08 a { background: url(../images/ryukyu_menu.png) -660px 0 no-repeat; }
#ryukyu_index li#nav09 a { background: url(../images/ryukyu_menu.png) -770px 0 no-repeat; }

#ryukyu_index li#nav02 a:hover { background: url(../images/ryukyu_menu.png) 0 1px no-repeat; }
#ryukyu_index li#nav03 a:hover { background: url(../images/ryukyu_menu.png) -110px 1px no-repeat; }
#ryukyu_index li#nav04 a:hover { background: url(../images/ryukyu_menu.png) -220px 1px no-repeat; }
#ryukyu_index li#nav05 a:hover { background: url(../images/ryukyu_menu.png) -330px 1px no-repeat; }
#ryukyu_index li#nav06 a:hover { background: url(../images/ryukyu_menu.png) -440px 1px no-repeat; }
#ryukyu_index li#nav07 a:hover { background: url(../images/ryukyu_menu.png) -550px 1px no-repeat; }
#ryukyu_index li#nav08 a:hover { background: url(../images/ryukyu_menu.png) -660px 1px no-repeat; }
#ryukyu_index li#nav09 a:hover { background: url(../images/ryukyu_menu.png) -770px 1px no-repeat; }

#ryukyu_list #wrapper {
	background: url(../ryukyu/images/list_bg.png) top center no-repeat;
	height: 720px;
	}

#ryukyu_list #description {
	position: absolute;
	top: 240px;
	left: 235px;
	text-align: center;
	}

#ryukyu_list ul.item {
	width: 250px;
	height: 370px;
	position: absolute;
	top: 232px;
	left: 560px;
	}

#ryukyu_list ul.item li {
	float: left;
	width: 70px;
	height: 70px;
	}

#chocolate #wrapper {
	background: url(../ryukyu/images/chocolate_bg.jpg) top center no-repeat;
	height: 780px;
	}

#chocolate #fax {
	width: 94px;
	height: 28px;
	position: absolute;
	top: 400px;
	left: 352px;
	}
#chocolate #online {
	width: 96px;
	height: 29px;
	position: absolute;
	top: 431px;
	left: 352px;
	}
#chocolate #jewelry {
	width: 201px;
	height: 60px;
	position: absolute;
	top: 399px;
	left: 452px;
	}


/*---------- Paola -----------*/

#paola_index #wrapper {
	background: url(../paola/images/index_bg.png) top center no-repeat;
	height: 700px;
	width:1000px;
	}

#paola_index #content p#nav01 {
	width: 74px;
	height: 110px;
	text-indent: -9999px;
	position: absolute;
	top: 242px;
	left: 383px;
	}
#paola_index #content p#nav01 a {
	display: block;
	height: 110px;
	background: url(../paola/images/paola_rollover.jpg) 0 0 no-repeat;
	}
#paola_index #content p#nav01 a:hover { background: url(../paola/images/paola_rollover.jpg) -74px 0 no-repeat;}

#paola_index ul#navigation {
	width: 82px;
	height: 320px;
	position: absolute;
	top: 37px;
	left: 906px;
	}
#paola_index ul#navigation li {
	width: 82px;
	height: 40px;
	}
#paola_index ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	}
#paola_index li#nav01 a { background: url(../images/paola_menu.png) 0 0 no-repeat; }
#paola_index li#nav02 a { background: url(../images/paola_menu.png) 0 -40px no-repeat; }
#paola_index li#nav03 a { background: url(../images/paola_menu.png) 0 -80px no-repeat; }
#paola_index li#nav04 a { background: url(../images/paola_menu.png) 0 -120px no-repeat; }
#paola_index li#nav05 a { background: url(../images/paola_menu.png) 0 -160px no-repeat; }
#paola_index li#nav06 a { background: url(../images/paola_menu.png) 0 -200px no-repeat; }
#paola_index li#nav07 a { background: url(../images/paola_menu.png) 0 -240px no-repeat; }
#paola_index li#nav08 a { background: url(../images/paola_menu.png) 0 -280px no-repeat; }

#paola_index li#nav01 a:hover { background: url(../images/paola_menu.png) 0 1px no-repeat; }
#paola_index li#nav02 a:hover { background: url(../images/paola_menu.png) 0 -39px no-repeat; }
#paola_index li#nav03 a:hover { background: url(../images/paola_menu.png) 0 -79px no-repeat; }
#paola_index li#nav04 a:hover { background: url(../images/paola_menu.png) 0 -119px no-repeat; }
#paola_index li#nav05 a:hover { background: url(../images/paola_menu.png) 0 -159px no-repeat; }
#paola_index li#nav06 a:hover { background: url(../images/paola_menu.png) 0 -199px no-repeat; }
#paola_index li#nav07 a:hover { background: url(../images/paola_menu.png) 0 -239px no-repeat; }
#paola_index li#nav08 a:hover { background: url(../images/paola_menu.png) 0 -279px no-repeat; }

#paola_list #wrapper {
	background: url(../paola/images/list_bg.png) top center no-repeat;
	height: 700px;
	}

#paola_list ul#navigation {
	width: 82px;
	height: 320px;
	position: absolute;
	top: 59px;
	left: 775px;
	}
#paola_list ul#navigation li {
	width: 82px;
	height: 40px;
	}
#paola_list ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 40px;
	}
#paola_list li#nav01 a { background: url(../images/paola_menu.png) 0 0 no-repeat; }
#paola_list li#nav02 a { background: url(../images/paola_menu.png) 0 -40px no-repeat; }
#paola_list li#nav03 a { background: url(../images/paola_menu.png) 0 -80px no-repeat; }
#paola_list li#nav04 a { background: url(../images/paola_menu.png) 0 -120px no-repeat; }
#paola_list li#nav05 a { background: url(../images/paola_menu.png) 0 -160px no-repeat; }
#paola_list li#nav06 a { background: url(../images/paola_menu.png) 0 -200px no-repeat; }
#paola_list li#nav07 a { background: url(../images/paola_menu.png) 0 -240px no-repeat; }
#paola_list li#nav08 a { background: url(../images/paola_menu.png) 0 -280px no-repeat; }

#paola_list li#nav01 a:hover { background: url(../images/paola_menu.png) 0 1px no-repeat; }
#paola_list li#nav02 a:hover { background: url(../images/paola_menu.png) 0 -39px no-repeat; }
#paola_list li#nav03 a:hover { background: url(../images/paola_menu.png) 0 -79px no-repeat; }
#paola_list li#nav04 a:hover { background: url(../images/paola_menu.png) 0 -119px no-repeat; }
#paola_list li#nav05 a:hover { background: url(../images/paola_menu.png) 0 -159px no-repeat; }
#paola_list li#nav06 a:hover { background: url(../images/paola_menu.png) 0 -199px no-repeat; }
#paola_list li#nav07 a:hover { background: url(../images/paola_menu.png) 0 -239px no-repeat; }
#paola_list li#nav08 a:hover { background: url(../images/paola_menu.png) 0 -279px no-repeat; }

#paola_list .section { width: 50%; }

#paola_list #description {
	width: 320px;
	height: 300px;
	overflow: auto;
	position: absolute;
	top: 138px;
	left: 88px;
	}

#paola_list #item {
	width: 300px;
	height: 400px;
	overflow: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 456px;
	}
#paola_item #wrapper { width: 280px; }
#paola_list #wrapper dl {
	 margin: 0;
	 padding: 0;
	 }
#paola_list #item dl dt { clear: both; }
#paola_list #item dl dd {
	float: left;
	width: 70px;
	height: 70px;
	}


/*---------- Order -----------*/

#order_index #wrapper {
	background: url(../order/images/index_bg.png) top center no-repeat;
	height: 700px;
	}

#order_example #wrapper {
	background: url(../order/images/example_bg.png) top center no-repeat;
	height: 640px;
	}

#order_example ul#navigation {
	width: 880px;
	height: 39px;
	position: absolute;
	top: 507px;
	left: 26px;
	}
#order_example ul#navigation li {
	width: 110px;
	height: 39px;
	float: left;
	}
#order_example ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 39px;
	}
#order_example li#nav01 a { background: url(../images/order_menu.png) 0 0 no-repeat; }
#order_example li#nav02 a { background: url(../images/order_menu.png) -110px 0 no-repeat; }
#order_example li#nav03 a { background: url(../images/order_menu.png) -220px 0 no-repeat; }
#order_example li#nav04 a { background: url(../images/order_menu.png) -330px 0 no-repeat; }
#order_example li#nav05 a { background: url(../images/order_menu.png) -440px 0 no-repeat; }
#order_example li#nav06 a { background: url(../images/order_menu.png) -550px 0 no-repeat; }
#order_example li#nav07 a { background: url(../images/order_menu.png) -660px 0 no-repeat; }
#order_example li#nav08 a { background: url(../images/order_menu.png) -770px 0 no-repeat; }

#order_example li#nav01 a:hover { background: url(../images/order_menu.png) 0 1px no-repeat; }
#order_example li#nav02 a:hover { background: url(../images/order_menu.png) -110px 1px no-repeat; }
#order_example li#nav03 a:hover { background: url(../images/order_menu.png) -220px 1px no-repeat; }
#order_example li#nav04 a:hover { background: url(../images/order_menu.png) -330px 1px no-repeat; }
#order_example li#nav05 a:hover { background: url(../images/order_menu.png) -440px 1px no-repeat; }
#order_example li#nav06 a:hover { background: url(../images/order_menu.png) -550px 1px no-repeat; }
#order_example li#nav07 a:hover { background: url(../images/order_menu.png) -660px 1px no-repeat; }
#order_example li#nav08 a:hover { background: url(../images/order_menu.png) -770px 1px no-repeat; }

#order_index h1 {
	position: absolute;
	top: 13px;
	left: 68px;
	}

#order_index #concept {
	width: 580px;
	height: 70px;
	overflow: auto;
	position: absolute;
	top: 200px;
	left: 100px;
	}

#order_index li img { vertical-align: top; }

#order_index li#nav01 {
	position: absolute;
	top: 307px;
	left: 190px;
	}
#order_index li#nav02 {
	position: absolute;
	top: 477px;
	left: 190px;
	}
#order_index li#nav03 {
	position: absolute;
	top: 327px;
	left: 510px;
	}
#order_index li#nav04 {
	position: absolute;
	top: 477px;
	left: 510px;
	}

#order_index li#nav05 {
	text-indent: -9999px;
	width: 128px;
	height: 123px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 479px;
	left: 686px;
	}
#order_index li#nav05 a {
	display: block;
	height: 123px;
	background: url(../order/images/example_button.png) 0 0 no-repeat;
	}
#order_index li#nav05 a:hover { background: url(../order/images/example_button.png) -130px 2px no-repeat; }


#order_example #description {
	width: 210px;
	height: 220px;
	overflow: auto;
	position: absolute;
	top: 204px;
	left: 500px;
	}

#order_example #description dl dt {
	width: 5em;
	float: left;
	}
#order_example #description dl dd {
	margin-left: 5em;
	}

#order_example ul.item {
	width: 360px;
	height: 370px;
	position: absolute;
	top: 156px;
	left: 56px;
	}

#order_example ul.item li {
	float: left;
	width: 70px;
	height: 70px;
	}


/*---------- Diamond -----------*/
#diamond #wrapper { width: 800px; }
#diamond #contentbody1,
#diamond #contentbody2 {
	width: 800px;
	margin: 12px auto;
	clear: both;
	}
#diamond #contentbody3 {
	clear: both;
	background: url(../diamond/images/contentbody3.png) 0 0 no-repeat;
	padding: 78px 24px 0 78px
	}

#diamond #contentbody1 p,
#diamond #contentbody2 p, 
#diamond #contentbody1 table,
#diamond #contentbody2 table {
	margin: 0 16px 16px 16px;
	}

#diamond #carat,
#diamond #clarity {
	width: 380px;
	float: left;
	}
#diamond #color,
#diamond #cut {
	width: 380px;
	float: right;
	}

#diamond table {
	border: 1px solid #888;
	border-collapse: collapse;
	}

#diamond table th,
#diamond table td {
	padding: 2px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	color: #222;
	}

#diamond #carat dl { margin: 16px; }
#diamond #carat dl dt {
	width: 4em;
	float: left;
	}
#diamond #carat dl dd { margin-left: 4em; }

#diamond #color table { text-align: center; }

#diamond #color table th.thd { background: #fff; }
#diamond #color table th.the { background: #fefff9; }
#diamond #color table th.thf { background: #fffff5; }
#diamond #color table th.thg { background: #fefff1; }
#diamond #color table th.thh { background: #fffeea; }
#diamond #color table th.thi { background: #ffffe5; }
#diamond #color table th.thj { background: #ffffdb; }
#diamond #color table th.thk { background: #ffffdd; }
#diamond #color table th.thl { background: #ffffd1; }
#diamond #color table th.thm { background: #fffec8; }
#diamond #color table th.thn { background: #ffffb6; }
#diamond #color table th.tho { background: #fffea7; }
#diamond #color table th.thp { background: #fffe98; }
#diamond #color table th.thq { background: #fffd97; }
#diamond #color table th.thr { background: #feff8a; }
#diamond #color table th.ths { background: #ffff81; }
#diamond #color table th.tht { background: #fdfe76; }
#diamond #color table th.thu { background: #fdfe65; }
#diamond #color table th.thv { background: #fffd50; }
#diamond #color table th.thw { background: #ffff3a; }
#diamond #color table th.thx { background: #fffd22; }
#diamond #color table th.thy { background: #ffff17; }
#diamond #color table th.thz { background: #ffff01; }


#diamond #clarity table th,
#diamond #clarity table td {
	vertical-align: top;
	font-size: 11px;
	}
#diamond #clarity table th { text-align: center; }

#diamond #cut table td {
	font-size: 12px;
	padding: 3px 6px;
	}
#diamond #cut table td.excellent { background: #fe0000; }
#diamond #cut table td.verygood { background: #ff6600; }
#diamond #cut table td.good { background: #fe9900; }
#diamond #cut table td.fair { background: #ffcc33; }
#diamond #cut table td.poor { background: #feff99; }


#diamond ul#navigation {
	clear: both;
	width: 880px;
	height: 35px;
	margin: 36px auto;
	text-align: center;
	}
#diamond ul#navigation li {
	width: 110px;
	height: 35px;
	float: left;
	}
#diamond ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 35px;
	}
#diamond li#nav01 a { background: url(../images/diamond_menu.png) 0 0 no-repeat; }
#diamond li#nav02 a { background: url(../images/diamond_menu.png) -110px 0 no-repeat; }
#diamond li#nav03 a { background: url(../images/diamond_menu.png) -220px 0 no-repeat; }
#diamond li#nav04 a { background: url(../images/diamond_menu.png) -330px 0 no-repeat; }
#diamond li#nav05 a { background: url(../images/diamond_menu.png) -440px 0 no-repeat; }
#diamond li#nav06 a { background: url(../images/diamond_menu.png) -550px 0 no-repeat; }
#diamond li#nav07 a { background: url(../images/diamond_menu.png) -660px 0 no-repeat; }
#diamond li#nav08 a { background: url(../images/diamond_menu.png) -770px 0 no-repeat; }

#diamond li#nav01 a:hover { background: url(../images/diamond_menu.png) 0 1px no-repeat; }
#diamond li#nav02 a:hover { background: url(../images/diamond_menu.png) -110px 1px no-repeat; }
#diamond li#nav03 a:hover { background: url(../images/diamond_menu.png) -220px 1px no-repeat; }
#diamond li#nav04 a:hover { background: url(../images/diamond_menu.png) -330px 1px no-repeat; }
#diamond li#nav05 a:hover { background: url(../images/diamond_menu.png) -440px 1px no-repeat; }
#diamond li#nav06 a:hover { background: url(../images/diamond_menu.png) -550px 1px no-repeat; }
#diamond li#nav07 a:hover { background: url(../images/diamond_menu.png) -660px 1px no-repeat; }
#diamond li#nav08 a:hover { background: url(../images/diamond_menu.png) -770px 1px no-repeat; }


/*---------- Agency -----------*/

#agency_index #wrapper #root {
	background: url(../agency/images/index_bg01.png) top center no-repeat;
	height: 520px;
	poaition: relative;
	}

#agency_index #wrapper #branch {
	background: url(../agency/images/index_bg02.png) top center no-repeat;
	height: 340px;
	}

#agency_index #content p#nav01 {
	width: 227px;
	height: 71px;
	text-indent: -9999px;
	position: absolute;
	top: 33px;
	left: 644px;
	}
#agency_index #content p#nav01 a {
	display: block;
	height: 71px;
	background: url(../agency/images/agency_rollover.jpg) 0 0 no-repeat;
	}
#agency_index #content p#nav01 a:hover { background: url(../agency/images/agency_rollover.jpg) -227px 0 no-repeat;}

#agency_index ul#navigation {
	width: 880px;
	height: 44px;
	position: absolute;
	top: 128px;
	left: 52px;
	}
#agency_shop ul#navigation {
	width: 880px;
	height: 44px;
	position: absolute;
	top: 697px;
	left: 40px;
	}
#agency_index ul#navigation li,
#agency_shop ul#navigation li {
	width: 110px;
	height: 44px;
	float: left;
	}
#agency_index ul#navigation a,
#agency_shop ul#navigation a  {
	text-indent: -9999px;
	display: block;
	height: 44px;
	}
#agency_index li#nav02 a,
#agency_shop li#nav02 a { background: url(../images/agency_menu.png) 0 0 no-repeat; }
#agency_index li#nav03 a,
#agency_shop li#nav03 a { background: url(../images/agency_menu.png) -110px 0 no-repeat; }
#agency_index li#nav04 a,
#agency_shop li#nav04 a { background: url(../images/agency_menu.png) -220px 0 no-repeat; }
#agency_index li#nav05 a,
#agency_shop li#nav05 a { background: url(../images/agency_menu.png) -330px 0 no-repeat; }
#agency_index li#nav06 a,
#agency_shop li#nav06 a { background: url(../images/agency_menu.png) -440px 0 no-repeat; }
#agency_index li#nav07 a,
#agency_shop li#nav07 a { background: url(../images/agency_menu.png) -550px 0 no-repeat; }
#agency_index li#nav08 a,
#agency_shop li#nav08 a { background: url(../images/agency_menu.png) -660px 0 no-repeat; }
#agency_index li#nav09 a,
#agency_shop li#nav09 a { background: url(../images/agency_menu.png) -770px 0 no-repeat; }

#agency_index li#nav02 a:hover,
#agency_shop li#nav02 a:hover { background: url(../images/agency_menu.png) 0 1px no-repeat; }
#agency_index li#nav03 a:hover,
#agency_shop li#nav03 a:hover { background: url(../images/agency_menu.png) -110px 1px no-repeat; }
#agency_index li#nav04 a:hover,
#agency_shop li#nav04 a:hover { background: url(../images/agency_menu.png) -220px 1px no-repeat; }
#agency_index li#nav05 a:hover,
#agency_shop li#nav05 a:hover { background: url(../images/agency_menu.png) -330px 1px no-repeat; }
#agency_index li#nav06 a:hover,
#agency_shop li#nav06 a:hover { background: url(../images/agency_menu.png) -440px 1px no-repeat; }
#agency_index li#nav07 a:hover,
#agency_shop li#nav07 a:hover { background: url(../images/agency_menu.png) -550px 1px no-repeat; }
#agency_index li#nav08 a:hover,
#agency_shop li#nav08 a:hover { background: url(../images/agency_menu.png) -660px 1px no-repeat; }
#agency_index li#nav09 a:hover,
#agency_shop li#nav09 a:hover { background: url(../images/agency_menu.png) -770px 1px no-repeat; }

#agency_shop #wrapper {
	background: url(../agency/images/shop_bg.png) top center no-repeat;
	height: 780px;
	}

#agency_index #root #ginza {
	width: 264px;
	height: 226px;
	overflow: auto;
	position: absolute;
	top: 248px;
	left: 260px;
	}
#ginza dl dt,
#koenji dl dt,
#yokohama dl dt {
	width: 5em;
	float: left;
	}
#ginza dl dd,
#koenji dl dd,
#yokohama dl dd { margin-left: 5em; }

#agency_index #map_g {
	position: absolute;
	top: 262px;
	left: 600px;
	}
#agency_index #map_k {
	position: absolute;
	top: 625px;
	left: 548px;
	}
#agency_index #map_y {
	position: absolute;
	top: 866px;
	left: 578px;
	}

#agency_index #branch #koenji {
	width: 264px;
	height: 218px;
	overflow: auto;
	position: absolute;
	top: 588px;
	left: 238px;
	}
#agency_index #branch #yokohama {
	width: 268px;
	height: 200px;
	overflow: auto;
	position: absolute;
	top: 860px;
	left: 230px;
	}
#agency_index #branch #koenji .red {
	color:#FF0000;
	}
	
#agency_shop .tyuui{
	font-size:14px;
	font-weight:bold;
	}
#agency_shop .contentbody {
	width: 580px;
	height: 520px;
	overflow: auto;
	position: absolute;
	top: 150px;
	left: 180px;
	}

#agency_shop .contentbody .section {
	margin: 0 24px 24px 0;
	padding: 0 0 18px 12px;
	border-bottom: 1px solid #ddd;
	}
#agency_shop .contentbody h2 { font-weight: bold; }
#agency_shop .contentbody img {
	float: right;
	margin: 0 0 16px 16px;
	}

#agency_shop .contentbody dl { margin: 12px 0 0 0; }
#agency_shop .contentbody dl dt {
	width: 5em;
	float: left;
	}
#agency_shop .contentbody dl dd { margin-left: 5em; }


/*---------- Outline -----------*/

#outline #wrapper #top {
	background: url(../outline/images/index_bg01.png) top center no-repeat;
	height: 780px;
	}

#outline #wrapper #company {
	background: url(../outline/images/index_bg02.png) top center no-repeat;
	height: 780px;
	position: relative;
	}

#outline #wrapper #recruit {
	background: url(../outline/images/index_bg03.png) top center no-repeat;
	height: 740px;
	position: relative;
	}

#outline #wrapper #privacyPolicy {
	background: url(../outline/images/index_bg04.png) top center no-repeat;
	height: 700px;
	position: relative;
	}

#outline p#nav01 {
	width: 160px;
	height: 86px;
	text-indent: -9999px;
	position: absolute;
	top: 186px;
	left: 214px;
	}
#outline p#nav01 a {
	background: url(../outline/images/outline_rollover.jpg) 0 0 no-repeat;
	display: block;
	height: 86px;
	}
#outline p#nav01 a:hover { background: url(../outline/images/outline_rollover.jpg) -324px -1px no-repeat; }

#outline p#nav02 {
	width: 164px;
	height: 104px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	position: absolute;
	top: 186px;
	left: 374px;
	}
#outline p#nav02 a {
	background: url(../outline/images/outline_rollover.jpg) -160px 0 no-repeat;
	display: block;
	height: 104px;
	}
#outline p#nav02 a:hover { background: url(../outline/images/outline_rollover.jpg) -484px -1px no-repeat; }

#outline p#nav03 {
	width: 160px;
	height: 94px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../outline/images/outline_rollover.jpg) 0 -86px no-repeat;
	position: absolute;
	top: 272px;
	left: 214px;
	}
#outline p#nav03 a {
	background: url(../outline/images/outline_rollover.jpg) 0 -86px no-repeat;
	display: block;
	height: 94px;
	}
#outline p#nav03 a:hover { background: url(../outline/images/outline_rollover.jpg) -324px -87px no-repeat; }

#outline p#nav04 {
	width: 260px;
	height: 110px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../outline/images/recruit_botton.png) 0 0 no-repeat;
	position: absolute;
	top: 360px;
	left: 428px;
	}
#outline p#nav04 a {
	background: url(../outline/images/recruit_botton.png) 0 0 no-repeat;
	display: block;
	height: 110px;
	}
#outline p#nav04 a:hover { background: url(../outline/images/recruit_botton.png) -260px 2px no-repeat; }

#outline ul#navigation {
	width: 880px;
	height: 42px;
	position: absolute;
	top: 614px;
	left: 30px;
	}

#outline ul#navigation li {
	width: 110px;
	height: 42px;
	float: left;
	}
#outline ul#navigation a {
	text-indent: -9999px;
	display: block;
	height: 42px;
	}
#outline li#nav04 a { background: url(../images/outline_menu.png) 0 0 no-repeat; }
#outline li#nav05 a { background: url(../images/outline_menu.png) -110px 0 no-repeat; }
#outline li#nav06 a { background: url(../images/outline_menu.png) -220px 0 no-repeat; }
#outline li#nav07 a { background: url(../images/outline_menu.png) -330px 0 no-repeat; }
#outline li#nav08 a { background: url(../images/outline_menu.png) -440px 0 no-repeat; }
#outline li#nav09 a { background: url(../images/outline_menu.png) -550px 0 no-repeat; }
#outline li#nav10 a { background: url(../images/outline_menu.png) -660px 0 no-repeat; }
#outline li#nav11 a { background: url(../images/outline_menu.png) -770px 0 no-repeat; }

#outline li#nav04 a:hover { background: url(../images/outline_menu.png) 0 1px no-repeat; }
#outline li#nav05 a:hover { background: url(../images/outline_menu.png) -110px 1px no-repeat; }
#outline li#nav06 a:hover { background: url(../images/outline_menu.png) -220px 1px no-repeat; }
#outline li#nav07 a:hover { background: url(../images/outline_menu.png) -330px 1px no-repeat; }
#outline li#nav08 a:hover { background: url(../images/outline_menu.png) -440px 1px no-repeat; }
#outline li#nav09 a:hover { background: url(../images/outline_menu.png) -550px 1px no-repeat; }
#outline li#nav10 a:hover { background: url(../images/outline_menu.png) -660px 1px no-repeat; }
#outline li#nav11 a:hover { background: url(../images/outline_menu.png) -770px 1px no-repeat; }

#outline #company .section {
	position: absolute;
	top: 220px;
	left: 140px;
	}

#outline #company .section dl {
	margin: 16px 0;
	}
#outline #company .section dl dt {
	width: 7em;
	float: left;
	}
#outline #company .section dl dd {
	margin-left: 7em;
	}

#outline #recruit .section {
	width: 540px;
	position: absolute;
	top: 220px;
	left: 140px;
	}
#outline #recruit .li_recriut {
	height:110px;
	width: 270px;
	position: absolute;
	top: 300px;
	left: 140px;
	}

#outline #privacyPolicy .section {
	width: 530px;
	height: 436px;
	overflow: auto;
	position: absolute;
	top: 220px;
	left: 140px;
	}