@charset "utf-8";

/*#attention .grayBox {
	background: #f1f2f4;
	overflow: hidden;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}*/

/*--- アンカーエリア（右向き矢印） ---*/
#attention .anchorArea ul li a {
	background: url(../images/common/summary_bg.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	display: block;
	padding: 0 0 0 25px;
}
#attention .anchorArea ul li a:hover {
	background: url(../images/common/summary_bg_on.png) 0 2px no-repeat;
	background: url(../images/common/summary_bg_on_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}



/* ==========================================================
	/attention/law.html
========================================================== */

#attention.law .grayLine {
border-bottom: 2px solid #f1f2f4;
margin: 0 0 30px;
padding: 30px 0 0;
clear: both;
}

.law .tileArea {
	overflow: hidden;
}
.law .tileArea .tile {
	width: 44.5%;
	float: left;
	margin: 1%;
	display: block;
	padding: 1.2%;
	min-height: 180px;
}
.law .tileArea .tile .icon {
	width: 28%;
	float: left;
}
.law .tileArea .tile .rightSide {
	float: right;
	width: 68%;
}
.law .tileArea .title {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.2;
}
.law .tileArea .title span {
	font-size: 60%;
}
.law .tileArea .text {
	font-size: 110%;
	display: block;
	margin-bottom: 10px;
}
.law .tileArea .tile .btn {
	width: 41.9%;	
	min-width: 180px;
}



/* ==========================================================
	/attention/example.html
========================================================== */

#attention .red img {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#attention .section {
	margin: 0 4%;
}

#attention table {
	width: 100%;
}
#attention table .first_line th,
#attention table .first_line td {
	border-top: none;
}
#attention.example table th {
	width: 17%;
	border: 1px solid #d7dce5;
	background: #f6f6f6;
	padding: 10px;
	border-bottom: none;
}
#attention.example table td {
	border: 1px solid #d7dce5;
	padding: 10px;
	border-bottom: none;
	text-align: center;
}
#attention.example table td.plus {
	background: url(../images/faq/plus.png) 98% 48% no-repeat;
	background: url(../images/faq/plus_ie8.png) 98% 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
#attention.example table td.minus {
	background: url(../images/faq/minus.png) 98% 48% no-repeat;
	background: url(../images/faq/minus_ie8.png) 98% 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
#attention.example table tr.topNote td.plus {
	background: url(../images/faq/plus.png) 14.5em 48% no-repeat;
	background: url(../images/faq/plus_ie8.png) 14.5em 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
#attention.example table tr.topNote td.minus {
	background: url(../images/faq/minus.png) 14.5em 48% no-repeat;
	background: url(../images/faq/minus_ie8.png) 14.5em 48% no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}
#attention.example table tr.topNote td {
  border: none;
  padding-left: 0;
}
#attention.example table tr.ansLine,
#attention.example table tr.ansLine td {
	padding: 0;
	border: none;
}
#attention.example table tr.ansLine td.grayBorder {
	background: #eaf7fe;
	border: 1px solid #d7dce5;
	border-bottom: none;
}
#attention.example table tr.ansLine .answer {
	display: none;
	padding: 10px;
}
#attention.example table {
	border-bottom: 1px solid #d7dce5;
}

#attention.example .heightLine-example-price01 {
  display: table;
}
#attention.example .heightLine-example-price01 span {
  display: table-cell;
  vertical-align: top;
}
/* ==========================================================
	/attention/mention.html
========================================================== */

#attention .siteImg {
	width: 70%;
	margin: 0 auto ;
	border: 1px solid #ddd;
}


#attention .smallFont {
	font-size: 80%;
}

/* ==========================================================
	/attention/page.html
	/attention/shipping.html
========================================================== */
#attention table.at_tb {
	width: 100%;
  border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
	border-collapse: separate;
	border-bottom: 1px solid #d5dae3;
}
#attention .section table.at_tb .firstRow {
  background: #838c9a;
	color: #FFF;
	font-size: 130%;
	padding: 1%;
}
#attention .section table.at_tb .leftSide {
	width: 20%;
  border-radius: 7px 0 0 0;
  -webkit-border-radius: 7px 0 0 0;
  -moz-border-radius: 7px 0 0 0;
	padding-left: 1%;
}
#attention .section table.at_tb .rightSide {
  border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
}
#attention .section table.at_tb tbody th,
#attention .section table.at_tb tbody td {
	padding: 1%;
  vertical-align: top;
}
#attention table.at_tb tr th,
#attention table.at_tb tr td {
	border-top: 1px solid #d5dae3;
  border-bottom: 1px solid #d5dae3;
}
#attention table.at_tb tr.firstRow th {
	border: none;
}
#attention table.at_tb tr th {
	font-weight: bold;
}
#attention table.at_tb .bgGray {
	background: #f6f6f6;
}
#attention .section table.at_tb .rightSide > div {
	border-left: 1px solid #aab1bc;
	padding-left: 1%;
}

