/*
* {
	zoom:1;	
}*/

#contents p,#contents ul,#contents li {
	margin: 0;
	padding: 0;
}

#contents img {
	border: 0;
}

#contents a {
	color: #5E8A31;
}
#contents a:hover {
	color: #EB4651;
}

#contents li {
	list-style: none;
}
#contents .clear {
	clear: both;
}
#contents .blockImg {
	display: block;
}

#contents #pankuzuP {
	color: #666;
	font-size: 80%;
	padding: 10px 0 10px 17px;
}

#contents #container {
	width: 840px;
	margin: 0 17px;
}

#contents #header {
	display: block;
	margin: 0 0 5px 0;
}

#contents #headerMain {
	background: #DFDCD5;
	padding: 0 10px 0 5px;
}

#contents #description {
	display: block;
	margin: 14px 0 2px 13px;	
}

#contents .btnChange {
	display: block;
	margin: 0 0 6px 338px;
}

#contents #order {
	width: 187px;
	float: right;
}
#contents #orderInner {
	background: url(/assets/ps/domo/present/exchange/img/frame2_inner.jpg) repeat-y 0 0;
	text-align: center;
	padding: 10px 5px 5px 5px;
	line-height: 1.3em;
}

#contents .txt_pHeader {
	color: #CC3366;
	font-size: 90%;
	font-weight: bold;
}

#contents .txt_point {
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
}

#contents .txt_unit {
	font-size: 80%;
	font-weight: bold;
	font-style: normal;
}
#contents .txt_limit {
	color: #999999;
	font-size: 80%;
	font-style: normal;
}
#contents #btnOrder {
	margin: 10px 0 0 0;
}
#contents #menu_top {
	height: 70px;
	overflow: hidden;
}
#contents #menu_top li,#contents #menu_bottom li {
	float: left;
}
#contents #menu_top li.space, #contents #menu_bottom li.space {
	margin: 0 2px 0 0;
}
#contents #menu_bottom li.unfocus {
	padding: 5px 0 0 0;
}

#contents #innerSupport {
	background: url(/assets/ps/domo/present/exchange/img/support/frame3_inner.gif) repeat-y 0 0;
	padding: 10px;
}
#contents #innerStandard {
	background: url(/assets/ps/domo/present/exchange/img/standard/frame3_inner.gif) repeat-y 0 0;
	padding: 10px;
}
#contents #innerCarry {
	background: url(/assets/ps/domo/present/exchange/img/carry/frame3_inner.gif) repeat-y 0 0;
	padding: 10px;
}
#contents #innerRecommend {
	background: url(/assets/ps/domo/present/exchange/img/recommend/frame3_inner.gif) repeat-y 0 0;
	padding: 10px;
}

#contents #readTxt {
	color: #666;
	font-size: 80%;
	line-height: 1.5em;
	margin: 5px 0 10px 18px;
}
#contents #attention {
	color: #666;
	font-size: 80%;
	line-height: 1.1em;
	margin: 5px 0 10px 18px;
}

#contents #info {
	margin: 10px 0 0 17px;
}

#contents #infoRecommend {
	margin: 10px 0 10px 17px;
}

#contents #icon {
	margin: 10px 0 0 10px;
}

#contents #icon li {
	float: left;
	margin-bottom: 10px;
}

#contents .iconTxt {
	margin: 7px;
}

#contents #btnList {
	float: right;
}

#contents #listOuter {
	background: #EFECE5;
	padding: 3px 8px;
}

#contents #listOuterRecommend {
	background: #EFECE5;
	width: 603px;
	padding: 15px 0 10px 0;
}

#contents #product li{
	background: #FFF;
	text-align: left;
	float: left;
	width: 152px;
	margin: 0 0 9px 0;
	border: solid 1px #DAD2CA;
	position: relative;
}
#contents #product li a {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

#contents #product li.space {
	margin-right: 8px;
}
#contents #product li .point {
	margin: 5px 0 0 5px;
}
#contents #product li .txtPoint {
	margin: 0 0 6px 2px;
}
#contents #product li .icon {
	float: right;
	margin: 5px 5px 0 0;
}

#contents #product .line {
	line-height: 0px;
	background: #DAD2CA;
	height: 1px;
	margin-top:5px;
	overflow: hidden;
}

#contents #product .image {
	display: block;
	margin: 8px 10px 0 9px;
}
#contents #product .btnMore {
	float: right;
	margin: 3px 10px 0 0;
}
#contents #product .spRec {
	position: absolute;
	top: 105px;
}

#contents #product .spLimitRight {
	position: absolute;
	top: 105px;
	left: 90px;
}


#contents #product .spLimited {
	position: absolute;
	top: 50px;
}

#contents #product .special img {
	display: block;
}
#contents .btnMypage1 {
	margin: 0 17px 0 0;
}
#contents .btnGototop {
	margin: 10px 0 0 0;
}
#contents #footer {
	text-align: right;
	clear: both;
	padding-top: 20px;
}

#contents #listOuterRecommend #recommendLeft {
	float: left;
	width: 382px;
	padding: 5px 20px 0 25px;
}

#contents #listOuterRecommend #recommendLeft #point {
	width: 381px;
	margin-top: 25px;
}

#contents #listOuterRecommend #recommendLeft #pointInner {
	font-size: 80%;
	line-height: 1.7em;
	background: url(/assets/ps/domo/present/exchange/img/recommend/point_inner.jpg) repeat-y left top;
	/*width: 381px;*/
	padding: 0 5px 5px 17px;
}
#contents .list_s {
	margin-right: 10px;
}

