@charset "utf-8";

* { 
	margin: 0;
	padding: 0;
}

body { text-align:center;
	margin:0;
	z-index:0;
	
}

#body_child { background-color:#F7F7E3;
		}

#body_top {
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		background-color:#F7F7E3;
		text-align:center;
		}
		
#body_top.topPage {
	background-color:#F7F7E3;
	}

#main { width:950px;
		text-align:center;
		margin:auto}
#back {
	width:900px;
	text-align:center;
	margin:auto;
	z-index:1;
    }
	

.text {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
}

img {
	vertical-align: text-bottom;
}

img, a img {
    border: none;
}

.image01 {
		margin-top:4px;
		}

.image_gyoum {
		margin-bottom:20px;
		}
		
*:first-child+html .image_gyoum {
		margin-bottom:0px;
		}

* html .image_gyoum {
		margin-bottom:0px;
		}

html:first-child .image_gyoum {
		margin-bottom:0px;
		}

.mailer {
		padding-top:20px;
}
 		
.clear {
	clear: both;
}

/*  */
a,
a:link {
	color: #0066CC;
	text-decoration: none;}

a:hover {
	color: #0066CC;}



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

#out-box {
	width: 900px;
	align: center;
	color:#FFFFFF;
}

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

#header {
	width: 894px;
	background-color :#3366CC;
	padding:3px 3px 3px 10px;
}

#header h1 {
	font-size:10px !important;
	color:#FFFFFF !important;
	text-align:left;
	}

#header1 {
	width: auto;
	margin : 5px;
	text-align: left
}


h1 {
	color: #fff;
	font-size: 80%;
	font-weight: normal;
}

h2 {
	color: #fff;
	font-size: 80%;
	font-weight: normal;
}

h3 {
	color: #fff;
	font-size: 80%;
	font-weight: normal;
}

#header-title {
	width: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#header-menu {
	width: auto;
	margin-bottom: 6px;
	overflow:hidden;
}

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

#header-menu li {
	float:left;
}

#header-menu li a {
	display:block;
	height:43px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header-menu li.hnavi_01 a {
	background:url(image/navi/hnavi_01.gif) no-repeat;
	width:109px;
}
#header-menu li.hnavi_02 a {
	background:url(image/navi/hnavi_02.gif) no-repeat;
	width:121px;
}
#header-menu li.hnavi_03 a {
	background:url(image/navi/hnavi_03.gif) no-repeat;
	width:142px;
}
#header-menu li.hnavi_04 a {
	background:url(image/navi/hnavi_04.gif) no-repeat;
	width:121px;
}
#header-menu li.hnavi_05 a {
	background:url(image/navi/hnavi_05.gif) no-repeat;
	width:186px;
}
#header-menu li.hnavi_06 a {
	background:url(image/navi/hnavi_06.gif) no-repeat;
	width:109px;
}
#header-menu li.hnavi_07 a {
	background:url(image/navi/hnavi_07.gif) no-repeat;
	width:111px;
}


#header-menu li.hnavi_01 a:hover {
	background:url(image/navi/hnavi_01h.gif) no-repeat;
}
#header-menu li.hnavi_02 a:hover {
	background:url(image/navi/hnavi_02h.gif) no-repeat;
}
#header-menu li.hnavi_03 a:hover {
	background:url(image/navi/hnavi_03h.gif) no-repeat;
}
#header-menu li.hnavi_04 a:hover {
	background:url(image/navi/hnavi_04h.gif) no-repeat;
}
#header-menu li.hnavi_05 a:hover {
	background:url(image/navi/hnavi_05h.gif) no-repeat;
}
#header-menu li.hnavi_06 a:hover {
	background:url(image/navi/hnavi_06h.gif) no-repeat;
}
#header-menu li.hnavi_07 a:hover {
	background:url(image/navi/hnavi_07h.gif) no-repeat;
}



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

#menu {
	clear:left;
	width: 197px;
	float:left;
}

#menu img {
	margin-bottom: 2px;
}



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

#contents {
	width: 695px; float:left;
}

#contents2 {
	width: 899px;
}

#contents3 {
	width: 900px;
}

