@charset "euc-jp";

/*---------------------------------------------
 pankuzu
---------------------------------------------*/
ol#pankuzu {
	width: 100%;
	margin-bottom: 10px;
}

ol.pankuzu {
	width: 100%;
}

ol#pankuzu li, ol.pankuzu li {
	list-style: none;
	line-height: 13px;
	display: inline;
	float: left;
}

ol#pankuzu li a, ol.pankuzu li a {
	margin-right: 5px;
	padding-right: 10px;
	background: url(/images/glue.gif) center right no-repeat;
}

ol.pankuzu li a.last {
	background-image: none;
	margin-right: 0px;
	padding-right: 0px;
}

/*---------------------------------------------
 send_password
---------------------------------------------*/
div#send_password {
	width: 480px;
}
div#send_password p {
	margin-bottom: 15px;
}

/*---------------------------------------------
 err_list
---------------------------------------------*/
div.err_list {
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
	border-radius: 4px 4px 4px 4px;
	margin-bottom: 18px;
	padding: 8px 35px 8px 14px;
}
h4.err_list {
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 15px !important;
	padding: 0 !important;
	border-style: none !important;
}
ul.err_list {
	list-style-position: inside;
	padding-left: 15px;
}
ul.err_list li {
	list-style: disc;
	line-height: 16px;
	font-size: 13px;
	margin-bottom: 2px;
	font-weight: bold;
}

/*---------------------------------------------
 table
---------------------------------------------*/
div#content table.input_tbl tbody th,
div#content table#cart th,
table#input_tbl th,
table.guide tbody th,
div.myaddress_area table#myaddress_list_area th {
	border: 1px solid #ccc;
	background-color: #eeeeee;
}

div#content table.input_tbl tbody td,
div#content table#cart tbody td,
div#content table#cart tfoot td,
div.myaddress_area table#myaddress_list_area td,
table.guide tbody td,
table#input_tbl td {
	border: 1px solid #ccc;
}

/*---------------------------------------------
 input_tbl
---------------------------------------------*/
div#content table.input_tbl {
	width: 770px;
	border-collapse: collapse;
	margin:0px auto 10px auto;
}
div#content table.input_tbl caption {
	padding: 10px 0 3px 0;
	font-weight: bold;
}
div#content table.input_tbl tbody th{
	width: 120px;
	text-align: left;
	font-weight: normal;
	padding: 12px 12px 12px 8px;
}
div#content table.input_tbl tbody td {
	padding: 5px;
}
div#content table.input_tbl tfoot td {
	padding: 5px;
	border-style: none;
}
div#content table.input_tbl th span{
	color: red;
}

div#content table.input_tbl table {
	margin: 0;
}

div#content table.input_tbl table th, div#content table.input_tbl table td {
	border: 1px solid #FFFFFF;
	padding: 1px;
}

div#content table.input_tbl.input td{
	padding: 4px;
}

#SS_Order > #container > #contents_area > #content > #order > #login > div.bdr > form > table.input_tbl {
    width: 750px;
    border-collapse: collapse;
    margin: 0px auto 10px auto;
}
/*---------------------------------------------
 sort_list
---------------------------------------------*/
ul.sort_list {
	width: 100%;
	height: 16px;
}

ul.sort_list li {
	list-style: none;
	line-height: 16px;
	display: inline;
	float: left;
	margin-right: 5px;
	padding-right: 10px;
	background: url(/images/vline.gif) center right no-repeat;
}

ul.sort_list li.last {
	background-image: none;
	margin-right: 0px;
	padding-right: 0px;
}


/*---------------------------------------------
 pager
---------------------------------------------*/
div#pager_top {
	border-bottom: 1px #999999 solid;
	height: 18px;
	padding-bottom: 5px;
	margin: 3px 0 20px 0;
}
div#pager_top div.page_link {
	float: left;
	padding: 2px 10px 2px 3px;
}
div#pager_bottom {
	border-top: 1px #999999 solid;
	padding-top: 5px;
	margin: 0;
}
div#pager_bottom div.page_link {
	float: left;
	padding: 2px 10px 2px 3px;
}
ul.pager {
}
ul.pager li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px #999999 solid;
}
ul.pager li.next {
	border-right: none;
}
ul.pager li a {
	position: relative;
	display: block;
	padding: 2px 3px;
}
ul.pager li a:link, ul.pager li a:visited {
	text-decoration: none;
}
ul.pager li a:hover, ul.pager li a:active {
	text-decoration: none;
}
ul.pager li em {
	display: block;
	font-weight: bold;
	padding: 2px 3px;
}


/*---------------------------------------------
 side_menu
---------------------------------------------*/
div#sidebar h3#side_search_box_title {
	background: url(/images/new/search.jpg) left top no-repeat;
    background-size: 180px auto;
	width: 180px;
	height: 30px;
	overflow: hidden;
	text-indent: -9865px;
}
div#sidebar form#side_search_box {
	text-align: center;
	border-color: #C6BE8F;
	border-left:1px solid black;
	border-right:1px solid black;
	padding: 5px 10px;
}
label[for="kw"] {
    display: none !important;
}
div#sidebar form#side_search_box p {
	font-size: 13px;
	letter-spacing: 1px;
}
div#sidebar form#side_search_box p a {
	color: #0000FF;
}
div#sidebar form#side_search_box p a:hover {
	color: #FF69B6;
}
div#sidebar form#side_search_box input#kw {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    box-sizing: border-box;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-top: 8px;
}
input:checked + label:hover {
    color: #bf0000;
}
div#sidebar form#side_search_box select#kop {
    height: 25px;
}

div#sidebar form#side_search_box input#nkw {
    width: 100%;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 10px;
}
label[for="pl"] {
    display: none !important;
}
div#sidebar form#side_search_box input#SubmitBtn {
	margin: 8px 0;
}
div#sidebar form#side_search_box #search_box {
	text-align: left;
}
div#sidebar form#side_search_box #search_box label {
	display: inline-block;
	margin: 6px 0 3px 0;
    vertical-align: 2px;
}
div#sidebar form#side_search_box #more_search {
	display: none;
}
div#sidebar form#side_search_box #more_search #pl, #more_search #ph {
    width: 68px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 10px;
    /* text-align: right; */
}
div#sidebar form#side_search_box #more_search_link {
	margin-top: 5px;
    /* text-align: right; */
}
div#sidebar form#side_search_box #more_search_link a.plus {
    /*padding-left: 13px;*/
    /* background: u	rl(/images/icon_plus.gif) 0px 1px no-repeat; */
}
div#sidebar form#side_search_box #more_search_link a.min {
    /*padding-left: 13px;*/
    /* background: url(/images/icon_minus.gif) 0px 1px no-repeat; */
}
div#sidebar form#side_search_box #more_search_link > a {
    display: block;
    color: #555555;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 3px 10px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #EEEEEE;
}

div#sidebar form#side_search_box #more_search_link a.min:after {
    content: '\f077';
    font-family: "Font Awesome 5 Free";
    padding-left: 70px;
    font-weight: 900;
}
div#sidebar form#side_search_box #more_search_link a.plus:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    padding-left: 70px;
    font-weight: 900;
}

div#sidebar form#side_search_box #more_search_link > a:hover {
    text-decoration: none;
}

label[for="nkw"] {
    display: none !important;
}
div#sidebar form#side_search_box #search_category_list {
	text-align: left;
	padding-left: 7px;
}
div#sidebar form#side_search_box #search_category_list h3 {
	background-color: #CBAD64;
	color: #666666;
	padding: 5px;
}
div#sidebar form#side_search_box #search_category_list ul {
	border-right: 1px solid #CBAD64;
	border-left: 1px solid #CBAD64;
	border-bottom: 1px solid #CBAD64;
	padding: 5px;
}
div#sidebar form#side_search_box #search_category_list ul li {
	background: url("/images/ind_02.gif") 0px 2px no-repeat;
	padding-left: 18px;
	line-height: 20px;
}
div#sidebar form#side_search_box #search_category_list ul li.all {
	background: url("/images/ind_01.gif") 1px 0px no-repeat;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
div#sidebar form#side_search_box #search_category_list ul li.now {
	font-weight: bold;
	background-image: none;
	padding-left: 0px;
	line-height: 20px;
}
div#sidebar form#side_search_box #search_category_list ul li a {
	color: #999999;
}
div#sidebar form#side_search_box #search_category_list ul li a:hover {
	color: #ff69b6;
}

div#sidebar div.side_box_bottom {
	//background: url(/images/l_title_bottom.gif) left top no-repeat;
	border-bottom:1px solid black;
	width: 180px;
	overflow: hidden;
	text-indent: -9865px;
}

div#sidebar h3.category_area_title {
	background: url(/images/new/category.jpg) left top no-repeat;
    background-size: 180px auto;
	width: 180px;
	height: 30px;
	overflow: hidden;
	text-indent: -9865px;
	margin-top: 10px;
}
div#sidebar div.category_area_body {
	padding: 5px;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #CBAD64;
}
div#sidebar h3#mobile_site_info {
	background: url(/images/mobile_site_title.gif) left top no-repeat;
	width: 200px;
	height: 45px;
	overflow: hidden;
	text-indent: -9865px;
	margin-top: 10px;
}
div#sidebar div.mobile_site_info {
	text-align: center;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #CBAD64;
	padding: 5px;
	margin-bottom: 15px;
}

div#sidebar h3#side_ranking_list {
	background: url(/images/ranking_title.gif) left top no-repeat;
	width: 200px;
	height: 45px;


	overflow: hidden;
	text-indent: -9865px;
	margin-top: 10px;
}
div#sidebar div.side_ranking_list {
	text-align: center;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #F2D201;
	padding: 5px;
	margin-bottom: 15px;
}
div#sidebar div.side_ranking_list li {
	border-bottom: 1px solid #F2D201;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div#sidebar div.side_ranking_list li.last {
	border-bottom: 0px none;
	padding-bottom: 0;
	margin-bottom: 0;
}
div#sidebar div.side_ranking_list dt {
	float: left;
	width: 38px;
	height: 60px;
	text-indent: -9865px;
}
div#sidebar div.side_ranking_list li.rank_1 dt {
	background: url(/images/side_rank_1.gif) left top no-repeat;
}
div#sidebar div.side_ranking_list li.rank_2 dt {
	background: url(/images/side_rank_2.gif) left top no-repeat;
}
div#sidebar div.side_ranking_list li.rank_3 dt {
	background: url(/images/side_rank_3.gif) left top no-repeat;
}
div#sidebar div.side_ranking_list li.rank_4 dt {
	background: url(/images/side_rank_4.gif) left top no-repeat;
}
div#sidebar div.side_ranking_list li.rank_5 dt {
	background: url(/images/side_rank_5.gif) left top no-repeat;
}
div#sidebar div.side_ranking_list dd {
	text-align: left;
}
div#sidebar div.side_ranking_list dd img {
	float: left;
	margin-right: 2px;
}