#contents #recommendBottom {
	width: 603px;
	margin: 5px 0 0 0;
}
#contents #recommendBottomInnner {
	background: #EFECE5;
	text-align: center;
	padding: 12px;
}
#contents #headerAppo {
}
#contents #headerAppo #appo {
	float: left;
	margin-right: -5px;
}
#contents #headerAppo #box {
	color:#666;
	font-size: 80%;
	line-height: 2.5em;
	background: #EEDACC;
	text-align: center;
	float: left;
	margin-top: 9px;
}

#contents .recommendBottom {
	display: block;
	width: 520px;
	margin-top: 20px;
	margin: 20px auto 0 auto;
}

#contents #Popular li{
	background: #FFF;
	text-align: left;
	float: left;
	width: 152px;
	margin: 0 0 9px 0;
	border: solid 1px #DAD2CA;
	position: relative;
}
#contents #Popular li a {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

#contents #Popular li.space {
	margin-right: 8px;
}
#contents #Popular li .point {
	margin: 5px 0 0 5px;
}
#contents #Popular li .txtPoint {
	margin: 0 0 6px 2px;
}
#contents #Popular li .icon {
	float: right;
	margin: 5px 5px 0 0;
}

#contents #Popular .line {
	line-height: 0px;
	background: #DAD2CA;
	height: 1px;
	margin-top:5px;
	overflow: hidden;
}

#contents #Popular .image {
	display: block;
	margin: 8px 10px 0 9px;
}
#contents #Popular .btnMore {
	float: right;
	margin: 3px 10px 0 0;
}
#contents #Popular .spRec {
	position: absolute;
	top: 105px;
}
#contents #Popular .spLimited {
	position: absolute;
	top: 50px;
}
#contents #Popular .special img {
	display: block;
}


/*	howtolist
---------------------------------*/

#contents #howtolist #whole {
	width: 740px;
}

#contents #containerList {
	text-align: left;
	width: 720px;
	margin: 0 auto;
}
#contents #containerList #header {
	float: right;
	width: 80px;
	height: 25px;
	margin: 10px 0 10px 0;
}
#contents #containerList #wrapper {
	text-align: center;
	background: url(/assets/ps/domo/present/exchange/img/howtolist/bg_inner.gif) repeat-y left top;
	clear: both;
}
#contents #containerList #wrapper .title {
	margin-bottom: 15px;
}
#contents #containerList #wrapper #contents {
	background: url(/assets/ps/domo/present/exchange/img/howtolist/bg.jpg) no-repeat left top;
	text-align: left;
	width: 698px;
	height: 711px;
	margin: 0 auto;
	position: relative;
}
#contents #containerList #wrapper #footer {
	margin: 15px;
	padding: 0;
}
#contents #btnClose {
	text-align: center;
	padding: 20px 0;
	border-bottom: solid 1px #C5B9A9;
}

#contents #containerList #wrapper #contents li {
	float: left;
}

#contents #containerList #wrapper #contents li #btnAll{
	display: none;
}
#contents #containerList #wrapper #contents li #btnAllAct{
	margin-right:1px;
}
#contents #containerList #wrapper #contents li #btnMorningAct{
	display: none;
	margin-right:1px;
}
#contents #containerList #wrapper #contents li #btnNightAct{
	display: none;
	margin-right:1px;
}

#contents #containerList #wrapper #contents #attention {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 18px;
	top: 54px;
}

#contents #containerList #wrapper #contents #pro1 {
	position: absolute;
	left: 36px;
	top: 89px;
}
#contents #containerList #wrapper #contents #pro2 {
	position: absolute;
	left: 193px;
	top: 89px;
}
#contents #containerList #wrapper #contents #pro2Arrow {
	position: absolute;
	left: 259px;
	top: 257px;
}
#contents #containerList #wrapper #contents #pro3 {
	position: absolute;
	left: 350px;
	top: 89px;
}
#contents #containerList #wrapper #contents #pro4 {
	position: absolute;
	left: 541px;
	top: 16px;
}
#contents #containerList #wrapper #contents #pro5 {
	position: absolute;
	left: 541px;
	top: 189px;
}
#contents #containerList #wrapper #contents #pro6 {
	position: absolute;
	left: 36px;
	top: 512px;
}
#contents #containerList #wrapper #contents #pro7 {
	position: absolute;
	left: 183px;
	top: 512px;
}
#contents #containerList #wrapper #contents #pro8 {
	position: absolute;
	left: 349px;
	top: 512px;
}
#contents #containerList #wrapper #contents #pro8Arrow {
	position: absolute;
	left: 423px;
	top: 459px;
}
#contents #containerList #wrapper #contents #pro9 {
	position: absolute;
	left: 541px;
	top: 490px;
}

/*
-------------------------------------*/
#contents .btnListProduct {
	float: left;
}
#contents .productList {
	width: 820px;
	margin: 5px 8px 10px 0;
	padding: 1px 0px 5px 0px;
	background: url(/assets/ps/domo/present/exchange/img/product_support/bg_list2.jpg) 0 0 no-repeat;
}
#contents .special {
	width: 820px;
	background: url(/assets/ps/domo/present/exchange/img/product_standard/bg_list.jpg) 0 0 no-repeat;
}
#contents .productList ul {
	position: relative;
	/*margin: 3px 0 0 17px;*/
	margin: 3px 0 0 2px;
}

#contents .productList ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#contents .productList ul {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html #contents .productList ul{height: 1%;}
#contents .productList ul{display: block;}
/* End hide from IE-mac */

#contents .productList li {
	float: left;
	position: relative;
}
#contents .special li {
	margin: 0 12px 0 0;
}
#contents .productList li a {
	display: block;
}
#contents .productList li img {
}

#contents .productList li .balloon {
	display: none;
	position: absolute;
	top: -46px;
	left: -17px;
}

