@charset "utf-8";
/* CSS Document */

/**#wrapper { background-image:url(../img/hed_b.jpg); background-repeat:no-repeat; background-position:center top;}
#wrapper02 {background-image:url(../img/footer_b.jpg); background-repeat:no-repeat; background-position:center bottom;}**/

#header_menu{ margin:0 auto; width:1110px;}
#header_menu .use{ float:14px; color:#FFF; text-align:right; margin-right:30px; margin-top:-20px;}
.use a{color:#FFF;}

#header_menu .menu{
	margin-top:0 auto;
	padding-top:10px;
	width:1100px;
	}

#main_bottom{
	margin:0 auto;
	width:850px;
	}

.header_area{
	width:1110px;
	margin:0 auto;
	}

.header_inf{
	width:785px;
	float:left;
}

.header_logo{
	float:left;
	width:300px;
	}

.header_tel{
	width:480px;
	float:right;
	white-space: nowrap;
	}

.header_login{
	margin:0 auto;
	width:280px;
	float:right;
	}

	

.ls_sp {
  text-align: center;
  letter-spacing: 0.6px;
}

.ls_colon {
  display: inline-block;
  text-align: center;
  letter-spacing: -3px;
}

.wd235 {
  width: 235px;
}

.wd180 {
  width: 180px;
}

.nw {
  white-space: nowrap;
}



.uketsuke {
  font-family: 'Meiryo';
  border: 1px solid #000;
  border-radius: 5px;
  padding: 3px;
  white-space: nowrap;
  text-align: center;
}

.uke1 {
  width: 36px;
  height: 36px;
  font-size: 13px;
  line-height: 1.2em;
  letter-spacing: 0.17em;
}

.uke1a {
	line-height: 1.35em;
	font-size: 16px;
}


.uke2 {
  width: 150px;
  height: 25px;
  font-size:18px;
  line-height: 1.15em;
  letter-spacing: 0.4em;
}