div#sidebar h3#side_contact_box_title {
	margin-top:10px;
	background: url(/images/new/tel_title.gif) left top no-repeat;
	width: 180px;
	height: 30px;
	overflow: hidden;
	text-indent: -9865px;
}

div#sidebar .side_box_middle {
	text-align: left;
	border-color: #C6BE8F;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	//background: url(/images/l_title_bg.gif) left top repeat-y;
	padding: 0;
	font-weight: normal;
}

div#sidebar div.side_box_bottom:nth-of-type(7) {
    border-bottom: 1px solid #cccccc;
    width: 181px;
    overflow: hidden;
    text-indent: -9865px;
}

.side_box_middle > ul > li > ul > li:first-child {
    margin-top: 20px;
}

ul#list_001 {
    background: url(/images/new/list-001.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
}

ul#list_002 {
    background: url(/images/new/list-002.jpg) no-repeat;
    padding:8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_008 {
    background: url(/images/new/list-003.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_006 {
    background: url(/images/new/list-004.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_010 {
    background: url(/images/new/list-005.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_003 {
    background: url(/images/new/list-006.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_005 {
    background: url(/images/new/list-007.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_007 {
    background: url(/images/new/list-008.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}
ul#list_013 {
    background: url(/images/new/list-009.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_012 {
    background: url(/images/new/list-012.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

li.last a {
    margin-left: 0 !important;
}

ul#list_014 {
    background: url(/images/new/list-010.jpg) no-repeat;
    padding: 8px 0px 8px 15px;
    margin-top: -4px;
}

ul#list_011 > li.last {
    background: url(/images/new/list-011.jpg) no-repeat;
    padding: 12px 0px 4px 32px;
    margin-top: -3px;
    margin-bottom: -2px;
    height: 23px;
}
/*---------------------------------------------
 calendar
---------------------------------------------*/

h3.side_calendar_title {
	background: url(/images/calendar_title.gif) left top no-repeat;
	width: 200px;
	height: 45px;
	overflow: hidden;
	text-indent: -9865px;
	margin-top: 10px;
}
div#side_calendar_area {
	padding: 8px 0px 0px 0px;
	_padding: 8px 4px 0px 4px;
    margin-bottom: 40px;
}

table.calendar_tbl:first-child {
    width: 150px;
    margin: 0 auto 8px auto;
    border-collapse: collapse;
}
div#side_calendar_area p.holiday_desc {
	background: url(/images/ic_004.gif) 3px 3px no-repeat;
	padding-left: 18px;
	line-height: 16px;
    clear: both;
}

div#side_calendar_area p.cal_p {
	margin: 10px 0;
	color: #666666;
	line-height: 16px;
}

table.calendar_tbl {
	width: 153px;
	margin: 0 auto 8px auto;
	border-collapse: collapse;
    float: left;
}

table.calendar_tbl th, table.calendar_tbl td {
	border: 1px solid #E4E4E4;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	line-height: 20px;
}

table.calendar_tbl thead th {
	background-color: #CCCCCC;
}

table.calendar_tbl .sun {
	color: #CE020B;
}

table.calendar_tbl .sat {
	color: #0B64C8;
}

table.calendar_tbl thead th.caption {
	border-style: none none solid none;
	background-color: #f4f4f4;
	color: #666666;
	font-weight: bold;
}

table.calendar_tbl tbody td.holiday {
	background-color: #FFE4CE;
}
table.calendar_tbl:first-child {
    float: left;
}
table.calendar_tbl:nth-child(2) {
    float: right;
}
/*---------------------------------------------
 present
---------------------------------------------*/

h3.side_present_title {
	background: url(/images/present_title.gif) left top no-repeat;
	width: 200px;
	height: 45px;
	overflow: hidden;
	text-indent: -9865px;
	margin-top: 10px;
}
div#side_present_area {
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #D09376;
	background-color: #FFFFFF;
	padding: 8px 5px;
	_padding: 8px 4px;
	margin-bottom: 15px;
}

/*---------------------------------------------
 topics
---------------------------------------------*/
div#topics_list {
	margin-bottom: 0px;
}

div#topics_list h2 {
	background: url(/images/new/newstitle.jpg) left top no-repeat;
    background-size: 180px;
	height: 30px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 10px;
}

div#topics_list ul li {
	line-height: 18px;
	border-bottom: 1px dotted #CCC;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

div#topics_list ul li span {
	font-weight: bold;
	padding-right: 10px;
}
div#topics_list a {
    color: #111111;
    font-size: 12px;
}
/*---------------------------------------------
 new_item_list
---------------------------------------------*/
div#new_item_list {
	margin-top: 15px;
	margin-bottom: 15px;
}

div#new_item_list h2 {
	background: url(/images/new/maintitle2.gif) left top no-repeat;
	height: 40px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

/*---------------------------------------------
 sale_item_list
---------------------------------------------*/
div#sale_item_list {
	margin-top: 15px;
	margin-bottom: 15px;
}

div#sale_item_list h2 {
	background: url(/images/sale_item_title.jpg) left top no-repeat;
	height: 25px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

/*---------------------------------------------
 push_item_list
---------------------------------------------*/
div#push_item_list {
	margin-top: 15px;
}

div#push_item_list h2 {
	background: url(/images/top/top_hotitem.jpg) left top no-repeat;
    background-size: 770px;
	height: 35px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

div#push_item_list_title {
	//background: url(/images/recommend_bg.png) -1px top;
	height: 40px;
	overflow: hidden;
}

#SS_Mypage > #container > #contents_area > #content > #push_item_list > #push_item_list_title > h2.img_long {
    background: url(/images/new/maintitle1-long2.jpg) left top no-repeat;
    background-size: 770px 30px;
    height: 40px;
    overflow: hidden;
    text-indent: -9865px;
    margin-bottom: 15px;
}

#SS_Item_list > #container > #contents_area > #content > #push_item_list > #push_item_list_title > h2 {
    background: url(/images/new/maintitle1-long2.jpg) left top no-repeat;
    background-size: 770px 30px;
    height: 40px;
    overflow: hidden;
    text-indent: -9865px;
    margin-bottom: 15px;
}

#SS_Mypage > #container > #contents_area > #content > #push_item_list > #push_item_list_title > h2 {
    background: url(/images/new/maintitle1.gif) left top no-repeat;
    background-size: 770px 30px;
    height: 40px;
    overflow: hidden;
    text-indent: -9865px;
    margin-bottom: 15px;
}

#SS_Cart > #container > #contents_area > #content > #push_item_list > div#push_item_list_title > h2.img_long {
    background: url(/images/new/maintitle1-long2.jpg) left top no-repeat;
    height: 40px;
    overflow: hidden;
    text-indent: -9865px;
    margin-bottom: 15px;
}
/*---------------------------------------------
 recommend_item_list
---------------------------------------------*/
div#recommend_item_list {
	margin-top: 15px;
}

div#recommend_item_list h2 {
	height: 25px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

div#recommend_item_list h2.t1 {
	background: url(/images/recommend_item_title1.jpg) left top no-repeat;
}

div#recommend_item_list h2.t2 {
	background: url(/images/recommend_item_title2.jpg) left top no-repeat;
}

/*---------------------------------------------
 viewed_item_list
---------------------------------------------*/
div#viewed_item_list {
	margin-top: 15px;
    margin-bottom: 50px;
}

div#viewed_item_list h2 {
	background: url(/images/top/top_checkitem.jpg) left top no-repeat;
    background-size: 770px;
	height: 35px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

/*---------------------------------------------
 group_item_list
---------------------------------------------*/
div#group_item_list {
	margin-top: 15px;
}

div#group_item_list h2 {
	background: url(/images/group_item_title.jpg) left top no-repeat;
	background-size:770px;
	height: auto;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

/*---------------------------------------------
 select
---------------------------------------------*/
select[name="extended_warranty_flag"] {
    padding: 5px 5px 8px;
    font-size: 14px;
    width: 350px;
}

select[name="extended_construction_flag"] {
    padding: 5px 5px 8px;
    font-size: 14px;
    width: 350px;
}

select[name="extended_approval_flag"] {
    padding: 5px 5px 8px;
    font-size: 14px;
    margin-bottom: 5px;
    width: 350px;
}

select#num_sel[name="num"] {
    padding: 5px 5px 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

p.variation_p label {
    font-size: 16px;
}
/*---------------------------------------------
 item(list)
---------------------------------------------*/
.item3ListFlex{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
}
.item {
	font-size: 12px;
	line-height: 16px;
	width: 190px;
	_width: 194px;
	margin: 0 8px;
	padding-bottom: 15px;
	float: left;
	text-align: center;
}
.item3 {
	width: 137px;
	_width: 100px;
	margin: 0 20px 0 0;
	float: none;
}
.item3 > .item_info > p > a > img,
.item3 > p.img > a > img {
    width: 137px;
    /*border: 1px solid #CCCCCC;*/
}


.item3 a {
    color: #333333;
}

.item3:nth-of-type(5n) {
    margin-right: 0px;
}

.item3 > p.pn {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    width: 137px;
    max-height: 5rem;
    text-align: left;
}

.item p.img {
	padding-bottom: 5px;
}

.item p.sp {
	color: #FF0000;
	font-weight: bold;
    text-align: left;
}

.item p.pp {
	color: #0000CC;
}

.item p.so {
	padding-top: 3px;
}

.item p.so span {
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
	background-color: #FF6D00;
}