/*バルーンの微調整が必要な時は下記に着記述*/
/*classを指定して調整しています。*/

#contents .productList li .balloon841 {
	left: -24px;
}

#contents .productList li .balloon824 {
	left: -24px;
}

#contents .productList li .balloon875 {
	left: -8px;
}

#contents .productList li .balloon847 {
	left: -24px;
}

#contents .productList li .balloon843 {
	left: -15px;
}

#contents .productList li .balloon960 {
	left: -15px;
}

#contents .productList li .balloon960 {
	left: -21px;
}

#contents .productList li .balloon948 {
	left: -21px;
}

#contents .productList li .balloon908 {
	left: -25px;
}

#contents .productList li .balloon909 {
	left: -30px;
}

#contents .productList li .balloon734 {
	left: -5px;
}

#contents .productList li .balloon669 {
	left: 5px;
}

#contents #infoProduct {
	margin: 0 0 10px 17px;
}

#contents #listOuterProduct {
	background: #fff url(/assets/ps/domo/present/exchange/img/product_support/bg_product_header.jpg) no-repeat left top;
	text-align: center;
	width: 819px;
	position: relative;
}

#contents #listOuterProduct.outerStandard {
	background: #fff url(/assets/ps/domo/present/exchange/img/product_standard/bg_product_header.jpg) no-repeat left top;
}

#contents #listOuterProduct #headerProduct {
	background: url(/assets/ps/domo/present/exchange/img/product_support/line_bottom.gif) no-repeat center bottom;
	text-align: left;
	width: 715px;
	height: 375px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}
#contents #listOuterProduct #headerProduct #productImage {
	float: left;
	width: 135px;
	height: 340px;
	margin-right: 30px;
}
#contents #listOuterProduct #headerProduct #productName {
	margin-top: 26px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct #productRead {
	margin-top: 71px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct #productPoint {
	margin-top: 147px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct img#productPt {
	margin-top: 90px;
	margin-left: 360px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct div#productPt {
	margin-top: 90px;
	margin-left: 520px;
	_margin-left: 360px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct #productPt img {
	display: inline;
}
#contents #listOuterProduct #headerProduct #productInfo {
	width: 521px;
	margin-top: 190px;
	position: absolute;
	left: 218px;
}
#contents #listOuterProduct #headerProduct #productInfo dl {
	padding: 10px 15px 10px 15px;
}
#contents #listOuterProduct #headerProduct #productInfo dt {
	color: #666;
	font-weight: bold;
	background: url(/assets/ps/domo/present/exchange/img/icon_colon.gif) no-repeat right;
	float: left;
	width: 120px;
	margin-right: 10px;
	padding-bottom: 5px;
}
#contents #listOuterProduct #headerProduct #productInfo dd {
	color: #666;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 10px;
}

/*▼2011/04/27 A-5709〜5712 5月開始施策対応 EC-ONE kawanishi*/

#contents #listOuterProduct #headerProduct2 {
	background: url(/assets/ps/domo/present/exchange/img/product_support/line_bottom.gif) no-repeat center bottom;
	text-align: left;
	width: 715px;
	height: 450px;
	margin: 0 auto;
	padding: 16px 0 0 0;
}

#contents #listOuterProduct #headerProduct2 #productImage2 {
	float: left;
	width: 135px;
	height: 340px;
	margin-right: 30px;
}

#contents #listOuterProduct #headerProduct2 #productName2 {
	margin-top: 26px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct2 #productRead2 {
	margin-top: 71px;
	position: absolute;
}

#contents #listOuterProduct #headerProduct2 #productPoint2 {
	margin-top: 180px;
	position: absolute;
}

#contents #listOuterProduct #headerProduct2 img#productPt2 {
	margin-top: 90px;
	margin-left: 360px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct2 div#productPt2 {
	margin-top: 90px;
	margin-left: 520px;
	_margin-left: 360px;
	position: absolute;
}
#contents #listOuterProduct #headerProduct2 #productPt2 img {
	display: inline;
}

#contents #listOuterProduct #headerProduct2 #productInfo2 {
	width: 521px;
	margin-top: 260px;
	position: absolute;
	left: 218px;
}
#contents #listOuterProduct #headerProduct2 #productInfo2 dl {
	padding: 10px 15px 10px 15px;
}

#contents #listOuterProduct #headerProduct2 #productInfo2 dt {
	color: #666;
	font-weight: bold;
	background: url(/assets/ps/domo/present/exchange/img/icon_colon.gif) no-repeat right;
	float: left;
	width: 120px;
	margin-right: 10px;
	padding-bottom: 5px;
}
#contents #listOuterProduct #headerProduct2 #productInfo2 dd {
	color: #666;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: 10px;
}

/*▲2011/04/27 A-5709〜5712 5月開始施策対応 EC-ONE kawanishi*/

#contents #listOuterProduct #infoBox {
	font-size: 15px;
	background: url(/assets/ps/domo/present/exchange/img/bg_detai.gif) no-repeat left bottom;
	margin: 0;
	padding: 0;
}

#contents #listOuterProduct #infoBox dt#sub {
	font-size: 90%;
	background: none;
	float: none;
	width: 400px;
	padding-bottom:10px;
}

