/* common
-----------------------------*/
body {
	margin: 0;
	padding: 0;
}
div#wrap {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}


div#header, div#footer {}
div#header a:link, div#header a:visited,
div#footer a:link, div#footer a:visited {
	text-decoration: none;
}
div#header a:hover, div#footer a:hover { text-decoration: underline; }
div#header img, div#footer img { vertical-align: top; }

/* style */
.tc { text-align: center !important; }

/* all
-----------------------------*/
div.topicpath {
	display: none;
	width: auto;
}
div#contents {
	width:960px !important;
	margin:0 auto;
	padding:5px !important;
	zoom: 1;
}
div#main { width: auto; }

a{
	
}

/* header
-----------------------------*/
div.header h1 {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hdrWrap{
  /*position: fixed;*/
  z-index: 99999;
  width: 100%;
  height: 84px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}

.header{
  overflow: hidden;
  width: 100%;
  height: 83px;
  margin: 0 auto;
  border-top: 3px solid #0087ea;
  border-bottom: 1px solid #bfbfbf;
  background: #fff;
  box-sizing: border-box;
}
.header .logo{
  float: left;
  width: 380px;
  padding-top: 3px;
  padding-left: 10px;
}
.header .logo img{
  display: block;
}
.header .gnav{
  float: right;
  width: 50px;
  padding-top: 14px;
  padding-right: 10px;
  cursor: pointer;
}
.header .gnav img{
  display: block;
}

.hdrInner{
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}

.header .welcome{
  font-size:133.5% !important;
  font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",Verdana,Helvetica,Arial,sans-serif !important;
  border:3px solid #0087ea;
  float:right;
  display:table;
  line-height:1.4;
  height:100%;
  background: #0087ea;
  margin:0;
  box-sizing:border-box;
}

.header .welcome a{
  display:table-cell;
  padding:0 20px;
  vertical-align:middle;
  color:  #fff;
  text-decoration:none;
  position:relative;
}
.header .welcome a:after{
  content:">";
  display:inline-block;
  position:relative;
  right:-8px;
  bottom:12px;
}

/* sideMenu
=============================== */
#sideMenu{
  font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",Verdana,Helvetica,Arial,sans-serif;
  position: fixed;
  z-index: 199999;
  top: 0;
  right: -420px;
  width: 420px;
  height: 100%;
  padding: 84px 75px 50px;
  -webkit-transition: right .7s;
  -moz-transition: right .7s;
  -ms-transition: right .7s;
  -o-transition: right .7s;
  transition: right .7s;
  opacity: .9;
  background: #0087ea;
  box-sizing: border-box;
}
#sideMenu nav{
  overflow-y: auto;
  height: 100%;
}
#sideMenu nav .sideMenuList > li{
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 66px;
  border-top: 1px solid #fff;
}
#sideMenu nav .sideMenuList > li > ul{
  display: none;
  padding-left: 30px;
}
#sideMenu nav .sideMenuList > li > ul > li{
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 33px;
  border-top: 1px solid #59b1f1;
}
#sideMenu nav .sideMenuList > li > ul > li:last-child{
  margin-bottom: 18px;
}
#sideMenu #sideMenu__btnClose{
  position: absolute;
  top: 17px;
  right: 10px;
}
#sideMenu .sideMenu__toggle:after{
  content: "";
  display: inline-block;
  width: 15px;
  height: 16px;
  padding-left: 10px;
  background-image: url("/newpackage/0120377/img/icon_menuArwH.png");
  background-repeat: no-repeat;
  background-position: right 3px;
}
#sideMenu .sideMenu__toggle.open:after{
  background-image: url("/newpackage/0120377/img/icon_menuArwV.png");
}
#sideMenu a{
	font-size: 62.5% !important;
  display: block;
  text-decoration: none;
  color: #fff;
}

/* footer
-----------------------------*/

#footer p{
		font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",Verdana,Helvetica,Arial,sans-serif !important;
		font-size:62.5% !important;
}
.ftr__copyright{
		font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",Verdana,Helvetica,Arial,sans-serif !important;
		font-size:62.5% !important;
}

div#footer {
	border: none !important;
}

#ftrWrap{
  overflow: hidden;
  z-index: 999;
  border-bottom: 5px solid #0087ea;
  background: #f8f8f8;
  box-sizing: border-box;
}
#ftrWrap .ftrInner{
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
	padding-top:28px;
  border-top:2px solid #0087ea;
}

/* .ftr__head */
.ftr__head .ftrInner{
  padding: 30px 0;
  border-bottom: 2px solid #0087ea;
}

/* .ftr__foot */
.ftr__foot{
  font-size: 10px;
  font-size: 1rem;
  padding: 28px 0;
  background: #fff;

}
.ftr__foot .ftrInner{
  display: table;
}

.ftr__foot .ftr__address{
  display: table-cell;
  line-height: 1.5;
  width: 450px;
  min-height: 40px;
  padding-left: 72px !important;
  background: url("/newpackage/0120377/img/ftr_logo.gif") left top no-repeat;
  box-sizing: border-box;
}
.ftr__foot .ftr__address strong{
  font-weight: bold;
}
.ftr__foot .ftr__copyright{
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}


/* .ftr__foot */
.ftr__foot{
  font-size: 10px;
  font-size: 1rem;
  padding: 28px 0;
  background: #fff;
}
.ftr__foot .ftrInner{
  display: table;
}
.ftr__foot .ftr__address{
  display: table-cell;
  line-height: 1.5;
  width: 450px;
  min-height: 40px;
  padding-left: 72px;
  background: url("/newpackage/0120377/img/ftr_logo.gif") left top no-repeat;
  box-sizing: border-box;
}
.ftr__foot .ftr__address strong{
  font-weight: bold;
}
.ftr__foot .ftr__copyright{
  display: table-cell;
  text-align: right;
  vertical-align: bottom;
}

