/*#1*/
/* definition */
*{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

br.cl{
 clear:both;
 overflow:hidden;
 width: 1px;
 height: 1px;
 margin: 0 -1px -1px 0;
 border: 0;
 padding: 0 0 0 0;
 font-size: 0;
 line-height: 0;
}

html{
 font-family: "MS Pゴシック";
 overflow-y: scroll;
}

body{
 font-size: 0.8em;
 width: 100%;
 height: 100%;
 text-align: center;
 line-height:140%;
}

a{
 color: #333; 
 text-decoration: underline;
 cursor: pointer;
}
a:visited{
 color: #aaa;
}
a:hover{
 color: #ED845C;
 text-decoration: none;
 cursor: pointer;
}
a:active{
 color: #b8eea0;
 text-decoration: none;
 cursor: pointer;
}

ul,li,h1,h2,h3,h4,h5,p,div,img{
 border: 0;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

li{
 list-style:none;
}

.img_ma_top{
 margin:15px 0 0 0;
}

.red {
color: #FF0000;
}
.green {
color: #339900;
}
.yellow{
color: #daa520;
}
.blue {
color: #3366CC;
}
.gray {
color: #666666;
}
.white {
color: #FFFFFF;
}


/*end_definition*/



/*#2*/
/*container*/

/*IE*/
#container{
 min-height: 1px;
 width: 802px;
 text-align: left;
 margin: 10px auto 0 auto;
 padding: 0 0 0 0;
}
/*end_IE*/
body > #container{
 min-height: 1px;
 width: 800px;
 text-align: left;
 margin: 10px auto 0 auto;
 padding: 0 0 0 0;
}
#container_inner{
 border: 1px solid #333;
}
#container > #container_inner{
 width: 800px;
 border: 1px solid #333;
}
 
/*end_container*/



/*#3*/
/*header*/

#header{
 position: relative;
 height: 70px;
}


#header h1{
 position: absolute;
 left: 30px;
 top: 10px;
}


#policy{
 position: absolute;
 top: 35px;
 left: 450px;
 padding: 5px 0 2px 25px;
 background: url(img/ico1.png) 0 3px no-repeat; 
}
#mail{
 top: 35px;
 left: 700px;
 position: absolute;
 padding: 5px 0 2px 25px;
 background: url(img/ico1.png) 0 3px no-repeat;  
}

#blog_bnner{
 position: absolute;
 left: 548px;
 top: 17px;
 outline: none;
}

/*end_header*/



/*#4*/
/*header_navi*/

#header_navi{
 position: relative;
 height: 27px;
}
#container_inner > #header_navi{
 position: relative;
 height: 27px;
}

#header_navi li{
 display: inline;
}

.navi_sp{
 position: absolute;
 display: block;
 width: 100px;
 height: 25px;
 border-top: 1px solid #333;
 border-bottom: 1px solid #333; 
}

#navi1 a span{
 top: 0;
 left: 0;
 background: url(img/topmenu.png) 0 0 no-repeat;
}
#navi2 a span{
 top: 0;
 left: 100px;
 background: url(img/topmenu.png) -100px 0 no-repeat;
}
#navi3 a span{
 top: 0;
 left: 200px;
 background: url(img/topmenu.png) -200px 0 no-repeat;
}
#navi4 a span{
 top: 0;
 left: 300px;
 background: url(img/topmenu.png) -300px 0 no-repeat;
}
#navi5 a span{
 top: 0;
 left: 400px;
 background: url(img/topmenu.png) -400px 0 no-repeat;
}
#navi6 a span{
 top: 0;
 left: 500px;
 background: url(img/topmenu.png) -500px 0 no-repeat;
}
#navi7 a span{
 top: 0;
 left: 600px;
 background: url(img/topmenu.png) -600px 0 no-repeat;
}
#navi8 a span{
 top: 0;
 left: 700px;
 background: url(img/topmenu.png) -700px 0 no-repeat;
}

