@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */

/* ==============================================
▼テーブル・レスポンシブ
=============================================== */
.tab_resp table {
	width:100%;
}
.tab_resp th{
	text-align:center;
	padding:10px;
}
.tab_resp td{
	vertical-align:top;
	padding:10px;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display:none;
}
@media only screen and (max-width: 459px) {
.tab_resp table,
.tab_resp table tbody,
.tab_resp table tr {
	display:block;
	border:none;
}
.tab_resp thead {
	display:none;
}
.tab_resp tr.sphone_none {
	display:none;
}
.tab_resp th,
.tab_resp td{
	display:list-item;
	border:none;
	padding:5px;
	font-weight:bold;
}
.tab_resp th{
	list-style-type: none;
	background-color:#eee;
	color:#333;
}
.tab_resp td {
	text-align:left;
}
.tab_resp td span.pcnone,
.tab_resp th span.pcnone {
	display: inline;
	font-weight:normal;
}
.tab_resp td a.btn {
	margin-bottom:15px;
	padding:5px 0;
	color:#333;
	display:block;
	width:100%;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tab_resp td a.btn_inline {
	padding:5px 20px;
	color:#333;
	text-align:center;
	background: #eee;
	border: 1px solid #999;
	text-shadow:1px 1px 1px rgba(255,255,255,1); 
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
}

/* ==============================================
▼ CKeditor
=============================================== */
#detailarea .main_comment img {
	clear:both;
	max-width:98%;
	margin:1%;
}
/*テーブル共通*/
#detailarea .main_comment table th,
#detailarea .main_comment table td {
	vertical-align:top;
}
#detailarea .main_comment table.no_border,
#detailarea .main_comment table.no_border th,
#detailarea .main_comment table.no_border td {
	border:none;
}
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image {
	table-layout:fixed;
}
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display:block;
}
#detailarea .main_comment table.image img {
	clear: none;
	max-width:100%;
	margin:0;
}
@media only screen and (min-width: 460px) {
/*テーブルセルに画像を配置したとき*/
#detailarea .main_comment table.image th,
#detailarea .main_comment table.image td {
	display: table-cell;
}
}
/*テーブルのレスポンシブ*/
@media only screen and (max-width: 459px) {
#detailarea .main_comment table.responsive,
#detailarea .main_comment table.responsive tbody,
#detailarea .main_comment table.responsive tr {
	display:block;
}
#detailarea .main_comment table.responsive th,
#detailarea .main_comment table.responsive td {
	display:list-item;
}
}

/* ==============================================
▼トップページメインコメント
=============================================== */
#maincmt_area {
	width:90%;
	margin:20px auto 10px;
	text-align:center;
}
#maincmt_area h2 {
	font-size:1.35em;
	margin-bottom:7px;
}
@media only screen and (max-width: 459px) {
#maincmt_area {
	width:98%;
	margin:20px auto 0px;
	text-align:center;
	font-size:0.85em;
	letter-spacing:-0.01em;
	line-height:1.3em;
}
#maincmt_area h2 {
	font-size:1.10em;
	margin-bottom:5px;
}
}

/* ==============================================
▼下層(リンクページ)共通
=============================================== */
.contents {
	margin-bottom:20px;
	padding:2.5%;
	background:#e6f4ff;
}
.contents_L {
	width:95%;
	float:left;
	margin-bottom:20px;
	padding:2.5%;
	background:#e6f4ff;
}
.contents_L ul.check li,
.contents ul.check li {
	padding-left:25px;
	margin-bottom:7px;
	background:url(../img/icon/ico_check.png) no-repeat left;
}
.contents_L dl,
.contents dl{
	margin-bottom: 15px;
}
.contents_L dt,
.contents dt{
	background-color : #0179dd;
	color : #fff;
	padding-top : 10px;
	padding-bottom : 10px;
	font-weight : bold;
	text-align : center;
	width : 17.0%;
	float : left;
	clear : both;
}
.contents_L dd,
.contents dd{
	border-bottom : 1px solid #ccc;
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	width : 78.0%;
	margin-left : 17.5%;
}
.contents_L ul.item li,
.contents ul.item li{
	width : 17.7%;
	height : 120px;
	float : left;
	padding : 0% 1.0%;
	text-align : center;
	border : 1px solid #ccc;
	background:#fff;
}
.contents_L ul.item .ttl,
.contents ul.item .ttl{
	margin-top:20px;
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
}
.content_block2 ul.check li {
	padding-left:30px;
	margin-bottom:8px;
	background:url(../img/icon/ico_checkB.png) no-repeat left;
}

/* ==============================================
▼買取・鑑定
=============================================== */
div.listarea {
	width: 100%;
}
div.listarea .listL {
	float: left;
	width: 47%;
	padding: 1% 1% 0.5% 1%;
	margin-bottom: 1.5%;
	border: 1px solid #0042d5;
}
div.listarea .listR {
	float: right;
	width: 47%;
	padding: 1% 1% 0.5% 1%;
	margin-bottom: 1.5%;
	border: 1px solid #0042d5;
}
div.listarea .listL span,
div.listarea .listR span {
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.5em;
	color: #0042d5;
}
div.listarea .listL .img_area,
div.listarea .listR .img_area {
	float: left;
	width: 20%;
}
div.listarea .listL .img_area img,
div.listarea .listR .img_area img {
	width: 96%;
}
div.listarea .listL .text_area,
div.listarea .listR .text_area {
	float: right;
	width: 78.5%;
}