#contents #listOuterProduct #productMethod {
	text-align: center;
	width: 698px;
	margin: 0 auto;
}
#contents #listOuterProduct #txtMethod {
	display: block;
	margin: 13px auto;
}
#contents #listOuterProduct #productMethod ul {
	background: url(/assets/ps/domo/present/exchange/img/product_support/line_bottom.gif) no-repeat center bottom;
	height: 56px;
	padding-bottom: 13px;
}
#contents #listOuterProduct #productMethod ul li {
	float: left;
}
#contents #listOuterProduct #productMethod ul li.space {
	margin-right: 12px;
}
#contents #listOuterProduct #productMethod #productPointBox {
	color: #666;
	font-size: 90%;
	line-height: 1.5em;
	text-align: left;
	margin: 30px 0 20px 0;
	padding: 0 0 0 178px;
	position: relative;
	zoom: 1;
}
#contents #listOuterProduct #productMethod #productPointBox img {
	position: absolute;
	left: 0;
}
#contents #listOuterProduct #productMethod .btnGototop {
	float: right;
	display: block;
	margin: 0 0 10px 0;
}
#contents #listOuterProduct #productMethod #productMethodBox {
	color: #666;
	font-size: 90%;
	text-align: center;
	background: url(/assets/ps/domo/present/exchange/img/product_support/method_inner.gif) repeat-y left top;
	clear: both;
	width: 709px;
	margin-bottom: 20px;
}
#contents #listOuterProduct #productMethod #productMethodBox .image {
	/*display: block;*/
	margin: 30px 0;
}
#contents #listOuterProduct #productMethod #productMethodBox .image2 {
	/*display: block;*/
	margin: 30px auto 10px auto;
}
#contents #listOuterProduct #productMethod #productMethodBox .image3 {
	/*display: block;*/
	margin: 0 auto 30px auto;
}

#contents #listOuterProduct #productMethod #productMethodBox .ullist {
	margin: 0 auto 30px 50px;
	line-height: 1.8em;
}

#contents #listOuterProduct #productMethod #productMethodBox .ullist ul{
	height:56px;
	padding-bottom:13px;
	background-image: none !important;
}

#contents #listOuterProduct #productMethod #productMethodBox .ullist li{
	clear:both;
	text-align:left;
}

#contents #listOuterProduct #productFootBox {
	background: #EEEBE4;
	clear: both;
	padding-top: 20px;
}
#contents #listOuterProduct #productFootBox #productVoiceBox {
	background: url(/assets/ps/domo/present/exchange/img/product_support/voice_inner.gif) repeat-y left top;
	width: 699px;
	margin: 0 auto 10px auto;
}
#contents #listOuterProduct #productFootBox #txtVoice {
	float: left;
	margin: 19px 0 0 20px;
}
#contents #listOuterProduct #productFootBox #btnPost {
	float: right;
	margin: 17px 17px 11px 0;
}
#contents #listOuterProduct #productFootBox table {
	background: #D6CEC4;
	clear: both;
	width: 658px;
	margin: 0 auto 10px auto;
}
#contents #listOuterProduct #productFootBox table th {
	color: #666;
	font-size: 80%;
	font-weight:normal;
	text-align: center;
	background: #F2EFE0;
	width: 63px;
	padding: 5px;
}
#contents #listOuterProduct #productFootBox table td {
	color: #666;
	font-size: 80%;
	line-height: 1.5em;
	background: #FDFDF7;
	padding: 10px;
}
#contents #listOuterProduct #productFootBox table td.post {
	background: #FDFDF7 url(/assets/ps/domo/present/exchange/img/product_support/icon_human.jpg) no-repeat 15px;
	padding-left: 35px;
}
#contents #listOuterProduct #productVoiceBox table td.star {
	color: #C59611;
}
#contents #listOuterProduct #productVoiceBox table td .name {
	float: left;
}
#contents #listOuterProduct #productVoiceBox table td .personal {
	float: right;
}
#contents #listOuterProduct #productVoiceBox #more {
	display: block;
	width: 106px;
	margin: 10px auto;
}
#contents #listOuterProduct #productFootBox .btnGototop {
	float: right;
	margin: 0 64px 10px 0;
}
#contents #listOuterProduct #productFootBox #productComponentBox {
	color: #666;
	font-size: 80%;
	line-height: 1.5em;
	text-align: left;
	background: #FFF;
	clear: both;
	width: 573px;
	_width: 698px;
	margin: 0 auto 10px auto;
	padding: 10px 10px 10px 115px;
	border: solid 1px #D6CEC4;
	position: relative;
}
#contents #listOuterProduct #productFootBox #txtComponents {
	position: absolute;
	top: 13px;
	left: 13px;
}
#contents #headerProductPop {
	float: right;
	display: inline;
	width: 245px;
	margin: 10px 13px 0 0;
}

/* Exchange
----------------------------------*/
#contents #headerExchange {
	float: right;
	width: 245px;
	margin: 10px 0 0 0;
}
#contents .contentsBox {
	background: url(/assets/ps/domo/present/exchange/img/exchange/inner.jpg) repeat-y left top;
	width: 675px;
	margin: 0 auto;
}
#contents .contentTxt {
/*	font-size: 80%;
	line-height: 1.7em;*/
	color: #555555;
	text-align: left;
	padding: 10px 10px 10px 40px;
}

#contents .contentFooter {
	text-align: right;
	clear: both;
	width: 675px;
	padding: 10px 0;
}
#contents .cStrong {
	color: #CE3A6C;
	font-weight: bold;
}

#contents .contentTxt dt {
	color: #E47969;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
	margin: 10px 20px 20px 0;
	padding-left: 40px;
	position: relative;
	zoom: 1;
}
#contents .contentTxt dd {
	color: #4081b9;
	background: url(/assets/ps/domo/present/exchange/img/product_support/line_bottom.gif) no-repeat center bottom;
	margin: 10px 20px 10px 0;
	padding: 0 0 20px 40px;
	position: relative;
	zoom: 1;
}

#contents .contentTxt .icon {
	position: absolute;
	left: 0;
}

#contents .contentTxt .tel {
	color: #E80B44;
}