#navi1 a:hover span{
 top: 0;
 left: 0;
 background: url(img/topmenu.png) 0 -25px no-repeat;
}
#navi2 a:hover span{
 top: 0;
 left: 100px;
 background: url(img/topmenu.png) -100px -25px no-repeat;
}
#navi3 a:hover span{
 top: 0;
 left: 200px;
 background: url(img/topmenu.png) -200px -25px no-repeat;
}
#navi4 a:hover span{
 top: 0;
 left: 300px;
 background: url(img/topmenu.png) -300px -25px no-repeat;
}
#navi5 a:hover span{
 top: 0;
 left: 400px;
 background: url(img/topmenu.png) -400px -25px no-repeat;
}
#navi6 a:hover span{
 top: 0;
 left: 500px;
 background: url(img/topmenu.png) -500px -25px no-repeat;
}
#navi7 a:hover span{
 top: 0;
 left: 600px;
 background: url(img/topmenu.png) -600px -25px no-repeat;
}
#navi8 a:hover span{
 top: 0;
 left: 700px;
 background: url(img/topmenu.png) -700px -25px no-repeat;
}


/*end_header_navi*/



/*#5*/
/*contents*/


#contents{
 position: relative;
 width: 100%;
}

/*2007lumi*/

#lumi{
 position: absolute;
 top: 20px;
 left: 425px;
 width: 320px;
 height: 250px;
 padding: 10px 10px 10px 10px;
 background: url(img/lumi_bosyu.jpg) 0 0 no-repeat;
}
#contents > #lumi{
 position: absolute;
 top: 20px;
 left: 425px;
 width: 300px;
 height: 230px;
 padding: 10px 10px 10px 10px;
 background: url(img/lumi_bosyu.jpg) 0 0 no-repeat;
}
#syosai_kochira{
 position: absolute;
 top: 183px;
 left: 200px;
}

/*end_2007lumi*/


/*what's new*/

#what_block{
position: absolute;
 top: 30px;
 left: 455px;
 width: 320px;
 height: 250px;
 color: #fafafa;
 padding:10px;
background: url(img/cloud7.gif) 0 0 no-repeat;
}
#contents > #what_block{
 position: absolute;
 top: 30px;
 left: 455px;
 width: 300px;
 height: 230px;
 color: #fafafa;
 padding: 10px 10px 10px 10px;
 background: url(img/cloud7.gif) 0 0 no-repeat;
}
#ue{
 position: absolute;
 top: 10px;
 left: 10px;
 width: 300px;
 z-index: 1;
}
#what_block h2{
 width: 230px;
 border-bottom: 1px dashed #333;
 padding: 0 0 5px 0;
}
#what_block dl{
 color: #333;
}
#what_block dt{
 float: left;
 width: 50px;
 font-size: 80%;
 padding: 10px 0px 0px 8px;
 clear: both;
}
#what_block dd{
 font-size: 90%;
 margin: 0 0 0 60px;
 padding: 10px 0 0 0;
}
#what_block a{
 color: #0000cc; 
/* text-decoration: underline;*/
 text-decoration: none;
 cursor: pointer;
}
#what_block a:visited{
 color: #333;
}
#what_block a:hover{
 color: #0000ff;
 text-decoration: none;
 font-weight: bold;
 cursor: pointer;
}

/*end_what's new*/

/*banner_list*/

#banner_title{
 border-bottom: 2px solid #ccffff;
 margin: 20px 60px 0 60px;
}

.banner_list{
 position: relative;
 width: 680px;
 height: 70px;
 padding: 15px 0 15px 0;
 margin: 0 60px 0 60px;
}
#container_inner > .banner_list{
 height: 40px;
}

.banner_last{
 height: 60px;
 border: 0;
}
#container_inner > .banner_last{
 height: 60px;
}


.banner_list li{
 float: left;
 width: 150px;
 margin: 0 28px 0 0;
}

.banner_sp{
 position: absolute;
 display: block;
 width: 150px;
 height: 40px;
}

#banner1 a span,#banner2 a span,#banner3 a span,#banner4 a span{
 top: 15px;
}
#banner1 a span{
 left: 0;
 background: url(img/banner6test.png) 0 0 no-repeat;
}
#banner2 a span{
 left: 176px;
 background: url(img/banner7test.png) 0 0 no-repeat;
}
#banner3 a span{
 left: 352px;
 background: url(img/banner8test.png) 0 0 no-repeat;
}
#banner4 a span{
 left: 528px;
 background: url(img/banner10.png) 0 0 no-repeat;
}