#contents4 {
	width: 700px; float:left;
}


/*  ======================================================= */
#footer {
	width: auto;
	font-size: 80%;
	color: #4B5662;
	margin-top: 14px;
	padding:16px ;
	background-color : #f5f5f5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	clear:both;
}
#footer2 {
	text-align:left;
	width:600px;
	line-height:150%;
}

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

#out-box2 {
	width: 908px;
	margin-top: 36px;
	align: center;
	background-color: #eee;
	
	
}
#topics_list{
    font-size: 0.9rem;
    list-style-type: none;
    width: calc(100% - 1rem - 5px);
    margin-bottom: 1.5rem;
    margin-left: 5px;
    
}
#topics_list h4{
    border-bottom: 1px solid #000;
    padding-bottom: 0.3rem;
    
}
#topics_list h4 span{
    font-size: 0.85rem;
    text-align: right;
    width: calc(100% - 4rem);
    display: inline-block;
    color: #b1b1b1;
}
#topics_list li{
    padding: 1rem 0 0.5rem;
    border-bottom: 1px solid #ccc;
    
}
#topics_list{
    
}
#topics_list .next{
    text-align: right;
    width: 100%;
    display: inline-block;
    color: #b1b1b1;
    
}



#top-product {
	width: 583px;
	background-image:url(image/product-back.jpg);
	float:left;
}

#top-topics {
	width: 300px;
	background-color : #6599ff;
}

.product-back {
	background-image:url(image/product-back-mini.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.product-link {
	font-size: 80%;
	line-height : 1.5em;
}

.product-link img {
	margin-right: 3px;
	mergin-bottom: 3px;

}

.company {
	font-size: 78%;
	line-height : 140%;
	color: #4B5662;
}


/*  ================================================@*/

/*.goaisatsu {
	color: #4B5662;
	font-size: 90%;
	line-height: 160%;
	padding: 0 10px;
}*/

.goaisatsu {
	color: #4B5662;
	font-size: 16px;
	line-height: 160%;
	padding: 0 10px;
}

.goaisatsu2 {
	color: #4B5662;
	font-size: 14px;
	line-height: 160%;
	padding: 0 10px;
}


.kaishagaiyou {
	color: #4B5662;
	/*font-size: 80%;*/
	font-size: 14px;
	line-height: 140%;
	padding: 18px 7px 3px;
	letter-spacing:0.1em;
}

.kaishagaiyou img {
	/*margin-right: 2px;*/
	/*margin-bottom: 1px;*/
	margin-right: 4px;
	margin-bottom: 2px;
}

/*.kaishagaiyou #yoshi{
	margin-bottom: 1px;
}*/


.enkaku {
	color: #4B5662;
	/*font-size: 78%;*/
	font-size: 14px;
	line-height: 140%;
	padding: 0px 5px 8px;
}



.privacy {
	margin: 5px 10px;
}

.linkpage {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:292px;
}

* html .linkpage {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:45%;
}

*:first-child+html .linkpage {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:45%;
}

html:first-child .linkpage {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:45%;
}

.linkpage img {
	margin-right: 4px;
	margin-bottom: 1px;
}

.linkpage2 {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:361px;
}

.linkpage2 img {
	margin-right: 4px;
	margin-bottom: 1px;
}

* html .linkpage2 {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:55%;
}

*:first-child+html .linkpage2 {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:55%;
}

html:first-child .linkpage2 {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 25px 7px 10px;
	width:55%;
}


.faq-q {
	color: #FF9900;
	font-size: 80%;
	line-height: 140%;
	padding:2px 3px 10px;
}

.faq-a {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding:2px 3px 8px;
}

#setsubi td {
	color: #4B5662;
	font-size: 77%;
	line-height: 140%;
	padding: 4px 0;
}

.work {
	margin: 0 0 0 20px;
}

#track td {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 10px 0;
}

#topics {
	width: 582px;
}

#topics td {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
}

.topics-table {
	padding: 12px 0;
}

.product1 {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 0 10px;
}

.form {
	color: #4B5662;
	font-size: 80%;
	line-height: 140%;
	padding: 4px 0px 4px 10px;
}

.formt {
	margin-left: 10px;
}