#contents #containerList #logo {
	float: left;
	margin: 10px 0;
}

#contents td#body #logo {
	float: left;
	margin: 5px 0;
}

/* 1603追加 
*****************************************************************/

.template-enable-media-queries #main.exchange #contents .answer-block01 .body-area .answer{
	margin-bottom:0;
    padding-left: 24px;
}

.template-enable-media-queries #main.exchange #contents .unordered-list01{
    margin: 11px 0 0 20px;
}

.template-enable-media-queries #main.exchange #contents .unordered-list01 .list-item{
	margin: 7px 0 0;
    padding: 0 0 0 20px;
}

.template-enable-media-queries #main.exchange #contents .notice-list01{
    margin: 20px 0 0;

}

.template-enable-media-queries #main.exchange #contents .notice-list01 .list-item{
    margin: 8px 0 0;
    padding: 0 0 0 20px;
	font-size:0.875em;
}

.template-enable-media-queries #main.exchange #contents .inline-list01 .list-item{
    padding-right: 28px;
}

.template-enable-media-queries #main.exchange #contents a{
	color: #99331f;	
}

.template-enable-media-queries #main.exchange #contents .additional-information-block01{
	background:#f6f4e7;
    margin-bottom: 20px;
}

.additional-information-block01 h3.heading{
	margin:0;
}

.template-enable-media-queries #main.exchange #contents .panel01{
	position:relative;
	padding:3px;
}

.template-enable-media-queries #main.exchange #contents .panel01 .noIco{
	position:absolute;
	top:3px;
	left:3px;
}

.template-enable-media-queries #main.exchange #contents .panel01 h4.ttl{
	margin:0;
	text-align:center;
	line-height:0;
	background:#f7f2cb;
}

.template-enable-media-queries #main.exchange #contents .panel01 p{
	text-align:center;
}

.template-enable-media-queries #main.exchange #contents .imgBox .panel01{
	padding:10px;
	text-align:center;
	background:#ffffff;
}

/* 1911追加 
*****************************************************************/
.section_lead {
  padding: 16px 0;
  margin-bottom: 20px;
}

.section_lead strong {
  display: inline;
  background: rgba(255,247,153,.8);
  border-radius: 8px;
  line-height: 1.4;
}

.section_lead h3 {
  margin-bottom: 0;
  line-height: 1.6;
}

.section_lead h3.normal {
  font-weight: normal;
}

.caut {
  list-style: none;
  padding: 0;
  text-align: left;
  margin: 8px 0 0;
}

.caut li {
  position: relative;
  padding-left: 15px;
  font-size: .9rem;
}

.caut li:first-child {
  margin: 0;
}

