/* CSS Document by cryastalvision*/
/* Initialization */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}

body{
  font-size: smaller;
  color: #666666;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
  line-height: 150%;
}

fieldset, img{
  border:0;
  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal; font-weight:normal;
}

ol, ul{list-style:none;}

caption, th{text-align:left;}


h1, h2, h3, h4, h5, h6{
  font-size:100%;
  font-weight:normal;
}

abbr, acronym{border:0;}

/*基本的なテキストカラーとサイズの設定*/


a{color: #001C6B;
  text-decoration: underline;}
a:hover{color: #0A60FE;
  text-decoration: none;}
a:active {color: #920094;}
  
strong{
  color: #8A6409;
  font-size: 120%;
}

em{
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
  color: #004F81;
}

b{color: #DB3C00;}

hr{
  border-top: 1px dashed #868686;
  border-bottom:none;
  border-left:none;
  border-right:none;  
}

* html hr{border-bottom: 1px dashed #ffffff;}

.clear{clear: both;}

/* ie6でpngを正常に表示・用のcss */
.iepngfix{ behavior: expression(IEPNGFIX.fix(this));}


/* ------基本レイアウト------ */
div#print{display: none;}

div#all{
  margin: 25px 0px 0px 0px;
}

/*
  position:absolute;
  top: 50%;
  margin-top: -390px;
  width: 100%;
  height:780px;
*/


/* ///ヘッダー/// */
div#wrapper-h{
  width: 100%;
  height: 75px;
  background-image: url("../images/wrapper-h-bac.jpg");
}

div#back-h{
  margin: 0px auto;
  width: 850px;
  clear: both;
}

div#header{float:left;}
div#header-left{
  float:left;
  width: 260px;
  height: 50px;
}
* html div#header-left{font-size: 1px;}

div.header-right{
  float:right;
  padding: 7px 0px 0px 0px;
  width: 580px;
  height: 43px;
  overflow:hidden;
  background: url("../images/header-right-top-bac.jpg") no-repeat top right;
}


.header-right a{
  float:right;
  display:block;
  text-indent :-9999px;
  background-image:url("../images/h-menu.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}

  #hrm_request{background-position:0 0; width: 94px; height: 35px;}
  #hrm_request:hover,#hrm_request.hover{background-position:0 -35px;}
  #hrm_reservation{background-position:-94px 0; width: 99px; height: 35px;}
  #hrm_reservation:hover,#hrm_reservation.hover{background-position:-94px -35px;}
  #hrm_link{background-position:-193px 0; width: 87px; height: 35px;}
  #hrm_link:hover,#hrm_link.hover{background-position:-193px -35px;}


/*--　ヘッダーナビ　--*/

.h-navi{float:left;overflow:hidden;}

.h-navi a{
  float:left;
  display:block;
  text-indent :-9999px;
  width: 120px;
  height: 25px;
  font-size: 10px;
  line-height: 10px;
  background-image:url("../images/h-navi-image.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}
  #h-navi_1{background-position:0 0; width: 106px; height: 25px;}
  #h-navi_1:hover,#h-navi_1.hover{background-position:0 -25px;}
  #h-navi_2{background-position:-106px 0; width: 106px; height: 25px;}
  #h-navi_2:hover,#h-navi_2.hover{background-position:-106px -25px;}
  #h-navi_3{background-position:-212px 0; width: 106px; height: 25px;}
  #h-navi_3:hover,#h-navi_3.hover{background-position:-212px -25px;}
  #h-navi_4{background-position:-318px 0; width: 106px; height: 25px;}
  #h-navi_4:hover,#h-navi_4.hover{background-position:-318px -25px;}
  #h-navi_5{background-position:-416px 0; width: 98px; height: 25px;}
  #h-navi_5:hover,#h-navi_5.hover{background-position:-416px -25px;}
  #h-navi_6{background-position:-522px 0; width: 106px; height: 25px;}
  #h-navi_6:hover,#h-navi_6.hover{background-position:-522px -25px;}
  #h-navi_7{background-position:-628px 0; width: 106px; height: 25px;}
  #h-navi_7:hover,#h-navi_7.hover{background-position:-628px -25px;}
  #h-navi_cart{background-position:-734px 0; width: 116px; height: 25px;}
  #h-navi_cart:hover,#h-navi_cart.hover{background-position:-734px -25px;}

*html #h-navi_cart{background-position:-734px 0; width: 106px; height: 25px;}


/* ///Flahs用/// */
div#main-image{
  width: 100%;
  text-align: center;
}


/* ///メイン/// */

div#wrapper{
  margin: 0px auto;
  width: 850px;
}

div#bac{
  margin: 5px 0px 10px 0px;
  width: 850px;}


div#left-side{
  float:left;
  padding: 5px 0px 5px 0px;
  width: 170px;
}