/*  ---------------------------------- */


.sitemap-box {
	width: 80%;
	border: 1px solid #cccccc;
	text-align: left;
	padding: 2px 5px;
	margin-bottom: 1px;
}

.sitemap-list1 {
	padding: 0px 10px;
}

.sitemap-list2 {
	padding: 0px 20px;
}

.sitemap-list3 {
	margin-top: 5px;
	padding: 0px 10px;
}

.sitemap-under {
	padding-bottom: 5px;
}

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


.space {clear:both;}

#shadow01 { background-image:url(image/shadow_14_1.jpg); background-repeat:repeat-y;}

#shadow02 { background-image:url(image/shadow_14.jpg); background-repeat:repeat-y;}



/* ƥ ----------------TOPICS------------------ */

div#topics {
	text-align:center;
	width:450px;;
	}

div#topics h1{
	width:auto;
	text-align:center;
	font-size:16px;
	color:#000066;
	font-weight:bold;
	}

div#topics p{
	font-size:14px;
	color:#000000;
	line-height:1.4em;
	text-indent:0;
	}

div#topics .sign{
	font-size:12px;
	line-height:1.4em;
	text-align:right;
	padding-right:60px;
	}







/* ====================================================== 
   Home Animetion
======================================================= */
#home_anime {
	width		: 700px;
	height		: 354px;
	background	: #000;
	position	: relative;
	overflow	: hidden;
}

#home_anime div {
	position	: absolute;
}

#home_anime a {
	display		: block;
	position	: absolute;
	display		: none;
}

.anm_pic7,
.anm_pic6,
.anm_pic1,
.anm_pic2,
.anm_pic3,
.anm_pic4,
.anm_pic5 {
	width		: 700px;
	height		: 354px;
	top		: 0;
	left		: 0;
	display		: none;
}

.anm_pic7 {
	background-image: url("image/home_anime/pic7.jpg");
}

.anm_pic6 {
	background-image: url("image/home_anime/pic6.jpg");
}

.anm_pic1 {
	background-image: url("image/home_anime/pic1.jpg");
}

.anm_pic2 {
	background-image: url("image/home_anime/pic2.jpg");
}

.anm_pic3 {
	background-image: url("image/home_anime/pic3.jpg");
}

.anm_pic4 {
	background-image: url("image/home_anime/pic4.jpg");
}

.anm_pic5 {
	background-image: url("image/home_anime/pic5.jpg");
}

.anm_pic5_2 {
	background-image: url("image/home_anime/pic5_2.jpg");
	width		: 250px;
	height		: 354px;
	top		: 0;
	right		: 0;
	display		: none;
}


.anm_bar1,
.anm_bar2,
.anm_bar3,
.anm_bar4,
.anm_bar5 {
	width		: 660px;
	height		:  50px;
	top		: 225px;
	left		:   0px;
	margin-left	: 700px;
	background-image: url("image/home_anime/txt_bar.png");
}

.anm_txt1,
.anm_txt2,
.anm_txt3,
.anm_txt4,
.anm_txt5 {
	width		: 660px;
	height		:  50px;
	top		: 240px;
	left		: 60px;
	background-repeat: no-repeat;
	display		: none;
}

.anm_txt1 {
	background-image: url("image/home_anime/txt_1.png");
}
.anm_txt2 {
	background-image: url("image/home_anime/txt_2.png");
}

.anm_txt3 {
	background-image: url("image/home_anime/txt_3.png");
}

.anm_txt4 {
	background-image: url("image/home_anime/txt_4.png");
}




/* ====================================================== 
   carousel
======================================================= */
.carousel_ttl {
	width		: 636px;
	margin-top	: 20px;
	margin-right	: 25px;
}

