@charset "UTF-8";
/* ポイント交換TOPページ */

#headline {
	margin:0 auto 20px;
	width:740px;
	height:105px;
	background:url(../img/exchange/main-head.gif) 0 0 no-repeat;
}
#headline h2 {
	width:740px;
	height:55px;
	text-indent:-9999px;
}
#headline p {
	width:740px;
	height:50px;
	text-indent:-9999px;
}
#exmoney {
	margin:0 auto;
	width:700px;
}
#exmoney h2 {
	margin:0 0 7px;
	width:700px;
	height:30px;
	background:url(../img/exchange/sub-title.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
#exmoney .inbox {
	margin:0 auto;
	width:560px;
	overflow: hidden;
	height:1%;
}
#exmoney .inbox .leftbox {
	margin:0 0 10px;
	padding:10px 0 0;
	width:270px;
	float:left;
	background:url(../img/exchange/unit-bg-top270.gif) 0 0 no-repeat;
}
#exmoney .inbox .leftbox .banner {
	display: block;
	margin:0 auto 10px;
	width:120px;
	height:120px;
}
#exmoney .inbox .leftbox .bottom {
	padding:0 0 12px;
	width:270px;
	height:210px;
	position:relative;
	background:url(../img/exchange/unit-bg-bottom270.gif) 0 bottom no-repeat;
}
#exmoney .inbox .leftbox .bottom h3 {
	margin:0 45px 6px;
	padding:2px 0 0 12px;
	width:166px;
	height:19px;
	font-weight:bold;
	background:url(../img/exchange/unit-title-bg.gif) 0 0 no-repeat;
}
#exmoney .inbox .leftbox .bottom h3 a {
	font-weight:bold;
	text-decoration:underline;
}
#exmoney .inbox .leftbox .bottom ul {
	margin:0 auto 14px 35px;
	padding:0 0 0 10px;
	width:178px;
}
*html #exmoney .inbox .leftbox .bottom ul {
	margin:0 0 14px 16px;
	padding:0 0 0 10px;
	width:178px;
}
#exmoney .inbox .leftbox .bottom ul li {
	padding:2px 0 0 10px;
	width:178px;
	/*
	height:16px;
*/
	background:url(../img/exchange/listmark.gif) no-repeat 0 7px;
	border-bottom:1px dotted #666;
}
#exmoney .inbox .leftbox .bottom ul li span {
	display: block;
	color: #f00;
}
*+html #exmoney .inbox .leftbox .bottom ul li span {
	text-indent: 0 !important;
}
#exmoney .inbox .leftbox .notice, #exmoney .inbox .rightbox .notice {
	font-size: 93%;
	color: #555;
	width:200px;
	position:absolute;
	bottom:75px;
	left:45px;
}
#exmoney .inbox .leftbox .bottom p {
	width:112px;
	height:21px;
	position:absolute;
	bottom:17px;
	left:79px;
}
#exmoney .inbox .leftbox .bottom p a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-exchange.gif) 0 0 no-repeat;
	display:block;
}
#exmoney .inbox .leftbox .bottom p a:hover {
	background:url(../img/exchange/btn-exchange.gif) 0 -30px no-repeat;
}
#exmoney .inbox .leftbox .bottom p.bankaccount {
	width:112px;
	height:21px;
	position:absolute;
	bottom:40px;
	left:78px;
}
#exmoney .inbox .leftbox .bottom p.bankaccount a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-bank.gif) 0 0 no-repeat;
	display:block;
}
#exmoney .inbox .leftbox .bottom p.bankaccount a:hover {
	background:url(../img/exchange/btn-bank.gif) 1px -30px no-repeat;
}
#exmoney .inbox .rightbox {
	margin: 0 0 10px;
	padding:10px 0 0;
	width:270px;
	float:right;
	background:url(../img/exchange/unit-bg-top270.gif) 0 0 no-repeat;
}
#exmoney .inbox .rightbox .banner {
	display:block;
	margin:0 auto 10px;
	width:120px;
	height:120px;
}
#exmoney .inbox .rightbox .bottom {
	padding:0 0 12px;
	width:270px;
	height:210px;
	position:relative;
	background:url(../img/exchange/unit-bg-bottom270.gif) 0 bottom no-repeat;
}
#exmoney .inbox .rightbox .bottom h3 {
	margin:0 45px 6px;
	padding:2px 0 0 12px;
	width:166px;
	height:19px;
	font-weight:bold;
	background:url(../img/exchange/unit-title-bg.gif) 0 0 no-repeat;
}
#exmoney .inbox .rightbox .bottom h3 a {
	font-weight:bold;
	text-decoration:underline;
}
#exmoney .inbox .rightbox .bottom ul {
	margin:0 auto 27px 35px;
	padding:0 0 0 10px;
	width:178px;
}
*html #exmoney .inbox .rightbox .bottom ul {
	margin:0 0 14px 35px;
	padding:0 0 0 10px;
	width:178px;
}
#exmoney .inbox .rightbox .bottom ul li {
	padding:2px 0 0 10px;
	width:178px;
	/*
	height:16px;
*/
	background:url(../img/exchange/listmark.gif) no-repeat 0 7px;
	border-bottom:1px dotted #666;
}
#exmoney .inbox .rightbox .bottom ul li span {
	display: block;
	color: #f00;
}
#exmoney .inbox .rightbox .bottom p {
	width:112px;
	height:21px;
	position:absolute;
	bottom:15px;
	left:78px;
}
#exmoney .inbox .rightbox .bottom p a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-exchange.gif) 0 0 no-repeat;
	display:block;
}
#exmoney .inbox .rightbox .bottom p a:hover {
	background:url(../img/exchange/btn-exchange.gif) 0 -30px no-repeat;
}
#exmoney .inbox .rightbox .bottom p.bankaccount {
	width:112px;
	height:21px;
	position:absolute;
	bottom:12px;
	right:59px;
}
#exmoney .inbox .rightbox .bottom p.bankaccount a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-bank.gif) 0 0 no-repeat;
	display:block;
}
#exmoney .inbox .rightbox .bottom p.bankaccount a:hover {
	background:url(../img/exchange/btn-bank.gif) 0 -31px no-repeat;
}
#exmoney .inbox .toplink {
	padding:10px 0;
	clear:both;
	text-align:right;
}
#expoint {
	margin:0 auto 20px;
	width:700px;
}
#expoint h2 {
	margin:0 0 7px;
	width:700px;
	height:30px;
	background:url(../img/exchange/sub-title.gif) 0 -30px no-repeat;
	text-indent:-9999px;
}
#expoint dl.attention {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #f00;
	background-color: #fff;
	padding: 15px;
	color: #555;
	margin: 0 auto 10px;
}
#expoint dl.attention dt {
	font-weight: bold;
	border-left: #d11 4px solid;
	padding-left: 5px;
	margin-bottom: 5px;
}
#expoint .inbox {
	width:700px;
}
#expoint .inbox .leftbox {
	margin:0;
	padding:10px 0 0;
	width:235px;
	float:left;
	background:url(../img/exchange/unit-bg-top.gif) 0 0 no-repeat;
}
#expoint .inbox .leftbox .banner {
	margin:0 60px 10px 55px;
	width:120px;
	height:120px;
}
#expoint .inbox .leftbox .bottom {
	padding:0 0 12px;
	width:230px;
	height:400px;
	position:relative;
	background:url(../img/exchange/unit-bg-bottom.gif) 0 bottom no-repeat;
}
#expoint .inbox .leftbox .bottom h3 {
	margin:0 26px 6px;
	padding:2px 0 0 12px;
	width:166px;
	height:19px;
	font-weight:bold;
	background:url(../img/exchange/unit-title-bg.gif) 0 0 no-repeat;
}
#expoint .inbox .leftbox .bottom h3 a {
	font-weight:bold;
	text-decoration:underline;
}
#expoint .inbox .leftbox .bottom ul {
	margin:0 31px 14px 16px;
	padding:0 0 0 10px;
	width:178px;
}
*html #expoint .inbox .leftbox .bottom ul {
	margin:0 0 14px 16px;
	padding:0 0 0 10px;
	width:178px;
}
#expoint .inbox .leftbox .bottom ul li {
	padding:2px 0 0 10px;
	width:178px;
	height:16px;
	background:url(../img/exchange/listmark.gif) no-repeat 0 7px;
	border-bottom:1px dotted #666;
}
#expoint .inbox .leftbox .bottom ul li span {
	color:#f00;
}
#expoint .inbox .leftbox .bottom .sample {
	margin:0 16px 10px;
	width:198px;
	height:250px;
	background:url(../img/exchange/sample-bg-bottom.gif) 0 bottom no-repeat;
}
*html #expoint .inbox .leftbox .bottom .sample {
	margin:0 15px 10px;
}
#expoint .inbox .leftbox .bottom .sample h4 {
	margin:0 0 10px;
	padding:4px 0 0;
	width:198px;
	height:38px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(../img/exchange/sample-head-bg.gif) 0 0 no-repeat;
}
#expoint .inbox .leftbox .bottom .sample p {
	padding:0 10px 2px 9px;
	text-align:right;
}
#expoint .inbox .leftbox .bottom .sample p a {
	padding:0 0 0 12px;
	text-decoration:underline;
	background:url(../img/exchange/list.gif) 0 2px no-repeat;
}
#expoint .inbox .leftbox .bottom .sample p span {
	display: block;
	text-align:left;
	font-size: 77%;
}
#expoint .inbox .leftbox .bottom p.button {
	width:112px;
	height:21px;
	position:absolute;
	bottom:12px;
	left:59px;
}
#expoint .inbox .leftbox .bottom p.button a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-exchange.gif) 0 0 no-repeat;
	display:block;
}
#expoint .inbox .leftbox .bottom p.button a:hover {
	background:url(../img/exchange/btn-exchange.gif) 0 -31px no-repeat;
}
#expoint .inbox .rightbox {
	padding:10px 0 0;
	width:230px;
	float:right;
	background:url(../img/exchange/unit-bg-top.gif) 0 0 no-repeat;
}
#expoint .inbox .rightbox .banner {
	margin:0 55px 10px;
	width:120px;
	height:120px;
}
#expoint .inbox .rightbox .bottom {
	padding:0 0 12px;
	width:230px;
	height:400px;
	position:relative;
	background:url(../img/exchange/unit-bg-bottom.gif) 0 bottom no-repeat;
}
#expoint .inbox .rightbox .bottom h3 {
	margin:0 26px 6px;
	padding:2px 0 0 12px;
	width:166px;
	height:19px;
	font-weight:bold;
	background:url(../img/exchange/unit-title-bg.gif) 0 0 no-repeat;
}
#expoint .inbox .rightbox .bottom h3 a {
	font-weight:bold;
	text-decoration:underline;
}
#expoint .inbox .rightbox .bottom ul {
	margin:0 26px 14px 16px;
	padding:0 0 0 10px;
	width:178px;
}
*html #expoint .inbox .rightbox .bottom ul {
	margin:0 0 14px 16px;
	padding:0 0 0 10px;
	width:178px;
}
#expoint .inbox .rightbox .bottom ul li {
	padding:2px 0 0 10px;
	width:178px;
	height:16px;
	background:url(../img/exchange/listmark.gif) no-repeat 0 7px;
	border-bottom:1px dotted #666;
}
#expoint .inbox .rightbox .bottom ul li span {
	color:#f00;
}
#expoint .inbox .rightbox .bottom .sample {
	margin:0 16px 10px;
	width:198px;
	height:250px;
	background:url(../img/exchange/sample-bg-bottom.gif) 0 bottom no-repeat;
}
*html #expoint .inbox .rightbox .bottom .sample {
	margin:0 15px 10px;
}
#expoint .inbox .rightbox .bottom .sample h4 {
	margin:0 0 10px;
	padding:4px 0 0;
	width:198px;
	height:38px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(../img/exchange/sample-head-bg.gif) 0 0 no-repeat;
}
#expoint .inbox .rightbox .bottom .sample p {
	padding:0 10px 2px 9px;
	text-align:right;
}
#expoint .inbox .rightbox .bottom .sample p a {
	padding:0 0 0 12px;
	text-decoration:underline;
	background:url(../img/exchange/list.gif) 0 2px no-repeat;
}
#expoint .inbox .rightbox .bottom .sample p span {
	display: block;
	text-align:left;
	font-size: 77%;
}
#expoint .inbox .rightbox .bottom p.button {
	width:112px;
	height:21px;
	position:absolute;
	bottom:12px;
	left:59px;
}
#expoint .inbox .rightbox .bottom p.button a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-exchange.gif) 0 0 no-repeat;
	display:block;
}
#expoint .inbox .rightbox .bottom p.button a:hover {
	background:url(../img/exchange/btn-exchange.gif) 0 -31px no-repeat;
}
#expoint .inbox .rightbox .bottom p.button-aima {
	width:112px;
	height:21px;
	position:absolute;
	bottom:12px;
	left:59px;
}
#expoint .inbox .rightbox .bottom p.button-aima a {
	width:112px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-aima.gif) 0 0 no-repeat;
	display:block;
}
#expoint .inbox .rightbox .bottom p.button-aima a:hover {
	background:url(../img/exchange/btn-aima.gif) 0 -31px no-repeat;
}
#expoint .inbox .toplink {
	padding:10px 0;
	clear:both;
	text-align:right;
}
#donate {
	margin:0 auto 10px;
	width:700px;
}
#donate h3 {
	width:700px;
	height:37px;
	text-indent:-9999px;
	background:url(../img/exchange/donate-head.gif) 0 0 no-repeat;
}
#donate .comment {
	width:700px;
	height:115px;
	background:url(../img/exchange/donate-1.gif) 0 0 no-repeat;
}
#donate .comment p {
	text-indent:-9999px;
}
#donate .button {
	padding:5px 0 0 489px;
	width:211px;
	height:53px;
	background:url(../img/exchange/donate-2.gif) 0 0 no-repeat;
}
#donate .button a {
	width:200px;
	height:45px;
	text-indent:-9999px;
	background:url(../img/exchange/btn-donate.gif) 0 0 no-repeat;
	display:block;
}
#donate .button a:hover {
	background:url(../img/exchange/btn-donate.gif) 0 -50px no-repeat;
}
#donate .toplink {
	padding:10px 0;
	clear:both;
	text-align:right;
}
.appendix {
	margin: 0 20px 25px;
	color: #f30;
}
.appendix-s {
	margin: 0 65px 25px;
	color: #f30;
}
a {
	outline:none;
}
/*-- NetMile,Pex
-------------------------------------------------------- */

