﻿*
{
    /*属性の初期化*/
	border:0;
	padding:0;
}
body
{
   
	font-size:1em;
	background-color: #e6eef9;
	margin:0 0 0 0;


}
p
{
    line-height:150%;
    letter-spacing:0.2ex;
    text-indent:1em;
   
}

li
{ 
       
   margin-bottom:5px;
   padding-bottom:5px;
 
}
textarea
{
    width: 360px;
    height: 58px;
    font-size :0.8em;
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    border-top: gray 1px solid;
    border-right: gray 1px solid;
    
}



strong
{
   font-weight:normal;
    
}

.table_kekkon
{
    table-layout:fixed;
    border-collapse:collapse;
    width:100%;
}
.table_kekkon tr th
{
    border:1px solid blue;
    padding:5px 5px 5px 5px;
}
.table_kekkon tr td
{
       border:1px solid blue;
    padding:5px 5px 5px 5px; 
}
.table_kekkon caption
{
    padding-bottom:10px;
    font-weight:bold;
    color:Green;
}
a:hover
{
    color:Red;
}
.p_topmargin
{
  /*--P要素の自動マージンを消す--*/
    margin-top:0px;
    margin-bottom:0px;
}

.p_sml
{
    text-indent:0;
    font-size:90%;
}
.p_panding
{
    padding-bottom:2em;
}
.floatclear
{
    float:none;
    clear:both;
}
/*--画像、文章の保護用の画像--*/
span.gard
{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../pic/gard.gif);
    z-index:2;
}


/*--------------ヘッダー関連-----------------------------*/
h1
{
    display: inline-block;
    position:absolute;
    width: 18em;
    left:50%;
    top: 5px;
    margin-top:0px;
    margin-left:-450px;
    font-size: 75%;
    text-align: center;
    color: Silver;
    z-index: 1;
 
}
h2
{
    font-size:120%;
}

dd
{
    padding-left:1em;
}