.caut li::before{
  content: "※";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.caut + p {
  margin-top: 40px;
}

.caut p {
  font-size: 1.2rem;
  text-align: left;
}

.heading-block01 .heading201:first-of-type {
  margin-top: 60px;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.hero_area {
    margin-top: 50px;
}

.hero_area .txt_box {
  line-height: 1.8;
  float: left;
}


.hero_area  .img_box {
  width: 400px;
  float: right;
  margin-top: -140px;
}

.hero_area .img_box img {
  width: 100%;
  display: block;
}

.hero_area .txt_box a {
  color: #0eadff;
  text-decoration: underline;
  font-size: 1rem;
}

.hero_area .txt_box a:hover {
  text-decoration: none;
}

.hero_area .txt_box p:first-of-type {
    margin-bottom: 12px !important;
  } 

.item_list {
  text-align: left;
}

.item_list ul {
  margin: 0 0 -4% 0;
}

.item_list li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 4% 0;
  min-height: 185px;
}

.item_list li:nth-child(odd) { 
  border-right: 1px dotted #555;
  margin-left: -7%;
  width: 45%;
}

.item_list li:nth-child(1),
.item_list li:nth-child(2) { 
  border-bottom: 1px dotted #555;
  padding-bottom: 2% !important;
}

.item_list li:nth-child(3),
.item_list li:nth-child(4) { 
  padding-top: 2% !important;
}

.item_list li:nth-child(odd) .img_box { 
  width: 23%;
  vertical-align: top;
  padding-right: 4%;
  display: inline-block;
}

.item_list li:nth-child(odd) .txt_box {
  width: 68%;
  vertical-align: top;
  display: inline-block;
}

.item_list li:nth-child(odd) .txt_box p {
  width: 31%;
}

.item_list li:nth-child(even) { 
  padding-left: 2% !important;
  width: 50%;
}

.item_list li:nth-child(even) .img_box {
  width: 42%;
  vertical-align: top;
  display: inline-block;
  padding-right: 4%;
}

.item_list li:nth-child(even) .txt_box {
  width: 54%;
  vertical-align: top;
  display: inline-block;
}

.item_list li:nth-child(even) .txt_box p {
  width: 35%;
}

.item_list li .img_box img{
  width: 100%;
}

.item_list li .txt_box img {
  width: 100%;
}

.teiki_box {
  width: 75%;
}

.teiki_box img {
  width: 100%;
  display: block;
}

.sec02 .img_box {
  margin-bottom: 20px;
}

.sec02 .img_box img {
  width: 100%;
  display: block;
}

.sec04_lead_in {
  background: #f1f1f1;
  padding: 20px;
  margin-bottom: 20px;
}

.sec03 .img_box {
  margin-bottom: 20px;
}

.sec03 .img_box img {
  width: 100%;
  display: block;
}

.link_area {
    margin-top: 60px;
}

.link_area .img_box {
  width: 640px;
  margin: 0 auto 27px;
}

.link_area .img_box img {
  width: 100%;
  display: block;
}

.link_area .img_box a,
.example_area_content .img_box a {
  display: block;
  transition: all .3s;
}

.link_area .img_box a:hover,
.example_area_content .img_box a:hover {
  opacity: .6;
  transition: all .3s;
}

.link_area .txt_box {
  text-align: center;
}

.link_area .txt_box a {
  color: #0eadff;
  text-decoration: underline;
  font-size: 1.2rem;
}

.link_area .txt_box a:hover {
  text-decoration: none;
}

.contact_area {
	width: 700px;
	padding-top: 30px;
	border: 1px solid #cec1c1;
	box-sizing: border-box;
	margin: 150px auto 0;
	position: relative;
}

.contact_area p {
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
}

.contact_area p a {
	color: #000;
    margin-left: 40px;
}

.contact_img {
	width: 367px;
	margin: 0 auto;
}

.contact_img img {
	width: 100%;
	vertical-align: bottom;
}

.contact_anchor_txt {
    position: absolute;
    bottom: 31px;
    left: 0;
	right: 0;
    font-size: 19px;
}


/* 2006追加 
*****************************************************************/

.hero_area_headline {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 20px!important;
}

.example_area {
    width: 800px;
    margin: 50px auto 0;
}

.example_area_ttl {
	background-color: #f1f1f1;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
}


.example_area_content {
	border:  3px solid #f1f1f1;
	border-top: none;
}

.example_area_items {
	display: flex;
    padding: 20px 0;
}

.example_area_item01 {
	border-right: 2px solid #f1f1f1;
}

.example_area_item01,
.example_area_item02 {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.example_area_item01_img {
    width: 110px;
}

.example_area_item02_img {
    width: 75px;
}

.example_area_item01_txt,
.example_area_item02_txt {
	text-align: center;
	padding-left: 15px!important;
}


.example_area_item01_img img,
.example_area_item02_img img {
	width: 100%;
	vertical-align: bottom;
}

.example_area .img_box {
	width: 640px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.example_area .img_box img {
	width: 100%;
	vertical-align: bottom;
}

.flow_area {
	background-color: #faf4f2;
	width: 800px;
	margin: 0 auto;
	padding: 50px;
	box-sizing: border-box;
}

.flow_blk {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

}

.flow_blk:last-child {
	border-bottom: none;
}

.flow_img {
	width: 210px;
}

.flow_img img {
	width: 100%;
	vertical-align: bottom;
}

.flow_content {
	padding-left: 30px;
    width: 450px;
}

.flow_ttl {
	font-size: 20px;
	font-weight: bold;
    padding-bottom: 10px!important;
	color: #a31a26;
	display: inline-block;
}

.flow_ttl_number {
    background-color: #a31a26;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
	margin-right: 15px;
	font-size: 20px;
    font-weight: bold;
}

.os-win .flow_ttl_number {
	line-height: 1.6;
}

.flow_txt {
	line-height: 1.8;
}

.flow_anchor01 {
	display: inline-block;
	margin-top: 10px;
	line-height: 1.8;
}

.flow03_notice {
	border: 1px solid #a31a26;
	width: 85%;
	margin: 20px auto 0;
    padding: 20px 85px;
	line-height: 1.8;
	background-color: #fff;
	box-sizing: border-box;
}

.flow03_notice span {
	font-weight: bold;
}

.flow_area_notice {
	margin: 10px auto;
	width: 800px;
}

.triangle {
    display: block;
	margin: 20px auto;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
	border-top: 25px solid #cecece;
}

.teiki_point_box {
	display: flex;
	justify-content: space-between;
	left: -5px;
    position: relative;
}


.point_box {
	width: 46%;
}

.item_list li:nth-child(odd) .txt_box p.teiki_point_ttl {
	background-color: #DEEFE0;
	width: 40%;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
}

.item_list li:nth-child(odd) .txt_box p.normal_point_ttl {
	background-color: #DDE8EE;
	width: 40%;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
}

.item_list li:nth-child(odd) .txt_box .point_box p.teiki_point_ttl,
.item_list li:nth-child(odd) .txt_box .point_box p.normal_point_ttl {
	width: 100%;
	margin-bottom: 10px!important;
  }

  .item_list li:nth-child(odd) .txt_box .point_box p.teiki_point_icon {
    width: 67.4%;
    padding-left: 5px!important;

  }

@media screen and (min-width: 569px) {
	.template-enable-media-queries #main.exchange #contents .grid16-row.unique .columns-10{
		width:465px;
	}
	.template-enable-media-queries #main.exchange #contents .grid16-row.unique .columns-6{
		width:auto;
		float:right;
	}
	.template-enable-media-queries #main.exchange #contents .grid16-row.unique .columns-6 .panel01 img{
		width:430px;
	}
	.template-enable-media-queries #main.exchange #contents .grid16-row.unique:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
   /* 1911追加 
  *****************************************************************/
  .pc {
    display: block !important;
  }
  
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 568px){
	.template-enable-media-queries #main.exchange #contents .panel01 h4.ttl img,
	.template-enable-media-queries #main.exchange #contents .panel01 p img,
	.template-enable-media-queries #main.exchange #contents .grid16-row.unique .columns-6 .panel01 img{
		max-width:100%;
		height:auto;
	}
	.template-enable-media-queries #main.exchange #contents .unordered-list01{
		float:none;
		margin-left:0;
	}
  
  /* 1911追加 
  *****************************************************************/
  .pc {
    display: none !important;
  }
  
  .sp {
    display: block !important;
  }
  
  .template-enable-media-queries .content-header-block01.content-header-has-tab {
    margin-bottom: 0;
  }
  
  .section_lead h3 {
      line-height: 1.4;
  }
  .hero_area .txt_box {
    width: 100%;
    float: none;
    margin-bottom: 6% !important;
  }
  
  .hero_area .txt_box br {
    display: none;
  }

  .hero_area .img_box {
    width: 115%;
	float: none;
	margin-top: 30px;
	position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }

  .hero_area .img_box img {
	width: 100%;
  }

  
  .hero_area .txt_box p:first-of-type {
    margin-bottom: 4% !important;
  } 

  
  .item_list ul {
    margin: 0 0 -4% 0 !important;
  }
  
  .item_list li {
    display: block;
    margin: 0 0 4% 0 !important;
    vertical-align: top;
  }
  
  .item_list li .img_box {
    width: 40%;
  }
  
  .item_list li .txt_box {
    width: 55%;
  }
  
  .item_list li:nth-child(1) .txt_box,
  .item_list li:nth-child(3) .txt_box {
    margin-left: 0;
  }

  .item_list li:nth-child(2) .img_box,
  .item_list li:nth-child(4) .img_box {
    margin-left: 0;
  }
  .item_list li:nth-child(2) .txt_box,
  .item_list li:nth-child(4) .txt_box {
    margin-left: 0;
  }
  
  .teiki_box {
    width: 90%;
    margin: 0 auto ;
    clear: both;
  }
  
  .link_area {
    margin-top: 40px;
  }
  
  .link_area .img_box {
    width: 100%;
	margin: 0 auto 7%;
  }
  
  .link_area .txt_box a {
    color: #0eadff;
    text-decoration: underline;
    font-size: 1rem;
  }
  
  .item_list {
    text-align: left;
  }

  .item_list ul {
    margin: 0 0 -4% 0;
  }

  .item_list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 4% 0;
    min-height: auto;
  }

  .item_list li:nth-child(odd) { 
    border-right: none;
    margin-left: -7%;
    width: 100%;
  }

  .item_list li:nth-child(1),
  .item_list li:nth-child(2) { 
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2% !important;
  }

  .item_list li:nth-child(3),
  .item_list li:nth-child(4) { 
    padding-top: 2% !important;
  }
  
  .item_list li:nth-child(3) {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 4% !important;
    margin-top: -2% !important;
  }
  
  .item_list li:nth-child(4) {
    margin-top: -6% !important;
  }

  .item_list li:nth-child(odd) .img_box { 
    width: 20%;
    vertical-align: top;
    padding-right: 11%;
    display: inline-block;
    margin-left: 6%;
  }

  .item_list li:nth-child(odd) .txt_box {
    width: 63%;
    vertical-align: top;
    display: inline-block;
  }

  .item_list li:nth-child(odd) .txt_box p {
    width: 31%;
  }

  .item_list li:nth-child(even) { 
    padding-left: 0!important;
    width: 100%;
  }

  .item_list li:nth-child(even) .img_box {
    width: 34%;
    vertical-align: top;
    display: inline-block;
    padding-right: 4%;
  }

  .item_list li:nth-child(even) .txt_box {
    width: 54%;
    vertical-align: top;
    display: inline-block;
  }

  .item_list li:nth-child(even) .txt_box p {
    width: 35%;
  }

  .item_list li .img_box img{
    width: 100%;
  }

  .item_list li .txt_box img {
    width: 100%;
  }

  .teiki_box {
    width: 87%;
  }