/* ==============================================
▼ご利用案内・顧客センター他
=============================================== */
div#undercolumn_aboutus,
div#undercolumn_guide {
	width: 100%;
	margin-bottom:20px;
	font-size:110%
}
div#undercolumn_guide .headline_guide {
	width: 100%;
	margin-bottom:30px;
	padding-left:20px
}
div#undercolumn_aboutus .headline_guide h3,
div#undercolumn_guide .headline_guide h3 {
	font-size: 15px;
	letter-spacing:0.06em;
	font-weight:normal;
}
div#undercolumn_aboutus .headline_guide h3.main_cmt,
div#undercolumn_guide .headline_guide h3.main_cmt {
	font-size: 20px;
	margin-bottom: 20px;
}
div#undercolumn_aboutus .content_block ,
div#undercolumn_guide .content_block {
	width: 95%;
	padding: 2%;
	margin-bottom:15px;
	border:4px solid #f0f0f0;
}
div#undercolumn_aboutus .content_block h3 ,
div#undercolumn_guide .content_block h3 {
	padding:1%;
	margin-bottom:15px;
	background:#ffcc33;
	font-size:1.3em;
}
div#undercolumn_aboutus .content_block h4 ,
div#undercolumn_guide .content_block h4 {
	margin-bottom:5px;
	font-size:1.17em;
}
div#undercolumn_aboutus .content_block h4 img,
div#undercolumn_guide .content_block h4 img {
	margin-right:8px;
	vertical-align:bottom;
}
div#undercolumn_aboutus .content_block p,
div#undercolumn_guide .content_block p {
	padding:0 10px;
	font-size:1.1em;
	line-height:1.5em;
}
div#undercolumn_aboutus .content_block a:hover,
div#undercolumn_guide .content_block a:hover {
	text-decoration:underline;
}
div#undercolumn_aboutus .step ol,
div#undercolumn_guide .point ol.latin,
div#undercolumn_guide .step ol {
	margin-left: 60px;
	margin-bottom: 15px;
	font-size:1.1em;
	line-height:1.5em;
}
div#undercolumn_aboutus .step ol li,
div#undercolumn_guide .point ol.latin li,
div#undercolumn_guide .step ol li {
	list-style-type: upper-latin;
}
div#undercolumn_guide .point ol.latin li {
	margin-bottom: 5px;
	font-weight: bold;
}
div#undercolumn_guide .point ol.latin li span {
	font-weight: normal;
}
div#undercolumn_aboutus .point p,
div#undercolumn_aboutus .step p,
div#undercolumn_guide .point p ,
div#undercolumn_guide .step p {
	margin-left: 23px;
	margin-bottom: 15px;
}
div#undercolumn_aboutus .content_block .point h4 ,
div#undercolumn_guide .content_block .point h4 ,
div#undercolumn_aboutus .about p,
div#undercolumn_guide .about p {
	margin-left: 23px;
}
div#undercolumn_aboutus .point ol.number,
div#undercolumn_aboutus .point ul.disc,
div#undercolumn_guide .point ol.number,
div#undercolumn_guide .point ul.disc {
	margin-left: 50px;
	margin-bottom: 15px;
	font-size:1.15em;
	line-height:1.65em;
}
div#undercolumn_guide .point ol.numberB {
	margin-left: 50px;
	margin-bottom: 15px;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
}
div#undercolumn_guide .point ol.numberB span {
	font-weight:normal;
}
div#undercolumn_aboutus .about ul.disc,
div#undercolumn_guide .about ul.disc {
	margin-left: 50px;
	font-size:1.1em;
	line-height:1.5em;
}
div#undercolumn_aboutus .about ul.disc li,
div#undercolumn_aboutus .point ul.disc li,
div#undercolumn_guide .about ul.disc li,
div#undercolumn_guide .point ul.disc li {
	list-style-type: disc;
}
div#undercolumn_aboutus .point ol.number li,
div#undercolumn_guide .point ol.number li {
	list-style-type: decimal;
}
div#undercolumn_guide .point ol.numberB li {
	list-style-type: decimal;
	margin-bottom: 5px;
}
div#undercolumn_guide ul.attentionBox {
	padding: 1%;
	margin-bottom: 15px;
	background:url(../img/icon/ico_attention_s.png) no-repeat 6px 6px;
	border:1px solid #ff6c00;
	font-size:1.05em;
	line-height:1.5em;
}
div#undercolumn_guide ul.attentionBox li {
	margin-left: 50px;
	list-style-type: disc;
}
div#undercolumn_guide ul.attentionBox li.attention {
	color:#ff6c00;
	margin-left:30px;
	font-size:1.15em;
	font-weight: bold;
	margin-bottom: 3px;
	list-style-type: none;
}
div#undercolumn_aboutus .content_block_btm,
div#undercolumn_guide .content_block_btm {
	width: 100%;
	margin-bottom:15px;
	background:#ffcc33;
}
div#undercolumn_aboutus .content_block_btm h3,
div#undercolumn_guide .content_block_btm h3 {
	margin-bottom:15px;
	padding-left:10px;
	font-size:1.3em;
	border-left:5px solid;
}
div#undercolumn_aboutus .content_block_btm div.innner,
div#undercolumn_guide .content_block_btm div.innner {
	padding: 3%;
}
div#undercolumn_aboutus .content_block_btm div.about,
div#undercolumn_guide .content_block_btm div.about {
	background:#fff;
	padding: 3%;
}
#undercolumn_aboutus .customercenter {
	margin:50px 0;
}
div#undercolumn_aboutus table.content,
div#undercolumn_guide table.content {
	width: 85%;
}
div#undercolumn_aboutus table.content th,
div#undercolumn_guide table.content th {
	font-weight: bold;
}
div#undercolumn_aboutus table.content img,
div#undercolumn_guide table.content img {
	vertical-align: middle;
}
div#undercolumn_aboutus .DL_area,
div#undercolumn_guide .DL_area {
	margin: 20px 10px 10px 10px;
}

div#undercolumn_aboutus .DL_area ul li,
div#undercolumn_guide .DL_area ul li {
	float: left;
	width: 29.0%;
	padding: 2.0% 0%;
	margin: 1.0%;
	font-size: 1.3em;
	font-weight: bold;
	border: 1px solid #ccc;
	text-align: center;
}
div#undercolumn_aboutus .DL_area ul li i,
div#undercolumn_guide .DL_area ul li i {
	margin-right: 5px;
}
div#undercolumn_aboutus .DL_area li.txtA,
div#undercolumn_guide .DL_area li.txtA {
	border-left: 10px solid #0a64b2;
}
div#undercolumn_aboutus .DL_area li.txtA a,
div#undercolumn_guide .DL_area li.txtA a {
	color: #0a64b2;
}
div#undercolumn_aboutus .DL_area li.txtB,
div#undercolumn_guide .DL_area li.txtB {
	border-left: 10px solid #111;
}
div#undercolumn_aboutus .DL_area li.txtB a,
div#undercolumn_guide .DL_area li.txtB a {
	color: #111;
}
div#undercolumn_aboutus .DL_area li.txtC,
div#undercolumn_guide .DL_area li.txtC {
	border-left: 10px solid #b51320;
}
div#undercolumn_aboutus .DL_area li.txtC a,
div#undercolumn_guide .DL_area li.txtC a {
	color: #b51320;
}
div#undercolumn_aboutus .DL_area li.txtD,
div#undercolumn_guide .DL_area li.txtD {
	border-left: 10px solid #f6c220;
}
div#undercolumn_aboutus .DL_area li.txtD a,
div#undercolumn_guide .DL_area li.txtD a {
	color: #f6c220;
}
div#undercolumn_aboutus .DL_area li.txtE,
div#undercolumn_guide .DL_area li.txtE {
	border-left: 10px solid #179450;
}
div#undercolumn_aboutus .DL_area li.txtE a,
div#undercolumn_guide .DL_area li.txtE a {
	color: #179450;
}
div#undercolumn_aboutus .DL_area li.txtAll,
div#undercolumn_guide .DL_area li.txtAll {
	border-left: 10px solid #aaa;
}
div#undercolumn_aboutus .DL_area li.txtAll a,
div#undercolumn_guide .DL_area li.txtAll a {
	color: #777;
}

/* ==============================================
▼グレード代行・委託販売・出品代行
=============================================== */
div#undercolumn_aboutus .content_block2 ,
div#undercolumn_guide .content_block2 {
	width: 95%;
	padding: 2%;
	margin-bottom:15px;
	border:4px solid #b3dcf0;
}
div#undercolumn_aboutus .content_block2 h3 ,
div#undercolumn_guide .content_block2 h3 {
	padding:1%;
	margin-bottom:15px;
	background:#0179dd;
	font-size:1.3em;
	color:#fff;
}
div#undercolumn_aboutus .content_block2 h4 ,
div#undercolumn_guide .content_block2 h4 {
	margin-bottom:5px;
	font-size:1.20em;
}
div#undercolumn_aboutus .content_block2 h4 img,
div#undercolumn_guide .content_block2 h4 img {
	margin-right:8px;
	vertical-align:bottom;
}
div#undercolumn_aboutus .content_block2 h5 ,
div#undercolumn_guide .content_block2 h5 {
	margin-bottom:5px;
	font-size:1.20em;
}
div#undercolumn_aboutus .content_block2 p ,
div#undercolumn_guide .content_block2 p {
	margin-left:33px;
	font-size:1.17em;
	line-height:1.55em;
}
div#undercolumn_guide ul.attentionBox2{
	padding: 1%;
	margin: 7px 0;
	background:url(../img/icon/ico_attention_s.png) no-repeat 6px 6px;
	font-size:15px;
	line-height:1.5em;
}
div#undercolumn_guide ul.attentionBox2 li {
	margin-left: 15px;
	list-style-type: disc;
}
div#undercolumn_guide ul.attentionBox2 li.attention {
	color:#ff6c00;
	margin-left:30px;
	font-size:1.15em;
	font-weight: bold;
	margin-bottom: 3px;
	list-style-type: none;
}
.b_btn{
	color:#000;
	background: #99d9ea;
	border: 1px solid #2aadce;
	width: 50%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#undercolumn_aboutus table.content ol.number,
div#undercolumn_guide table.content ol.number {
	margin-left: 25px;
	margin-bottom: 0px;
	font-size:1.15em;
	line-height:1.35em;
}
div#undercolumn_aboutus table.content ol.number li,
div#undercolumn_guide table.content ol.number li {
	list-style-type: decimal;
}