.hr_s1 {
  margin: 2px 0 4px;
  paddin: 0;
  border: 0;
  border-top: 1px dashed #FCE;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}


/************************/
/*                      */
/*    サイドメニュー    */
/*                      */
/************************/

.side_section { width:210px;}

.menu { margin:0 auto;
}

.menu h3{
   margin:0;
}

.menu ul{
   margin:0;
   padding:0;
   list-style: none;
}

.menu_01 li {
   padding:0;
   font-size:14px;
   line-height:2.2;
}

.menu_01 a {
   display:block;
   padding:8px 0 20px 20px;
   color:#333;
   text-decoration:none;
   background:url("../img/side/menu_01_c.jpg")no-repeat;
   height:30px;
}
.menu_01_b li {
   padding:0;
   font-size:14px;
   line-height:2.0;
}
.menu_01_b a {
   display:block;
   padding:8px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url("../img/side/menu_01_b.jpg")no-repeat;
}


.menu_02 li {
   padding:0;
   font-size:14px;
   line-height:2.2;
}

.menu_02 a {
   display:block;
   padding:5px 0 20px 20px;
   color:#333;
   text-decoration:none;
   background:url("../img/side/menu_05_c.jpg")no-repeat;
   height:30px;
}
.menu_02_b li {
   padding:0;
   font-size:14px;
   line-height:2.0;
}
.menu_02_b a {
   display:block;
   padding:5px 0 10px 20px;
   color:#333;
   text-decoration:none;
   background:url("../img/side/menu_05_b.jpg")no-repeat;
}

/************************/
/*                      */
/*     TOP ページ       */
/*                      */
/************************/

.top_inf_01{/**background-image:url(../img/top/ninki_b.jpg); background-repeat:no-repeat; background-position:top center; width:850px; height:910px; margin-bottom:30px;**/}

.top_inf_01_left{ float:left; width:33%; margin-top:100px;}
.top_inf_01_right{ float:right; width:66%; margin-top:100px;}
.top_inf_01_right_l{ float:left; width:50%;}
.top_inf_01_right_r{ float:right; width:50%;}

.top_inf_01_left_02{ float:left; width:50%;}
.top_inf_01_right_02{ float:right; width:50%;}

.top_inf_01_01{ background-image:url(../img/top/ninki_01_b.gif); background-position:top center; background-repeat:no-repeat; width:265px; height:395px; margin-left:15px; text-align:center; padding:85px 0 0 0;}
.top_inf_01_02{ background-image:url(../img/top/ninki_02_b.gif); background-position:top center; background-repeat:no-repeat; width:265px; height:395px;text-align:center; padding:85px 0 0 0;}
.top_inf_01_03{ background-image:url(../img/top/ninki_03_b.gif); background-position:top center; background-repeat:no-repeat; width:265px; height:395px;text-align:center; padding:85px 0 0 0;}

.top_inf_01_04{ background-image:url(../img/top/ninki_04_b.gif); background-position:top center; background-repeat:no-repeat; width:265px; height:400px;text-align:center; padding:85px 0 0 0; margin-left:150px;}
.top_inf_01_05{ background-image:url(../img/top/ninki_05_b.gif); background-position:top center; background-repeat:no-repeat; width:265px; height:400px;text-align:center; padding:85px 0 0 0;}

/************************/
/*                      */
/*     下層ページ       */
/*                      */
/************************/

/* 商品詳細ページ*/
.extra-form{ width:70%;}
#plg_textvalue_id1{ height:100px;}
#plg_textvalue_id4{ height:100px;}

.sub_tit_bottom{ background-color:#FFFFFF; width:860px; padding:20px; line-height:180%;}

.sub_tit_bottom_02{ background-color:#FFFFFF; width:860px; padding:20px; line-height:180%;}

/*初めてのお客様*/

.inf_tit_01{ background-image:url(../img/first/tit_h3_b.png); background-position:left top; background-repeat:no-repeat; width:800px; height:71px; padding:18px 0 0 30px;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
  font-size: 24px;
  color: rgb(228,0,127);
  font-weight: bold;}

.inf_01{ background-image:url(../img/first/inf_01_b.png);background-position:center top; background-repeat:no-repeat; width:676px; height:465px; margin-top:40px; font-size:14px; margin-bottom:50px;}

.inf_01_txt{padding:30px 0 0 80px;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
  font-size: 16px;
  color: rgb(84,27,134);
  font-weight: bold;}
  
.inf_01_left{ float:left; width:43%;}  
.inf_01_right{ float:right; width:57%;}

.inf_02{ width:800px; margin-top:20px; font-size:16px; margin-bottom:20px;}
.inf_02_left{ float:left; width:15%; text-align:center;}  
.inf_02_right{ float:right; width:85%;line-height:200%;}


/*初めてのご注文*/
.first_order_tit{ background-image:url(../img/first_order/tit_h3_b.gif); background-position:center; background-repeat:no-repeat; width:100%; height:40px;}
.first_order_tit_left{ float:left; width:7%; text-align:center;}
.first_order_tit_right{ float:right; width:93%;padding:8px 0 0 10px;
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
  font-size: 22px;
  color: rgb(228,0,127);
  font-weight: bold;}
  
.first_order_tit_02{ background-image:url(../img/first_order/tit_b.png); background-position: left; background-repeat:no-repeat; width:100%; height:29px; margin:10px 0 0 0px; font-size:18px; padding:2px 0 0 30px;} 
.first_order_box{ margin:0 auto;}
.first_order_box_left{ float:left; width:25%; margin-top:20px;}
.first_order_box_right{ float:right; width:70%; margin-top:20px;}

/*お見積もり*/
.estimate_fax{ background-image:url(../img/estimate/fax_b.png);background-position:center; background-repeat:no-repeat; width:700px; height:226px; margin-top:60px;}

/* 定型レイアウト */
#tab li {
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
}
.content_wrap {
  clear: left;
  width: 100%;
}
.select {
  background: #fff;
}
.disnon {
  display: none;
}

/* ご注文の流れ */
#tab_02 li {
  float: left;
  list-style: none;
  cursor: pointer;
  text-align:center;
}
.content_wrap {
  clear: left;
  width: 100%;
}
.select {
  background: #fff;
}
.disnon {
  display: none;
}

/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

.reg { font-size:70%; vertical-align:top;line-height:1em; }

.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }
.bottom { bottom: 0;}