p.icn {
	min-height: 18px;
	line-height: 18px;
	margin-bottom: 2px;
}

p.icn img {
	vertical-align: middle;
	height: 17px;
	width: auto;
	margin-left: 5px;
}
div#push_item_list {
    margin-top: 15px;
    margin-bottom: 50px;
}

p.pn{
	/*margin-left: 10px;*/
}

.detail2{
	 /* margin-left: 5px; */
}

.item2 p.sp span {
    font-size: 15px;
}
/*---------------------------------------------
 item2row(list)
---------------------------------------------*/
.item2 {
	width:362px;
    max-height: 200px;
    /*min-height: 160px;*/
	float: left;
	border-top:1px dotted #cccccc;
	padding:10px;
	//display:table-cell;
}

.item2 p.img{
	width:100px;
	float:left;
}

.item2 > div{
	width:255px;
	float:left;
    padding-left: 7px;
}

div.item2 > div > .detail2 {
    display: none;
}


.item2 p.img {
	padding-bottom: 5px;
}

.item2 p.sp {
	color: #FF0000;
	font-weight: bold;
	margin-left: 10px;
}

.item2 p.pp {
	color: #0000CC;
}

.item2 p.so {
	padding-top: 3px;
}

.item2 p.so span {
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
	background-color: #FF6D00;
}

/*---------------------------------------------
 cate_banner
---------------------------------------------*/
div#cate_banner {
	clear: both;
	margin-top: 15px;
}
div#cate_banner h2 {

	width: 800px;
	height: 38px;
	overflow: hidden;
	margin-bottom: 5px;
}
div#cate_banner ul {
	margin: 0 0 15px 0;
	padding: 0;
	overflow: hidden;
	zoom: 100%;
}
div#cate_banner ul li {
	float: left;
	display: block;
	text-align: center;
	width: 265px;
	height: 80px;
	overflow: hidden;
	list-style: none;
}

/*---------------------------------------------
 shop_info
---------------------------------------------*/
div#shop_info {
	border: 2px solid #DCDB71;
	background-color: #F6F5BD;
	margin-top: 15px;
	padding: 10px;
}

div#shop_info div.col_l {
	float: left;
	width: 309px;
}

div#shop_info div.col_r {
	float: right;
	width: 309px;
}

div#shop_info div h3 {
	height: 29px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 7px;
}

div#shop_info div h3.t1 {
	background: url(/images/shop_information1.gif) left top no-repeat;
}

div#shop_info div h3.t2 {
	background: url(/images/shop_information2.gif) left top no-repeat;
}

div#shop_info div h3.t3 {
	background: url(/images/shop_information3.gif) left top no-repeat;
}

div#shop_info div h3.t4 {
	background: url(/images/shop_information4.gif) left top no-repeat;
}

div#shop_info div p {
	color: #333333;
	line-height: 16px;
	margin-bottom: 5px;
}

div#shop_info div.col_l p {
	padding-left: 10px;
}

div#shop_info div.col_r p {
	padding-left: 10px;
}

/*---------------------------------------------
 my page
---------------------------------------------*/
div.mypage_area ul {
	margin-bottom: 200px;
}
div.mypage_area ul li {
	display: block;
	height: 22px;
}
div.mypage_area ul li.li1 span.l {
	background: url(/images/mypage_icon1.gif) left top no-repeat;
}
div.mypage_area ul li.li2 span.l {
	background: url(/images/mypage_icon2.gif) left top no-repeat;
}
div.mypage_area ul li.li3 span.l {
	background: url(/images/mypage_icon3.gif) left top no-repeat;
}
div.mypage_area ul li.li4 span.l {
	background: url(/images/mypage_icon4.gif) left top no-repeat;
}
div.mypage_area ul li.li5 span.l {
	background: url(/images/mypage_icon5.gif) 3px 0px no-repeat;
}
div.mypage_area ul li.li6 span.l {
	background: url(/images/myreview_icon.gif) left top no-repeat;
}
div.mypage_area ul li span {
	display: block;
	height: 22px;
	line-height: 22px;
	float: left;
}
div.mypage_area ul li span.l {
	text-indent: 30px;
	width: 150px;
}
div.mypage_area ul li span.r {
	width: 470px;
}
div.myorder_area {
	padding-top: 5px;
}
div.myorder_area div.myorder_list {
}
div.myorder_area div.myorder_list h3,
div.myorder_area div.myorder_detail h3 {
	border-top: 1px solid #EEE;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #CCC;
	border-left: 5px solid #CCAD60;
	text-indent: 5px;
	height: 24px;
	line-height: 24px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
}
div.myorder_area div.myorder_list p.info {
	border: 1px solid #E3DEB9;
	background-color: #FFFAE3;
	color: #666666;
	font-size: 12px;
	margin: 7px 5px;
	padding: 5px;
	position: relative;
}
div.myorder_area div.myorder_list p.info span {
	position: absolute;
	left: 670px;
}
div.myorder_area div.myorder_list p.info a {
	text-decoration: underline;
	color: #A5934B;
}
div.myorder_area ol.order_list {
	margin-bottom: 10px;
}
div.myorder_area ol.order_list li {
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 15px;
}
div.myorder_area ol.order_list li.last {
	border-style: none;
}
div.myorder_area ol.order_list li div.col_l {
	float: left;
	width: 115px;
}
div.myorder_area ol.order_list li div.col_l img {
	border: 1px solid #CCCCCC;
	vertical-align: bottom;
}
div.myorder_area ol.order_list li div.col_r {
	float: left;
	width: 620px;
}
div.myorder_area ol.order_list li div.col_r p {
}
div.myorder_area ol.order_list li div.col_r p.product_name {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

div.myorder_area div.myorder_detail div.info {
	padding: 5px;
	margin-bottom: 10px;
	line-height: 16px;
}
dl.mypage_list {
}

dl.mypage_list dt {
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
	border-left: 4px solid #CCAD60;
	text-indent: 5px;
	height: 20px;
	line-height: 22px;
	color: #333333;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 4px;
	padding-bottom: 2px;
}

dl.mypage_list dd {
	padding-left: 10px;
	margin-bottom: 15px;
}

dl.mypage_list dd p {
	line-height: 18px;
}

dl.mypage_list dd form {
	margin-top: 3px;
}

dl.myorder_list {
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

dl.myorder_list dt {
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #CCCCCC;
	border-left: 4px solid #DBBF7C;
	text-indent: 5px;
	height: 20px;
	line-height: 22px;
	color: #555555;
	font-weight: bold;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 4px;
	padding-bottom: 2px;
}

dl.myorder_list dd {
	padding-left: 10px;
	margin-bottom: 15px;
}

dl.myorder_list dd p {
	line-height: 18px;
}

div.myorder_total {
	padding: 5px;
	margin-bottom: 10px;
}

div.myorder_total p {
	line-height: 16px;
}

div.myorder_total p.tp {
	font-size: 18px;
	color: #C00;
	line-height: 22px;
}

div.point_info {
	margin-bottom: 10px;
}

div.point_info p {
	font-size: 13px;
	line-height: 18px;
}

#content h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
}

#content > h2{
	font-size:16px;
	font-weight:bold;
    background-color: #EEEEEE;
    border-left: 10px solid #C5363A;
    margin-bottom: 10px;
    padding:5px 10px;
}

#content h2 > span {
	margin-left:15px;
	font-size: 8px;
	line-height: 30px;
	color:#666666;
	font-family:'Times New Roman';
}

div#inq h4 {
	border-bottom:1px solid #999999;
	border-left: 6px solid #EDD3AA;
	line-height: 180%;
	padding-left: 8px;
	margin-bottom: 4px;
	font-weight: bold;
}
div#inq p.inq {
	width:735px;
	padding:5px;
	line-height: 16px;
	margin-bottom: 10px;
	border:1px solid #cccccc;
	background-color:#FFEEEE;
}

#stickerLeftContent > form > input[type="image"] {
    width: 60px;
    height: auto;
}

div.next {
	text-align: center;
	margin-top: 10px;
	width: 770px;
}
.red {
	color: #FF0000;
}

.pink {
	color: #FF00FF;
}
.no_result {
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
	color: #A58639;
	font-size: 16px;
	letter-spacing: 1px;
}
.no_stock_message {
	margin-top: 10px;
	font-weight: bold;
	color: #DB3E79;
}
.fav_d a {
	font-size: 10px;
	letter-spacing: 1px;
	color: #666666;
}
.ja { ime-mode: active; }
.en { ime-mode: disabled; }
.fb { font-weight: bold; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 100px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w177 { width: 177px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w250 { width: 400px; }
.w260 { width: 260px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w400 { width: 600px; }
.w404 { width: 404px; }
.w410 { width: 410px; }
.w450 { width: 450px; }
.w460 { width: 460px; }
.w560 { width: 560px; }
.w90p { width: 90%; }
.w100p { width: 100%; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mt-5 { margin-top: -5px; }
.f10 { font-size: 10px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.dn { display: none; }
.db { display: block; }
.cursor { cursor: pointer; }
.adv {
	font-size: 12px;
	padding-top: 2px;
}
ul.center_banner li {
	margin-bottom: 10px;
	text-align: center;
}
div.top_banner {
	line-height: 0;
	margin-bottom: 15px;
}
ul.top_banner_ul {
	margin-bottom: 20px;
}
ul.top_banner_ul li {
	float: left;
	width: 216px;
	text-align: center;
}
ul.top_banner_ul li.li1, ul.top_banner_ul li.li2 {
	margin-right: 16px;
}

div#mailmag1,
div#mailmag2 {
	margin: 15px 0;
}

div#mailmag1 .err_list,
div#mailmag2 .err_list {
	text-align: left;
}

div#mailmag1 h3,
div#mailmag2 h3 {
	background: url(/images/mailmag_bg1.gif) left top no-repeat;
	height: 56px;
	text-indent: -9865px;
	overflow: hidden;
}

div#mailmag2 h3 {
	background: url(/images/mailmag_bg2.gif) left top no-repeat;
}

div#mailmag1 form#fmMailmag1,
div#mailmag2 form#fmMailmag2 {
	text-align: center;
	border-color: #B86C58;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	padding: 5px 15px;
}