/* ==============================================
▼イベント案内
=============================================== */
div#undercolumn_column {
    width: 100%;
    margin-bottom: 40px;
}

/* カテゴリ
----------------------------------------------- */
div#undercolumn_column div#column_cat {
    margin: 15px 0 0 0;
    padding: 10px;
    border: 2px solid #f0f0f0;
}
div#undercolumn_column div#column_cat ul {
    width: 100%;
    list-style-type: none;
    margin: 0 0;
    padding: 0 0;
}
div#undercolumn_column div#column_cat li {
    float: left;
    list-style-type: none;
    padding-left: 13px;
    margin-left: 15px;
    line-height: 1.8em;
    background: url("../img/icon/ico_arrow_01.gif") 0px 5px no-repeat;
}

/* 一覧
----------------------------------------------- */
div#undercolumn_column .columnD{
    width:48%;
    margin:5px;
    float:left;
}
@media only screen and (max-width: 459px) {
	div#undercolumn_column .columnD{
	width:98%;
	margin:5px;
	float:left;
	}
}
#undercolumn_column .columnD {
    padding-top:15px;
    margin-bottom:15px;
}
#undercolumn_column .columnD h4{
    margin-top:5px;
    text-align:right;
}
#undercolumn_column .columnD h3 a{
    margin-top:5px;
    padding:3px;
    background:#333;
    color:#fff;
    display:block;
}
#undercolumn_column .columnD h3 a:hover{
    color:#ccc;
    display:block;
}
#undercolumn_column .columnC img{
    margin:10px auto ;
    display:block;
    width:80%;
}
#undercolumn_column .columnC p{
    margin:0 3.5%;
}
#undercolumn_column .columnC p.next{
    text-align:right;
}
#undercolumn_column .columnC p.next a:hover{
    text-decoration:underline;
}

/*
div#undercolumn_column .columnD {
    margin: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
div#undercolumn_column .columnD h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}
div#undercolumn_column .columnD h4 {
    margin-bottom: 5px;
}
div#undercolumn_column .columnC img {
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
div#undercolumn_column .columnC .next {
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: right;
}
*/
/* 詳細
----------------------------------------------- */
div#columnWrap {
    width: 100%;
}
div#columnWrap div#columnLeft {
    float: left;
    width: 72%;
}
div#columnWrap div#columnRight {
    float: right;
    width: 23.5%;
    padding: 5px 5px 10px 5px;
    border: 2px solid #f0f0f0;
}
div#columnWrap div#columnLeft h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}
div#columnWrap div#columnLeft h4 {
    text-align: right;
}
div#columnWrap div#columnLeft h4.sub_title{
    margin: 5px 0 20px 0;
    text-align: left;
    font-size: 120%;
    background: #f7f7f7;
}
div#columnWrap .columnDetail {
    margin: 20px 0 20px 0;
    padding-bottom: 20px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
div#columnWrap .columnDetail .left img {
    float: left;
    margin-right: 10px;
}
div#columnWrap .columnDetail .right img {
    float: right;
    margin-left: 10px;
}
div#columnWrap .columnDetail .center img {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
}
div#columnWrap .columnDetail img.floatL {
    float: left;
    margin-right: 10px;
}
div#columnWrap .columnDetail p {
    font-size: 1.2em;
    line-height: 1.6em;
}
div#undercolumn_column .columnNavi {

}
div#undercolumn_column .columnNavi p {
    clear: both;
    border-bottom: 1px dashed #242039;
    height: 2.5ex;
    padding: 10px 0;
    margin: 30px 0;
    text-align: center;
}
div#undercolumn_column .columnNavi li {
    margin: 0 10px;
}
div#columnWrap div#columnRight h2 {
    margin: 10px 0;
    text-align: center;
    font-size: 1.10em;
    color: #333;
}
div#columnWrap div#columnRight ul {
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
div#columnWrap div#columnRight li {
    margin-left: 3px;
    padding-left: 15px;
    line-height: 2.0em;
    background: url("../img/icon/ico_arrow_01.gif") 0px 6px no-repeat;
}

div#columnWrap .columnDetail .center dl dt {
	margin-bottom:10px;
}
div#columnWrap .columnDetail .center dl dt span{
	color:#cc0000;
	font-weight:bold;
}
div#columnWrap .columnDetail .center dl dd {
	margin-bottom:20px;
}
div#columnWrap .columnDetail .center dl dd span{
	color:#0033cc;
	font-weight:bold;
}
div#columnWrap .columnDetail .center ul{
    margin:20px 0;
}
div#columnWrap .columnDetail .center ul li{
    float:left;
    width:33%;
    margin-bottom:10px;
}
div#columnWrap .columnDetail .center ul li img{
    width:170px;
}
div#columnWrap .columnDetail .center p{
    margin-top:-17px;
    margin-left:20px;
    font-size: 1em;
}
div#columnWrap .columnDetail .center h3{
    text-align:left;
    padding-bottom:20px;
}

/* ==============================================
▼当サイトについて
=============================================== */
#undercolumn_aboutus {
	margin-bottom:20px;
}
div#undercolumn_aboutus #text1 {
	margin-bottom:15px;
}
div#undercolumn_aboutus .controller{
	margin-bottom:0;
	padding:1em;
	background: #f5f5f5;
	color: #333;
	border:#CCC 1px solid;
	border-bottom:none;
}
div#undercolumn_aboutus .controller #pointb {
	display:block;
	padding-top:5px;
}
div#undercolumn_aboutus .controller input{
	width:12em;
	margin-right:1em;
}
div#undercolumn_aboutus .container{
	border:1px solid #ccc;
	background:url(../img/background/loading.gif) 200px 100px no-repeat;
}
div#undercolumn_aboutus #map{
	width:100%;
	height:300px;
}
div#undercolumn_aboutus #panel{
	display:block;
	width:98%;
	padding:0 1%;
	overflow:auto;
	background: #f7f7f7;
	color:#333;
	margin-bottom:-20px;
}
div#undercolumn_aboutus #panel table {
	border:none;
}
#panel .adp-placemark{
	background: #eee;
	border:none;
	color:#333;
	font-weight:bold;
}
#panel .adp-summary{
	text-align:right;
}
#panel .adp-directions tr {
	color:#333;
}
#panel .adp-directions tr:hover{
	background: #333;
	color:#fff;
}
#panel .adp-directions td{
	padding:0.5em 0;
	border:dotted #fff;
	border-width:1px 0;
}
#panel .adp-directions b{
	font-weight:normal;
	color: #F00;
}
#panel .adp-directions .adp-distance{
	font-weight:bold;
}
#panel .adp-legal{
	text-align:right;
	color:#fff;
}

div#undercolumn_aboutus br.clear{
	clear:left;
	font-size:0;
}
div#undercolumn_aboutus #hyoji {
	padding:2px 5px 0 5px;
	background-color:#FFF;
	border:#333 1px solid;
	cursor:pointer;
	color:#333;
}
div#undercolumn_aboutus #hyoji:hover {
	background-color: #F90;
}
@media only screen and (min-width: 980px) {
div#undercolumn_aboutus .controller #pointb {
	display: inline;
	padding-top:0;
}
div#undercolumn_aboutus #map{
	float:left;
	width:75%;
	height:400px;
}
div#undercolumn_aboutus #panel{
	margin-left:75%;
	width:23%;
	height:400px;
}
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
}
div#mynavi_area {
    width: 100%;
}
div#mycontents_area {
    width: 100%;
}
div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}
div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}