div#main{
  float:right;
  padding: 0px 0px 5px 0px;
  width: 670px;
}


/* ///フッター/// */

div#footer-wrapper{
  float:left;
  width: 100%;
  background: url("../images/footer-bac.jpg") repeat-x;
}

div#footer{
  margin: 0px auto;
  width: 850px;
  height: 40px;
  clear: both;
}

div#copyright{
  float:left;
  text-align: left;
  font-size: 12px;
  width: 250px;
}


.bottom-navi{float:right;overflow:hidden;}

.bottom-navi a{
  float:left;
  display:block;
  text-indent :-9999px;
  width: 552px;
  height: 30px;
  background-image:url("../images/bottom-navi-bac.jpg");
  background-repeat:no-repeat;
  cursor:pointer;
}

  #b-menu-gui{background-position:0 0; width: 112px; height: 40px;}
  #b-menu-gui:hover,#b-menu-gui.hover{background-position:0 -40px;}
  #b-menu-qa{background-position:-112px 0; width: 84px; height: 40px;}
  #b-menu-qa:hover,#b-menu-qa.hover{background-position:-112px -40px;}
  #b-menu-law{background-position:-196px 0; width: 105px; height: 40px;}
  #b-menu-law:hover,#b-menu-law.hover{background-position:-196px -40px;}
  #b-menu-pv{background-position:-301px 0; width: 121px; height: 40px;}
  #b-menu-pv:hover,#b-menu-pv.hover{background-position:-301px -40px;}
  #b-menu-inf{background-position:-422px 0; width: 60px; height: 40px;}
  #b-menu-inf:hover,#b-menu-inf.hover{background-position:-422px -40px;}
  #b-menu-inq{background-position:-482px 0; width: 70px; height: 40px;}
  #b-menu-inq:hover,#b-menu-inq.hover{background-position:-482px -40px;}

  

/* ------トップページ　ピックアップセレクション------ */

div#pick_up_selection{
  padding: 5px 0px 5px 0px;
  width: 670px; 
}

  .photo{
    float:left;
    margin: 0px 2px 0px 0px;
    border: 1px solid #D3D3D3;
    width: 130px;
    height: 130px;
    position:relative;
    overflow:hidden;}
  *html .photo{margin: 0px 1px 0px 0px;}
  .photo .heading, .photo .caption {
    position:absolute;
    background:#000000;
    width:130px;
    opacity:0.4;}		
  .photo .heading {top:-50px;}
  .photo .caption {bottom:-50px;}
  .photo .heading span {
    color:#ffffff;	
	top:-50px;
    font-size: 12px;
	font-weight:bold;
    line-height: 16px;
	display:block;
	padding:3px;}
  .photo .caption span{
    color:#ffffff;
    font-size:10px;
    display:block;
    padding:3px;}



/* ------セカンド------------------------------------ */

div#contents{
  padding: 10px 20px 5px 20px;
}

div#contents_body{
  padding: 0px 30px 0px 30px;
}

h2{
  margin: 10px 20px 0px 20px;
  padding: 5px 0px 10px 10px;
  border-bottom: 1px solid #7F8A9E;
  font-size: 200%;
  background: url("../images/category_title_bac.jpg") repeat-x top left;
}

h3{
  margin: 25px 10px 10px 0px;
  padding: 5px 0px 5px 10px;
  border-left: 4px solid #7F8A9E;
  border-bottom: 1px solid #7F8A9E;
  font-weight: bold;
  font-size: 120%;
}

h4{
  margin: 10px 10px 10px 20px;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #7F8A9E;
  font-weight: bold;
  font-size: 110%;
}

div#bottom_space{
  float:left;
  margin: 10px 20px 5px 20px;
  padding: 10px 0px 0px 0px;
  border-top: 1px dashed #9DA7B9;
  text-align: center;
  width: 810px;
}
* html div#bottom_space{
  margin: 10px 10px 5px 10px;
}