div#mailmag2 form#fmMailmag2 {
	border-color: #A58E52;
}

div#mailmag1 form#fmMailmag1 table.input_tbl,
div#mailmag2 form#fmMailmag2 table.input_tbl {
	width: 400px;
	margin: 0 auto;
}

div#mailmag1 form#fmMailmag1 table.input_tbl th,
div#mailmag2 form#fmMailmag2 table.input_tbl th {
	width: 100px;
}

div#mailmag1 form#fmMailmag1 p,
div#mailmag2 form#fmMailmag2 p {
	text-align: left;
	line-height: 16px;
	width: 400px;
	margin: 10px auto;
}

div#mailmag1 form#fmMailmag1 div,
div#mailmag2 form#fmMailmag2 div {
	width: 400px;
	margin: 10px auto;
}

h3.review_item_title {
	background: url(/images/review_item_header.gif) right top no-repeat;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	overflow: hidden;
}

h3.review_item_title span {
	background: url(/images/review_title_bg1.gif) left top no-repeat;
	text-indent: 15px;
	display: block;
}
div.review_item_info {
	border-color: #D0C7C8;
	border-width: 1px;
	border-style: none solid solid solid;
	margin-bottom: 15px;
}
div.review_item_info div.col_l {
	float: left;
	text-align: center;
	width: 111px;
	height: 110px;
	border-right: 1px solid #D0C7C8;
	background-color: #FFFFFF;
}
div.review_item_info div.col_l img {
	vertical-align: middle;
	margin-top: 5px;
}
div.review_item_info div.col_r {
	font-size: 14px;
}
div.review_item_info div.col_r h4 {
	background-color: #FFFBF5;
	font-weight: bold;
	padding: 7px 7px 7px 118px;
}
div.review_item_info div.col_r p {
	border-top: 1px solid #D0C7C8;
	font-weight: bold;
	padding: 7px 7px 7px 118px;
}
div.review_item_info div.col_r span.co {
	float: right;
	line-height: 22px;
	background: url(/images/review_co_icon.gif) top left no-repeat;
}
div.review_item_info div.col_r span.co a {
	padding-left: 24px;
}
div.review_item_info div.col_r span.np {
	display: block;
	font-weight: normal;
	color: #0000FF;
}
div.review_item_info div.col_r span.sp {
	display: block;
	color: #FF0000;
}
div.rate_area img,
div.review_item_info div.col_r p img {
	vertical-align: middle;
	background: url(/images/star_list.gif) top left no-repeat;
}
div.review_item_info div.col_r p img.rate00, div.rate_area img.rate00 { background-position: 0px 0px; }
div.review_item_info div.col_r p img.rate05, div.rate_area img.rate05 { background-position: 0px -24px; }
div.review_item_info div.col_r p img.rate10, div.rate_area img.rate10 { background-position: 0px -48px; }
div.review_item_info div.col_r p img.rate15, div.rate_area img.rate15 { background-position: 0px -72px; }
div.review_item_info div.col_r p img.rate20, div.rate_area img.rate20 { background-position: 0px -96px; }
div.review_item_info div.col_r p img.rate25, div.rate_area img.rate25 { background-position: 0px -120px; }
div.review_item_info div.col_r p img.rate30, div.rate_area img.rate30 { background-position: 0px -144px; }
div.review_item_info div.col_r p img.rate35, div.rate_area img.rate35 { background-position: 0px -168px; }
div.review_item_info div.col_r p img.rate40, div.rate_area img.rate40 { background-position: 0px -192px; }
div.review_item_info div.col_r p img.rate45, div.rate_area img.rate45 { background-position: 0px -216px; }
div.review_item_info div.col_r p img.rate50, div.rate_area img.rate50 { background-position: 0px -240px; }

div.rate_area {
	margin-bottom: 5px;
	color: #F5978D;
}

div.rate_area span {
	padding-left: 10px;
	color: #2D2427;
	letter-spacing: 1px;
}

div.rate_area span a {
	color: #0C04B9;
	text-decoration: underline;
}

/*---------------------------------------------
 review_list_area
---------------------------------------------*/
div#review_list_area {
	margin-top: 15px;
}

div#review_list_area_l {
	margin-top: 5px;
	padding-top: 10px;
}

div#review_list_area h2 {
	background: url(/images/review-ttl.gif) left top no-repeat;
	height: 56px;
	overflow: hidden;
	text-indent: -9865px;
}

div#review_list_area div.no_result
div#review_list_area_l div.no_result, {
	padding: 15px;
	text-align: left;
	font-weight: normal;
	color: #555555;
	font-size: 12px;
}

div#review_list_area div.edit_area {
	margin-top: -10px;
}

div#review_list_area div.edit_area span.edit a {
	float: right;
	line-height: 24px;
	background: url(/images/review_co_icon.gif) left center no-repeat;
	padding-left: 26px;
	color: #0C04B9;
}

div#review_list_area div.edit_area span.list a {
	float: right;
	line-height: 24px;
	background: url(/images/review-icon.gif) left center no-repeat;
	padding-left: 28px;
	margin-left: 5px;
	color: #0C04B9;
}

div.review_detail {
	border-bottom: 1px solid #E7C7A0;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
div.review_detail div.review_body {
	padding-left: 12px;
}

div.review_detail div.review_body h3 {
	color: #555555;
	font-weight: bold;
	margin-bottom: 3px;
}

div.review_detail div.review_body div.review_option {
	margin-top: 10px;
	color: #555555;
}

div.review_detail div.review_body div.review_option div.yaku {
	float: left;
	width: 350px;
	font-size: 10px;
	line-height: 14px;
}

div.review_detail div.review_body div.review_option div.yaku img {
	vertical-align: middle;
}

div.review_detail div.review_body div.review_option em {
	display: block;
	float: right;
	text-align: right;
	width: 200px;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
}

/*
div.review_detail div.review_option {
	margin-top: 8px;
	background: url(/images/review_bg2.gif) bottom left no-repeat;
	padding: 0px 5px 17px 5px;
}

div.review_detail div.review_option span {
	background-color: #727272;
	color: #FFFFFF;
	border: 1px solid #D9D0D5;
	padding: 3px 5px;
	margin-right: 5px;
	margin-left: 10px;
}
*/

div.review_detail div.review_foot {
	padding-top: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

div.review_detail div.review_foot img {
	vertical-align: middle;
}

div.review_detail div.review_foot span.right {
	float: right;
	position: relative;
	left: -130px;
}

div.review_detail div.review_image p {
	widh: 470px;
	float: left;
}

div.review_detail div.review_image ul {
	height: 52px;
	float: right;
}

div.review_detail div.review_image ul.ul_1 {
	width: 55px;
}

div.review_detail div.review_image ul.ul_2 {
	width: 110px;
}

div.review_detail div.review_image ul.ul_3 {
	width: 165px;
}

div.review_detail div.review_image ul li {
	float: left;
	width: 52px;
	height: 52px;
	margin-right: 3px;
}

div.review_detail div.review_image ul li img {
	border: 1px solid #CCC;
}

div.myreview_detail {
	float: left;
	padding: 0 10px 5px 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

div.myreview_detail div.myreview_detail_l {
	float: left;
	width: 115px;
	color: #666666;
}

div.myreview_detail div.myreview_detail_l p.item_image img {
	border: 1px solid #CCC;
	vertical-align: bottom;
}

div.myreview_detail div.myreview_detail_l div.review_option ul.review_info {
	clear: left;
	margin-top: 5px;
}

div.myreview_detail div.myreview_detail_l div.review_option ul.review_info li {
	font-size: 10px;
	line-height: 14px;
}

div.myreview_detail div.myreview_detail_l div.review_option ul.review_info li img {
	vertical-align: middle;
	margin-left: 3px;
}

div.myreview_detail div.myreview_detail_r {
	float: left;
	width: 635px;
}

div.myreview_detail div.myreview_detail_r p.product_name {
	margin-bottom: 5px;
}

div.myreview_detail div.myreview_detail_r p.product_name a {
	font-size: 13px;
	font-weight: bold;
}

div.myreview_detail div.myreview_detail_r div.review_body h3 {
	color: #555555;
	font-weight: bold;
	margin-bottom: 3px;
}

div.myreview_detail div.myreview_detail_r div.review_body p {
	width: 360px;
	float: left;
}

div.myreview_detail div.myreview_detail_r div.review_body ul {
	float: right;
	margin-top: 5px;
}

div.myreview_detail div.myreview_detail_r div.review_body ul.ul_1 {
	width: 55px;
}

div.myreview_detail div.myreview_detail_r div.review_body ul.ul_2 {
	width: 110px;
}

div.myreview_detail div.myreview_detail_r div.review_body ul.ul_3 {
	width: 165px;
}

div.myreview_detail div.myreview_detail_r div.review_body ul li {
	float: left;
	width: 52px;
	height: 52px;
	margin-right: 3px;
}

div.myreview_detail div.myreview_detail_r div.review_body ul li img {
	border: 1px solid #CCC;
}

div.myreview_detail div.review_date {
	clear: left;
	text-align: right;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 1px;
	color: #555555;
	margin-top: 5px;
}

div.review_list ul.sort_list {
	width: 100%;
	height: 16px;
}

div.review_list ul.sort_list li {
}

div.review_list ul.sort_list li a {
	font-weight: normal;
}

div.review_list div#pager_top {
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #D4D0CD;
}

h3.review_user_title {
	background: url(/images/review_item_header.gif) right top no-repeat;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	overflow: hidden;
}

h3.review_user_title span {
	background: url(/images/review_title_bg1.gif) left top no-repeat;
	text-indent: 15px;
	display: block;
}
div.review_user_info {
	border-color: #D0C7C8;
	border-width: 1px;
	border-style: none solid solid solid;
	padding: 10px;
	font-size: 13px;
	margin-bottom: 15px;
}
div.star_area,
div.star_area_confirm {
	display: inline;
}
div.star_area img,
div.star_area_confirm img {
	cursor: pointer;
	vertical-align: middle;
}

div#banner-list {
	margin-bottom: 15px;
}

div.banner-image {
	margin-bottom: 5px;
}

div.banner-image img {
	vertical-align: bottom;
}

/*******************/
/*   view mode   ***/
/*******************/
.viewmode {
	background-color: #CCC;
	text-align: center;
	padding: 40px 0;
	font-size: 40px;
	font-weight: normal;
	text-shadow: none;
}

.viewmode em,
.viewmode a {
	font-weight: bold;
	font-style: normal;
	text-shadow: none;
}

/*******************/
/*   sub page   ***/
/*******************/

h3#user_guide_title {
	font-size:16px;
	font-weight:bold;
	background-color: #f4f4f4;
	border-left: 10px solid #C5363A;
	margin-bottom: 10px;
	padding:5px 10px;
	line-height: 30px;
}