/* title
-----------------------------*/
div#contents div#main h2,
div#contents div#main div#campaign h2,
div#contents div#main div#maintitle h2,
div#side dl.sideBox dt.title {
}
div#contents div#main div#maintitle h2 { zoom:1; }


/* group_table
-----------------------------*/
.group_table {
	float: none;
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
}
.group_table th { text-align: center; }
.group_table th, .group_table th a { font-weight: bold; }
.group_table th, .group_table td {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.group_head {
	background-color: #0087ea;
	color: #FFFFFF;
}
.group_head2 { background-color: #EEEEEE; }
.group_head a:link, .group_head a:visited, .group_head a:hover { color: #FFFFFF; }


/* map
-----------------------------*/
#map{ clear: both; }


/* campaign
-----------------------------*/
div#contents div#main div#campaign div.text {
	float: none;
	width: auto;
}


/* hdplan_1
-----------------------------*/
div#shopinfo div.text {
	width: 415px;
	display: inline;
	margin: 0 10px 0 0;
}
div#shopinfo div.campaign {
	width: 390px;
	display: inline;
	margin: 0 17px 0 0;
}
div#shopinfo div.campaign p.img { margin-right: 5px; }
div#shopinfo div.campaign div {
	float: none;
	width: auto;
}
#hdplan_1 ul#shopimage_s li { width: 115px; }
ul#shopimage_s { margin-bottom: 30px; }
div.hdplan_main { width: 630px !important; }
div#main div#pay {
	width: auto;
	float: none;
}
div#main div#cancel {
	float: none;
	width: auto;
}
div#main #voice th { width: 117px; }
div#main #voice p.title span.about { margin: 0; }
ul#shopimage_s li p.text { word-wrap: break-word; }


/* hdplan_2
-----------------------------*/
#hdplan_2 div#shopcomment div.text { width: 346px; }
#hdplan_2 div#main { width: 625px; }
#hdplan_2 div#main ul#shopimage_m li { padding: 0 0 0 10px; }


/* hdplan_3
-----------------------------*/
#hdplan_3 div#main { width: 645px; }
#hdplan_3 div#main div#photoBox li { padding: 0 0 10px 30px; }
#hdplan_3 div#main div#campaign div.text { width: 380px }
#hdplan_3 div#main div#certification { margin: 0 0 10px !important; }
#hdplan_3 div.icon ul li.text {
	clear: both;
	width: 100px;
}
#hdplan_3 div#main div#photoBox ul { padding: 9px 0 0 40px; }


/* summary
------------------------------------------------*/
div#searchBox { position: static; }
div#searchBox div.inner { zoom: 1; }
div.photoList table td img.new_up { margin-right: 50px; }
div.photoList .carPrice {
	padding: 5px 0;
	text-align: center !important;
}
div.photoList .carPrice p .recycle { padding-left: 70px; }
div.photoList .carPrice .borderDottTop {
	border-top: 1px dotted #CCCCCC;
	margin: 5px 0 0;
	padding: 5px 0;
}
.detailEtc a { text-decoration: none !important; }


/* summary
------------------------------------------------*/
div#main div#shopsummary div.txt { width: 420px; }


/* ------------ 960pxﾌ､ﾋ?､ﾎ､ﾈ､ｭ ANG ------------ */

/*---------spread｡ｧｺﾟｸﾋｾﾜｺﾙ---------*/
#wrap #spread div.itemList ul li.lineL{ width: 450px;}
#wrap #spread div.itemList ul li{ width: 171px;}
/*---------spread/ end---------*/

/*---------------hpplan｡ｧﾅｹﾊﾞｾﾜｺﾙ------------------------*/

/*--------- ､ｪﾅｹ､ｫ､鬢ﾎ､ｪﾃﾎ､鬢ｻｲﾕｽ? -------*/

#wrap #hpplan01 #contents #main.w685, 
#wrap #hpplan01 #contents .w685{ width: 690px;}

/*-------------- ｹﾘﾆ?ｼﾔ､ﾎﾀｼ --------------*/
#wrap #hpplan01 #main .box_buyerReview .review .user .box_roundGrayB,
#main .box_buyerReview .review .shop .box_roundOrange{ width: 83%;}

/*-------------- ﾈﾎﾇ莨ﾂﾀﾓ --------------*/

#wrap #hpplan01 #main.w685 .carousel{ width: 525px;}
#wrap #hpplan01 #main.w685 .carousel .jcarousel-clip{ width: 525px !important;}


/*---------hpplan/ end---------------------------------*/

/*-------------- review --------------*/

/* ｸ?･ｳ･ﾟﾁ�ﾕ? */
#review #main #resultArea .detailInfo ul li:first-child{ width: 190px;}
#review #main #resultArea .detailInfo ul li{ width: 190px;}
/* ｸ?･ｳ･ﾟﾁ�ﾕ? */

/* ｸ?･ｳ･ﾟ */
#review #main .box_review .list .message{ width: 510px;}
#review #main .box_review .list .message .box_roundGrayNormal{ width: 360px;}
#review #main .box_review .list .message .box_roundOrange{ width: 360px;}
/* ｸ?･ｳ･ﾟ */

/* ------------ 960pxﾌ､ﾋ?､ﾎ､ﾈ､ｭ ANG ------------ */