/* ----基本テーブル--------- */
table#table{
  margin: 0px auto;
  width: 95%;
  border-collapse:separate;
  border-spacing:3px 5px 5px 5px;
}
table#table th{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 30%;
  background: url("../images/table_th_bac.jpg") top left;
  vertical-align: middle;
}
table#table td{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 70%;
  vertical-align: top;
}

table#table td input{width: 85%;}
table#table td textarea{width: 85%;height: 100px;}

/* ------アイテム一覧----------------- */
.list_item{
  float:left;
  margin: 0px 2px 20px 0px;
  width: 400px;
  height: 136px;
}
* html .list_item{margin: 0px 1px 20px 0px;}

.list_item_image{
  float:left;
  margin: 5px;
  border: 1px solid #D3D3D3;
  width: 130px;
  height: 130px;
}
* html .list_item_image{margin: 2px 1px 2px 1px;}

.list_item_image img{width: 130px;}

.list_item_text{
  float:right;
  margin: 2px;
  text-align: left;
  width: 252px;
}
* html .list_item_text{margin: 2px 1px 2px 1px;}

.list_item_text p{
  float:left;
  padding: 15px 5px 5px 5px;
  line-height: 130%;
  color: #A3A3A3;
  width: 242px;
}

.list_item_name{
  float:left;
  padding: 0px 0px 2px 0px;
  line-height: 120%;
  width: 252px;
  border-bottom: 1px solid #D3D3D3;
}

.price{
  float:left;
  padding: 6px 0px 0px 0px;
  width: 132px;
}
.details{
  float:right;
  padding: 8px 0px 0px 0px;
  width: 120px;
}

/* --ページ送り---- */
div#item_list_date{
  margin: 0px 20px 0px 20px;
  padding: 10px 0px 5px 10px;
  border-bottom: 1px dashed #7F8A9E;
}

div.page_turn{
  float:right;
  padding:10px 20px 15px 20px;
  text-align: right;
}

div.page_turn a{
  float:left;
  display: block;
  margin: 0px 3px 0px 3px;
  padding: 3px;
  border: 1px solid #A1AEC1;
  text-decoration: none;
  text-align: center;
  width: 30px;
}
div.page_turn a:hover{
  background-color: #FFECEC;
}
span.now{
  float:left;
  display: block;
  margin: 0px 3px 0px 3px;
  padding: 3px;
  border: 1px solid #A1AEC1;
  text-align: center;
  font-weight: bold;
  color: #001D4D;
  background-color: #FFECEC;
  width: 30px;
}
div.page_turn b{
  float:left;
  display: block;
  margin: 0px 3px 0px 3px;
  padding: 3px;
  border: 1px solid #A1AEC1;
  text-align: center;
  font-weight: normal;
  color: #A9B1C4;
  background-color: #F3F3F3;
  width: 30px;
}

/* ------アイテム詳細----------------- */

div#item_photo{
  float:left;
  padding: 0px 12px 0px 5px;
  width: 273px;
}
div#item_main img{width: 270px;}

div#thumbnail{
  margin: 5px 0px 0px 0px;
  width: 270px;
}

div#thumbnail{clear: both;}

div.item_thumbnail{
  float:left;
  margin: 0px 2px 0px 0px;
}

div.item_thumbnail img{
  border: 1px solid #ACB3BB;
  width: 86px;
}

div#item_date{
  float:right;
  padding: 0px 5px 0px 0px;
  width: 505px;
}

div#item_date .price{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px dashed #ACB3BB;
  font-size: 150%;
  width: 100%; 
}

div#item_date .coment{
  padding: 0px 10px 20px 20px;
  border-bottom: 1px dashed #ACB3BB;
  width: 100% -30px;
  line-height: 160%;
}

div#item_date .spec{
  padding: 10px 10px 20px 20px;
  font-size: 80%;

}

div.icon{

}
div.icon img{
  float:left;
  margin: 5px 3px 0px 0px;
}


div#item_date .cart{
  margin: 10px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #DADEE5;
  width: 100% -22px;
}

div#item_date .option{
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border-bottom: 1px dashed #ACB3BB;
}

div#item_date .order{
  clear: both;
}

div#item_date .order input{
  float:left;
  margin: 3px 20px 0px 0px;
  width: 25px;
}
* html div#item_date .order input{margin: 3px 10px 0px 0px;}