#attention .section table.at_tb td > div {
	border-left: 1px solid #d7dce5;
	padding-left: 1%;
}
#attention table.at_tb tr.bgGray th,
#attention table.at_tb tr.bgGray td {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#attention table.at_tb td a {
	color: #2E71B8;
	text-decoration: underline;
	display: inline;
}
#attention table.at_tb td a:hover {
	text-decoration: none;
}
#attention table.at_tb td ul li {
	list-style: disc inside;
}

/*　----送料一覧　表記例----　*/

#attention.shipping table.at_tb {
	border-bottom: none;
}
#attention.shipping .section table.at_tb .leftSide {
	width: 70%;
}
#attention.shipping .section table.at_tb td > div {
	border-left: none;
}
#attention.shipping .section table.at_tb td {
	vertical-align: middle;
}
#attention.shipping table.at_tb tr th div {
	border-right: 1px solid #d7dce5;
	font-weight: normal;
}
#attention.shipping table.at_tb tr th span {
	padding-right: 15px;
}
#attention.shipping .section table.at_tb .rightSide div {
	border: none;
}


/*　----ご購入について(c-check)----　*/

#attention table.howtoBuy{
	
}

#attention table.howtoBuy th {
	
}
#attention table.howtoBuy td {
	
}
#attention table.howtoBuy .first_line td {
	border-top: none;
}
#attention table.howtoBuy .left_th {
	
}
#attention table.howtoBuy .right_th p {
	border-left: 1px solid #aab1bc;
	padding-left: 1%;
}
#attention table.howtoBuy .shopText p {
	border-left: 1px solid #d7dce5;
	padding-left: 1%;
}
#attention table.howtoBuy .right_th {
	
}
#attention table.howtoBuy .shopIcon {
	text-align: center;
	vertical-align: middle;
	width: 15%;
}
#attention table.howtoBuy .shopName {
	vertical-align: middle;
	font-weight: bold;
	width: 15%;
}

#attention table.howtoBuy .shopIcon p,
#attention table.howtoBuy .shopName p,
#attention table.howtoBuy .shopText p {
	display: table;
}
#attention table.howtoBuy .shopIcon p span,
#attention table.howtoBuy .shopName p span,
#attention table.howtoBuy .shopText p span {
	display: table-cell;
  vertical-align: middle;
}

#attention.shipping .section .icon1 {
	background: url(../images/attention/icon01.png) 3px 5px no-repeat;
	background: url(../images/attention/icon01_ie8.png) 3px 5px no-repeat\9;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
	padding-left: 20px;
	min-height: 16px;
	display: inline-block;
}
#attention.shipping .section .icon2 {
	background: url(../images/attention/icon02.png) 3px 5px no-repeat;
	background: url(../images/attention/icon02_ie8.png) 3px 5px no-repeat\9;
	-moz-background-size: 15px 15px;
	background-size: 15px 15px;
	padding-left: 20px;
	min-height: 16px;
	display: inline-block;
}

/* ==========================================================
	/attention/howtopay.html
========================================================== */

#attention.howtopay .conList li,
#attention.howtopay .conList02 li,
#attention.howtopay .conList03 li {
	padding: 10px 0 10px 20px;
	border-bottom: 1px solid #d7dce5;
}
#attention.howtopay .conList02 li:first-child {
	border-top: 1px solid #d7dce5;
}
#attention.howtopay .conList li span {
	background: url(../images/common/list_trig.png) 0 5px no-repeat;
	background: url(../images/common/list_trig.png) 0 5px no-repeat\9;
	-moz-background-size: 6px 8px;
	background-size: 6px 8px;
	padding: 0 0 0 12px;
	font-size: 95%;
	display: block;
}
#attention.howtopay .conList02 li {
	background: url(../images/common/list_blue_02.png) 0 16px no-repeat;
	background: url(../images/common/list_blue_02_ie8.png) 0 16px no-repeat\9;
	-moz-background-size: 9px 9px;
	background-size: 9px 9px;
	padding-left: 16px;
}
#attention.howtopay .conList03 li {
	background: url(../images/common/list_trig.png) 10px 15px no-repeat;
	background: url(../images/common/list_trig.png) 10px 15px no-repeat\9;
	-moz-background-size: 6px 8px;
	background-size: 6px 8px;
	padding: 10px 0 10px 20px;
	font-size: 95%;
}

#attention.howtopay .conList li {
	white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
	word-break:break-all;
	word-wrap: break-word;
}

/* ==========================================================
	共通
========================================================== */

#attention.shipping h5,
#attention.howtopay h5 {
	font-weight: bold;
	font-size: 140%;
	margin: 35px 0 15px;
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #0085ca;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #0085ca;
}

#attention.howtopay .section a,
#attention.shipping .section a {
	color: #2E71B8;
	text-decoration: underline;
	display: inline-block;
}
#attention.howtopay .section a:hover,
#attention.shipping .section a:hover {
	text-decoration: none;
}


.center {
text-align: center;
}

.tophe {
text-align: right;
font-size:90%;
margin:10px;
}