#carouselwrap {
	position	:relative;
	margin		: 20px 50px 20px 0;
	width:586px;
	height:152px;
}
#carouselwrap #carousel {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
#carouselwrap ul{
	list-style-type:none;
	height:150px;
}
#carouselwrap ul li {
	float:left;
	width: 168px;
	height:100%;
	padding-top: 15px;
	padding-left: 12px;
	padding-right: 12px;
	display:inline;
}
#carouselwrap ul li img {
	border:none;
}
#carouselwrap #prev,
#carouselwrap #next {
	position: absolute;
	top: 0;
	width: 20px;
	height:150px;
}
#carouselwrap #prev {
	left: -20px;
	background-image: url(./products/image/carousel/prev.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#carouselwrap #next {
	right: -20px;
	background-image: url(./products/image/carousel/next.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#carouselwrap .show {
	cursor: pointer;
	background: #ddd;
}
#carouselwrap .show:hover {
	cursor: pointer;
	background: #bbb;
}
#carouselwrap .hide {
	background: #fff;
}



/* ====================================================== 
   carousel 2
======================================================= */
.carousel_ttl2 {
	width		: 680px;
	margin-top	: 20px;
	margin-right	: 0px;
}





/* ====================================================== 
   製品情報・基本特性
======================================================= */
#products_basic,
#products_plating {
	margin-left	: 15px;
	color		: #444;
	text-align	: left;
	font-size	: 14px;
	line-height	: 1.5;
}

#products_basic table,
#products_plating table {
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}

.breadcrumb {
	font-size	: 12px;
	padding		: 10px 0 14px;
	border-bottom:1px solid #ccc;
	margin		: 0 0 27px;
}

#products_plating .breadcrumb {
	margin-bottom	: 0px;
}

#products_basic h2 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	background-repeat:no-repeat;
	width		: 671px;
	height		: 100px;
	margin		: 0 0 30px;
}

#products_basic h3 {
	font-size:14px;
	font-weight:bold;
	color: #4674D1;
	margin-left:6px;
}


.spec {
	margin-bottom	: 30px;
	overflow:hidden;
}

.spec img {
	float:left;
	margin:0 11px 0 6px;
}

.spec table {
	float:left;
	margin-left:6px;
}

.spec th,
.spec td {
	font-size:13px;
	text-align:center;
	border:1px solid #A9CFE4;
	padding:6px 0;
}

.spec th {
	background:#3C6CCE;
	color:#fff;
	font-weight:normal;
	width:88px;
}

.spec td {
	width:100px;
}


#products_basic dl {
	margin:10px 0 30px 10px;
}

#products_basic dt {
	clear:left;
	float:left;
	width:10px;
}

#products_basic dd {
	padding-left:10px;
	margin-bottom:10px;
}


#products_basic .pd_list h3 {
	background	: url(products/image/pd_list_h3.gif) no-repeat;
	width		: 680px;
	height		: 28px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	margin		: 50px 0 10px;
}

.pd_list ul {
	list-style:none;
	overflow:hidden;
	width:660px;
	margin:0 auto 30px;
	background:#ffffec;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.pd_list li {
	background: url(products/image/pd_list_arrow.gif) no-repeat 10px 12px;
	border-bottom:1px dotted #ccc;
	height:48px;
	padding: 6px 0 0 26px;
	float:left;
}

.pdl_odd {
	width:303px;
	border-right:1px dotted #ccc;
}

.pdl_evn {
	width:304px;
}

.pd_list li.pdl_btm {
	border-bottom:none;
}



/* 各タイトル
------------------------------------------------------- */
#basic_silver h2 {
	background	: url(products/basic/silver/img/h2.jpg);
}

#basic_palladium h2 {
	background	: url(products/basic/palladium/img/h2.jpg);
}

#basic_nickel h2 {
	background	: url(products/basic/nickel/img/h2.jpg);
}

#basic_copper h2 {
	background	: url(products/basic/copper/img/h2.jpg);
}

#basic_gold h2 {
	background	: url(products/basic/gold/img/h2.jpg);
}





/* ====================================================== 
   製品情報・メッキ
======================================================= */
#products_plating {
	margin-bottom:40px;
}

.pdplt_box {
	background	: url(products/image/plating_back.jpg) no-repeat 252px 0;
	padding		: 15px 0 0;
	overflow	: hidden;
	margin-left	: 5px;
}

#products_plating h2 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	background-repeat:no-repeat;
	width		: 100%;
	height		: 95px;
	margin		: 10px 0 5px;
}


.pdplt_box1 {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}