div#item_date .order p{
  float:left;
  margin: 3px 0px 0px 0px;
}


button#cart_in_button{
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: #ffffff;
}



/* ------静的コンテンツ----------------- */

p.privacy1{margin: 10px 0px 20px 0px; padding: 0px 0px 0px 10px;}
p.privacy2{margin: 10px 0px 10px 0px; padding: 0px 0px 0px 30px;}

p.privacy1 img{
  margin: 0px 0px 4px 0px;
}

ul#privacy{
  padding: 10px 0px 0px 60px;
  list-style-type: circle;
}

ul#privacy2{
  padding: 10px 0px 0px 30px;
  list-style-type: circle;
}

.crystal_image{
  float:right;
  margin: 3px 10px 0px 10px;
}

/* ------ショッピングガイド----------------- */
div.step{
  margin: 5px;
  padding: 10px;
  border: 1px solid #7785A0;
}

div.step_arrow{
  text-align: center;
}
.notes{color: #9B9B9B;}

/* ------FAQ----------------- */
div#faq_title_box{
  margin: 0px auto;
  border: 1px solid #E9E9E9;
  width: 700px;
}

div#faq_title_box a{text-decoration: none;color: #001C6B;}
div#faq_title_box a:hover{text-decoration: underline;color: #0A60FE;}
div.faq_title_a{padding: 3px 3px 3px 10px;}
div.faq_title_b{padding: 3px 3px 3px 10px;background-color: #F5FFFF;}

div.faq_q{
  margin: 50px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #7F8A9E;
  font-size: 120%;
  color: #00477D;
  background: url("../images/faq_q_bac.jpg") no-repeat top left;
  height: 22px;
}

div.faq_a{
  padding: 10px 10px 10px 10px;
  border-bottom: 1px dashed #7F8A9E;
}

div.faq_bottom{
  padding: 3px 10px 10px 10px;
  text-align: right;
}
div.faq_bottom a{text-decoration: none;}
div.faq_bottom a:hover{text-decoration: underline;}


/* ----お問合せテーブル--------- */
table#inq{
  margin: 0px auto;
  width: 95%;
  border-collapse:separate;
  border-spacing:3px 5px 5px 5px;
}
table#inq th{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 30%;
  background: url("../images/table_th_bac.jpg") top left;
  vertical-align: middle;
}
table#inq td{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 70%;
  vertical-align: top;
}

input.long{width: 70%;}
input.small{width:30px;}
table#inq td textarea{width: 85%;height: 100px;}


/* ----カート〜注文〜------------------------------- */
/* ----カートテーブル--------- */
table#cart{
  margin: 0px auto;
  width: 95%;
  border-collapse:separate;
  border-spacing:3px 5px 5px 5px;
}

table#cart caption{
  margin: 0px 2px 0px 2px;
  padding: 5px;
  font-weight: bold;
  background-color: #C9D6E2;
}

table#cart th{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  background: url("../images/table_th_bac.jpg") top left;
  text-align: center;
  font-weight: bold;
}
table#cart td{
  padding: 8px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  vertical-align: top;
}

table#cart td.t1{width: 40%;}
table#cart td.t2{
  width: 40%;
  text-align: right;
}
table#cart td.t3{
  width: 10%;
  text-align: right;
}
table#cart td.t4{
  padding: 4px;
  width: 10%;
}
table#cart td.t5{text-align: right;}


table#cart td input{width: 85%;}

button{
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: #FFFFFF;
}

/* ----注文フォームテーブル--------- */
table#cart_form{
  margin: 0px auto;
  width: 95%;
  border-collapse:separate;
  border-spacing:3px 5px 5px 5px;
}

table#cart_form caption{
  margin: 0px 2px 0px 2px;
  padding: 5px;
  font-weight: bold;
  background-color: #C9D6E2;
}

table#cart_form th{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 30%;
  background: url("../images/table_th_bac.jpg") top left;
  vertical-align: middle;
}
table#cart_form td{
  padding: 10px;
  border-right: 1px solid #808B9F;
  border-bottom: 1px solid #808B9F;
  width: 70%;
  vertical-align: middle;
}

table#cart_form input.input_a{width: 50%;}
table#cart_form input.input_b{width: 75%;}
table#cart_form input.input_c{width: 10%;}
table#cart_form input.input_d{width: 85%;}

table#cart_form td textarea{width: 85%;height: 100px;}