#banner1 a:hover span{
 left: 0;
 background: url(img/banner6test.png) 0 -40px no-repeat;
}
#banner2 a:hover span{
 left: 176px;
 background: url(img/banner7test.png) 0 -40px no-repeat;
}
#banner3 a:hover span{
 left: 352px;
 background: url(img/banner8test.png) 0 -40px no-repeat;
}
#banner4 a:hover span{
 left: 528px;
 background: url(img/banner10.png) 0 -40px no-repeat;
}

/*end_banner_list*/


/*contents_difinition*/

#corporate_contents,#recruit_contents,#snow_contents,#jreform_contents
,#event_contents,#event_pa_co,#mail_contents,#essay_contents,#newj_contents,#blog_contents{
 text-align: center;
}

#corporate_contents p,#recruit_contents p,#snow_contents p,#jreform_contents p
,#event_contents p,#event_pa_co p,#mail_contents p,#essay_contents p,#newj_contents p,#blog_contents p{
 margin: 15px 0 0 0;
}
#corporate_contents .top,#recruit_contents .top,#snow_contents .top,#jreform_contents .top
,#event_contents .top,#event_pa_co .top,#mail_contents .top,#essay_contents .top,#newj_contents .top,#blog_contents .top{
 margin: 0;
}

#signer{
 text-align: right;
}

.infomation{
 padding: 0 0 0 15px;
 background: url(img/ico3.png) 0 1px no-repeat;
}

#contents_footer{
 border-top: 1px dashed #333;
 padding: 5px 0 0 0;
 margin: 20px 0 0 0;
}
#contents_footer ul{
 float: right;
}
#contents_footer li{
 display: inline;
 margin: 0 0 0 15px;
}

#newj_inner .day_footer{
 height: 30px;
 border-top: 1px dashed #333;
 padding: 5px 0 0 0;
 margin: 20px 0 0 0;
}
#newj_inner .day_footer ul{
 float: right;
}
#newj_inner .day_footer li{
 display: inline;
 margin: 0 0 0 15px;
}

/*end_contents_difinition*/


/*corporate&event&snow&mail*/

#corporate_inner,#event_inner,#snow_inner,#mail_inner{
 width:550px;
 text-align: left;
 margin: 0 auto 0 auto;
}

#corporate_contents h2,#event_contents h2,#snow_contents h2,#mail_contents h2,#newj_contents h2,#newj_contents h2{
 position: relative;
 display: block;
 width: 550px;
 height: 35px;
 border-bottom: 1px dashed #333;
 margin: 20px 0 0 0;
}

#corporate_contents h3,#event_contents .event_main_title,#mail_contents h3,#newj_contents .jewelry_main_title,#newj_contents h3.jewelry_main_title{
 font-size: 120%;
 font-weight: 300;
 border-left: 5px solid #ff9933;
 margin: 20px 0 0 0;
 padding: 5px 0 5px 10px;
 background: #ffcc99;
}

/*corporate&event*/


/*event*/

/*event_mainpage*/
#event_contents table{
 margin: 15px 0 0 0;
 font-size: 100%;
}
#event_contents th{
 padding: 5px 20px 5px 0;
}
#event_contents td{
 vertical-align: top;
 padding: 5px 0 5px 20px;
}

/*event_contents*/
#select_contents{
 margin: 20px 0 0 0;
}

/*end_event*/


/*corporate*/

#corporation{
 font-size: 120%;
 margin: 20px 0 0 0;
}
#corporation li{
 margin: 5px 0 0 0;
}

.co_place{
 _height: 1px;
 margin: 20px 0 0 0;
}
.jimusyo{
 padding: 0 0 0 15px;
 background: url(img/ico2.png) 0 3px no-repeat;
}
.jimusyo a{
 padding: 0 0 0 35px;
 background: url(img/ico3.png) 20px 3px no-repeat;
}
.about_left{
 float: left;
 width: 70%;
}
.about_right{
 float: right;
}
.about_left_teikei{
 float: left;
 width: 50%;
}
.about_right_teikei{
 float: right;
 width: 50%;
}
.co_place h4{
 font-size: 100%;
 font-weight: 100;
}
.co_place p{
 margin: 10px 0 0 0;
}
.co_place ul{
 margin: 10px 0 0 0;
}
.co_place li{
 margin: 3px 0 0 0;
}