h3#user_question_title {
	margin-top:10px;
	background: url(/images/questiontitle.gif) left top no-repeat;
	height: 44px;
	overflow: hidden;
	text-indent: -9865px;
}

#user_guide_list {
	text-decoration:none;
	margin-left:10px;
    margin-bottom: 40px;
}

#user_guide_list li {
	padding:6px;
	width:100%;
	border-bottom:1px dotted #cccccc;
    box-sizing: border-box;
}

#user_guide_list li:hover {
	color:red;
	background-color:#FFFFCC;
}

#user_guide_list li a {
	display:block;
}

#user_guide_list li a:hover {
    text-decoration: none;
}

/*  ---------------- annai ----------------  */

.annai-title {
	background-color: #6699FF;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
	margin:10px 0px;
	width:100%;
	box-sizing: border-box;
}

.annai-title-red {
	background-color: #FFCCCC;
	color: #FF0000;
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
	margin:10px 0px;
	width:98%;
}

.annai-subtitle {
	background-color: #EEEEEE;
	border-color: #CCCCCC #CCCCCC #CCCCCC #999999;
	border-style: solid;
	border-width: 1px 1px 1px 7px;
	font-size: 100%;
	margin: 20px 0px 0px 20px;
	padding: 0.5em;
	font-weight:bold;
}

.annai-subtitle-2 {
	background-color: #EEEEEE;
	border:1px solid #cccccc;
	font-size: 100%;
	margin: 20px 0px 0px 40px;
	padding: 0.5em;
	font-weight:bold;
}

.annai-subtitle-red {
	background-color: #FFCCCC;
	color:#FF0000;
	font-size: 100%;
	margin: 20px 20px 10px 10px;
	padding: 0.5em;
	font-weight:bold;
}

#SS_Sub h3.annai-title:first-of-type {
    margin-top: 0;
}
#SS_Sub h3.annai-title {
    margin-top: 50px;
}

.annai-c2 {
	background-color: #FFCCCC;
	border: 3px solid #FF0000;
	font-weight: bold;
	margin: 5px 20px;
	padding: 10px;
	line-height: 1.5em;
}

.annai-c3 {
	border: 3px solid #0000FF;
	line-height: 1.5em;
	padding: 10px;
	margin:0px 20px;
	/*width:100%;*/
}

.annai-container {
	margin: 20px 20px 0px 20px;
	padding-left:10px;
	line-height: 1.6em;
	width:740px;
}

.annai-container2 {
	margin: 20px 0 0px 40px;
    padding-left: 10px;
    line-height: 1.6em;
    width: 730px;
    box-sizing: border-box;
}

table.annai-bank {
	width:95%;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

.annai-bank caption {
	border:1px solid #cccccc;
	border-bottom:none;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

hr.annai {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #000000 -moz-use-text-color -moz-use-text-color;
	border-right: medium none;
	border-style: dashed none none;
	border-width: 1px medium medium;
	color: #999999;
	height: 1px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

.annai-bank td {
	padding:10px;
	border:1px solid #cccccc;
}

/*.company-table {
	background-color:#cccccc;padding:4px;
}*/

table.company-table {
    width: 100%;
    border-collapse: collapse;
}
.company-table > tbody > tr > td:first-of-type {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ccc;
    width: 180px;
}
.company-table > tbody > tr > td:nth-of-type(2) {
    padding: 10px;
    line-height: 1.6em;
    border: 1px solid #ccc;
}

.annai-c1 {
	background-color: #FFFFCC;
	border: 3px solid #FFCC66;
	margin: 5px 20px;
	line-height: 1.5em;
	padding: 10px;
}

.disclist {
	list-style-type:disc;
	margin:15px 0px 15px 15px;
}


p.annai_p:before {
    content: '\f111';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    font-size: 11px;
}
/*  ---------------- por ----------------  */

.por-table {
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	width:95%;
}

.por-table td {
	border: 1px solid #999999;
	color: #333333;
	height: 20px;
	vertical-align: middle;
    padding: 10px;
}

.por-table caption {
	text-align:center;
}

.por-orange-1 {
	background-color: #FFCC99;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.por-orange-2 {
	background-color: #FFCCCC;
	text-align: left;
}

.por-green-1 {
	background-color: #CCFF66;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.por-green-2 {
	background-color: #CCFF99;
	text-align: center;
}

/*  ---------------- soryo ----------------  */

.soryo-table {
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

.soryo-table caption {
	text-align:center;
}

.soryo-table td {
	border: 1px solid #999999;
	color: #333333;
	margin: 8px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.soryo-white {
	background-color: #FFFFFF;
}

.soryo-orange-1 {
	background-color: #FFCCB2;
}

.soryo-orange-2 {
	background-color: #FFDDCC;
}

.soryo-blue-1 {
	background-color: #CCDDFF;
}

.soryo-blue-2 {
	background-color: #E5EEFF;
}

/*  ---------------- recycle ----------------  */

.recycle-table {
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
}

.recycle-table td {
	border: 1px solid #999999;
	color: #333333;
	margin: 10px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.recycle-table caption {
	text-align:center;
}

.recycle-blue-1 {
	background-color: #87CEFA;
}

.recycle-green-1 {
	background-color: #CCFF99;
}

.recycle-box1 {
	background-color: #CCCCCC;
	line-height: 1.5em;
	padding: 10px;
	text-align: left;
	width: 70%;
}

.recycle-box2 {
	line-height: 1.5em;
	text-align: left;
	width: 70%;
}

.recycle-box3 {
	background-color: #CCCCCC;
	line-height: 1.5em;
	padding: 10px;
}

.recycle-box4 {
	line-height: 1.5em;
	text-align: left;
}

div.recycle_fee_without_setting div.recycle_fee_title{
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left: 0.8em;
	margin-right: 5em;
	margin-top:0.5em;
	margin-left:5em;
	border-bottom:solid 1px #000;
	border-left:solid 5px #000;
}

div.recycle_fee_without_setting span.no_wrap{
  display: inline-block;
  white-space: nowrap;
}

div.recycle_fee_without_setting table {
	width: 83%;
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-top:0.5em;
	margin-left:65px;
	margin-right:auto;
	margin-bottom:1em;
}

div.recycle_fee_without_setting td {
	border: 1px solid #999999;
	color: #333333;
	margin: 8px;
	padding: 0.8em;
	text-align: center;
	vertical-align: middle;
}

div.recycle_fee_without_setting td:nth-child(2) {
    text-align: left;
}

div.recycle_fee_without_setting td:nth-child(3) {
    text-align: right;
}

td.recycle_fee_without_setting_left {
    text-align: left !important;
}

td.recycle_fee_without_setting_right {
    text-align: right !important;
}

td.recycle_fee_without_setting_center {
    text-align: center !important;
}
	

/*  ---------------- cancel ----------------  */

.cancel-table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-left:30px;
	margin-right:auto;
    width: 96%;
}

.cancel-table th {
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	/*font-size: 0.8em;*/
	margin: 8px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.cancel-table td {
	border: 1px solid #ccc;
	margin: 8px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.cancel-table td.cancel-ok {
	border: 1px solid #ccc;
	color: #0000CC;
	font-weight: bold;
	margin: 8px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.cancel-table td.cancel-ng {
	border: 1px solid #ccc;
	color: #990000;
	font-weight: bold;
	margin: 8px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

/*  ---------------- question ----------------  */

.question-subtitle {
	background-color: #EEEEEE;
	border-color: #CCCCCC #CCCCCC #CCCCCC #999999;
	border-style: solid;
	border-width: 1px 1px 1px 7px;
	font-size: 100%;
	margin: 20px 0px 0px 20px;
	padding: 0.5em;
	font-weight:bold;
}

.question-list {
	margin-top:10px;
	margin-left:40px;
}

.question-list > li {
	line-height:24px;
	font-size:14px;
}

.qa-answer {
	background-color: #ECF3FF;
	border: 1px solid #CACACA;
	font-size: 12px;
	line-height: 1.7em;
	margin: 45px 15px 45px 20px;
	padding: 10px;
	width: 97.4%;
    box-sizing: border-box;
}

.qa-answer_title {
	color: #003399;
	font-size: 15px;
	font-weight: bold;
}

.qa-info {
	background-color: #FFF18E;
	border: 1px double #666666;
	margin: 20px;
	padding: 15px;
	width: 97.5%;
    box-sizing: border-box;
}

/*  ---------------- privacy ----------------  */

.privacy {
	line-height:1.3em;
	padding:10px;
	margin:10px;
}

ul.privacy_list li ul {
	margin:0 0 0 1em;
	padding:0;
}

.privacy li.privacy_list1 {
	list-style-type:square;
}

.privacy li.privacy_list2 {
	list-style-type:circle;
}

.privacy span.privacy_title {
	font-weight:bold;
	border-bottom:2px solid #000000;
}


/*  ---------------- pwj ----------------  */

.pwj-wrap{
	border:2px solid #999999;
	font-family: "メイリオ";
}


.pwj-wrap img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.pwj-content{
	padding:1em 2em;
	line-height:1.5em;
}

table.pwj-notice{
	margin-left:auto;
	margin-right:auto;
	width:95%;

}

.pwj-content table{
	margin-left:auto;
	margin-right:auto;
	width:95%;
}

.pwj-notice{
	border-collapse:collapse;
	border:2px solid #003366;
	width:95%;
}

.pwj-notice .pwj-notice1{
	background-color:#003366;
	padding:0.5em;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;

}

.pwj-notice .pwj-notice1 a:link{
	color: #ffffff;
	text-decoration: underline;
	}

.pwj-notice .pwj-notice1 a:visited{
	color: #ffffff;
	}


.pwj-notice .pwj-notice2{
	padding:1em 2em;

}


.pwj-notice .pwj_01_1{
	width:50%;
	float:left;
}


.pwj-notice .pwj_01_2{
	width:50%;
	float:right;
}


.pwj-content .pwj_04_1{
	width:70%;
	float:left;
}


.pwj-content .pwj_04_2{
	width:30%;
	float:right;
}

.pwj-content .pwj_05_1{
	width:70%;
	float:left;
}

.pwj-content .pwj_05_2{
	width:30%;
	float:right;
}

.pwj-content .pwj_05_2_1{
	padding:1px 0px;
}

.pwj-content .pwj_05_2_2{
	padding:1px 0px;
}

.pwj-content .pwj_13_1{
	padding:1em 0em;
	width:70%;
	float:left;
}

.pwj-content .pwj_13_2{
	padding:1em 0em;
	width:30%;
	float:right;
}


.pwj-wrap #pwj_01{
	margin-top:15px;
}
.pwj-wrap #pwj_02{
	margin-top:15px;
}
.pwj-wrap #pwj_03{
	margin-top:15px;
}
.pwj-wrap #pwj_04{
	margin-top:15px;
}
.pwj-wrap #pwj_05{
	margin-top:15px;
}
.pwj-wrap #pwj_06{
	margin-top:15px;
}
.pwj-wrap #pwj_07{
	margin-top:15px;
}
.pwj-wrap #pwj_08{
	margin-top:15px;
}
.pwj-wrap #pwj_09{
	margin-top:15px;
}
.pwj-wrap #pwj_10{
	margin-top:15px;
}
.pwj-wrap #pwj_11{
	margin-top:15px;
}
.pwj-wrap #pwj_12{
	margin-top:15px;
}
.pwj-wrap #pwj_13{
	margin-top:15px;
}
.pwj-wrap #pwj_14{
	margin-top:15px;
}