.bold { font-weight:bold; }

.line_b_dotte { width:700px; height:40px; border-bottom:dotted 2px rgb(165,144,156); }
.line_b_dotte_mdl { width:464px; height:30px; border-bottom:dotted 2px rgb(165,144,156); }

.hai_120{line-height: 120%;}
.hai{line-height: 150%;}
.hai_200{line-height: 200%;}



.ib {
  display: inline-block;
  vertical-align: middle;
  margin:0 0;
}

/****** 汎用font-size ******/

.fz8 { font-size:8px; }
.fz9 { font-size:9px; }
.fz10 { font-size:10px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz15 { font-size:15px; }
.fz16 { font-size:16px; }
.fz18 { font-size:18px; }
.fz19 { font-size:19px; }
.fz20 { font-size:20px; }
.fz23 { font-size:23px; }
.fz24 { font-size:24px; }
.fz26 { font-size:26px; }
.fz30 { font-size:30px; }
.fz35 { font-size:35px; }
.fz40 { font-size:40px; }

/****** 汎用 font-color ******/
.brown{
	color: rgb(64,34,15);
}

.brown a{
	color: rgb(64,34,15);
}
.gray{ color:rgb(73,66,57);}
.yellow{
	color: rgb(134,112,76);
}

.green{
	color: rgb(75,128,36);
}
.blue{
	color: rgb(87,133,158);
}
.blue_02{
	color: #33A8D0;
}
.red{
	color: rgb(193,39,45);
}

.white{
	color: rgb(255,255,255);
}

.white a{
	color: rgb(255,255,255);
}

.pink{color: rgb(202,71,117);}
.blak{ color:rgb(35,24,21);}

/****** 汎用margin ******/
.mgt-16 { margin-top:-16px; }
.mgt-30 { margin-top:-30px; }
.mgt-32 { margin-top:-32px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt10 {
	margin-top: 10px;
}
.mgt15 { margin-top:15px; }
.mgt17 { margin-top:17px; }
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt80 { margin-top:80px; }
.mgt100 { margin-top:100px; }
.mgt150 { margin-top:150px; }

.mgl-20 { margin-left:-20px; }
.mgl05 { margin-left:5px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }
.mgl60 { margin-left:60px; }
.mgl70 { margin-left:70px; }
.mgl80 { margin-left:80px; }
.mgl90 { margin-left:90px; }
.mgl93 { margin-left:93px; }
.mgl100 { margin-left:100px; }
.mgl105 { margin-left:105px; }
.mgl110 { margin-left:110px; }
.mgl120 { margin-left:120px; }
.mgl130 { margin-left:130px; }
.mgl170 { margin-left:170px; }
.mgl180 { margin-left:180px; }
.mgl270 { margin-left:270px; }
.mgl350 { margin-left:350px; }


.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr60 { margin-right:60px; }
.mgr70 { margin-right:70px; }
.mgr80 { margin-right:80px; }

.mgb-05 { margin-bottom:-05px; }
.mgb05 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px; }
.mgb40 { margin-bottom:40px; }
.mgb100 { margin-bottom:100px; }

.m20{ margin:20px;}

.p10{ padding:5px;}


/****** 汎用padding ******/
.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }


/****** 画像透過50% ******/

a img.alpha_05 { background:none!important; }
a:hover img.alpha_05{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
	}

/****** 画像透過60% ******/

a img.alpha_06 { background:none!important; }
a:hover img.alpha_06{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
	}

/****** 画像透過80% ******/

a img.alpha_08 { background:none!important; }
a:hover img.alpha_08{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
	}
	
	
.page_bottom   {  
    padding: 10px;  
    margin-bottom: 10px;
	margin-top:100px;
	background-color:rgb(237,232,232);
}  
.opacity    {  
    background: #fff;  
    padding: 10px;  
    border: 3px solid rgb(237,232,232);  
    color: #333;
	height:620px;
	font-size:14px;
	line-height:180%;}


.kakomi {
    padding: 20px;border-radius: 10px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;}
	
.kakomi_02 {
    padding: 0 5px 5px 5px;border-radius: 10px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;}	