/* ナビ
----------------------------------------------- */
#mynavi_area {
    width: 100%;
}

#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
#mynavi_area .mynavi_list li {
    float: left;
	text-align:center;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width:50%;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:100%;
}
#mynavi_area .mynavi_list li.br {
	clear:both;
}
#mynavi_area .mynavi_list li a {
	display:block;
	padding:5px 15px;
	margin-right:1px;
	margin-bottom:1px;
	background-color:#eee;
}
#mynavi_area .mynavi_list li a:hover {
	background-color:#ddd;
}
#mynavi_area .point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f7f7f7;
}
#mynavi_area .point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left top ;
}

@media only screen and (min-width: 460px) {
#mynavi_area {
    width: 98%;
}
#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url(../img/icon/ico_down.png) no-repeat left ;
    font-size: 120%;
	text-align:left;
}
#mynavi_area .mynavi_list li.left,
#mynavi_area .mynavi_list li.right {
	width: auto;
}
#mynavi_area .mynavi_list li.left100,
#mynavi_area .mynavi_list li.right100 {
	width:auto;
}
#mynavi_area .mynavi_list li.br {
	clear: none;
}
#mynavi_area .mynavi_list li a {
	display: inline;
	padding:0;
	margin-right:0;
	margin-bottom:0;
	background: none;
}
#mynavi_area .mynavi_list li a:hover {
	background: none;
}
}
@media only screen and (min-width: 980px) {
#mynavi_area {
    width: 100%;
}
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 160px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}
#mycontents_area #coupon_area {
	margin-bottom:20px;
}
@media only screen and (max-width: 459px) {
.tab_resp th.history_name {
	background-color:#f5f5f5;
	color:#333;
}
.tab_resp th.history{
	text-align:left !important;
}
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
	margin-bottom:20px;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_login .login_area {
    margin-bottom: 30px;
}
div#undercolumn_login .login_area .formlist {
	margin-bottom:15px;
}
div#undercolumn_login .login_area .inputbox {
	padding:10px;
}
div#undercolumn_login .login_area .inputbox .btn_area {
    margin-bottom:10px;
}


/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}


/* ==============================================
▼商品一覧・商品詳細パンくずリスト
=============================================== */
#pankuzu {
	margin-bottom:5px;
}
#pankuzu #topicpath li {
	display:inline;
}
#pankuzu #topicpath li a {
	background:url(../img/icon/ico_arrow_07.gif) no-repeat right center;
	padding-right:12px;
}

/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
    padding-bottom: 20px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagenumber_area {
    margin: 20px 0;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
	clear:both;
	position:relative;
	top:10px;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}
/* ▼class/SC_PageNavi.php のclass要素*/
.page_now {
	border:#CCC 1px solid;
	color:#000;
	background-color:#eee;
	padding:0 4px;
}
.page_number {
	border:#CCC 1px solid;
	background-color:#fff;
	padding:0 4px;
}
.page_next, .page_before {
	border-bottom:#CCC 1px solid;
}

/* ▼並び順・表示件数*/
.pagenumber_area .change .box01,
.pagenumber_area .change .box02,
.pagenumber_area .change .box03,
.pagenumber_area .change .box04 {
	float:left;
	position:relative;
	z-index:1;
}
.pagenumber_area .change .box01,
.pagenumber_area .change .box03 {
	border:#999 1px solid;
	border-right:none;
	height:18px;
	padding:2px 4px 0 4px;
	margin-left:5px;
	background-color:#f7f7f7;
}

@media only screen and (min-width: 980px) {
.pagenumber_area {
    padding-bottom: 10px;
}
.pagenumber_area .navi {
	clear:none;
	top:0;
}
.page_now,
.page_number,
.page_next,
.page_before {
	font-size:110%;
}
}


/* 商品絞り込み
----------------------------------------------- */
#one_main #undercolumn_list #list_bloc_right{
    width: 75%;
    float: right;
}
#one_main #undercolumn_list #list_bloc_left{
    width: 23%;
    padding-top: 10px;
    float: left;
}
@media only screen and (max-width: 459px) {
#one_main #undercolumn_list #list_bloc_right{
	    width: 98%;
	    float: none;
	}
#one_main #undercolumn_list #list_bloc_left{
	    width: 98%;
	    padding-top: 10px;
	    float: none;
	}
}
.subcatlist_area{
	padding:1.5%;
	margin-bottom:2%;
	border:1px solid #ccc;
	float:left;
	width:96.5%;
}
.subcatlist_area li{
	float:left;
	padding-left:12px;
	margin-right:10px;
	line-height:2.0em;
	background: url("../img/icon/ico_down.png") no-repeat left;
}
/*絞り込み*/
.list_bloc_left_Top {
	padding:5px 5px 3px 5px;
	border:1px solid #ccc;
}
#now_selected {

}
#now_selected h2 {
	color:#333;
	font-size:1.20em;
	margin-bottom:15px;
}
#now_selected dt {
	display:none;
}
#now_selected dd {
	margin-bottom:2px;
}
#now_selected dd {
	text-align:left;
	padding:10px;
	color:#fff;
	background:#333;
}
#now_selected dd a {
	color:#fff;
	display:block;
	margin: 0;
	background:url(../img/background/plus_open.png) no-repeat right 0.3em;
}
#now_selected dd a:hover {
	text-decoration:none;
}
#select_nav {
	padding: 13px 10px 3px 10px;
}
#select_nav h4 {
	color:#333;
	font-size:1.20em;
}
#select_nav ul {

}
#select_nav li {
	padding-left: 15px;
 	margin: 5px 0;
}


/* 商品説明/表示/非表示
----------------------------------------------- */
.list_comment_show {
	display:none;
}
@media only screen and (min-width: 980px) {
.list_comment_show {
	display:block;
	font-size:120%;
	margin-bottom:15px;
	height:20px;
	line-height:1.8em;
	padding-left:30px;
	padding-bottom:2px;
	color:#333;
	background: url(../img/button/select-icons_1.png) 0 -119px no-repeat;
	cursor:pointer;
	border:none;
	border-bottom:#666 1px dotted;
}
.list_comment_show:hover {
	color: #999;
	background: url(../img/button/select-icons_1.png) 0 -170px no-repeat;
}
.list_comment_hide {
	color:#999;
	background: url(../img/button/select-icons_1.png) 0 -19px no-repeat;
	border:none;
	border-top:#999 1px dotted;
}
.list_comment_hide:hover {
	color: #333;
	background: url(../img/button/select-icons_1.png) 0 -69px no-repeat;
}
.listrightbloc .listcomment_on {
	display:none;
}
}

/* レイアウト
----------------------------------------------- */
.list_area {
	margin-bottom:20px;
	padding-bottom:20px;
	padding:0 1%;
	width:45%;
	border-bottom:#eee 1px solid;
	float:left;
}
.listphoto {
	float: left;
	width:100%;
}
.listrightbloc {
	float: right;
	width:100%;
}

@media only screen and (min-width: 460px) {
div.list_area {
	border-bottom: none;
	padding:0;
}
div.list_left {
    width: 23.5%;
	float:left;
	margin-right:2%;
}
div.list_right {
    width: 23.5%;
	float:right;
}
*:first-child+html div.list_left,
*:first-child+html div.list_right {
	width:23%;
}
#list_category_image {
	margin:0 auto;
	margin-bottom:10px;
	width:60%;
}
#list_category_image img{
	width:100%;
}
#list_category_info {
	width:70%;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	border:1px solid;
}
.listphoto,
.listrightbloc {
	float:none;
	width:100%;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/* カテゴリ画像 */
#list_category_image img {
	max-width:100%;
}