/*  ---------------- warranty ----------------  */

table.warranty-ryokin td {
	text-align:center;
	border:1px #CCCCCC solid;
	width:250px;
	padding:2px;
}

table.warranty-ryokin {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

.warranty-gototop {
	height:22px;
	width:102px;
	clear:both;
	margin:0px;
	float:right;
	padding:0px 20px 0px 0px;
}

p.warranty-textlist_sml {
	font-size:0.8em;
	width:500px;
	line-height:1.4em;
	text-align:left;
	padding:0px;
	margin:0px 5px 3px 45px;
}

.warranty-line {
	padding:0px;
	height:1px;
	width:580px;
	margin:3px 0px 3px 25px;
	border-width:1px 0px 0px 0px;
	border-top-style:solid;
	border-left-style:solid;
	border-top-color:#999;
	float:left;
	clear:both;
}

.warranty-faqicon {
	float:left;
	overflow:hidden;
	margin:0px;
	height:auto;
	width:30px;
	padding:0px 0px 0px 20px;
}

.warranty-faqtext {
	width:500px;
	height:auto;
	margin:0px;
	overflow:hidden;
	padding:10px 0px 0px 15px;
	overflow:hidden;
}

#warranty-copylight {
	font-size:0.6em;
	text-align:right;
	height:1em;
	width:15em;
	margin:0px 30px 20px 5px;
	padding:2px 2px 3px;
	float:right;
}

#warranty-ver_info {
	font-size: 10px;
	text-align: right;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	height: 12px;
	width: 600px;
	margin-left: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.warranty-hosyokitei_pdf {
	padding:0px;
	height:55px;
	width:600px;
	clear:both;
	margin-top:15px;
}