.kakomi_gray {
	margin:10px 0;
    padding: 10px;
	border-radius: 10px;
    background: #EFEFEF;
    border: 1px #EFEFEF solid;
    box-shadow: 0 2px 3px 0 #EFEFEF;
    -moz-box-shadow: 0 2px 3px 0 #EFEFEF;
    -webkit-box-shadow: 0 2px 3px 0 #EFEFEF;}
	
.kakomi_gray_02 {
	margin:5px 0;
    padding: 10px;
	border-radius: 10px;
    background: #EFEFEF;
    border: 1px #EFEFEF solid;
    box-shadow: 0 2px 3px 0 #EFEFEF;
    -moz-box-shadow: 0 2px 3px 0 #EFEFEF;
    -webkit-box-shadow: 0 2px 3px 0 #EFEFEF;}	

.kakomi_pink100{ width:100%;padding:5px 0 3px 10px; margin-top:5px;
border-radius: 10px; background:rgb(244,223,232);
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
  font-size: 22px;
  color: rgb(228,0,127);
  font-weight: bold;}
  
.kakomi_pink{ padding:5px 0 3px 10px; margin-top:5px;
border-radius: 10px; background:rgb(244,223,232);
text-shadow: 2px 2px 1px #fff,
             -2px 2px 1px #fff,
             2px -2px 1px #fff,
             -2px -2px 1px #fff;
  font-size: 22px;
  color: rgb(228,0,127);
  font-weight: bold;}
  
.kakomi_blue{ margin:5px 0;
    padding: 10px;
	border-radius: 10px;
    background: rgb(234,246,253);
    border: 1px #EFEFEF solid;
    box-shadow: 0 2px 3px 0 #EFEFEF;
    -moz-box-shadow: 0 2px 3px 0 #EFEFEF;
    -webkit-box-shadow: 0 2px 3px 0 #EFEFEF;}
  
.kakomi_green{ margin:5px 0;
    padding: 10px;
	border-radius: 10px;
    background: rgb(237,242,197);
    border: 1px #EFEFEF solid;
    box-shadow: 0 2px 3px 0 #EFEFEF;
    -moz-box-shadow: 0 2px 3px 0 #EFEFEF;
    -webkit-box-shadow: 0 2px 3px 0 #EFEFEF;}    
	
.border_tit {
	border-top: 2px solid rgb(35,24,21);
	border-bottom: 2px solid rgb(35,24,21);
	text-align:center; padding:5px; font-size:15px;
}

.border_item_pint{border-bottom: 2px solid rgb(35,24,21);
	padding:5px; font-size:18px;}
	
.kadomaru_purple  { background-color:rgb(145,93,163); padding:10px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

table.type02 {
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.type02 th {
	width: 180px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.type02 td {
	width: 320px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#aspslide{
      position: relative;      
      width: 850px;
      height: 700px;
      overflow:hidden;
      padding:0!important;
}

.asnakami{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding:0!important;
}

#asnakami1{
      -moz-animation: fadeinout 5s 0s infinite;
      -webkit-animation: fadeinout 5s 0s infinite;
      -o-animation: fadeinout 5s 0s infinite;
      animation: fadeinout 5s 0s infinite;
}

#asnakami2{
      -moz-animation: fadeinout 5s 4s infinite;
      -webkit-animation: fadeinout 5s 4s infinite;
      -o-animation: fadeinout 5s 4s infinite;
      animation: fadeinout 5s 4s infinite;
}

@-moz-keyframes fadeinout {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { opacity:0;left:100%; }
 99.99% { opacity:0;left:100%; }
 100% { opacity:0;left:0%; }
}

@-webkit-keyframes fadeinout {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { opacity:0;left:100%; }
 99.99% { opacity:0;left:100%; }
 100% { opacity:0;left:0%; }
}

@-o-keyframes fadeinout {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { opacity:0;left:100%; }
 99.99% { opacity:0;left:100%; }
 100% { opacity:0;left:0%; }
}

@keyframes fadeinout {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { opacity:0;left:100%; }
 99.99% { opacity:0;left:100%; }
 100% { opacity:0;left:0%; }
}