/* 画像 */
div.listphoto {
	text-align:center;
	margin-bottom:10px;
	position:relative;
}
div.listphoto img {
	max-width:96%;
	border:1px solid #CCC;
	padding:1%;
}
/* NEWアイコン自動表示 */
div.listphoto .new_icon {
	position:absolute;
	top:1px; /*位置調整*/
	left:1px; /*位置調整*/
}
div.listphoto .new_icon img.new {
	border:none;
}
/* 商品ステータス */
div.listrightbloc ul.status_icon {
	width: 100%;
	margin-bottom:5px;
}
div.listrightbloc ul.status_icon li.image {
    margin-right: 5px;
    float: left;
}
div.listrightbloc ul.status_icon li.text {
	width: 56px;
	margin-right: 1px;
	margin-bottom:3px;
	padding:0px;
	float: left;
	text-align: center;
	font-size: 0.90em;
	font-weight: bold;
	background:url(../img/background/bg_statusS.gif) no-repeat;
}
div.listrightbloc ul.status_icon li#status1 {
	color: #cc0202;
}
div.listrightbloc ul.status_icon li#status2 {
	color: #006697
}
div.listrightbloc ul.status_icon li#status3 {
	color: #fe9a00;
}
div.listrightbloc ul.status_icon li#status4 {
	color: #699701;
}
div.listrightbloc ul.status_icon li#status5 {
	color: #6534cb;
}
div.listrightbloc ul.status_icon li#status6 {
	color: #fe6f0f;
}
div.listrightbloc ul.status_icon li#status7 {
	color: #1063fe;
}
div.listrightbloc ul.status_icon li#status8 {
	color: #724d00;
}
div.listrightbloc ul.status_icon li#status9 {
	color: #31a68e;
}
div.listrightbloc ul.status_icon li#status10 {
	color: #ee00a8;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: normal;
    font-size: 1.0em;
}

/* コメント */
div.listrightbloc .listcomment,
div.listrightbloc .listcomment_on {
	display:none;
}
.listcomment_sphone {
	clear:both;
	display: block;
    margin: 0 0 10px 0;
    text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .btn_area {
    margin-bottom: 10px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 5px 0 10px 0;
    text-align: center;
    font-size: 0.9em;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:none;
}

/* 規格 */
div.listrightbloc .classlist {
    margin: 0 5px 10px 10px;
    padding-bottom: 10px;
	border-bottom:#CCC 1px dotted;
}
div.listrightbloc .classlist dl {
    width: 100%;
}
div.listrightbloc .classlist dt {
    vertical-align: top;
}
div.listrightbloc .classlist dd {
    padding-bottom: 10px;
}
div.listrightbloc .classlist dd p.attention {
    margin-top: 5px;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	display:none;
}
.list_area .arrival_endsell_sphone {
	clear:both;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
.list_area .arrival_endsell_sphone span {
	color:#F00;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
}
div.listrightbloc .cartin .quantity {
    width: 70%;
    float :left;
    text-align: right;
	margin-bottom:10px;
}
div.listrightbloc .cartin .quantity .box {
    width: 30%;
}
div.listrightbloc .cartin_btn {
	clear:both;
	margin-bottom:10px;
}

@media only screen and (min-width: 460px) {
/* コメント */
div.listrightbloc .listcomment,
div.listrightbloc .listcomment_on {
	display:block;
    margin: 0 0 10px 0;
    text-align: left;
}
.listcomment_sphone {
	display:none;
}
/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	clear:both;
	display:block;
	padding:5px;
	background-color: #F3F3F3;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F00;
}
.list_area .arrival_endsell_sphone {
	display:none;
}
}

@media only screen and (min-width: 980px) {

/* コメント */
div.listrightbloc .listcomment {
	display:block;
}
div.listrightbloc .listcomment_on {
	display:none;
}
.listcomment_sphone {
	display:none;
}

/* 買い物カゴ */
div.listrightbloc .cart_area {
	display:block;
    background-color: #f5f5f5;
    width: 100%;
	padding-top:10px;
	border:#CCC 1px solid;
}
div.listrightbloc .cart_area .cartbtn {
	padding:10px;
}

/* 規格 */
div.listrightbloc .classlist {
    margin: 0 5px 10px 10px;
    padding-bottom: 10px;
	border-bottom:#CCC 1px dotted;
}
div.listrightbloc .classlist dl {
    width: 100%;
}
div.listrightbloc .classlist dt {
    vertical-align: top;
}
div.listrightbloc .classlist dd {
    padding-bottom: 10px;
}
div.listrightbloc .classlist dd p.attention {
    margin-top: 5px;
}

/* 期間限定販売 */
div.listrightbloc .arrival_endsell {
	padding:5px;
	background:none;
	font-weight:bold;
}
div.listrightbloc .arrival_endsell span {
	color:#F30;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
}
div.listrightbloc .cartin .quantity {
    width: 70%;
    float :left;
    text-align: right;
	margin-bottom:10px;
}
div.listrightbloc .cartin .quantity .box {
    width: 30%;
}
div.listrightbloc .cartin_btn {
	clear:both;
	margin-bottom:10px;
}
}

/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
#detailphotobloc {
    width: 100%;
}
#detailrightbloc {
    width: 100%;
}
#detailarea .underbloc {
	margin-bottom:20px;
}

@media only screen and (min-width: 460px) {
#detailphotobloc {
    width: 47%;
    float: left;
    margin-top: 15px;
}
#detailrightbloc {
    width: 51%;
    float: right;
    margin-top: 15px;
}
}

/* 商品情報 各種設定
----------------------------------------------- */
/*パンくずリスト*/
#detailarea #pankuzu li#name {
	clear: none;
	display: inline;
	font-size:100%;
	margin:0;
	padding:0;
	background: none ;
	border: none;
}

/* 画像 */
#detailphotobloc .photo {
	margin-bottom:10px;
	text-align:center;
}

#detailphotobloc .photo img {
	max-width:100%;
}
#detailphotobloc .photo .mini {
	margin-bottom:15px;
}

/* NEWアイコン自動表示 */
#detailphotobloc {
	position:relative;
}
#detailphotobloc .new_icon {
	position:absolute;
	top:0; /*位置調整*/
	left:0; /*位置調整*/
	z-index:1;
}
#detailphotobloc .new_icon img.new {
	border:none;
}

/* 商品ステータス */
ul.detail_status_icon {
    width: 100%;
	margin:0;
}
ul.detail_status_icon li.image {
    margin-right: 2px;
    float: left;
}
ul.detail_status_icon li.text {
	width: 60px;
	margin-right: 3px;
	margin-bottom:3px;
	padding:0px;
	float: left;
	text-align: center;
	font-size: 0.95em;
	font-weight: bold;
	background:url(../img/background/bg_status.gif) no-repeat;
}
ul.detail_status_icon li#status1 {
	color: #cc0202;
}
ul.detail_status_icon li#status2 {
	color: #006697
}
ul.detail_status_icon li#status3 {
	color: #fe9a00;
}
ul.detail_status_icon li#status4 {
	color: #699701;
}
ul.detail_status_icon li#status5 {
	color: #6534cb;
}
ul.detail_status_icon li#status6 {
	color: #fe6f0f;
}
ul.detail_status_icon li#status7 {
	color: #1063fe;
}
ul.detail_status_icon li#status8 {
	color: #724d00;
}
ul.detail_status_icon li#status9 {
	color: #31a68e;
}
ul.detail_status_icon li#status10 {
	color: #ee00a8;
}

/* 商品コード */
.detail_product_code {
    margin-bottom: 15px;
}
.detail_product_code dt,
.detail_product_code dd {
    display: inline;
}

/* 商品名 */
h2.detail_product_name {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #000;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    font-size: 1.60em;
    line-height: 1.2em;
}
.sphone h2.detail_product_name {
	padding-top:10px;
	background:none;
}