table.warranty-target-gp{
	width:80%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

table.warranty-target-gp td {
	border:1px #FFF solid;
	padding:2px;
	height:50px;
}

table.warranty-target-gp .bck_gp-0{
	background-color:#efefef;
	width:25%;
	color: #000;
}

table.warranty-target-gp .bck_gp-1{
	background-color:#FFE69A;
	width:75%;
	text-align:left;
}

table.warranty-target-gp .bck_gp-2{
	background-color:#efefef;
	text-align:left;
}


table.warranty-target-gp th {
	text-align:center;
	background-color: #FB8000;
	font-weight: bold;
	color: #FFF;
	border:1px #FFF solid;
	padding:2px;

}

table.warranty-target-jusetsu{
	width:80%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

table.warranty-target-jusetsu td {
	border:1px #FFF solid;
	padding:2px;
	height:50px;
}

table.warranty-target-jusetsu .bck_jusetsu-1{
	background-color:#ffe3df;
	width:75%;
	text-align:left;
}

table.warranty-target-jusetsu .bck_jusetsu-2{
	background-color:#efefef;
	text-align:left;
}


table.warranty-target-jusetsu th {
	text-align:center;
	background-color: #CD0F25;
	font-weight: bold;
	color: #FFF;
	border:1px #FFF solid;
	padding:2px;
	font-weight:bold;
}

.warranty-all img {
	border:0px;
	text-align:center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin:auto;
}


/*  ---------------- ac ----------------  */

.ac_ryokintable {
	line-height:1.3em;
	border:#CCC 2px solid;
	border-collapse:collapse;
	width:98%;
}

.ac_ryokintable td {
	border:#CCC 2px solid;
	border-collapse:collapse;
}

/*  ---------------- tokutei ----------------  */

.tokutei-table_c {
	border-collapse: collapse;
	width: 550px;
}

.tokutei-table_c td {
	border: 1px solid #000000;
	padding: 8px;
}

.tokutei-td_cl {
	background-color: #CCCCCC;
	font-weight: bold;
	white-space: nowrap;
}

/*  ---------------- makersupport ----------------  */

div.shohin-maker {
	padding:10px;
	margin:0px;
	border:solid #F5A9BC 2px;
	width:700px;
	font-size:1.2em;
}

div.shohin-maker div.maker-text-1{
	white-space:nowrap;
	text-align:center;
	padding:3px 0px;
}

div.shohin-maker div.maker-text-2{
	white-space:nowrap;
	text-align:left;
	padding:3px 0px;
}

div.shohin-maker div.maker-contact{
	background-color:#F5A9BC;
	font-weight:bold;
	text-align:center;
	padding:3px 0px;
}

div.shohin-maker div.maker-hours{
	text-align:center;
	padding:3px 0px;
}

div.shohin-maker div.maker-tel{
	text-align:center;
	padding:3px 0px;
}

div.shohin-maker div.maker-url{
	text-align:center;
	padding:3px 0px;
	word-break:break-all;
	line-height:1.5em;
}

div.shohin-maker b{
	font-size:1.5em;
	line-height:1.3em;
}

.orderNoteArea {
	width:770px;
	margin:15px auto 15px auto;
}

#SS_Order > #container > #contents_area > #content > #order > #login > div.bdr > form > .orderNoteArea {
    width: 750px;
    margin: 15px auto 15px auto;
}

.orderNoteTitle {
	color:white;
	padding:5px;
	background-color:#00CCCC;
}

.orderNote {
	border:1px solid #cccccc;
	padding:5px;
	font-size:12px;
}

.rightInfo li {
	font-size:12px;
	border-bottom: 1px dotted #CCCCCC;
    line-height: 18px;
    margin-bottom: 5px;
    padding-bottom: 3px;
    padding-left: 10px;	
}

table.item_info th {
	width:80px;
}

table.item_info td select {
	width:250px;
}

/*  ---------------- holiday ----------------  */

div.businessday-name span{
	font-weight:bold;
}

.businessday-table{
	table-layout:fixed;
	width:100%;
	border:#CCC 1px solid;
	border-collapse:collapse;
}

.businessday-table td{
	padding:10px;
	border:#999999 1px solid;
	text-align:center;
}

.businessday-name{
	text-align:left;
	line-height:1.8em;
	padding:5px;
}

.businessday-holi{
	background-color:#ffe0e0;
	padding:6px;
}

.businessday-week{
	background-color:#ccffcc;
	padding:6px;
}

.businessday-half{
	background-color:#ffddbb;
	padding:6px;
}

.businessday-sat{
	background-color:#aeeaee;
	padding:6px;
}

/*  ---------------- howto-order ----------------  */

.guide-title-yellow{
	border:none;
	background-color:#FFCC00;
	padding:20px;
	font-weight:bold;
	font-size:large;
}

.guide-sub-title-gray{
	border:none;
	background-color:#CCCCCC;
	padding:5px;
	margin-top:35px;
	font-weight:bold;
}

.guide-table{
	border:#888 solid 1px;
	border-collapse:collapse;
	width:770px;
	margin-left:auto;
	margin-right:auto;
}

.guide-td-right{
	border:#888 solid 1px;
	background-color:#ddd;
	padding:5px;
	border-collapse:collapse;
	width:180px;
}

.guide-td{
	border:#888 solid 1px;
	padding:5px;
	border-collapse:collapse;
}

.image-center{
	display:block;
	margin:auto;
}


/*  ---------------- 盾妬ページ ----------------  */

img.shohin{
	vertical-align:bottom;
	border: none;
}

img.shohin_notice{
	max-width:100%;
	height:auto;
}

/*  ---------------- warranty-2017 ----------------  */

div.warranty-wrap{
	width:770px;
	line-height:1.3em;
}

div.warranty-wrap img{
	max-width:100%;
	height;auto;
}

div.warranty-wrap table.ryokintable,div.warranty-wrap td{
	table-layout:fixed;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	border-collapse: collapse;
    border:1px solid #333;
	text-align:center;
}

div.warranty-wrap div.content{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

div.warranty-wrap img.arrow{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div.warranty-wrap div.repair{
	margin:1em;
	padding:1em;

	border-radius:5px;

	border:solid 2px #99cccc;
}

div.repair div.head{

	background-color:#99cccc;
	margin-bottom:0.5em;;
	padding:0.5em;
	font-weight:bold;


}

div.warranty-wrap div.qanda{
	padding:2px;
	overflow: auto;
}

div.warranty-wrap .clearfix:after{
	content:"";
	clear: both;
	display:block;
}

div.warranty-wrap div.question{

	margin:2px 2px 5px 70px;
	padding:20px;

	border-radius:5px;

	background-color:#99cccc;
	position:relative;
}

div.warranty-wrap div.question:before{
	content:"";
	position:absolute;

	border-top: 5px solid transparent;
	border-right: 15px solid #99cccc;
	border-bottom: 5px solid transparent;
	border-left: 15px solid transparent;

	right: 100%;
	top: 10px;

}


div.warranty-wrap div.answer{

	margin:5px 70px 2px 2px;
	padding:20px;

	border-radius:5px;

	background-color:#b8dcdc;
	position:relative;
}

div.warranty-wrap div.answer:before{
	content:"";
	position:absolute;

	border-top: 5px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 15px solid #b8dcdc;

	left: 100%;
	top: 10px;

}

div.warranty-wrap img.question{
	display:block;
	float:left;
	margin:2px;
}

div.warranty-wrap img.answer{
	display:block;
	float:right;
	margin:2px;
}

div.warranty-wrap  hr{
	width:70%;
	border:2px #999999 dashed;

}


div.warranty-wrap div.kitei{
	width:70%;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	padding:1em;
	text-align:center;
	font-size:1.5em;
	border-radius:5px;
	background-color:#f1a7a7;

}

div.warranty-wrap div.reader{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.warranty-wrap .support_banner{
	width:80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}




/*  ---------------- postage ----------------  */


section.postage label{
	background-color: #eee;
	border:1px solid #ccc;
	font-size: 100%;
	font-weight:bold;
	margin: 20px 20px 1.5em 40px;
	padding: 0.5em;
    position: relative;
    z-index: 20;
    display: block;
    cursor: pointer;
}


section.postage label:hover{
    background: #fff;
}


section.postage input:checked + label,
section.postage input:checked + label:hover{
	background-color: #efefef;
}

section.postage label:hover:after,
section.postage input:checked + label:hover:after{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    right: 15px;
    background: transparent url(/images/guide/arrow_down.png) no-repeat center center;

}


section.postage input:checked + label:hover:after{
    background-image: url(/images/guide/arrow_up.png);
}

section.postage input{
    display: none;
}
section.postage article{
    background: rgba(255, 255, 255, 1);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition:
        height 0.3s ease-in-out,
        box-shadow 0.6s linear;
}
section.postage input:checked ~ article{
    transition:
        height 0.5s ease-in-out,
}


section.postage input:checked ~ article.postage-table-a-1{
    height: calc( 1.9em * 50 );
}
section.postage input:checked ~ article.postage-table-a-2{
    height: calc( 1.9em * 50 );
}
section.postage input:checked ~ article.postage-table-a-3{
    height: calc( 1.9em * 50 );
}
section.postage input:checked ~ article.postage-table-a-4{
	height: calc( 1.9em * 53 );
}

@-moz-document url-prefix() {
section.postage input:checked ~ article.postage-table-a-1{
    height: calc( 1.9em * 50 );
}

section.postage input:checked ~ article.postage-table-a-2{
    height: calc( 1.9em * 50 );
}

section.postage input:checked ~ article.postage-table-a-3{
    height: calc( 1.9em * 50 );
}

section.postage input:checked ~ article.postage-table-a-4{
    height: calc( 1.9em * 53 );
}

}


section.postage ul{
	list-style-type: square;
	padding-left :5%;
	line-height:1.8em;
}


section.postage table.postage-table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	/*margin-left:auto;*/
	/*margin-right:auto;*/
    width: 96%;
}

section.postage table.postage-table td.pref{
	white-space:nowrap;
}

section.postage .bgt{
	white-space:nowrap;
	border: 1px solid #6c7784;
	background-color:#23466e;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:1em 0.2em;
	}


section.postage .bgg{
	border: 1px solid #ccc;
	background-color:#f4f4f4;
	text-align:center;
	vertical-align:middle;
	padding:1em 0.2em;
	}

section.postage .bgw{
	border: 1px solid #ccc;
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
	padding:0.5em 0.2em;
	}

.postage caption{
	text-align:center;
}

.accordion-container {
  position: relative;
  width: 100%;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
  outline: 0;
  cursor: pointer;
  margin: 20px 20px 1.5em 40px;
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0.625em 0.625em 0.625em 0.6em;
  font-size: 1em;
  font-weight: normal;
  color: #000;
  background: #fff;
  cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  background-color: #23466e;
  color: #fff;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: #fff;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.accordion-content {
  display: none;
  padding-left: 2.3125em;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* CSS for CodePen */
.accordion-container {
  width: 94.5%;
  margin: 20px 20px 1.5em 40px;
}


.videocfe-a100{width: 100%;height: auto; max-width: 530px;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pconly { display: block !important; }
.sponly { display: none !important; }

/*5年延長保証の画像*/
img.extended_warranty{
	display: block;
}

.video1 {
position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video1 iframe {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pconly { display: none !important; }
.sponly { display: block !important; }
/*.syouhintextpc { display: none !important; }*/

}

/*弊社をご利用になっての感想・要望等非表示*/
tr.d-none {
    display: none;
}
table[summary="備考"] > tbody > tr:nth-child(2) {
    display: none;
}

/*ご注文確認画面*/
table[summary="備考"] > caption:before {
    font-size: 12px;
    font-weight: bold;
    content: "備考";
}

table[summary="備考"] > caption {
    font-size: 0;
}

/*トップヘッダー下部お知らせ*/
.top-table {
    width: 980px;
    text-align: left;
    border: red 1px solid;
    line-height: 18px;
    box-sizing: border-box;
    color: red;
    padding: 8px 10px 7px;
    margin-bottom: 5px;
}
.top-table a {
    color: red;
}
/*トップヘッダー下部お知らせここまで*/

/*注文備考お知らせ*/
.top-table2 {
    width: 650px;
    text-align: left;
    border: red 1px solid;
    line-height: 18px;
    box-sizing: border-box;
    color: red;
    padding: 8px 10px 7px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
/*注文備考お知らせここまで*/

/*トップページ人気ランキングバナー*/
div#gift_ranking_area {
    margin-bottom: 50px;
}
div#gift_ranking_area h2 {
	background: url(/images/top/top_ranking.jpg) left top no-repeat;
	height: 35px;
	overflow: hidden;
	text-indent: -9865px;
	margin-bottom: 15px;
}

#gift_ranking_area > p > img {
    width: 180px;
    height: auto;
}

#gift_fanking_areaB > p > img {
    height: 30px;
    width: 180px;
}
.item3 > .item_info > p.pn {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    width: 137px;
    max-height: 5rem;
    text-align: left;
}

/*トップページ人気ランキングバナーここまで*/


/*フローティングバナー*/
/* フローティングバナーのラップ要素 */
.fixed_right_banner{
    /* 右端の上から600pxの位置に固定表示 */
    position: fixed;
    top: 250px;
    right: 0;
	z-index: 9999;
	/*display: none;*/
}

/* 画像の共通設定 */
.fixed_right_banner > *
{
    clear: both;
    float: right;
    /* 横幅 */
    width: 85px;

    /* 最初にあらかじめ右側を15px詰めて表示。 */
    margin-right: 13px;
}

/* 2個目以降の画像の上部に余白を作る */
.fixed_right_banner > * ~ * { margin-top: 10px; }

/* リンク要素 */
.fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}

/* マウスオーバーで、詰めた右側のマージンをリセット。 */
.fixed_right_banner > *:hover
{
    margin-right: 260px;
	
}
.fixed_right_banner > *
{
    /* アニメーション設定を追加。 */
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
}
.fixed_right_banner
{
/* 右端の上から半分の位置に固定表示 */
position: fixed;
top: 30%;
right: 0;

/* 要素の高さ半分の値を上に移動 */
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/*画像透過させない*/
img.floationimg:hover {
    opacity: 1 !important;
}

/*フローティングバナーここまで*/


/*topの増税バナー*/
.cp_qa_top *, .cp_qa_top *:after, .cp_qa_top *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa_top {
    overflow-x: hidden;
    margin: 10px auto;
    color: #333333;
    width: 980px;
}
.cp_qa_top .cp_actab_top:first-child {
    border-top: 1px red solid;
}
.cp_qa_top .cp_actab_top {
    padding: 5px 0;
    border-bottom: 1px red solid;
    border-left: 1px red solid;
    border-right: 1px red solid;
}
.cp_qa_top label {
    font-size: 1.2em;
    position: relative;
    display: block;
    width: 980px;
    margin: 0;
    padding: 5px 10px 5px 48px;
    cursor: pointer;
    text-align: left;
    color: red;
}
.cp_qa_top .cp_actab-content_top {
	font-size: 1em;
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 0 0 0 40px;
	padding: 0 14px;
	-webkit-transition: 0.4s ease;
	        transition: 0.4s ease;
	opacity: 0;
}
.cp_qa_top .cp_actab_top input[type=checkbox]:checked ~ .cp_actab-content_top {
	height: auto;
	padding: 5px 14px 14px 14px;
	opacity: 1;
    text-align: left;
}
.cp_qa_top .cp_plus_top {
	font-size: 2.4em;
	line-height: 100%;
	position: absolute;
	z-index: 5;
	margin: 0 0 10px 9px;
	-webkit-transition: 0.2s ease;
	        transition: 0.2s ease;
    color: red;
}
.cp_qa_top .cp_actab_top input[type=checkbox]:checked ~ .cp_plus_top {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.cp_qa_top .cp_actab_top input[type=checkbox] {
  display: none;
}
/*topの増税バナーここまで*/

/*トップのセコムサイズ*/
#sidebar > div > form >input[name="Sticker"] {
    width: 60px;
    height: auto;
}

/*footersecom*/
#footer > div > div > form >input[name="Sticker"] {
    width: 60px;
    height: auto;
}

.footer_secom:after {
    clear: both;
}
.footer_secom {
    border: 3px solid #eeeeee;
    width: 980px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.footer_secom2 {
    float: left;
    margin: 10px 5px 0 30px;
}
.footer_secom3 {
    font-size: 12px;
    line-height: 110px;
}
.footer_secom4 {
    clear: both;
}


table.secom {
    border: 3px solid #eeeeee;
    width: 980px;
    margin: auto;
    padding: 0;
    border-collapse: collapse;
	box-sizing: border-box;
}
table.secom input[name="Sticker"] {
    width: 60px;
    height: auto;
    margin: 10px 0 0 25px;
}
td.secom_text {
    font-size: 12px;
}
input.top_secom {
    margin: 10px 15px 0 30px;
}
table.secom td{
	border: none;
}
/*  ---------------- maker一覧----------------  */

table.maker-table{
	width: 97.5%;
	padding: 0.5em 0.2em;
	text-align: left;
	border: 1px #ccc solid;
	border-collapse: collapse;
	font-size: 13px;
	margin: 20px 20px 0px 20px;
    table-layout: fixed;
}
table.maker-table th, table.maker-table td{
	border: 1px #ccc solid;
	padding: 0.5em;
}
table.maker-table th{
	background-color: #f4f4f4;
	text-align: center;
}

table.maker-table th:first-of-type {
    width: 150px;
    box-sizing: border-box;
}

table.maker-table td:first-child{
	width: 150px;
	font-size: 13px;
}
table.maker-table a[target="_blank"]{
    /*display: inline-block;
    padding-right: 14px;
    background: url(/images/icon/externallink.svg) no-repeat right center;
	height: 12px;
	line-height: 14px;*/
	font-size: 13px;
	color:#333333;
}

table.maker-table a[target="_blank"]:after {
    content: '\f0c1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 3px;
    color: #383838;
}
table.maker-table .number{
	display: inline-block;
	line-height: 1.5em;
	font-size: 15px;
	color:#FF0000;
}
table.maker-table .number::before{
	content: '';
    padding-left: 0px;
    background-image: url("/images/icon/phone.svg");
	display: inline-block;
	width: 15px;
	height: 15px;
  vertical-align: middle;
}
/*table.maker-table .syamei{
	display: flex;
	line-height:30px;
}
table.maker-table .syamei2{
	display: flex;
	line-height:45px;
}*/

td#maker_ka, td#maker_sa, td#maker_ta, td#maker_na, td#maker_ha, td#maker_ma, td#maker_ya, td#maker_ra {
    width: 150px;
    box-sizing: border-box;
}

.maker-talbe-btnall {
    margin-left: 20px;
    margin-top: 20px;
}

.maker-talbe-btn{
  display: inline-block;
  padding: 0.1em 1.74em;
  text-decoration: none;
  color: #23466e;
  border: solid 1px #23466e;
  border-radius: 3px;
  transition: .4s;
}
.maker-talbe-btn:hover{
  background: #23466e;
  color: white;
  text-decoration: none;
}
.maker-talbe-btn:hover:before{
  color: white;
  text-decoration: none;
}
.maker-talbe-btn:before{
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	margin-right: 5px;
    color: #23466e;
}

/*  ---------------- maker一覧ここまで----------------  */


/*問い合わせ内容フォーム*/
textarea[name="note"] {
    border: 1px solid #ccc;
}
#SS_Inq input[type="button"] {
    width: 200px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#f2f2f2 100%);
}
#SS_Inq input[type="button"]:hover {
    background: #fefefe;
    background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #dadada 0%,#f2f2f2 100%);
}
#SS_Inq input[value="クリア"] {
    display: none;
}


