/* About CSS */

 @media screen and (min-width : 701px) {
	
     .about_main_wrapper {
		width:100%;
		min-width:1080px;
		border-top:1px solid #dadbdd;
		clear:both;
		margin:20px 0 60px ;
          background:url(../images/common/bg_blue.jpg) 0 0 repeat;
	}
	#about_main {
		width:1080px;
		margin:0 auto;
		padding:0 15px 60px 15px;
		overflow:hidden;
	}
     
     #story {
          padding:30px 0 0;
          text-align:center;
     }
     #story .about_mtitle {
          width: 512px;
          height: 43px;
          background: url(../images/about/about_title.png) center center no-repeat;
          padding: 0;
          display: block;
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          margin:-8px auto 0;
     }
     #story .story_illust { 
          padding:25px 0 60px;
          background:url(../images/about/about_illust.png) center top no-repeat;
     }
     #story .story_illust p {
          font-size:15px;
          line-height: 2;
          margin:0 0 20px;
     }
     .about_btn {
          float: none;
          margin: 0 auto;
     }
     .about_btn a {
          text-decoration: none;
     }
     
     #categry_area {
          overflow: hidden;
          margin: 0 -20px 60px 0;
     }
     #categry_area div {
          margin: 0 20px 0 0;
          float: left;
     }
     div.item_area {
          width: 525px;
     }
     div.country_area {
          width: 525px;
     }
     #categry_area h3 {
          font-size: 16px;
          font-weight: bold;
          margin: 0 0 15px 5px;
     }
     ul.cate_box {
          height:68px;
          padding:30px 10px 30px 30px;
     }
     ul.cate_box li {
          width:150px;
          margin:0 0 35px;
          float:left;
          display:block;
     }
     ul.cate_box li.interior,
     ul.cate_box li.book-toy {
          margin:0 20px 0 0;  
     }
     ul.cate_box li a{
          width:85px;
          height:30px;
          padding:13px 0 10px 50px;
          font-weight:bold;
          font-size:14px;
          text-decoration:none;
		background:url(../images/search/mtitle_itemicon.png) no-repeat;
     }
     ul.cate_box li.kitchen a{ background-position: 5px 0;}
	ul.cate_box li.interior a{ background-position: 5px -70px;}
	ul.cate_box li.glassware a{ background-position: 5px -140px;}
	ul.cate_box li.funiture a{ background-position: 5px -210px;}
	ul.cate_box li.book-toy a{ background-position: 5px -279px;}
	ul.cate_box li.light a{ background-position: 5px -350px;}
     
     ul.cate_box li.usa a{ background-position: 5px -559px;}
	ul.cate_box li.france a{ background-position: 5px -627px;}
	ul.cate_box li.euro a{ background-position: 5px -702px;}
	ul.cate_box li.uk a{ background-position: 5px -769px;}
     ul.cate_box li.canada a{ background-position: 5px -979px;}
	ul.cate_box li.japan a{ background-position: 4px -1049px;}
     
     ul.cate_box li a:hover {
         opacity:0.8;
	     filter: alpha(opacity=80);
	     -ms-filter: "alpha(opacity=80)";
     }
     
     #link h3 {
          font-size:16px;
          font-weight:bold;
          padding:0 0 18px;
          background:url(../images/common/line_tilt.png) center bottom repeat-x;
     }
     #link ul {
          overflow:hidden;
          margin:0 -25px 0 0;
     }
     #link li {
          width: 515px;
          height:135px;
          margin: 0 25px 0 0;
          padding: 25px 5px 0 ;
          float: left;
          border-bottom: 1px solid #d8d9dd;
     }
     #link li h4 {
          width: 210px;
          height: 120px;
          float: left;
     }
     #link li h4 a {
          font-weight: bold;
          text-decoration: none;
          color: #343b4b;
          line-height: 1.3;
          padding: 0 0 45px;
          background: url(../images/about/icon_link.png) left 50% no-repeat;
     }
     #link li h4 a.icon_position {
          padding:0 0 45px;
          background:url(../images/about/icon_link.png) left 80% no-repeat;
     }
     #link li h4 a:hover {
          text-decoration: underline;
     }
     #link li p {
          line-height:1.5;
          font-size:13px;
     }
     
}

 /*=================================================
SP
=================================================*/
@media screen and (max-width : 700px) {
     
     .about_main_wrapper {
		width:100%;
		max-width:700px;
		border-top:1px solid #dadbdd;
		clear:both;
		margin:0 0 40px ;
          background:url(../images/sp_common/bg_blue.jpg) 0 0 repeat;
	}
	#about_main {
		width:100%;
		margin:0 auto;
		padding:0 1.5% 40px 1.5%;
		overflow:hidden;
	}
     
     #story .about_mtitle {
          font-size:20px;
          line-height:1.5;
          margin:0 auto 0;
          text-align:center;
          font-weight:bold;
     }
     #story img {
          width:100%;
          margin:0 0 10px;
     }
     #story .story_illust {
          padding:15px 0 30px;
     }
     #story .story_illust p {
          font-size:14px;
          line-height:1.5;
          margin:0 0 20px;
          padding:0 1.5%;
     }
     #story .story_illust br {
          display:none;
     }
     .about_btn {
          float:none;
          margin:0 auto;
     }
     .about_btn a {
          text-decoration:none;
     }
     
     #categry_area {
          overflow:hidden;
          margin:0 0 40px 0;
     }
     #categry_area div {
          margin:0 0 0 0;
     }
     div.item_area {
          width:100%;
     }
     div.country_area {
          width:100%;
     }
     #categry_area h3 {
          font-size:16px;
          font-weight:bold;
          margin:0 0 15px 5px;
     }
     ul.cate_box {
          width:100%;
          padding:15px;
          margin:0 0 20px;
     }
     ul.cate_box li {
          padding:15px 0;
          display:block;
     }
     ul.cate_box li a {
          width:100%;
          padding:13px 0 10px 55px;
          font-weight:bold;
          font-size:15px;
          text-decoration:none;
          background-repeat:no-repeat;
          background-position:5px center;
     }
     
     ul.cate_box li.kitchen a {
          background-image:url(../images/sp_common/icon_kitchen.png) ;
          background-size: auto 78%;
     }
	ul.cate_box li.interior a {
          background-image:url(../images/sp_common/icon_interior.png) ;
          background-size: auto 80%;
          background-position:7px center;
     }
	ul.cate_box li.glassware a {
          background-image:url(../images/sp_common/icon_glassware.png) ;
          background-size: auto 78%;
     }
	ul.cate_box li.funiture a {
          background-image:url(../images/sp_common/icon_funiture.png) ;
          background-size: auto 78%;
          background-position:7px center;
     }
	ul.cate_box li.book-toy a {
          background-image:url(../images/sp_common/icon_book_toy.png) ;
          background-size: auto 75%;
          background-position:0 center;
     }
	ul.cate_box li.light a {
          background-image:url(../images/sp_common/icon_light.png) ;
          background-size: auto 78%;
     }
     
     ul.cate_box li.usa a {
          background-image:url(../images/sp_common/icon_usa.png) ;
          background-size: auto 75%;
     }
	ul.cate_box li.france a {
          background-image:url(../images/sp_common/icon_france.png) ;
          background-size: auto 75%;
     }
	ul.cate_box li.euro a {
          background-image:url(../images/sp_common/icon_euro.png) ;
          background-size: auto 75%;
     }
	ul.cate_box li.uk a {
          background-image:url(../images/sp_common/icon_uk.png) ;
          background-size: auto 75%;
     }
     ul.cate_box li.canada a {
          background-image:url(../images/sp_common/icon_canada.png) ;
          background-size: auto 75%;
     }
	ul.cate_box li.japan a {
          background-image:url(../images/sp_common/icon_japan.png) ;
          background-size: auto 75%;
     }
     
     ul.cate_box li a:hover {
         opacity:0.8;
          filter: alpha(opacity=80);
	     -ms-filter: "alpha(opacity=80)";
     }
     
     #link h3 {
          font-size:16px;
          font-weight:bold;
          padding:0 0 18px;
          line-height:1.4;
          background:url(../images/common/line_tilt.png) center bottom repeat-x;
     }
     #link li {
          width:100%;
          margin:0 25px 0 0;
          padding:20px 5px 15px ;
          border-bottom:1px solid #d8d9dd;
     }
     #link li h4 {
          width:100%;
          margin:0 0 15px;
          background:url(../images/about/icon_link.png) 0 1px no-repeat;
     }
     #link li h4 a {
          width:100%;
          display:block;
          font-weight:bold;
          text-decoration:none;
          color:#343b4b;
          line-height:1.3;
          padding:0 0 0 20px;
     }
     #link li h4 a:hover {
          text-decoration: underline;
          background:none;
     }
     #link li p {
          width:100%;
          line-height:1.4;
          font-size:13px;
     }
     
}