#gyomu,#teikei{
 margin: 10px 0 0 0;
}
#teikei li{
 list-style: disc inside;
 margin: 3px 0 0 0;
}

/*end_corporate*/


/*snow_freak*/

#snow_contents h3{
 margin: 20px 0 0 0;
}

/*end_snow_freak*/


/*Recruit&Essay*/

#recruit_inner,#essay_inner{
 width:620px;
 text-align: left;
 margin: 0 auto 0 auto;
}

#recruit_contents h2,#essay_contents h2{
 position: relative;
 display: block;
 width: 620px;
 height: 35px;
 border-bottom: 1px dashed #333;
 margin: 20px 0 0 0;
}

#recruit_contents h3,#essay_contents h3{
 font-size: 120%;
 font-weight: 300;
 border-left: 5px solid #ff9933;
 margin: 20px 0 0 0;
 padding: 5px 0 5px 10px;
 background: #ffcc99;
}

#recruit_contents h4,#essay_contents h4{
 font-size: 100%;
 font-weight: 700;
 border: 1px dashed #333;
 margin: 15px 0 0 0;
 padding: 2px 2px 2px 10px;
}

#recruit_left{
 float: left;
 width: 100px;
 margin: 20px 0 0 0;
}
#essay_left{
 float: left;
 width: 120px;
 margin: 20px 0 0 0;
}

#recruit_left li,#essay_left li{
 margin: 10px 0 0 0;
}
#recruit_left .side_top,#essay_left .side_top{
 margin: 0;
}


#recruit_right{
 float: right;
 width: 500px;
 margin: 0 0 0 0;
}
#essay_right{
 float: right;
 width: 480px;
 margin: 0 0 0 0;
}


#recruit_contents dt,#essay_contents dt{
 float: left;
 width: 100px;
 padding: 15px 0 0 0;
 clear: both;
}
#recruit_contents dd,#essay_contents dd{
 padding: 15px 0 0 0;
 margin: 0 0 0 100px;
}
#recruit_contents .list,#essay_contents .list{
 padding-top: 0;
 margin: 0 0 0 100px;
}

#recruit_right .voice,#essay_right .voice{
 border-bottom: 2px solid #F5B077;
 padding: 0 0 15px 0;
}

.recruit_teikei td{
 width: 200px;
 vertical-align: top;
 font-size: 12px;
}

.recruit_teikei  ul{
 font-size: 90%;
 margin: 0;
 padding: 0;
}
.recruit_teikei  li{
 list-style: none;
 margin: 0;
 padding: 0;
}


#essay_right li{
 margin: 10px 0 0 0;
}

/*end_Recruit*/

/*blog*/

#blog_inner{
 width:700px;
 text-align: left;
 margin: 0 auto 0 auto;
}

#blog_contents h2{
 width: 700px;
 height: 124px;
 margin: 20px 0 0 0;
}

/*end_blog*/



/*mail*/

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

.mail_field{
 width: 550px;
 border: 1px solid #ccc;
 padding: 5px 10px;
}
.mail_block > .mail_field{
 width: 530px;
}

div.sub-group{
 clear: both;
 border-bottom: 1px dotted #ccc;
 padding: 7px 15px;
}

div.even{
 background: #f9f9f9;
}

div.last{
 border-bottom: none;
}

label.label-txt,span.label-txt{
 display: block;
 float: left;
 width: 150px;
 border-right: 2px solid #eee;
 margin: 0 15px 0 0;
}

input.txt-field,select,textarea{
 color: #666;
 background: #f9f9f9;
 border: 1px solid #999;
}
input.txt-field:focus,select:focus,textarea:focus{
 color: #333;
 background: #FDEDDF;
 border: 1px solid #303;
}

#btn-box{
 width: 550px;
 text-align: center;

}
#btn-box button{
 width: 83px;
 height: 26px;
 background: #fff;
 border: none;
 margin: 15px 0 0 5px;
 padding: 0px;
 cursor: pointer 
}

/*end_mail*/


/*end_contents*/




/*footer*/

#footer p{
 text-align: right;
 margin: 5px 0 0 0;
}

/*end_footer*/