@charset "utf-8";


@media screen and (max-width: 568px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
#title-area-catetop{
	background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
	background-size:3px 3px;
	-webkit-background-size:3px 3px;
	background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #8cc23a;
	padding:16px 5px 10px;
}
#title-area-detailpage{
	background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
	background-size:3px 3px;
	-webkit-background-size:3px 3px;
	background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #8cc23a;
	padding:16px 5px 10px;
}
#title-area-catetop h1{
	height:22px;
	border-left:3px solid #8cc23a;
	padding:4px 0 0 5px;
}
#title-area-detailpage h1{
	height:22px;
	border-left:3px solid #8cc23a;
	padding:4px 0 0 5px;
	line-height:22px;
}
#title-area-detailpage span.sub-title{
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	line-height:16px;
	padding-left:10px;
}
#title-area-detailpage h1 img,
#title-area-catetop h1 img{
	height:16px;
}

/* ぱんくず */
ul#bread-clumb{
	margin-bottom:4px;
}
ul#bread-clumb li{
	display:inline;
	color:#666666;
	font-size:10px;
}
ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
ul#bread-clumb li a:hover{
	text-decoration:underline;
}


/* テキストリンク（.linkText） */
.linkText{
	display:inline-block;
	color: #035d8a;
	text-decoration:none;
}
.linkText span{
	background:url(/net/images/ico-arrow-blue-sp-d.gif) no-repeat scroll left center;
	background-size:9px 14px;
	padding-left:12px;
}

.txtLink {
  display: block;
  color: #035d8a;
  text-decoration: none;
  margin-top: 10px;
}
.txtLink span {
  display: block;
  background: url(/common/images/ico-arrow-blue-sp-d.gif) no-repeat left top;
  background-size: 9px 14px;
  background: url(/common/images/ico-arrow-blue-sp.gif) no-repeat left top\9;/* for IE7,8 */
  padding: 0 0 0 15px;
}


/** #ns_header
-------------------------------------**/
section#ns_header{
	margin-bottom:20px;	
}

/* .leadText */
.leadText{
	border:1px solid #c4c0bc;
	background:#ffffff;
	padding:7px;
	font-weight:bold;
	margin-bottom:10px;	
}

/* #ns_menu_list */
#ns_menu_list h3{
	color:#ffffff;
	padding:7px 10px; 
	margin-bottom:10px;
}
#ns_menu_list .sell h3{
	background:#023893;
}
#ns_menu_list .buy h3{
	background:#ef7a00;
}
#ns_menu_list ul li{
	width:48%;
	margin-bottom:12px;
	border:1px solid #bab6af;
	box-sizing:border-box;
}
#ns_menu_list ul li a{
	display:block;
	margin:0;
	padding:0;	
}
#ns_menu_list ul li img{
	width:100%;
	height:auto;
}
#ns_menu_list .left{
	float:left;
}
#ns_menu_list .right{
	float:right;
}


/** article
------------------------------------ **/
article h2{
	border-left:3px #8cc23a solid;
	border-bottom:1px #c4c0bc solid;
	background:#FFF;
	font-size:14px;
	padding:7px 7px 5px;
	margin-bottom:10px;
}
article section{
	margin-bottom:20px;	
}

/* unit */
article div.unit{
	width:100%;
	border-top:	6px solid #8cc23a;
	background:#ffffff;
	margin-bottom:10px;
}

/*
article div.unit.acBox{
	border:	6px solid #8cc23a;
	box-sizing:border-box;
}*/

article div.unit p{
	margin-bottom:8px;	
}

article div.unit h3 a{
	height:50px;
}
article div.unit h3 a{
	display:block;
	height:20px;
	padding:15px 10px;
    color: #035d8a;
    text-decoration: none;	
}
article div.unit h3 span{
	display:block;
	text-align:center;
}

article div.unit dl{
	padding:0px 10px 10px 10px;
}
article div.unit dl dt{
	text-align:center;
	padding:10px 0;
}
article div.unit dl dt span{
	display:block;
}

article div.unit dl  span.p_icon{
	display:inline-block;
	color:#ffffff;
	background:#035d8a;
	border:3px solid #035d8a;
	padding:0 2px;
	border-radius:2px 2px 2px 2px;
	margin-bottom:4px;
}