.hero_area_headline {
    width: 100%;
    font-size: 19px;
    font-weight: bold;
	padding-bottom: 20px!important;
	line-height: 1.6;
}
  
  /* 2006追加 
  *****************************************************************/

.content-wrapper01 {
	overflow: hidden;
}

.hero_area {
    margin-top: 30px;
}

.example_area {
	width: 100%;
	margin: 40px auto;
}

.example_area_ttl {
	padding: 10px;
	font-size: 15px;
}

.example_area_items {
	padding: 18px 0;
}

.example_area_item01 {
	border-right: 1px solid #cecece;
}

.example_area_item01,
.example_area_item02 {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.example_area_item01_img {
	height: auto;
	width: 50%;
}

.example_area_item02_img {
	height: auto;
    width: 40%;
}

.os-win .example_area_item01_img,
.os-win .example_area_item02_img {
	flex-shrink: 0;
}

.example_area_item01_txt,
.example_area_item02_txt {
	text-align: center;
	padding-left: 0!important;
	padding-top: 5px!important;
}

.example_area_item02_txt_sp {
	text-align: center;
	margin-top:15px!important;
	padding-left: 0!important;
	padding-top: 5px!important;
	padding-bottom:10px!important
}


.example_area_item01_img img,
.example_area_item02_img img {
	width: 100%;
	height: auto;
}


.example_area .img_box {
    width: 91.5%;
    margin: 0 auto;
	padding: 2% 0 5%;
	max-width: 315px;
}

.example_area .img_box img {
	width: 100%;
	vertical-align: bottom;
}



.flow_area {
	width: 100%;
	margin: 0 auto;
    padding: 10% 3%;
	box-sizing: border-box;
}

.flow_blk {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;

}

.flow_blk:last-child {
	border-bottom: none;
}

.flow_img {
	width: 35%;
}

.flow_img img {
	width: 100%;
	vertical-align: bottom;
}

.flow_content {
    padding-left: 0;
	width: 61.5%;
	display: flex;
	flex-wrap: wrap;
}

.flow_ttl_number {
    width: 25px;
    height: 25px;
	margin-right: 5px;
	font-size: 17px;
}

.os-win .flow_ttl_number {
	letter-spacing: 1.5;
}

.flow_ttl {
	font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px!important;
    color: #a31a26;
    width: 84%;
}

.os-win .flow_ttl {
	line-height: 1.6;
}

.flow_txt {
	line-height: 1.6;
}

.flow_anchor01 {
	display: inline-block;
	margin-top: 10px;
}

.flow03_notice {
    width: 95%;
    margin: 3% auto 0;
    padding: 5%;
}

.flow03_notice span {
	font-weight: bold;
}

.flow_area_notice {
	margin: 10px auto;
	width: 100%;
}

.triangle {
    display: block;
    margin: 7vw auto;
    width: 0;
    height: 0;
    border-left: 5vw solid transparent;
    border-right: 5vw solid transparent;
    border-top: 5vw solid #cecece;
}

.teiki_point_box {
	flex-direction: column;
}


.point_box {
	width: 46%;
}


.os-win .point_box {
	flex-shrink: 0;
}

.point_box + .point_box {
	padding-top: 7px;
}

.item_list li:nth-child(odd) .txt_box p.teiki_point_ttl {
	background-color: #DEEFE0;
	text-align: center;
	border-radius: 20px;
	font-weight: bold;
}

.item_list li:nth-child(odd) .txt_box .point_box p.teiki_point_ttl,
.item_list li:nth-child(odd) .txt_box .point_box p.normal_point_ttl {
    width: 120%;
    line-height: 1.6;
    margin-bottom: 5px!important;
    font-size: 4vw;
  }

.poing_expiration_date {
	line-height: 1.6;
}

  .link_area .img_box {
	width: 90%;
	margin: 0 auto;
	max-width: 315px;
  }

.contact_area {
	width: 100%;
	padding-top: 30px;
	margin: 100px auto 0;
}

.contact_img {
    width: 349px;
	margin: 0 auto;
}

.os-win .contact_img {
    width: 330px;
}

}

