/* Guide CSS */

 @media screen and (min-width : 701px) {
	 
	 #guide p,#guide dl dd{
		line-height:1.5;
	}
	#guide h5.midasi {
		border-bottom:1px solid #cfd2d7;
		padding:0 0 13px;
		margin:0 0 17px;
		font-size:16px;
	}
	#guide h4 {
		padding:30px 0 0 ;
		margin:-30px 0 20px ;
	}

	/* ___________________Nav*/
	
	.guide_nav_wrapper {
		padding:20px 28px;
		margin:0 0 30px;
	}

	.guide_nav {
		margin:0 -10px 0 0;
	}
	.guide_nav li {
		width:247px;
		height:66px;
		margin:0 10px 5px 0 ;
		float:left;
		background:url(../images/guide/guide_nav.png) no-repeat;
	}
	
	.guide_nav li.gunav1  { background-position:0 0 ; }
	.guide_nav li.gunav2 { background-position:-258px 0 ; }
	.guide_nav li.gunav3 { background-position:-516px 0 ; }
	.guide_nav li.gunav4  { background-position:-774px 0 ; }
	
	.guide_nav li a{
		width:247px;
		height:66px;
		margin:0;
		padding:0;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background:url(../images/guide/guide_nav_hover.png) no-repeat;
		opacity:0.0;
		filter: alpha(opacity=00);
		-ms-filter: "alpha(opacity=00)";
		transition: all 0.2s linear 0s;
	}
	
	.guide_nav li.gunav1 a{ background-position:0 0 ; }
	.guide_nav li.gunav2 a{ background-position:-258px 0 ; }
	.guide_nav li.gunav3 a{ background-position:-514px 0 ; }
	.guide_nav li.gunav4 a{ background-position:-772px 0 ; }
	
	.guide_nav li a:hover {
		opacity:1.0;
		filter: alpha(opacity=10);
		-ms-filter: "alpha(opacity=10)";
	}
	
	/* ___________________________________Order*/
	/* ___________________site*/
	
	#site{
		margin:0 0 70px;
	}
	
	#site ul li{
		height:214px;
		margin:0 0 50px;
		clear:both;
	}
	#site ul li img{
		width:395px;
          height:auto;
		float:left;
	}
	#site ul li div{
		width:645px;
		float:right;
		padding:10px 0 0 ;
	}
	#site ul li div h5 span,#telfax ul li div h5 span{
		color:#caa672;
		font-family: 'Halant', serif;
		padding:0 10px 0 3px ;
		margin:3px 10px 0 0;
		font-size:30px;
		background:url(../images/guide/line_step.png) right 20px no-repeat;
	}
	#site ul li div h5 span:before,#telfax ul li div h5 span:before{
		content:"Step";
		color:#caa672;
		font-family: 'Halant', serif;
		padding:1px 3px 1px 10px ;
		font-size:20px;
	}
	
	/* ___________________Telfax*/
	
	#telfax ul li{
		margin:0 0 50px;
	}
	#telfax ul li div{
		width:100%;
		padding:10px 0 0 ;
	}
     .sp_telfax {
          display:none;
     }
	
	/* ___________________________________How to*/
	/* ___________________delivery/payment*/
	.guide_inner {
		padding:20px 0 20px 200px;
		background:url(../images/guide/guide_bg.jpg) 0 0 repeat-y;
	}
	
	#delivery,#payment {
		margin:0 0 70px
	}
	#delivery p,#payment p {
		margin:0 0 50px
	}
	#delivery dl {
		margin:0 0 50px;
	}
	#delivery dt {
		font-weight:bold;
		margin:0 0 25px;
	}
	#delivery dd {
		margin:0 0 25px;
	}
	#delivery img,#payment img {
		margin:0 0 25px;
	}
     #delivery .deliverylist_img img{
          width: 430px;
          height:89px;
          margin:0 0 ;
      }
	#payment p.p_margin {
		margin:0 0 15px 0 ;
	}
}

 /*=================================================
SP
=================================================*/
@media screen and (max-width : 700px) {
     
     #guide p,#guide dl dd{
		line-height:1.5;
	}
	#guide h5.midasi {
		border-bottom:1px solid #cfd2d7;
		padding:0 5px 10px;
		margin:0 0 15px;
		font-size:15px;
	}
	#guide h4 {
		padding:30px 0 0 ;
		margin:-30px 0 20px ;
	}

	/* ___________________Nav*/
	
	.guide_nav_wrapper {
		padding:15px 5px 5px 5px;
		margin:0 0 20px;
	}
	.guide_nav {
          overflow:hidden;
	}
	.guide_nav li {
		width:49%;
          height: auto;
          overflow:hidden;
		float:left;
		margin:0 0.5% 5px;
          display:block;
	}
     .guide_nav li a {
          width:100%;
          height:0;
          display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
          padding:27.5% 0 0 ;
      }
	
	.guide_nav li.gunav1  a{
          background:url(../images/sp_guide/guide_nav01.png) 0 0 no-repeat;
          background-size: auto 100%;
      }
	.guide_nav li.gunav2 a{
           background:url(../images/sp_guide/guide_nav02.png) 0 0 no-repeat;
           background-size: auto 100%;
      }
	.guide_nav li.gunav3 a{
           background:url(../images/sp_guide/guide_nav03.png) 0 0 no-repeat;
           background-size: auto 100%;
      }
	.guide_nav li.gunav4  a{
           background:url(../images/sp_guide/guide_nav04.png) 0 0 no-repeat;
           background-size: auto 100%;
       }
	
	/* ___________________________________Order*/
	/* ___________________site*/
	
	#site {
		margin:0 0 40px;
	}
     #site p {
          padding:0 5px;
      }
	#site ul li{
		margin:0 0 30px;
	}
	#site ul li img{
          display:none;
	}
	#site ul li div{
		width:100%;
		padding:10px 0 0 ;
          display:block;
	}
	#site ul li div h5 span,#telfax ul li div h5 span{
		color:#caa672;
		font-family: 'Halant', serif;
		padding:0 10px 0 0 ;
		margin:3px 10px 0 0;
		font-size:25px;
		background:url(../images/guide/line_step.png) right 14px no-repeat;
	}
	#site ul li div h5 span:before,#telfax ul li div h5 span:before{
		content:"Step";
		color:#caa672;
		font-family: 'Halant', serif;
		padding:1px 3px 1px 2px ;
		font-size:17px;
	}
	
	/* ___________________Telfax*/
     
     .sp_telfax {
          border: solid 1px #fff;
 		outline: solid 1px #e9edf0;
		background:url(../images/sp_common/bg_blue.jpg) 0 0 repeat;
          padding:13px 10px;
          margin:0 0 10px;
     }
     .sp_telfax dt {
          margin:0 0 2px;
          color:#585D6C;
     }
      .sp_telfax dd {
          padding:0 0 0 10px;
     }
     .sp_telfax dd.tel {
          font-size:25px;
          margin:0 0 8px;
      }
	#telfax ul li{
		margin:0 0 30px;
	}
	#telfax ul li div{
		width:100%;
		padding:10px 5px 0 ;
	}
	
	/* ___________________________________How to*/
	/* ___________________delivery/payment*/
	.guide_inner {
		padding:10px 0;
	}
	#delivery {
		margin:0 0 20px;
	}
	#delivery p,#payment p {
		margin:0 0 40px;
         padding:0 5px;
	}
	#delivery dl {
		margin:0 0 40px;
          padding:0 5px;
	}
	#delivery dt {
		font-weight:bold;
		margin:0 0 10px;
	}
	#delivery dd {
		margin:0 0 20px;
	}
	#delivery img,#payment img {
		margin:0 0 15px;
          padding:0 5px;
	}
	#payment p.p_margin {
		margin:0 0 15px 0 ;
	}
     #delivery .deliverylist_img img{
          width:100%;
          margin:0;
      }
      #payment .delivery_card_img {
           width:95%;
      }
}