/*タイトルイメージ*/
.title-img {
	width:665px;
	height:190px;
	margin:0 auto;
}
/*ノーマルテキスト*/
.nml {
	font-size:100%;
	line-height:120%;
}
/*バー　赤*/
.bg-red {
	background-color:#ea6666;
}
/*バー　緑*/
.bg-grn {
	background-color:#009999;
}
/*▼色別スタイル*/
/*オレンジ*/


/*見出し文字1-ノーマル*/
.midashi-blue1 {
	font-size:12px;
	line-height:120%;
	color:#ff6600;
	font-weight:bold;
}
/*見出し文字2-大*/
.midashi-blue2 {
	font-size:14px;
	line-height:120%;
	color:#ff6600;
	font-weight:bold;
}
/*バー*/
.bg-blue {
	background-color:#ff6600;
}
/*セルの背景色*/
.bg-mizu {
	background-color:#f8f1e9;
}
.dtl {
	width:665px;
	margin:20px auto 0;
}
.dtl dtlbox {
	text-align: left;
}
/* PeX説明箇所画像 */
.pex_guide {
	width: 685px;
	height: 320px;
	margin: 0 auto;
	padding: 0;
}
/* PeXキャンペン */
#ci-camp {
	margin:8px auto 13px auto;
}
#ci-camp a {
	display:block;
	background:#E8E8E8;
	width:480px;
	padding:6px 0 8px 0;
	margin:0 auto;
	border:#CCCCCC solid 1px;
	text-align:center;
}
#ci-camp a:hover {
	display:block;
	background: url(../../img/bg/gray-bg.gif);
}
/*110202　メンテお知らせ欄 */