article div.unit ul.products{
	margin:7px 0px 0px;
}
article div.unit ul.products li{
	float:left;
	margin-right:4px;
}







}
@media screen and (min-width: 569px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
/*h1タイトルエリア*/
main{
	position:relative;
	padding:0;
	z-index:1;
}
#title-area-catetop{
	background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #8cc23a;
	height:100px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area-detailpage{
	background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
	border-top:1px solid #cfcfcf;
	border-bottom:2px solid #8cc23a;
	height:76px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#title-area-catetop h1{
	height:38px;
	border-left:5px solid #8cc23a;
	padding:7px 0 0 10px;
	margin:15px 0 0 0;
}
#title-area-detailpage h1{
	height:26px;
	border-left:5px solid #8cc23a;
	padding:2px 0 0 10px;
	margin:13px 0 0 0;
	float:left;
	line-height:26px;
}
#title-area-detailpage span.sub-title{
	font-size:167%;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	display:inline-block;
	vertical-align:top;
}

/* ぱんくず */
ul#bread-clumb li{
	display:inline;
	color:#666666;
}
ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
ul#bread-clumb li a:hover{
	text-decoration:underline;
}
ul#bread-clumb li#home{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 1px no-repeat;
	padding-left:12px;
}

/* テキストリンク(.linkText) */
.linkText{
	display:inline-block;
	color: #035d8a;
	margin-left:10px;
	background:url(/common/images/ico-arrow-blue-square-pc.gif) no-repeat left 1px;	
	padding-left:16px;
	text-decoration:none;
}

.linkText span{
	border-bottom:1px dotted #035d8a;	
}
.linkText span:hover{
	border:none;
}

.txtLink {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: #035d8a;
  text-decoration: none;
  margin-top: 10px;
}
.txtLink:hover {
  text-decoration: underline;
}
.txtLink span {
  display: block;
  background: url(/common/images/ico-arrow-blue-sp.gif) no-repeat left center;
  padding: 0 0 0 14px;
}


	

/** #ns_header
-------------------------------------**/
section#ns_header{
	margin-bottom:30px;	
}

/* leadText */
.leadText{
	border:1px solid #c4c0bc;
	background:#ffffff;
	padding:10px;
	margin:22px 0 16px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

/* #ns_menu_list */
#ns_menu_list{
	margin-bottom:15px;	
}
#ns_menu_list .sell{
	float:left;
}
#ns_menu_list .buy{
	float:right;	
}

#ns_menu_list h3{
	color:#ffffff;
	font-size:16px;
	line-height:18px;
	padding:10px; 
	margin-bottom:15px;
}
#ns_menu_list .sell h3{
	background:#023893;
}
#ns_menu_list .buy h3{
	background:#ef7a00;
}

#ns_menu_list .sell{
	width:312px;
}
#ns_menu_list .buy{
	width:636px;
}

#ns_menu_list li{
	width:148px;
	height:126px;
	float:left;
	border:1px solid #bab6af;
	margin-left:12px;
}
#ns_menu_list ul li a{
	display:block;
	margin:0;
	padding:0;	
}

#ns_menu_list li:first-child{
	margin-left:0;
}




/** article
-----------------------------------**/
article h2{
	border-left:5px #8cc23a solid;
	border-bottom:1px #c4c0bc solid;
	background:#FFF;
	font-size:16px;
	line-height:18px;
	padding:7px 7px 5px;
	margin-bottom:10px;
	margin-left:10px;/* add 150520 */
	margin-right:10px;/* add 150520 */
}

article section{
	margin-bottom:20px;
	margin-left: -10px;/* add 150520 */
	margin-right: -10px;/* add 150520 */
}

/* unit */
article div.unit{
	width:470px;
	min-height:273px;
	border-top:	6px solid #8cc23a;
	background:#ffffff;
	margin:0 10px 20px 10px;/* remark 150520 */
	float:left;
}

/*
article div.unit.acBox{
	width:458px;
	min-height:267px;
	border:	6px solid #8cc23a;
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}
*/

article #anc01,article #anc03,article #anc05{
	/*margin-right:20px;	*/
}

article div.unit p{
	margin-bottom:10px;	
}

article div.unit h3{
	height:50px;
	margin-bottom:4px;
	font-size:14px;
	line-height:18px;
}

article div.unit h3 a{
	display:block;
	height:20px;
	padding:15px 10px;
	color:#000000;
	text-decoration:none;
}
article div.unit h3 a:hover{
	text-decoration:underline;
}

article div.unit h3 span{
	display:block;
	background:url(/common/images/ico-arrow-blue-square-pc.gif) no-repeat left center;	
	text-align:center;
}

article div.unit dl dt span{
	display:block;
}
article div.unit dl span.p_icon{
	display:inline-block;
	color:#ffffff;
	background:#035d8a;
	border:3px solid #035d8a;
	padding:0 2px;
	border-radius:2px 2px 2px 2px;
	margin-bottom:4px;
}

article div.unit dl{
	padding:0 10px 10px;	
}
article div.unit dl dt{
	width:179px;
	float:left;
	text-align:center;
}
article div.unit dl dd{
	margin-left:190px;
}
article div.unit ul.products li{
	float:left;
	margin:0 5px 5px 0;
}