/* 通常価格 */
.detail_normal_price dt,
.detail_normal_price dd {
    display: inline;
}

/* 販売価格とポイントPC */
dl.detail_sale_price,
dl.detail_point{
    width:350px;
    margin:5px auto;
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
}
dt.price_title,
dt.point_title{
    width:90px;
    height:25px;
}
dd.priceFst,
dd.pointFst{
    width:80px;
    height:25px;
    padding-left:75px;
    margin-top:-25px;
    text-align:right;
}
dd.priceSnd,
dd.pointSnd{
    width:100px;
    height:25px;
    padding-left:160px;
    margin-top:-25px;
    text-align:left;
}
/* 販売価格とポイント スマホ */

div.detail_sale_price {
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.detail_sale_price .price_title{
    margin-right: 5px;
}
div.detail_sale_price .price{
    width: 100px;
    text-align: right;
}
div.detail_point {
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
}
div.detail_point .point_title{
    margin-right: 5px;
}
div.detail_point #point_default{
    width: 150px;
    text-align: right;
}

/* 線 */
#detailarea .underline {
    height:1px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailarea .sphone .underline {
    padding:0;
    background:none;
}

/* 詳細-メインコメント */
#detailarea .main_comment {
	padding-top:15px;
	margin-bottom: 15px;
	font-size: 1.20em;
	line-height: 1.5em;
}
#detailarea .main_comment img {
	margin:0 5px;
	margin-bottom:10px;
}

/* 追加商品情報 */
.detail_product_head {
	clear:both;
	margin-bottom:5px;
}
.detail_product_head .head_name {
	margin-bottom:5px;
}
.detail_product_head .head_name span {
	padding:0 5px;
	color:#333;
	border-bottom:#333 1px dashed;
}
.detail_product_head .head_content {
	padding-left:5px;
	margin-bottom:5px;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}

/* Googleマップボタン */
#detailrightbloc .detail_map_button {
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}
#detailrightbloc .detail_map_button div {
	background:url(../img/icon/ico_arrow_00.png) 0 3px no-repeat;
	padding-left:10px;
}

/* 商品へのお問い合わせ */
.detail_contact_product {
	width:100%;
	margin-bottom:20px;
	padding-bottom:10px;
}
.detail_contact_product p {
	margin-bottom:20px;
}
.detail_contact_product div {
	text-align:center;
}
.detail_contact_product .b_contact_product {
	color:#333;
	line-height: 3.5em;
	margin-top: 20px;
	padding: 8px 5px;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.detail_contact_product .b_contact_product:hover {
	background: #ddd;
}
/* QRコード */
.qrcode_detail {
	display:none;
}
@media only screen and (min-width: 460px) {
.qrcode_detail {
	display:block;
	position:relative;
	margin:15px 0;
	min-height:111px;
}
.qrcode_detail .qrcode_box {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border:1px solid #CCC;
}
.qrcode_detail .qrcode {
}
.qrcode_detail .text {
	min-height:100px;
	padding-left:120px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
}


/* ============================
   PC・サブ画像｜detail_pc_sub.tpl
   PC・規格画像｜detail_pc_class.tpl
/* =========================== */

#detail_pc_sub1_area {
	width:100%;
	margin:10px 0;
}
#detail_pc_sub1_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_sub1_area li.line6 {
	float:left;
	width:15%;
	margin-right:1.5%;
}
#detail_pc_sub1_area li img {
	max-width:96%;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_sub1_area li img:hover {
	border:#999 1px solid;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_sub1_area li p {
	font-size:85%;
	letter-spacing:0;
	line-height:1.2em;
	margin-bottom:5px;
}

#detail_pc_class1_area {
	width:100%;
	margin:10px 0;
}
#detail_pc_class1_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_class1_area li.line6 {
	float:left;
	width:15%;
	margin-right:1.5%;
}
#detail_pc_class1_area li img {
	max-width:96%;
	padding:1%;
	border:#CCC 1px solid;
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_class1_area li img:hover {
	border:#999 1px solid;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_class1_area li p {
	font-size:85%;
	letter-spacing:0;
	line-height:1.2em;
	margin-bottom:5px;
}

/*スライド表示（サブ画像）*/
#detail_pc_sub2_area {
	margin-bottom:15px;
}
#detail_pc_sub2_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_sub2_area #carousel_area {
	position:relative;
	padding:0 4%;
	overflow:hidden;
}
#detail_pc_sub2_area #carousel_pc_sub2_area {
	display:none;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item {
	float:left;
	margin:0 3px;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_sub2_area #carousel_pc_sub2_area .item img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_sub2_prev {
	position:absolute;
	top:0;
	left:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_sub2_next {
	position:absolute;
	top:0;
	right:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_sub2_prev:hover {
	background: url(../img/button/gui-prev.png) no-repeat center center #eee;
	background-size:10px 15px;
}
#detail_pc_sub2_next:hover {
	background: url(../img/button/gui-next.png) no-repeat center center #eee;
	background-size:10px 15px;
}

/*スライド表示（規格画像）*/
#detail_pc_class2_area {
	margin-bottom:0;
}
#detail_pc_class2_area #title {
	margin-bottom:5px;
	border-left:5px solid #666;
	padding-left:5px;
}
#detail_pc_class2_area #carousel_area {
	position:relative;
	padding:0 4%;
	overflow:hidden;
}
#detail_pc_class2_area #carousel_pc_class2_area {
	display:none;
}
#detail_pc_class2_area #carousel_pc_class2_area .item {
	float:left;
	margin:0 3px;
}
#detail_pc_class2_area #carousel_pc_class2_area .item img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#detail_pc_class2_area #carousel_pc_class2_area .item img:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#detail_pc_class2_prev {
	position:absolute;
	top:0;
	left:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_class2_next {
	position:absolute;
	top:0;
	right:0;
	width:4%;
	height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}
#detail_pc_class2_prev:hover {
	background: url(../img/button/gui-prev.png) no-repeat center center #eee;
	background-size:10px 15px;
}
#detail_pc_class2_next:hover {
	background: url(../img/button/gui-next.png) no-repeat center center #eee;
	background-size:10px 15px;
}

/* ============================
   PC用　カゴに入れる
   detail_pc_cart.tpl
/* =========================== */
#detailarea .cart_area {
    background-color: #fff;
	margin-bottom:20px;
}

/* マトリクス表示 */
#detail_classtable table {
	margin:0 0 0px 0;
}
#detail_classtable table td {
	padding:5px;
}
#detail_classtable .normal_price {
	text-decoration:line-through;
}
#detailarea #detail_class_no table,
#detailarea #detail_class_no td {
	border:none;
}

/* プルダウン表示 */
#detailarea .classlist {
	padding:10px;
}
#detailarea .classlist .clear {
    margin-bottom: 10px;
}
#detailarea .classlist ul li {
    vertical-align: top;
    float: left;
}

/* 数量 */
#detailarea .quantity {
	text-align:center;
}
#detailarea .quantity dt,
#detailarea .quantity dd {
    display: inline;
}

/* 期間限定販売 */
#detailarea .arrival_endsell {
	padding:10px;
	background-color: #F3F3F3;
	font-weight:bold;
}
#detailarea .arrival_endsell span {
	color:#F00;
}

/* ============================
   スマホ用　カゴに入れる
   detail_sphone_cart.tpl
/* =========================== */
.sphone_cart_area {
	background:#f7f7f7;
	padding:10px 0;
	margin-bottom:15px;
}
.sphone_cart_area .classlist_box {
	margin-bottom:15px;
}
.sphone_cart_area .classlist_box li {
	display:block;
}