#contents_area > #content > #login > form#checkOrderSubmit {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 20px 25px 20px;
    padding: 15px;
    margin-top: 15px;
}

/*top_topic*/
.top_topic {
    margin-bottom: 40px;
    width: 770px;
}
.topic_page {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.topic_page2 {
    margin-bottom: 15px;
    margin-right: 20px;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 375px;
}
.topic_page2:nth-of-type(2n){
	margin-right: 0;
}
.top_topic_p {
    text-align: right;
    margin-top: -10px;
}
.top_topic_p a {
    text-decoration: none;
}
.top_topic_p:after {
    content: '\f101';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #1d54a7;
}
/*top_topicここまで*/


p.sale_price {
    color: #e80000;
    font-weight: bold;
    text-align: left;
}



/*問い合わせフォーム*/
.conpage_h2 {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #111111;
}
.conpage_p {
    font-size: 13px;
    margin-bottom: 4px;
}
.contactpageimg a:first-child {
    margin-right: 40px;
}
.contactpageimg {
    width: 770px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.conpage_ul li  {
    font-size: 13px;
}
.conpage_ul {
    margin-top: -3px;
    margin-right: 0;
    margin-bottom: 0;
    list-style: disc;
    padding-left: 20px;
}
.contactpage1:nth-of-type(2) {
    margin-bottom: 80px;
}
.contactpage1 .conpage_p2 a:hover {
    color: #c00000;
    text-decoration: underline;
}
.contactpage1 .conpage_p2 a {
    text-decoration: none;
}
.contactpage1 .conpage_p2 a:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
    margin-left: 4px;
}
.situmon_box{
    width: 770px;
}
.conpage_left {
    float: left;
    font-size: 1.1em;
    width: 380px;
    box-sizing: border-box;
    line-height: 1.5;
}

.conpage_left p {
    margin: 0 0 0 0.4em;
    padding-left: 1em;
    text-indent: -1em;
}
.conpage_left p a{
	color: #1d54a7;
	text-decoration: none;
}
.conpage_left p a:hover{
	color: #c00000;
	text-decoration: underline;
}
.conpage_right {
    float: right;
    font-size: 1.1em;
    width: 380px;
    margin-left: 0;
    box-sizing: border-box;
    line-height: 1.5;
}
.conpage_right p {
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
}
.conpage_right p a{
	color: #1d54a7;
	text-decoration: none;
}
.conpage_right p a:hover{
	color: #c00000;
	text-decoration: underline;
}
.conpage_left p:before {
	content:'\f105';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}
.conpage_right p:before {
	content:'\f105';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}
.conpage_p2 a {
    color: #1d54a7;
}
.conpage_h3 {
    font-size: 18px;
    font-weight: normal;
    margin-top: 40px;
}
.conpage_p2 {
    font-size: 13px;
    margin-top: 0;
    line-height: 2.5em;
}
.contactpage1 .conpage_p2:nth-of-type(4){
	margin-top: -10px;
}
.conpage_aircon {
    border-radius: 8px;
    border: solid 1px #DDDDDD;
    background-color: #F8F8F8;
    padding: 15px;
    width: 770px;
    font-size: 13px;
    box-sizing: border-box;
}
.conpage_h4 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
}
p.conpage_p3 {
    margin-top: 0.8em;
    margin-bottom: 1em;
}
.conpage_p3:before {
    content: '\f098';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 8px;
}
/*問い合わせフォームここまで*/

/*よくある質問上部分*/
h3.conpage_h3_qa {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    margin-top: 24px;
}
.qamenu_left {
    float: left;
    box-sizing: border-box;
}

.qamenu_left p {
    margin-bottom: 8px;
}

.qamenu_left p:first-of-type{
	background: url("/images/guide/qamenu1.png") no-repeat;
}
.qamenu_left p:first-of-type a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu1.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_left p:first-of-type a:hover{
	background-image: url("/images/guide/qamenu1_hover.png");
}

.qamenu_left p:nth-of-type(2){
	background: url("/images/guide/qamenu2.png") no-repeat;
}
.qamenu_left p:nth-of-type(2) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu2.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_left p:nth-of-type(2) a:hover{
	background-image: url("/images/guide/qamenu2_hover.png");
}

.qamenu_left p:nth-of-type(3){
	background: url("/images/guide/qamenu3.png") no-repeat;
}
.qamenu_left p:nth-of-type(3) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu3.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_left p:nth-of-type(3) a:hover{
	background-image: url("/images/guide/qamenu3_hover.png");
}

.qamenu_left p:nth-of-type(4){
	background: url("/images/guide/qamenu4.png") no-repeat;
}
.qamenu_left p:nth-of-type(4) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu4.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_left p:nth-of-type(4) a:hover{
	background-image: url("/images/guide/qamenu4_hover.png");
}

.qamenu_left p:nth-of-type(5){
	background: url("/images/guide/qamenu5.png") no-repeat;
}
.qamenu_left p:nth-of-type(5) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu5.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_left p:nth-of-type(5) a:hover{
	background-image: url("/images/guide/qamenu5_hover.png");
}

.qamenu_right {
    float: right;
    box-sizing: border-box;
}
.qamenu_right p {
    margin-bottom: 8px;
}
.qamenu_right p:first-of-type{
	background: url("/images/guide/qamenu6.png") no-repeat;
}
.qamenu_right p:first-of-type a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu6.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_right p:first-of-type a:hover{
	background-image: url("/images/guide/qamenu6_hover.png");
}
.qamenu_right p:nth-of-type(2){
	background: url("/images/guide/qamenu7.png") no-repeat;
}
.qamenu_right p:nth-of-type(2) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu7.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_right p:nth-of-type(2) a:hover{
	background-image: url("/images/guide/qamenu7_hover.png");
}
.qamenu_right p:nth-of-type(3){
	background: url("/images/guide/qamenu8.png") no-repeat;
}
.qamenu_right p:nth-of-type(3) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu8.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_right p:nth-of-type(3) a:hover{
	background-image: url("/images/guide/qamenu8_hover.png");
}
.qamenu_right p:nth-of-type(4){
	background: url("/images/guide/qamenu9.png") no-repeat;
}
.qamenu_right p:nth-of-type(4) a{
	width: 380px;
	height: 56px;
	background: url("/images/guide/qamenu9.png") no-repeat;
	display: block;
	text-indent: -9999px;
}	
.qamenu_right p:nth-of-type(4) a:hover{
	background-image: url("/images/guide/qamenu9_hover.png");
}
/*よくある質問ここまで*/


/*ランキングタブ*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
	margin-top: 10px;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: lightseagreen;
  display: block;
  order: -1;
}

.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  /* text-shadow: 0 -1px 0 rgba(0,0,0,.2);*/
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: lightseagreen;
}
.tab-switch:checked+.tab-label:hover {
    color: white !important;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px 8px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}
.tab-content h2 {
    display: none;
}
.tab-content .item3 {
    margin: 0 16px 0 0;
}
.tab-content div#gift_ranking_area {
    margin-bottom: 0;
}
.tab-content .item3:nth-of-type(5n) {
    margin-right: 0px;
}
/*ランキングタブここまで*/