/*-----------全体のエリアを規定----------*/
.Base
{
    position:absolute;
    font-size: 90%;
    width:900px;
    top:0px;
    left:50%;
    margin-left:-450px;
    margin-top:0px;
   
    background-color: white;
    text-align: left;
  
    z-index: 0;

}
/*----------ヘッダーBOX---------------*/
.Heder_box
{
    position: relative;
    float:left;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 140px;
    margin-top: 0px;
 
    text-align: left;
    background-color: white;
    background-image: url(../pic/hedar_line.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
   
}
/*----------コンテンツエリア----------*/
.main_conte
{ 
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    height: auto;
    width: 720px;
    text-align: left;
    background-color: white;
 
}
/*---------垂直メニューエリア------*/
.menu_eria
{
   position: relative;
   float:right;
   width:179px;
   height:auto;  
  
}
.afri
{
    position: relative;
    top: 185px;
    padding-left:5px;
    border-left: #ffccff 4px double;
    border-top: #ff99ff 4px double;
    border-right: #ffccff 4px double;
    border-bottom: #ff99ff 4px double;
}




/*---------フッターエリア------------*/
.footer
{
    position: relative;
    float: left;
    height:auto;
    width: 100%;

    border-top: silver 1px solid;
    background-color:#ece9db;   
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*---------各々のBox内の詳細-----------*/
/*----------(Hedar_box (内))---------*/
.hedar_logo_box
{
    position: absolute;
    width: 165px;
    height: 70px;
    top: 20px;
    left: 20px;
    z-index: 1;
  
}
.link_info_top
{
    position:absolute;
    top:80px;
    right:20px;
    font-size:0.7em;
    z-index:1;
}


.hedar_conte_box
{
    position: absolute;
    left: 300px;
    top: 15px;
    width: 300px;
    height:68px;
    padding: 0px 0px 0px 0px;
    color: #f06c6d;
    font-size: 0.7em;
    
  
}
.hedar_nabi
{
    height: 28px;
    width: 900px;
    margin-top:0px;
    background-position:top;
    background-image:url(../pic/hedar_nabi.gif);
    background-repeat:repeat-x;
      
}
.hedar_nabi p
{
    margin:0px 0px 0px 0px;
    padding:3px 0px 0px 0px;
    font-family:HGP創英角ﾎﾟｯﾌﾟ体;
}
.hedar_nabi a
{
    text-decoration:none;
    color:#feffff;
}
.hedar_nabi a:hover
{
    color:Red;
}

/*----------(main_conte内)--------*/
.img_pic
{
    position:relative;
    float:left;
    width:30%;
    margin-left:10%;

}
.img_logo
{
    margin-top:10px;
    margin-left:10%;
}
.img_earring
{
    position:relative;
    top: 0px;
    left: 50px;
    margin-top:10px;
 
}

.dl_garnet
{
    margin-top:40px;
    margin-left:90px;
}
.dl_amethyst
{
    margin-top:60px;
    margin-left:100px;
}
.dl_aqu
{
    margin-top:60px;
    margin-left:120px;
}

.box_center
{
    position: relative;
    width: 576px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    
}
.box_center2
{
    /*width:700px;*/
    padding-left:50px;
  
}
.box_koushin
{
    position: relative;
    width: 80%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    padding-left:10px;
    font-size: 90%;
    border-bottom: silver 1px solid;
    border-left: silver 1px solid;
    border-top: silver 1px solid;
    border-right: silver 1px solid;
}
.h3back
{
    margin-top:0px;
    height:35px;
    background-image:url(../pic/h3backimg.gif);
    background-repeat:repeat-x;
    padding-top:8px;
    text-align:center;
    font-size:90%;
    color:#204000;
}
.h3_earring
{
    background-image: url(../pic/h3_earring.jpg);
    background-repeat: no-repeat;  
    height: 40px;
    font-size: 120%;
    padding-top:15px;
    padding-left: 20px;
    color:#c91faf;
 
}
.h3_earring1
{
    
    background-image: url(../pic/h3_earring1.jpg);
    background-repeat: no-repeat;
    height: 40px;
    font-size: 120%;
    padding-top:15px;
    padding-left: 20px;
    color:#c91faf;
}
.h2_earring
{
    background-image:url(../pic/h2_earring1.jpg);
    background-repeat:no-repeat;
}
    
.h2_def
{
    margin-top:20px;
    margin-left:50px;
}
.h2_ring1_back
{
    height:52px;
    padding-top:12px;
    padding-left:38px;
    background-image:url(../pic/h2_ubi1.gif);
    background-repeat:no-repeat;
    color:#fffffe;
}
.h2_ring2_back
{
    height:78px;
    padding-top:62px;
    margin-top:-20px;
   
    background-image:url(../pic/h2_ubi.gif);
    background-repeat:no-repeat;
    background-position:center;
    text-align:center;
    color:#fffffe;
}
.h2_accessory
{
    height:40px;
    width:345px;
    padding-top:7px;
    text-align:center;
    
    background-image:url(../pic/h2_accessory.gif);
    background-repeat:no-repeat;
}
.h2_jewely1
{
    background-image:url(../pic/h2_jewely_mente1.gif);
    background-repeat:no-repeat;
}
/*石の特徴*/    
.box_1
{
    position: relative;
    float: right;
    width: 50%;
    text-align: left;
    background-repeat:no-repeat;
    
 
}
/*----box_1のバックグランドイメージ-------*/
.pic1
{
   background-image:url(../pic/garnetwaku.gif);
}  
.pic2
{
     background-image:url(../pic/amethystwaku.gif); 
}
.pic3
{
    background-image:url(../pic/aquamarinewaku.gif); 
}  
.pic4
{
   background-image:url(../pic/diamondwaku.gif);  
}
 .pic5
{
    background-image:url(../pic/emeraldwaku.gif);    
} 
 .pic6
{
    background-image:url(../pic/pearlwaku.gif);  
} 
.pic6_1
{
    background-image:url(../pic/moonstonewaku.gif);
}
 .pic7
{
    background-image:url(../pic/rubywaku.gif);  
}  
.pic8
{
    background-image:url(../pic/peridotwaku.gif);  
}
.pic9
{
    background-image:url(../pic/sapphirewaku.gif);  
}  
.pic10
{
    background-image:url(../pic/opalwaku.gif);  
}
.pic10_1
{
    background-image:url(../pic/tourmalinewaku.gif)
}
 .pic11
{
    background-image:url(../pic/topazwaku.gif);  
} 
 .pic12
{
    background-image:url(../pic/turquoisewaku.gif);  
}  
.waku_silver
{
   border-bottom: silver 1px solid;
    border-left: silver 1px solid;
    border-top: silver 1px solid;
    border-right: silver 1px solid;   
}


.box_2
{
    position: relative;
    float:none;
    clear:both;
    
    width: 100%;
    margin-top:50px;
    text-align: left;
 
}
.box_3
{
    position: relative;
    width: 30%;
    float: left;
    margin-top:20px;
     
 
}
.box_4
{
    position: relative;
    top: 0px;
    width: 74%;
    height:auto;
    float:right;
    margin-top:30px;
    margin-left:1%;
    
 
}

.box_5
{
    position:relative;
    top:0px;
    left:0px;
    width: 24.5%;
    height: auto;
    float:right; 
    margin-top:30px;
    text-align:center; 
}
.box_6
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-bottom:10px;
      
    text-align:left;
    font-size: 90%;
    border-bottom: #d5ac33 1px solid;
    border-left: #d5ac33 1px solid;
    border-top: #d5ac33 1px solid;
    border-right: #d5ac33 1px solid;
}
.box_7
{
    position: relative;
    margin-top: 50px;
    width:282px;
    height: auto;
    float: left;
    
 
}
.box_8
{
    position: relative;
    width: 49%;
    height: auto;
    float: left;
    margin-bottom:20px;
    text-align: center;
 
}
.box_9
{
    position: relative;
    width: 100%;
    height: 29px;
    background-image: url(../pic/kugiri1.gif);
    background-repeat: repeat-x;
    background-position: 0px 20px;
    text-align:center;
 
}
.box_10
{
    position:relative;
    text-align:center;
   
}
.box_11
{
    position:relative;
    background-image:url(../pic/neklace_kugiri1.jpg);
    background-repeat:repeat-x;
    background-position:0px 3px;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}
.box_12
{
    position: relative;
    width: 200px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    
    border-bottom: #2fd117 1px solid;
    border-left: #2fd117 1px solid;
    border-top: #2fd117 1px solid;
    border-right: #2fd117 1px solid;
}
.box_12_1
{
    position: absolute;
    width: 35px;
    height: 20px;
    top: -10px;
    left: 20px;
    background-image: url(../pic/accessory_prLogo.gif);

}
.box_12_2
{
     position: absolute;
    width: 81px;
    height: 30px;
    top: -15px;
    left: 20px;
    background-color:White;
    background-image:url(../pic/accessory_onep.gif);
    background-repeat:no-repeat;
     
     
}
.box_12 p
{
    text-indent:30px;
}
.box_13
{
    position: relative;
    width: 169px;
    height:820px;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    border-bottom: #2fd117 1px solid;
    border-left: #2fd117 1px solid;
    border-top: #2fd117 1px solid;
    border-right: #2fd117 1px solid;
      
}
.box_14
{
   position: relative;
   margin-top:30px;
    width: 169px;
    /*height:300px;*/
    padding-top:25px;
    padding-left:5px;
    padding-right:5px;
    border-bottom: #2fd117 1px solid;
    border-left: #2fd117 1px solid;
    border-top: #2fd117 1px solid;
    border-right: #2fd117 1px solid;
    font-size:90%;
    color:#336600;
    background-color:#f5fecc;
          
}
.box_15
{
    float:left;
    margin-right:10px;
    text-align:center;
    width:185px;
}
 /*----------abot_thissite---------------------*/
 .literal1
{
    position: relative;
    text-align:left;
    
    
    width: 360px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
 
}
.button1
{
    position:relative;
    width:200px;
    height:25px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
input
{
    height: 25px;
    width: 200px;
    border-bottom: blue 2px double;
    border-left: blue 2px double;
    border-top: blue 2px double;
    border-right: blue 2px double;
}
.input
{
    position: relative;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
 
}
.input p
{
    margin:0 0 0 0;
}
/*----------------------------------------------*/
       

.img_hiLimit
{
    max-height:165px;
    width:100%;
}
.df_underL
{
    position:absolute;
    left:-1px;
    bottom:-1px;
    width:10px;
    height:10px;
     background-image:url(../pic/df_underL.gif);
}
.df_underR
{
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:10px;
    height:10px;
    background-image:url(../pic/df_underR.gif); 
}
.accessory_prTL
{
    position:absolute;
    left:-1px;
    top:-1px;
    width:10px;
    height:10px;
    background-image:url(../pic/accessory_prTL.gif);
}
.accessory_prTR
{
    position: absolute;
    right: -1px;
    top: -1px;
    width: 10px;
    height: 10px;
    background-image: url(../pic/accessory_prTR.gif);
      
}
.accessory_prUL
{
    position:absolute;
    left:-1px;
    bottom:-1px;
    width:10px;
    height:10px;
    background-image:url(../pic/accessory_prUL.gif)
}
.accessory_prUR
{
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:10px;
    height:10px;
    background-image:url(../pic/accessory_prUR.gif)
}

.img_ubi
{
    position:relative;
   
    width: 100%;
    height:auto;
    text-align: center;
  
}
.h2_ring
{
    height:43px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_ring.gif);
    background-repeat:no-repeat;
}
.h3_ring
{
    font-size:100%;
    height:43px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h3_ring.gif);
    background-repeat:no-repeat;
}
.h2_neklace
{
    height:55px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_neklace.gif);
    background-repeat:no-repeat;
    color:#fffffe;
}
.h2_neklace1
{
    height:55px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_neklace1.gif);
    background-repeat:no-repeat;
    color:#fffffe;
}
.h2_neklace2
{
    height:55px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_neklace2.gif);
    background-repeat:no-repeat;
    color:#fffffe;
}
.h2_neklace3
{
    height:55px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_neklace3.gif);
    background-repeat:no-repeat;
    color:#fffffe;
}
.h2_kekkon
{
        height:43px;
    padding-top:10px;
    padding-left:20px;
    background-image:url(../pic/h2_kekkon.gif);
    background-repeat:no-repeat;
       
}
    