#products_plating .pdplt_left {
	float:left;
	margin:30px 0px 0 30px;
}

#products_plating #basic_co_d .pdplt_left {
	margin:0px 0 0 5px;
}



#products_plating table {
	float:right;
	margin-right:30px;
}

#products_plating th,
#products_plating td {
	font-size:12px;
	border:1px solid #A9CFE4;
	padding:5px 0 5px 10px;
}

#products_plating th.table_title {
	text-align:center;
	font-weight:bold;
}


#products_plating th {
	background:#3C6CCE;
	color:#fff;
	font-weight:normal;
	width:130px;
	vertical-align:top;
}

#products_plating td {
	width:185px;
	background:#fff;
	vertical-align:top;
}

#products_plating #basic_co_h td {
	width:165px;
}



#products_plating .ttl_margin {
	clear:both;
	heigth:30px;
}

#products_plating h3 {
	background	: url(products/image/pd_list_plt_h3.gif) no-repeat;
	width		: 636px;
	height		: 28px;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	margin		: 50px 0 10px 14px;
}


#products_plating ul {
	overflow	: hidden;
	list-style	: none;
	margin		: 20px 0 0px 10px;
}

#products_plating li {
	float		: left;
	width		: 205px;
	margin-left	: 15px;
}

#products_plating dd {
	text-align	: center;
	line-height	: 1.4;
	font-size	: 13px;
}

#products_plating .co_g2 {
	clear		: both;
	overflow	: hidden;
	margin		: 0 30px;
	padding		: 50px 0 0;
	position	: relative;
	height		: 220px;
}

.co_g2 .pic2 {
	position	: absolute;
	bottom		: 0;
	left		: 80px;
}

.co_g2 .pic3 {
	position	: absolute;
	bottom		: 0;
	left		: 330px;
}


/* 各タイトル
------------------------------------------------------- */
#basic_co_a h2 {
	background	: url(products/plating/co_a/h2.png) no-repeat;
}

#basic_co_b h2 {
	background	: url(products/plating/co_b/h2.png) no-repeat;
}

#basic_co_i h2 {
	background	: url(products/plating/co_i/h2.png) no-repeat;
}

#basic_42_a h2 {
	background	: url(products/plating/42_a/h2.png) no-repeat;
}

#basic_co_c h2 {
	background	: url(products/plating/co_c/h2.png) no-repeat;
}

#basic_co_d h2 {
	background	: url(products/plating/co_d/h2.png) no-repeat;
}

#basic_42_b h2 {
	background	: url(products/plating/42_b/h2.png) no-repeat;
}

#basic_co_e h2 {
	background	: url(products/plating/co_e/h2.png) no-repeat;
}

#basic_42_c h2 {
	background	: url(products/plating/42_c/h2.png) no-repeat;
}

#basic_co_f h2 {
	background	: url(products/plating/co_f/h2.png) no-repeat;
}

#basic_42_d h2 {
	background	: url(products/plating/42_d/h2.png) no-repeat;
}

#basic_co_g h2 {
	background	: url(products/plating/co_g/h2.png) no-repeat;
}

#basic_co_h h2 {
	background	: url(products/plating/co_g/h2.png) no-repeat;
}



.isotope-item a:hover img,
#carousel a:hover img {
	opacity: 0.75;
	filter : alpha(opacity=75);
}

#cover {
	background-color:#F7F7E3;
	position:fixed;
	top:0;
	left:0;
	z-index:100000;
	}

#coverIn {
	width:100%;
	height:100%;
	position:relative;
	}
	
#opening {
	width:652px;
	height:573px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-326px;
	margin-top:-286px;
	background-color:#F7F7E3;
	}

	
.opening_Contents {
	position:absolute;
	display:none;
	
	}
	
.opening_head {
	left:78px;
	left:250px;
	top:66px;
	top:250px;
	width:500px;
	width:0;
	
	}
	
.opening_illust {
	left:173px;
	left:280px;
	top:171px;
	width:308px;
	width:0px;
	}
	
.opening_logo {
	left:300px;
	top:461px;
	top:250px;
	width:248px;
	width:0px;
	}
	
#wrapper {
	display:none;
	}