@charset "UTF-8";

/*	================================================================
 COMMON（共通）
==================================================================== */
body{
  line-height: 1.6em;
  color: #333;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  min-width: 960px;
}
article{
  position: relative;
}

/*
a:hover img{
filter:alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
transition: 0.3s; 
}
*/


/*	================================================================
 ●PC【画面の横幅が769px以上】
==================================================================== */
@media screen and (min-width: 641px){

.all-wrap{
  padding-left: 270px;
  padding-right: 40px; 
  position: relative;
  max-width: 1230px;
  line-height: 2em;
}

.oshirase{
	background:yellow;
	margin:0;
	padding: 40px 0 40px 270px;
	font-size:120%;
	line-height: 1.6em;
}
.oshirase .main{
	background: #fff;
	display:inline;
	color:red;
}
.oshirase .title{
	font-size: 130%;
	font-weight:bold;
}


/* ===== スマホ非表示 エリア =====*/
.sp-menu, .drawer{
  display: none;
}


/* ===== ヘッダー（固定）エリア =====*/
.main-nav{
  padding-left: 250px;
  height: 40px;
  line-height: 40px;  
  background: #0043cb; /* Old browsers */
  background: -moz-linear-gradient(top,  #0043cb 0%, #3546f7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0043cb), color-stop(100%,#3546f7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0043cb 0%,#3546f7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0043cb', endColorstr='#3546f7',GradientType=0 ); /* IE6-9 */
}
.main-nav ul{
  list-style: none;
}
.main-nav ul li{
  float: left;
}
.main-nav ul li a{ color: #fff; text-decoration: none; padding: 0 20px; display: block;}
.main-nav ul li a:link{ text-decoration: none;}
.main-nav ul li a:visiter{ text-decoration: none;}
.main-nav ul li a:hover{ color: #fff; text-decoration: none; background: #EA00B0;}

header{
  height: 80px;
  padding-left: 270px;
  background: url(../own_images/new/header_bg.png);
}
h1{
  padding-top: 10px;
  font-size: 12px;
  font-weight: bold;
}
h2{
  background: #0A60C3;
  color: #fff;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
  margin-bottom: 20px;
}
h2.header{
  font-size: 10px;
  padding-top: 10px;
  line-height: 1em;
  background: none;
  padding-left: 0;
  color: #333;
}



/* ===== サイドナビ（固定）エリア =====*/
.nav-wrap{
  min-height: 2000px;
  position: relative;
}
nav{
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 20px;
  z-index: 99;
  background: rgba(255,255,255,1);
  border-left: 5px solid #0043CB;
  border-right: 5px solid #0043CB;
  box-shadow: 5px 0px 20px rgba(0,0,0,0.3);
}
nav ul{
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  text-align: left;
  padding-bottom: 20px;
}
nav li{
  list-style: none;
  letter-spacing: 0.1em;
  margin-left: 5px;
  padding-left: 35px;
}
nav li a{text-decoration: none; display: block; /* transition: 0.3s; */}
nav li a:link{ color:#333; background: none;}
nav li a:visited{ color:#333; background: none;}
nav li a:hover{ color:#ccc; background: none;}
nav li.none a:hover{ color:#333; background: none; margin: 0;}

nav li.bg_01{ background: url(../own_images/new/nav_bg_01.png) no-repeat left center;}
nav li.bg_02{ background: url(../own_images/new/nav_bg_02.png) no-repeat left center;}
nav li.bg_03{ background: url(../own_images/new/nav_bg_03.png) no-repeat left center;}
nav li.bg_04{ background: url(../own_images/new/nav_bg_04.png) no-repeat left center;}
nav li.bg_05{ background: url(../own_images/new/nav_bg_05.png) no-repeat left center;}
nav li.bg_06{ background: url(../own_images/new/nav_bg_06.png) no-repeat left center;}
nav li.bg_07{ background: url(../own_images/new/nav_bg_07.png) no-repeat left center;}

nav li.bg_price{ background: url(../own_images/new/nav_bg_price.png) no-repeat left center; padding-left: 20px;}

nav li.bg_shikaku{ background: url(../own_images/new/nav_bg_shikaku.png) no-repeat left center; padding-left: 35px;}
nav li.bg_maru{ background: url(../own_images/new/nav_bg_maru.png) no-repeat left center; padding-left: 35px;}

.nav-brnd{
  background: url(../own_images/new/nav_bg_price.png) no-repeat left center;
  padding-left: 20px;
}
.nav-title{
  text-align: center;
  color:#fff;

  background: #0043cb; /* Old browsers */
  background: -moz-linear-gradient(top,  #0043cb 0%, #3546f7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0043cb), color-stop(100%,#3546f7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0043cb 0%,#3546f7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0043cb 0%,#3546f7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0043cb', endColorstr='#3546f7',GradientType=0 ); /* IE6-9 */

  height: 30px;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px; 
}

.pay-send{
  border-top: 7px solid #0043CB;
}
.pay-send_end{
  border-bottom: 7px solid #0043CB;
}



/* ===== トップページ　エリア =====*/
.icatch{
  width: 100%;
}

.bnr-area-01 img, .bnr-area-02 img{
width: 100%;
}
.bnr-area-01, .bnr-area-02{
max-width: 1440px;

}

.bnr-area-01 p{
  float: left;
  width: 49%;
  margin-right: 1%;
}
@media screen and (max-width:1100px){
.bnr-area-01 p{
  float: none;
  width: 96%;
}
}

.bnr-area-02 p{
  float: left;
  width: 24%;
  margin-right: 1%;
}
@media screen and (max-width:1100px){
.bnr-area-02 p{
  float: left;
  width: 47.5%;
}
}

.news{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 20px 250px;
  background: url(../own_images/new/bg_sand.png);
}
.news h2, .inner h2{
  border: none;
  border-left: 10px solid #EA00B0;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  color: #333;
  background: none;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 5px;
}
.news dl{
  float: left;
  width: 30%;
  padding: 0 3% 0 0;
  margin-bottom: 40px;
  
}
.news dd{
  text-indent: .5em;
  background: url(../own_images/new/bg_icon.png) no-repeat left 5px;
}
.news img{
  padding-bottom: 5px;
}
.inner{
  padding-top: 40px;
  padding-left: 270px;  
  margin-right: 40px;
}

TABLE.TOP_NEWS {
background: url(../own_images/new/bg-news.png) no-repeat right bottom;
margin-top: 20px;
}



/* ===== フッター（固定）エリア =====*/
.sitemap{
  background: #0043CB;
  border-top: 2px solid #1D009F;
  font-size: 12px;
  padding: 60px 0 60px 60px;
  letter-spacing: 0.2em;
}
.sitemap .clm{
  color: #fff;
  height: 200px;
  float: left;
  width: 20%;
  padding: 0 2%;
  border-right: 1px solid #1D009F;
  border-left: 1px solid #366DD6;
}
.sitemap .left-border-none{ border-left: 0;}
.sitemap .right-border-none{ border-right: 0;}

.sitemap dl a{text-decoration: none; display: block;}
.sitemap dl a:link{color: #fff;}
.sitemap dl a:visited{color: #fff;}
.sitemap dl a:hover{color: #28cbd4;}

.sitemap dt{
  font-weight: bold;
  padding-bottom: 15px; 
}
.sitemap dt.none{
  padding-bottom: 0;
}
.sitemap dd{
  text-indent: 1em;
}
footer{
  padding: 20px 0;
  text-align: center;
  line-height: 30px;
  border-top: 1px solid #13688C;
  font-size: 11px;
}


.TOP_SHOHIN_LIST_WRAP {
	overflow: hidden;
}
/* clearfix */
.TOP_SHOHIN_LIST_WRAP:before,
.TOP_SHOHIN_LIST_WRAP:after {content: "";display: table;}
.TOP_SHOHIN_LIST_WRAP:after {clear: both;}
.TOP_SHOHIN_LIST_WRAP { zoom: 1;}

.TOP_SHOHIN_LIST{
  width: 280px;
  height: 290px;
  margin-right: 20px;
  float: left;
}

p.TOP_SHOHIN_TITLE{
  text-align: center;
  background: #237CB6;
  margin-top: 20px; 
}
p.TOP_SHOHIN_TITLE a{
  color: #fff;
}

.ITEM_IMG{
  float: left;
  width: 49%;
  padding-right: 2px;
  margin-bottom: 40px;  
}
.ITEM_IMG img{ max-width: 600px; width: 100%; height: auto;}
.ITEM_DETAIL{
  background: #efefef;
  padding: 2%;
  float: right;
  width: 45%;
  margin-bottom: 40px;
}
.ITEM_BUNRUI_SAME{
  background: #fff;
  margin: 10px 0;
  text-align: center;
  font-size: 120%;
  height: 50px;
  line-height: 50px;
  border-right: 2px solid #C2C6C6;
  border-bottom: 2px solid #C2C6C6;
}
.ITEM_BUNRUI_SAME a{ color:#333; display: block;}
.ITEM_BUNRUI_SAME a:hover{ color: #ccc;}

.ITEM_BUY_AREA {
  clear: both;
  height: 60px;
  margin-bottom: 50px;
  background: aliceblue;
  border-bottom: 2px solid #D3D3D3;
}


.ITEM_COMMENT{
  border: #ccc 1px solid;
  padding: 20px;
}


.ITEM_KANREN_LIST_WRAP {
	overflow: hidden;
}
/* clearfix */
.ITEM_KANREN_LIST_WRAP:before,
.ITEM_KANREN_LIST_WRAP:after {content: "";display: table;}
.ITEM_KANREN_LIST_WRAP:after {clear: both;}
.ITEM_KANREN_LIST_WRAP { zoom: 1;}

.ITEM_KANREN_LIST{
  width: 280px;
  height: 250px;  
  float: left;
  margin-right: 20px;
}

.ITEM_KANREN_ADDALL a{
  float: left;
  width: 280px;
  height: 192px;
  line-height: 192px;
  text-align: center;
  font-size: 130%;
  color: #fff;
  background: #237CB6;
  display: block;  
}
.ITEM_KANREN_ADDALL a:hover{ color:#fff; background: #77acce;}

TD .SUB_TITLE H1 {
  border: none;
  margin-top: 30px;
  border-left: 10px solid #EA00B0;
  padding-left: 10px;
  height: 30px;
  line-height: 30px; 
  color: #333;
  font-size: 150%;
}


.guide h2{
background: #fff;
color: #0A60C3;
font-size: 150%;
font-weight: bold;
padding: 10px;
line-height: 30px;
height: 30px;
}
.guide h2 span{
background: #0A60C3;
padding: 10px 15px;
color: #fff;
margin-right: 10px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
}
.img-area img {
width: 100%;
max-width: 610px;
margin-bottom: 20px;
}
.guide-text {
  margin-bottom: 100px;
}
.guide .caution {
background: #FCFBBE;
max-width: 610px;
padding: 10px;
margin: 10px 0;
}


.guide-nav{
  width: 100%;
  margin-bottom: 30px;
}
.guide-nav .box a{
display: block;
float: left;
  width: 24%;
  margin-right: 1%;
  background: #A1CBEA;
  color: #333;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  
}
.guide-nav .box a:hover{
  background: #EA0EB0;
  color: #fff;
}

.ohmidashi {
font-weight: bold;
margin: 60px 0 30px 0;
border-bottom: 1px solid #333;
font-size: 150%;
height: 65px;
line-height: 75px;
padding: 0 0 10px 75px;
}
.midashi {
margin: 30px 0px 10px 0px;
font-weight: bold;
font-size: 145%;
color: #EA00B0;
border-bottom: 1px dashed #333;
padding-bottom: 3px;
}
.submidashi {
margin: 20px 0px 5px 0px;
font-weight: bold;
font-size: 110%;
color: #333;
}
.guide-2{
  line-height: 1.6em;
  margin-bottom: 60px;
}
.guide-2 p{
  margin-bottom: 10px;
}
.guide-2 span{
  border-bottom: 1px solid red;
}
.guide-2 ul{
  padding-left: 2em;
}

.bg_guide_01{ background: url(../own_images/new/bg_guide_01.png) no-repeat left center;}
.bg_guide_02{ background: url(../own_images/new/bg_guide_02.png) no-repeat left center;}
.bg_guide_03{ background: url(../own_images/new/bg_guide_03.png) no-repeat left center;}
.bg_guide_04{ background: url(../own_images/new/bg_guide_04.png) no-repeat left center;}
.bg_guide_05{ background: url(../own_images/new/bg_guide_05.png) no-repeat left center;}
.bg_guide_06{ background: url(../own_images/new/bg_guide_06.png) no-repeat left center;}
.bg_guide_07{ background: url(../own_images/new/bg_guide_07.png) no-repeat left center;}
.bg_guide_08{ background: url(../own_images/new/bg_guide_08.png) no-repeat left center;}
.bg_guide_09{ background: url(../own_images/new/bg_guide_09.png) no-repeat left center;}
.bg_guide_10{ background: url(../own_images/new/bg_guide_10.png) no-repeat left center;}
.bg_fax{ background: url(../own_images/new/bg_fax.png) no-repeat left center;}


.hurikomisaki{
width: 180px;
padding: 20px;
color: #333;
background: yellow;
font-size: 110%;
font-weight: bold;
}

.henpin{
width: 330px;
padding: 10px;
color: #333;
background: yellow;
font-weight: bold;
}

}


/*	================================================================
 SMART PHONE【画面の横幅が640px以下】
==================================================================== */
@media screen and (max-width:640px){

p.TOP_SHOHIN_COMMENT {
  background-color: #fff;
  padding: 5px;
  border-bottom: 1px solid #dedede;
}

header , nav , .main-nav , .bnr-area-02{
  display: none;
}

.clm-03 ,
.clm-04{
   display: none;
}
.sitemap dl {
  padding: 0px 10px;
}
.sitemap dd {
  float: left;
  width: 49%;
  text-align: center;
  margin: .5%;
  background-color: #efefef;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #dedede;
}
.sitemap dt {
  background-color: #3C4BD4;
  color: #fff;
  padding: 1%;
  margin: 10px .5% 0;
  text-align: center;
}

body{
  min-width: 0;
}

.img-area img , .icatch img , .ITEM_IMG img , .TOP_SHOHIN_IMAGE , .ITEM_KANREN_LIST img{
  width: 100%;
  height: auto;
}
.bnr-area-01 img{
  width: 94%;
  margin: 0 3%;
}

.all-wrap{
  padding: 0 15px;
}
.icatch img{
  width: 100%;
  height: auto;
  padding-top: 50px;
}
h2 {
  margin: 10px 0 2px 0;
  background: #237CB6;
  color: #fff;
  text-align: center;
  padding: 2px 0;
}

.news{
  border-top: 1px solid #ccc;
  background: url(../own_images/new/bg_sand.png);
}
.news dl{
  padding: 10px 15px;
  border-bottom: 1px dotted #ccc;
}
.news dd{
  text-indent: .5em;
  background: url(../own_images/new/bg_icon.png) no-repeat left 5px;
}
h3{
  font-size: 16px;
  color: #fff;
  background: #13688C;
  padding: 10px 15px;
  letter-spacing: 0.2em;
}
footer{
  padding: 20px;
  text-align: center;
}
.cprt{
  background: #efefef;
  text-align: center;
  line-height: 30px;
  margin-top: 40px;
}


.TOP_SHOHIN_LIST_WRAP{
  margin: 0 15px;
}

.TOP_SHOHIN_LIST{
  margin-right: 0;
  margin-bottom: 20px;
}
p.TOP_SHOHIN_TITLE{
  text-align: center;
  background: #237CB6;
}
p.TOP_SHOHIN_TITLE a{
  color: #fff;
}


TD .SUB_TITLE H1 {
  margin-top: 70px;
  border:none;
  color: #fff;
  background: #237CB6;
}


.guide-nav{
  width: 100%;
  margin-bottom: 20px;
}
.guide-nav .box a{
display: block;
  width: 100%;
  background: #A1CBEA;
  color: #333;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  margin-bottom: 10px;
}
.guide-nav .box a:hover{
  background: #EA0EB0;
}

.ohmidashi {
font-weight: bold;
margin: 30px 0 10px 0;
border-bottom: 1px solid #333;
font-size: 150%;
height: 35px;
line-height: 45px;
padding: 0 0 10px 40px;
}
.midashi {
margin: 60px 0px 10px 0px;
font-weight: bold;
font-size: 145%;
color: #EA00B0;
border-bottom: 1px dashed #333;
padding-bottom: 3px;
}
.submidashi {
margin: 20px 0px 5px 0px;
font-weight: bold;
font-size: 110%;
color: #333;
}

.guide-2 span{
  border-bottom: 1px solid red;
}
.guide-2 ul{
  padding-left: 2em;
}
.bg_guide_01{ background: url(../own_images/new/bg_guide_01.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_02{ background: url(../own_images/new/bg_guide_02.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_03{ background: url(../own_images/new/bg_guide_03.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_04{ background: url(../own_images/new/bg_guide_04.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_05{ background: url(../own_images/new/bg_guide_05.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_06{ background: url(../own_images/new/bg_guide_06.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_07{ background: url(../own_images/new/bg_guide_07.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_08{ background: url(../own_images/new/bg_guide_08.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_09{ background: url(../own_images/new/bg_guide_09.png) no-repeat left center; background-size:30px 30px;}
.bg_guide_10{ background: url(../own_images/new/bg_guide_10.png) no-repeat left center; background-size:30px 30px;}

.hurikomisaki{
padding: 10px;
color: #333;
background: yellow;
font-weight: bold;
}

.henpin{
padding: 10px;
color: #333;
background: yellow;
font-weight: bold;
}

p.ITEM_BUNRUI_SAME {
  background-color: #fff;
  padding: 10px;
  text-align: center;
  margin: 10px 0px 0px;
  box-shadow: 0 1px 0 #ccc;
}
.ITEM_DETAIL {
  background: #efefef;
  padding: 10px;
  margin: 10px 0;
}

.ITEM_IMG {
  margin-bottom: 10px;
}
.input_def {
  display: block;
  width: 100%;
  margin: 10px 0;
}
td.SHOHIN_CHUMOKU img {
  width: 98%;
}
.ITEM_BUY_AREA {
  clear: both;
  height: 50px;
  margin-bottom: 50px;
  background: aliceblue;
  border-bottom: 2px solid #D3D3D3;
}

/* スマートフォン #SLIDE_MENU
=================================================== */
#slide_menu li{
	padding: 10px;
	border-top: 1px solid #2a81ae;
	border-bottom: 1px solid #1a5370;
}
#slide_menu li.fst{
	border-top: none;
}
#slide_menu li.end{
	border-bottom: none;
}
#slide_menu li a{
	color: #FFF;
	display: block;
	text-decoration: none;
}

.ITEM_KANREN_LIST {
  width: 49%;
  float: left;
  margin: 2px .5%;
  border: 3px solid #efefef;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  font-size: 1em;
}


p.ITEM_KANREN_ADDALL {
  background-color: yellow;
  text-align: center;
  display: block;
  padding: 10px;
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
  clear: both;
}

}/* @media */

.ogata
{
    background:#eee;
    border:solid 2px red;
    padding:10px;
}