.font
{
      font-family:"HGP創英角ﾎﾟｯﾌﾟ体"; 
}

/*--パンくずリスト１ー---*/
.pankuzu1
{
    position: absolute;
    top: 0px;
    left:0px;
    height: 20px;
    width:90%;
    margin-left:5%;
    margin-right:5%; 
    padding-top: 2px;
    border-bottom: purple 1px solid;
}
/*-------コントロール用--------*/
.Def_imgbutton
{
    position:relative;
    float:right;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
    border-style:none;
    
 
}
.Def_img
{
    position:relative;
    float:left; 
}
/*---コントロールのBorderを規定----*/
.NoBorder
{
    border-style:none;
}




/*-----メニューエリア内---------*/
/*--垂直メニューBox--*/
.menu_y
{
    position: relative;
    top:5px;
    width:100%;
    height:auto;
    padding-bottom:10px;
    background-color:#ececb2;
}

.mny_top_L
{
    position:absolute;
    left:0px;
    top:0px;
    width:10px;
    height:10px;
    background-image:url(../pic/mny_top_L.gif);
    
}
.mny_top_R
{
    position:absolute;
    top:0px;
    right:0px;
    width:10px;
    height:10px;
    background-image:url(../pic/mny_top_R.gif)
}
.mny_under_L
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:10px;
    height:10px;
    background-image:url(../pic/mny_under_L.gif)
}
.mny_under_R
{
    position:absolute;
    bottom:0px;
    right:0px;
    width:10px;
    height:10px;   
    background-image:url(../pic/mny_under_R.gif)
}
.menu_conte
{
    position:relative;
    top:10px;
    left:0px;
    width:96%;
    height:auto; 
    margin-left:2%;
    margin-right:2%;
    margin-bottom:20px;
        
}
.menu_top
{
   
    padding-left:10px;
    padding-top:10px;
    height:30px;

    
}