@media screen and (max-width: 374px) {

.example_area_item01_txt,
.example_area_item02_txt {
	font-size: 15px;
}

.os-win .example_area_item01_txt,
.os-win .example_area_item02_txt {
	font-size: 14px;
}

.flow_ttl {
    width: 80%;
}

.contact_area {
	width: 100%;
	padding-top: 30px;
	margin: 150px auto 0;
}

.contact_img {
    width: 100%;
	margin: 0 auto;
}

.os-win .contact_img {
    width: 100%;
}

.contact_anchor_txt {
	top: 76%;
    font-size: 19px;
}

.os-win .contact_anchor_txt {
    font-size: 18px;
}

.contact_area p a {
    margin-left: 45px;
}

}

/* reccomend
-------------------------------------------*/

#contents #Poplular {
	text-align: center;
}

#contents .htl_reconize_list {
	width: 523px;
	margin: 0 auto;
}

#contents .htl_reconize_header {
	color:#666;
	font-size: 80%;
	background: url(/assets/ps/domo/present/exchange/img/recommend/bg_related.jpg) no-repeat 0 0;
	text-align: center;
	width: 523px;
	height: 54px;
	padding-top: 22px;
}
#contents .htl_reconize_item {
	background: #ff0000;
	display: inline;
	float: left;
	width: 154px;
	margin-right: 16px;
}
#contents .htl_reconize_rank {
	display: none;
}



/*-----------------------------------------*/


#contents .howtoBox_sp1 {
	text-align: left;
	width: 245px;
	margin:20px auto;
}

#contents .howtoBox_sp2 {
	text-align:left;
	width: 427px;
	margin: 20px auto;
}

#contents .howtoBox_sp3 {
	width: 579px;
	margin: 20px auto;
}

#contents .howtoBox_sp4 {
	text-align: left;
	width: 170px;
	margin:20px auto;
}

#contents .howtoBox_sp5 {
	text-align: left;
	width: 600px;
	margin:20px auto;
}

#contents .howtoBox_sp6 {
	text-align: left;
	width: 340px;
	margin:20px 0px 20px 210px;
}

#contents .howtoBox_sp7 {
	text-align: left;
	width: 360px;
	margin:20px 0px 20px 210px;
}

#contents .howtoBox_sp8 {
	text-align: left;
	width: 475px;
	margin:20px 0px 20px 180px;
}

#contents .howtoBox_sp9 {
	text-align:left;
	width: 500px;
	margin: 20px auto;
}

#contents .howtoBox_sp10 {
	text-align: left;
	width: 500px;
	margin:20px 0px 20px 180px;
}

#contents .howtoBox_sp1 img,
#contents .howtoBox_sp2 img,
#contents .howtoBox_sp3 img {
	display: block;
	margin-bottom: 10px;
}

#contents #productMethodBox .arrow {
	float: left;
}
#contents #productMethodBox .space {
	float: left;
	width: 60px;
}

#contents .howtoBox_sp2_1 {
	text-align: left;
	float: left;
	width: 170px;
}

#contents .howtoBox_sp2_2 {
	text-align: left;
	float: left;
	width: 169px;
}

#contents .howtoBox_sp3_1 {
	text-align: left;
	float: left;
	width: 160px;
}

#contents .howtoBox_sp3_2 {
	text-align: left;
	float: left;
	width: 160px;
}

#contents .howtoBox_sp3_3 {
	text-align: left;
	float: left;
	width: 159px;
}

#contents #btnPresentlist {
	margin:10px 15px 0px 0px;
	text-align:right;
	height:30px;
}


/*=============

20240409

=============*/
#contents .flow_blk .flow03_notice {
  padding:5%;
}
#contents .flow_blk .flow03_notice p {
  margin-bottom:0.5em;
}
#contents .flow_blk .flow03_notice ul li {
  padding-left:1em;
/*  margin-bottom:0.5em;*/
  position:relative;
}
#contents .flow_blk .flow03_notice ul li::before {
  content:"・";
  position:absolute;
  top:0;
  left:0;
}