dl#mente-info {
	background: #ffc url(../imgs/game/c-bowl/mente-info.gif) no-repeat right;
	width:684px;
	margin:0 auto 15px;
	padding:8px;
	border:#fc0 solid 2px;
	text-align:center;
}
dl#mente-info dt {
	display:block;
	background:url(../imgs/icon/i-alert.gif) no-repeat 180px 1px;
	padding-bottom:7px;
	font-weight:bold;
}
dl#mente-info p#date {
	padding-bottom:7px;
	text-decoration:underline;
	font-size:109%;
	color:#c00;
}
/*110516　ポイントの初回交換についてのご注意 */
#caution {
	width: 676px;
	margin: 0 auto 10px;
	padding: 5px 10px;
	background: #ffd url(../img/exchange/caution-title.gif) no-repeat 0 0;
	border: 2px solid #f99;
}
#caution2 {
	width: 637px;
	margin: 10px auto 20px;
	padding: 5px 10px;
	background: #ffd url(../img/exchange/caution-title.gif) no-repeat 0 0;
	border: 2px solid #f99;
}
#caution .inbox {
	width: 676px;
	background: url(../img/exchange/chancy.gif) no-repeat right 0;
	overflow: hidden;
}
#caution2 .inbox {
	width: 637px;
	background: url(../img/exchange/chancy.gif) no-repeat right 0;
	overflow: hidden;
}
#caution .inbox p {
	margin: 30px 100px 5px 10px;
	line-height: 1.4;
}
#caution2 .inbox p {
	margin: 30px 70px 5px 10px;
	line-height: 1.4;
}
#caution .inbox p span, #caution2 .inbox p span {
	font-weight: bold;
}
#caution .inbox p strong, #caution2 .inbox p strong {
	color: #f00;
}
#caution2 .inbox .bankinfo {
	margin: 15px auto 10px;
	position:relative;
	overflow:hidden;
}
#caution2 .inbox .bankinfo ul {
	position:relative;
	left:50%;
	float:left;
}
#caution2 .inbox .bankinfo li {
	margin: 0 35px 0 0;
	position:relative;
	left:-50%;
	float:left;
	text-align: center;
}
#caution2 .inbox .bankinfo li.last {
	margin: 0 !important;
}
#caution2 .inbox .bankinfo li img, #caution2 .inbox .bankinfo li.last img {
	display: block;
	margin: 0 0 5px;
}
#caution2 .inbox .bankinfo li a, #caution2 .inbox .bankinfo li.last a {
	text-decoration: underline;
}