/* ============================
   ボタン｜PC・スマホ共通　カゴに入れる・お気に入り
/* =========================== */
#detailarea .cartin {
	margin-top:10px;
	padding-bottom:10px;
}	
#detailarea .cartin_btn {
	width:50%;
	margin:0 auto;
}
#detailarea .cartin_btn_half {
	width:49%;
	float:left;
	text-align:right;
}
#detailarea .cartin_btn .button,
#detailarea .cartin_btn_half .button {
	padding:7px 0;
	color:#333;
	width:95%;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}
#detailarea .cartin_btn .button:hover,
#detailarea .cartin_btn_half .button:hover {
	background: #ddd;
}
#detailarea .favorite_btn {
	width:49%;
	float:right;
	text-align:left;
}
#detailarea .favorite_btn .button {
	padding:10px 12px 10px 0;
	color:#333;
	width:95%;
	font-size:15px;
	background:url(../img/background/bg_ico_star.png) #f7f7f7 no-repeat 2px 3px;
	border: 1px solid #ccc;
	text-align: right;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}
#detailarea .favorite_btn .button:hover {
	background:url(../img/background/bg_ico_star.png) #eaeaea no-repeat 2px 3px;
}

#detailarea #cartbtn_default .button {
	padding:10px 15px 10px 0;
	color:#fff;
	width:95%;
	font-weight:bold;
	font-size:15px;
	letter-spacing:0.05em;
	background:url(../img/background/bg_ico_cart.png) #fba22d no-repeat 10px 7px;
	border: 1px solid #fba22d;
	text-align: right;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor:pointer;
}
#detailarea #cartbtn_default .button:hover {
	background:url(../img/background/bg_ico_cart_on.png) #f89105 no-repeat 10px 7px;
}

/* ============================
   スマホ｜商品詳細メイン画像スライド　detail_sphone_image.tpl
/* =========================== */
#sphone_photoblock {
    width: 100%;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 1px 5px 5px #ccc;
    -moz-box-shadow: 1px 5px 5px #ccc;
    position: relative;
}
#sphone_photoblock div.moveWrap {
    width: 200px;
    height: 220px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
}
#sphone_photoblock ul.moveWrapBG {
    width: 200px;
    height: auto;
    visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
}
#sphone_photoblock li {
    width: 200px;
}
#sphone_photoblock div.slideMask {
    position: absolute;
    top: 0;
    left: 0;
    /*border:4px #FFF solid;*/
    -webkit-box-sizing: border-box;
    margin-right: 0!important;
}
#sphone_photoblock div.moveWrap>ul.move {
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    width: 2000px;
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition-duration: 400ms;
    -webkit-transition-property: -webkit-transform;
    margin: 0;
    padding: 0;
    display: none;
}
#sphone_photoblock div.moveWrap>ul.move li.slideUnit {
    margin: 0px;
    padding: 0;
    float: left;
    list-style: none;
    text-align: center;
    -webkit-box-sizing: border-box;
}
#sphone_photoblock li.slideUnit>div {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-box-sizing: border-box;
}

.flickSlideContainer {
}

#sphone_photoblock div.flickSlideBottom {
    width: 100%;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft,
#sphone_photoblock div.flickSlideBottom div.bottomRight {
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    right: 5px;
    top: 100px;
    position: absolute;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft {
    font-size: 24px;
    font-weight: bold;
    color: #7F7F7F;
    background-color: transparent;
    left: 5px;
    top: 100px;
    position: absolute;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft:after {
    font-size: 12px;
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomLeft:before {
    padding: 5px;
    text-align: left;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight:before {
    font-size: 12px;
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom div.bottomRight:after {
    padding: 5px;
    text-align: right;
    display: table-cell;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager {
    display: block;
    width: auto;
    text-align: center;
    margin: 0 auto;;
    padding: 0;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer {
    font-size: 11px;
    width: 6px;
    height: 6px;
    margin: 0 6px 10px 6px;
    display: inline-block;
    background-color: #CCC;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
#sphone_photoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
    background-color: #333;
}

/* ============================
   サブ情報
/* =========================== */
#detailsub_slide {
	display:none;
}
#pc_none_sub_area {
    margin-bottom: 20px;
}
@media only screen and (min-width: 460px) {
#pc_none_sub_area {
	display:none;
}
#detailsub_slide {
	display:block;
    margin-bottom: 25px;
}
}

/* サブ情報・スライド */
#detailsub_slide #carousel_area {
	position: relative;
}
#detailsub_slide #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#detailsub_slide #carousel_detailsub {
	display:none;
}
#detailsub_slide #carousel_detailsub .item {
	float: left;
	position: relative;
}
#detailsub_slide #carousel_detailsub .image_area {
	width:38%;
	float:left;
}
#detailsub_slide #carousel_detailsub .comment_area {
	width:60%;
	float:right;
}
#detailsub_slide #carousel_detailsub .image_area img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
}
#detailsub_slide #carousel_detailsub .comment_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
#prev_detailsub {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_detailsub:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_detailsub:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#detailsub_slide #wrapper {
	width: 92%;
	left: 4%;
}
#prev_detailsub {
	width:4%;
}
#next_detailsub {
	width:4%;
}
}

/* サブ情報・スライド 使用しない*/
.sub_area .sphone_none {
	display:none;
}
@media only screen and (min-width: 460px) {
.sub_area .sphone_none {
	display: block;
}
.sub_area .pc_none {
	display:none;
}
}
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}
.sub_area .title {
	font-size:120%;
	background-color:#eee;
	border-left:10px solid #CCC;
	padding:5px 10px;
	margin-bottom:10px;
}
.sub_area .subtext {
	width:57%;
	float:left;
}
.sub_area .subphotoimg {
	width:40%;
	float:right;
	margin-right:1%;
}
.sub_area .subphotoimg img {
	padding:1.5%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:95%;
}

/* YouTube */
#detailarea #detail_youtube {
}
#detailarea .embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin-bottom:15px;
}
#detailarea .embed-container iframe,
#detailarea .embed-container object,
#detailarea .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* お客様の声
----------------------------------------------- */
div#customervoice_area {
    clear: both;
    margin-bottom: 30px;
}

div#customervoice_area h2 {
    margin-bottom: 20px;
    padding: 6px 0 8px 10px;
    border-top: solid 1px #f90;
    background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}

div#customervoice_area .review_bloc {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f6f6;
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
}


/* 関連商品
----------------------------------------------- */
#whobought_area {
    clear: both;
	margin-bottom:25px;
}
#whobought_area .whobought_title {
	margin-bottom:10px;
	border-left:10px #999 solid;
	padding:5px 0 5px 10px;
	background-color:#eee;
	font-size:120%;
}
div#whobought_area .product_item {
	clear:both;
	width:100%;
}
div#whobought_area .product_item .productImage {
	float:left;
	width:50%;
}
div#whobought_area .product_item .productContents {
	float:right;
	width:48%;
}
div#whobought_area .product_item .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	margin-bottom:10px;
}
div#whobought_area .product_item .productContents h3 {
	font-weight:normal;
	margin-bottom:5px;
}
@media only screen and (min-width: 460px) {
/* 5列横並び */
div#whobought_area .product_item {
	width:19%;
	margin-right:1%;
}
/*
div#whobought_area .product_item_left {
	width:19%;
	margin-right:1%;
}
div#whobought_area .product_item_right {
	width:20%;
}
*/
div#whobought_area .product_item {
	float:left;
	clear:none;
}
div#whobought_area .product_item .productImage {
	margin-bottom:5px;
	float:none;
	width:100%;
}
div#whobought_area .product_item .productContents {
	float:none;
	width:100%;
}
div#whobought_area .product_item .productImage img {
	margin-bottom:0;
}
div#whobought_area .clear {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#999 1px dotted;
}
/* 2列横並び */
div#whobought_area #pattern2 .product_item_left {
	width:48%;
	float:left;
}
div#whobought_area #pattern2 .product_item_right {
	width:48%;
	float:right;
}
div#whobought_area #pattern2 .product_item .productImage {
	float:left;
	width:49%;
}
div#whobought_area #pattern2 .product_item .productContents {
	float:right;
	width:49%;
}

}

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
    background: #f7f7f7;
    font-size: 120%;
    text-align: left;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}