.dymenu1
{
    width:90px;
    height:auto;
    margin-left:5px;
   
}
.box_rss
{
    position: relative;
    top: 0px;
    margin-top: 20px;
 
    width:100%;
    height: auto;

}
.rss_feed
{
    position:relative;
    margin-top:5px;
    float:right;
}

.menu_list
{
    list-style-type:none;
    padding:10px 0px 0px 10px;
    margin:0px 0px 0px 0px;
    letter-spacing:0.1ex;
    
}
/*_____メニューコーナーリスト装飾______*/
.menu_cooner
{
    list-style-type:none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    
}
.li_cooner
{
   
    width:100%;
    height:25px;
    background-image:url(../pic/h3backimg.gif);
    background-repeat:repeat-x;
    text-align:center;
    font-family:"HGP創英角ﾎﾟｯﾌﾟ体";
    font-size:small;
    padding-top:8px;
    margin-bottom:-5px;
   
    
}
    
/*--------(footer)内---------*/
.pankuzu
{
    position:relative;
    width:70%;
    height:20px;
    top:5px;
    left:10%;
}
.link_out
{
    position: relative;
    width: 100%;
    margin-top: 5px;
    font-size:smaller;
    

}
.sitelinkinf
{
    position: relative;
    float:right;
    top: 5px;
  
    width: 150px;
    font-size: 70%;
    color: #6b6b6c;
      
}
.addr
{
    position: relative;
  
    width: 200px;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-25px;
      
    text-align:center;
    color: #6b6b6c;
 
}
.li_linklist
{
    float:left;
    margin-top:0px;
    margin-left:10px;
    padding-bottom:0px;
}
/********掲示板対応********************/
.keiji1
{
    position:relative;
    top:0px;
    left:0px;
    width:576px;
    height:30px;
    background-image:url(../pic/h3backimg.gif);
    background-repeat:repeat-x;
}
.heder
{
    position:relative;
    top:0px;
    left:150px;
    width:6em;
    height:22px;
    padding-top:8px;
    font-weight:bold;
    z-index:1;
}
.imgpos
{
    margin-top:3px;
    margin-left:10px;
}
.fv
{
    position: relative;
    top:-30px;
    width:576px;    
}
.titlecmt
{
    position: relative;
    width: 265px;
    margin-left:auto;
    margin-right:auto;
 
}
.kijitext
{
    position:relative;
    width:460px;
    margin-left:auto;
    margin-right:auto;
}
/********Ratingコントロール対応***************/
.ratingStar
{
    font-size:0px;
    width:13px;
    height:12px;
    margin:0px;
    padding:0px;
    cursor:pointer;
    background-repeat:no-repeat;
}
.filledRatingStar
{
    background-image:url(../pic/FilledStar.png)
}
.emptyRatingStar
{
    background-image:url(../pic/EmptyStar.png)
}
.savedRatingStar
{
    background-image:url(../pic/SavedStar.png)
}

/********CollapasiblePanel対応******************/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	padding-left:5px;
	padding-top:5px;
	background-image: url(../pic/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*---そのほか-----*/
    
.dymenu2
{
    margin-left:5px;
}
.brooch_img
{
    margin-left:60px;
}