div#undercolumn_cart .btn_area {
    width: 400px;
    margin: 0 auto;
}
div#undercolumn_cart .btn_area ul li {
    width: 33%;
    float: left;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}

/*商品をすべて削除ボタン */
#undercolumn_cart #deleteall {
	margin-bottom:10px;
	text-align:right;
}
#undercolumn_cart #deleteall a {
	color:#333;
	background: #f7f7f7;
	border: 1px solid #666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:3px 10px;
}
#undercolumn_cart #deleteall a:hover {
	background: #ddd;
}

#undercolumn_cart .tab_resp table td {
	vertical-align:middle;
}
#undercolumn_cart .tab_resp table td .suryo {
	margin-bottom:10px;
	font-weight:bold;
}
#undercolumn_cart .tab_resp th.name {
	text-align:left;
	background-color:#eee;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:30px;
}
#undercolumn_cart .tab_resp th.align {
	text-align:left;
}

@media only screen and (min-width: 460px) {
#undercolumn_cart .tab_resp th.name {
	background-color:#FFF;
}
#undercolumn_cart .tab_resp td.kei {
	padding-bottom:0;
}
#undercolumn_cart .tab_resp th.align {
	text-align:right;
}
}

/* ***********************************************
▼購入手続き
/*********************************************** */

#undercolumn_shopping {
	margin-bottom:20px;
}

/* ステップ
----------------------------------------------- */
#undercolumn_shopping #shopping_stage_step,
#undercolumn_customer #shopping_stage_step {
	color: #9A9A9A;
	margin-bottom:10px;
}
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	float:left;
	width:20%;
	margin-right:5%;
	padding-right:2%;
	background:url(../img/button/btn_arrow_on.png) no-repeat center right;
}
#undercolumn_shopping #shopping_stage_step .step_4,
#undercolumn_customer #shopping_stage_step .step_4 {
	float:left;
	width:19%;
}
#undercolumn_shopping #shopping_stage_step .active,
#undercolumn_customer #shopping_stage_step .active {
	color:#333;
	font-weight:bold;
}

@media only screen and (min-width: 460px) {
#undercolumn_shopping #shopping_stage_step .step,
#undercolumn_customer #shopping_stage_step .step {
	margin-right:5%;
	padding-right:2%;
}
}

/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}
#address_area .information {
    width: 100%;
}
#undercolumn_shopping .information {
    margin-bottom: 15px;
}
#address_area .add_multiple {
    padding: 15px 2%;
    border: 1px solid #ccc;
    width: 94%;
	margin:0 auto;
	margin-bottom:20px;
    color: #555;
    background: #f7f7f7;
    text-align: center;
}
#address_area .add_multiple p {
    margin-bottom: 10px;
}
#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:20px;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#f7f7f7;
}
#undercolumn_shopping .tab_resp a.delete {
	display:block;
	margin-top:-15px;
}

@media only screen and (min-width: 460px) {
#address_area .information {
    width: 65%;
    float: left;
}
#address_area .add_multiple {
    float: right;
    width: 28%;
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive tr {
	margin-bottom:0;
}
#undercolumn_shopping .tab_resp table.delive td {
	background-color:#fff;
}
#undercolumn_shopping .tab_resp a.delete {
	display: inline;
	margin-top:0;
}
}

/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}
div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}
div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}
div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}
div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}
div#undercolumn_shopping table.payment a.sphone_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:block;
	margin-bottom:10px;
}

@media only screen and (min-width: 460px) {
div#undercolumn_shopping table.payment a.sphone_none {
	display: inline;
}
div#undercolumn_shopping table.payment a.pc_none {
	display:none;
}
div#undercolumn_shopping .delivdate span {
	display:inline;
	margin-bottom:0;
}
}

/* 入力内容のご確認
----------------------------------------------- */
div#undercolumn_shopping .tab_resp table.confirm td {
	vertical-align:middle;
}
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:20px;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:left;
}

@media only screen and (min-width: 460px) {
div#undercolumn_shopping .tab_resp table.confirm td.kei {
	padding-bottom:0;
}
div#undercolumn_shopping .tab_resp table.confirm th.align {
	text-align:right;
}
}

/* 会員登録をしないで購入
----------------------------------------------- */
#undercolumn_customer {
	margin-bottom:30px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼FAQ
=============================================== */
/*レイアウト*/
div#undercolumn_faq {
	margin-bottom:20px;
}
div#undercolumn_faq #list_area {
	width:100%;
	margin-bottom:15px;
}
div#undercolumn_faq #faq_area {
	width:100%;
}
@media only screen and (min-width: 460px) {
div#undercolumn_faq #list_area {
	float:left;
	width:25%;
	background-color:#fff;
	padding:20px 10px;
	border:1px solid #CCC;
}
div#undercolumn_faq #faq_area {
	float:right;
	width:70%;
}
}

/*#list_area*/
div#undercolumn_faq #list_area .box {
	margin-bottom:20px;
}
div#undercolumn_faq #list_area .title {
	border-bottom:#999 1px dotted;
}
div#undercolumn_faq #list_area .title a {
	color:#333;
}
div#undercolumn_faq #list_area .title a:hover {
	color:#999;
}
div#undercolumn_faq #list_area .space {
	margin-bottom:10px;
}
div#undercolumn_faq #list_area .list {
	clear:both;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	margin:0 0 10px 5px;
}

/*faq_area*/
div#undercolumn_faq #faq_area {
}
div#undercolumn_faq #faq_area .category_title {
    font-size:120%;
    margin-bottom:10px;
	padding-bottom:2px;
	border-bottom:#999 1px dotted;
}
div#undercolumn_faq #faq_area .content_area {
	margin-bottom:10px;
}
div#undercolumn_faq #faq_area .content {
}
div#undercolumn_faq #faq_area .content .faq_question {
	color:#333;
	background: url(../img/icon/ico_q.png) no-repeat 0 3px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding-left:14px;
	font-weight:bold;
}
div#undercolumn_faq #faq_area .content .faq_answer {
	background: url(../img/icon/ico_a.png) no-repeat 0 14px;
	-moz-background-size:10px 10px;
	background-size:10px 10px;
	padding:10px 0 10px 14px;
}

/* ==============================================
▼お問い合わせ
=============================================== */
#undercolumn_contact {
	padding-bottom:50px;
}
#undercolumn_contact .product_image{
	float:left; margin:0 10px 10px 0;
}
#undercolumn_contact .product_image img{
	width:100px;
}
#undercolumn_contact .box380 {
	width:100%;
}
#undercolumn_contact input.box120 {
	display:block;
	width:100%;
	margin-bottom:10px;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:block;
}

@media only screen and (min-width: 460px) {
#undercolumn_contact .product_image img{
	width:150px;
}
#undercolumn_contact .box380 {
	width:380px;
}
#undercolumn_contact input.box120 {
	display: inline;
	width:120px;
	margin-bottom:0;
}
#undercolumn_contact p.top a,
#undercolumn_contact p.top span {
	display:inline;
}
}
#undercolumn_contact table.howto2, 
#undercolumn_contact table.howto {
	border:none;
	margin-bottom:0;
}
#undercolumn_contact table.howto th {
	padding: 4px;
	border:none;
	background-color: #e6f4ff;
}
#undercolumn_contact table.howto2 th {
	padding: 4px;
	border:none;
	background-color: #fff;
}
#undercolumn_contact table.howto2 td, 
#undercolumn_contact table.howto td {
	padding: 4px;
	border:none;
	vertical-align:middle;
}