@charset "utf-8";

/* ****************************************************
base.css
Define base layout.
***************************************************** */

/* ****************************************************
1: CSS for common setting
2: Header
3: Footer
99: extra
***************************************************** */

/*1: CSS for common setting
=========================================*/
body {
	text-align:center;
background:#eff4fb;
	color:#333333;
}
img {
	vertical-align:bottom;
}
hr {
	display:none;
}
em {
	font-style:normal;
}
strong {
	font-weight:bold;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a[name]:hover {
	text-decoration:underline;
}
sub {
	vertical-align:bottom;
}
sup {
	vertical-align:top;
}
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}

/* Container */
#container {
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:center;
}
* html #container {
	height:1%;
}

/* Contents */
div#contents {
	clear:both;
	width:974px;
	height:100%;
	margin:10px auto 0;
	padding:0 0 15px 0;
	text-align:left;
}

* html div#contents {
	margin-left:1px;
	width:975px;
}

#contents h1 {
	margin:0;
	padding:0;
}

* html #contents h1 {
	margin-left:-1px;
}


.leadtext {
	font-weight:bold;
	font-size:95%;
	line-height:1.7;
	text-align:left;
}


/* whitebox */

div.whitebox {
width:980px;
border-bottom:1px solid #d6d6d6;
background:#FFFFFF url(/jp/af/campaign/discount/images/box_bg_white.gif) repeat-y;
margin-top:20px;
margin-bottom:10px;
padding-bottom:30px;
}

p.whitebox_title {
width:900px;
padding:0 40px 0 20px;
}

p.whitebox_about {
width:900px;
font-size:95%;
padding:0 40px 0 40px;
line-height:1.7;
}

div.bluebox {
width:960px;
background:#dcf0fd url(/jp/af/campaign/discount/images/box_blue_bg.gif) repeat-y;margin:20px 10px 0 10px;
}

/* buttons */

div.buttons {
width:960px;
height:106px;
background:#FFFFFF url(/jp/af/campaign/discount/images/button_bg.gif) no-repeat;
text-align:center;
margin-left:10px;
}

/* detail */

div.detailbox {
	margin-left:7px;
}

dl.camp_detail {
	clear:both;
	font-size:90%;
	margin-top:15px;
	margin-left:10px;
}

dl.camp_detail dt {
	background:url(/jp/af/campaign/discount/images/detail_maru.gif) no-repeat;
	padding-left:20px;
margin:0 0 1.3em 0;
}

dl.camp_detail dd {
margin:-2.5em 0 1.3em 12em;
}

*:first-child+html dl.camp_detail {
	margin-top:10px;
}

*:first-child+html dl.camp_detail dd {
margin:-2.2em 0 1.3em 12em;
}

/* pageup */

p.page_up {
	text-align:right;
	width:974px;
}


/*2: Header
=========================================*/

#headertop {
	width:100%;
	margin:0;
	padding:0;
	background:#FFFFFF url(/common/images/header_bg01.gif) repeat-x;
	text-align:center;
	height:4px;
}

#header {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background:#FFFFFF url(/common/images/header_bg02.gif) repeat-x;
	text-align:center;
}

* html #header{
	margin-top:-15px;
}

#header .wrap {
	width:776px;
	margin:0 auto;
	text-align:left;
}
#header p,
#header h1 {
	margin:0;
	padding:0;
}

/* Left area */
#header-left-box {
	float:left;
	width:330px;
}

/* Right area */
#header-right-box {
	float:right;
	width:446px;
	padding:0 0 6px 0;
}
#header-right-box .tagline {
	float:left;
	width:186px;
	padding:5px 0;
	background:none;
}
#header-right-box .tagline span {
	display:block;
	padding:0 8px 0 10px;
}
#header-right-box .connect {
	float:right;
	width:254px;
}
#header-right-box .connect img {
	vertical-align:top;
}
#header-right-box #option-box {
	clear:both;
	width:446px;
	padding:10px 0 2px 0;
}
#header-right-box #header-notice {
	float:left;
	width:446px;
}
#header-right-box #header-notice ul {
	float:right;
	padding-top:4px;
}
#header-right-box #header-notice li {
	display:inline;
	padding-left:12px;
	text-align:right;
}

#header-right-box #header-notice ul.ntext {
	padding-top:10px;
}
#header-right-box #header-notice ul.ntext li a{
	font-size:11px;
	background:url(/common/images/com_ic02.gif) no-repeat 0 -0.6em;
	padding-left:12px;
}


#header-right-box #header-notice li a.link{
	font-size:11px;
}

#header-right-box #header-notice li.left {
	margin-left:0;
}
#header-right-box #header-notice li img {
	vertical-align:top;
}

/* Fontsize-selector */
#header-right-box .change-size {
	clear:both;
	float:right;
	text-align:right;
	height:21px;
}
#header-right-box .change-size img {
	vertical-align:top;
}


/* Global-navi */


#mainvisual {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	line-height:0;
	background:url(/jp/af/campaign/discount/images/header_bg.jpg) repeat-x 0 0;
}
#mainvisual .wrap {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
}

#contents_bg {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	background:#FFFFFF url(/common/images/com_bg03.gif) repeat-x 0 0;
}

#contents_bg .bgwrap {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF url(/common/images/com_bg05.gif) repeat-y center top;
}

#global-navi {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	line-height:0;
	background:url(/common/images/com_bg01.gif) repeat-x 0 0;
}
#global-navi .wrap {
	width:776px;
	margin:0 auto;
	text-align:left;
}
#global-navi ul li {
	float:left;
}

/* Page-navi list */
div#page-navi {
	clear:both;
	width:776px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#pankuzu {
	padding:10px 0 0 5px;
}
#pankuzu img {
	margin:0 3px;
	padding:0;
	vertical-align:middle;
}
/* for Nonvisual Browser */
#headerSkip,
h2.anchor,
div#page-navi p#pankuzu span {
	display:inline;
	position:absolute;
	top:0;
	left:-9999px;
}

/*3: Footer
=========================================*/

#footerbg {
	clear:both;
	margin:0; /* 0 -1px */
	padding:0;
	width:100%;
	height:150px;
	text-align:center;
	background:#6795d7;
}

#footer {
	clear:both;
	margin:0 auto;
	width:980px;
	padding:30px 0 0 0;
	font-size:78%;
	background:#2567c5;
	height:120px;
	color:#FFFFFF;
}

*html #footer {
	height:150px;
}

*:first-child+html #footer {
	height:120px;
}


#footer a{
	color:#ffffff;
	background:none;
	padding:0;
}

#footer .footerbox{
	width:980px;
	line-height:2;
}

#footer .footerbox-left{
	margin:0;
	padding:10px 0 30px 20px;
	width:770px;
	float:left;
	text-align:left;
}

#footer .footerbox-right{
	margin:0;
	padding:10px 20px 5px 0;
	text-align:right;
	width:150px;
	float:right;
}


/*99: extra
=========================================*/

/* ==================================
Table
================================== */
/* Layout setting */
div#contents table th.c-left,
div#contents table td.c-left {
	text-align: left;
}
div#contents table th.c-center,
div#contents table td.c-center {
	text-align: center;
}
div#contents table th.c-right,
div#contents table td.c-right {
	text-align: right;
}
div#contents table th.c-middle,
div#contents table td.c-middle {
	vertical-align:middle;
}
div#contents table th.c-top,
div#contents table td.c-top {
	vertical-align:top;
}
div#contents table th.c-bnone,
div#contents table td.c-bnone {
	border-bottom: none;
}
div#contents table th.c-rnone,
div#contents table td.c-rnone {
	border-right: none;
}
div#contents table.border-none,
div#contents table.border-none th,
div#contents table.border-none td {
	border: none;
}
div#contents table th.c-color-none,
div#contents table td.c-color-none {
	background-color:#ffffff;
}
div#contents table th.c-rborder,
div#contents table td.c-rborder {
	border-right:solid 1px #bbbbbb;
}

/* ==================================
Margin
================================== */
/* Margin-top */
div#contents .mt0 {
	margin-top: 0 !important;
}
div#contents .mt5 {
	margin-top: 5px !important; 
}
div#contents .mt10 {
	margin-top: 10px !important;
}
div#contents .mt15 {
	margin-top: 15px !important;
}
div#contents .mt20 {
	margin-top: 20px !important;
}
div#contents .mt25 {
	margin-top: 25px !important;
}
div#contents .mt30 {
	margin-top: 30px !important;
}

/* Margin-left */
div#contents .ml0 {
	margin-left: 0 !important;
}
div#contents .ml5 {
	margin-left: 5px !important;
}
div#contents .ml10 {
	margin-left: 10px !important;
}
div#contents .ml15 {
	margin-left: 15px !important;
}
div#contents .ml20 {
	margin-left: 20px !important;
}
div#contents .ml25 {
	margin-left: 25px !important;
}
div#contents .ml30 {
	margin-left: 30px !important;
}

/* Margin-right */
div#contents .mr0 {
	margin-right: 0 !important;
}
div#contents .mr10 {
	margin-right: 10px !important;
}
div#contents .mr15 {
	margin-right: 15px !important;
}
div#contents .mr20 {
	margin-right: 20px !important;
}

/* Margin-bottom */
div#contents .mb5 {
	margin-bottom: 5px !important;
}

/* ==================================
Padding
================================== */
/* Padding-top */
div#contents .pt0 {
	padding-top: 0 !important;
}
div#contents .pt5 {
	padding-top: 5px !important;
}
div#contents .pt10 {
	padding-top: 10px !important;
}
div#contents .pt15 {
	padding-top: 15px !important;
}
div#contents .pt20 {
	padding-top: 20px !important;
}

/* Padding-left */
div#contents .pl5 {
	padding-left: 5px !important;
}
div#contents .pl10 {
	padding-left: 10px !important;
}
div#contents .pl15 {
	padding-left: 15px !important;
}
div#contents .pl20 {
	padding-left: 20px !important;
}

/* Padding-bottom */
div#contents .pb0 {
	padding-bottom: 0 !important;
}

/* Padding-right */
div#contents .pr0 {
	padding-right: 0px !important;
}
div#contents .pr5 {
	padding-right: 5px !important;
}
div#contents .pr10 {
	padding-right: 10px !important;
}
div#contents .pr15 {
	padding-right: 15px !important;
}
div#contents .pr20 {
	padding-right: 20px !important;
}

/* ==================================
Vertical align
================================== */
div#contents .v-align-top {
	vertical-align:top;
}

/* ==================================
Text align
================================== */
div#contents .element-center {
	clear:both;
	text-align:center;
}
div#contents .element-left {
	clear:both;
	text-align:left;
}
div#contents .element-right {
	clear:both;
	text-align:right;
}

/* ==================================
Fontsize
================================== */
#fontSwitchL,
#fontSwitchM {
	display:none;
}

/* ==================================
Clear fix
================================== */
div#contents:after,
#header:after,
#header .wrap:after,
#header-right-box #option-box:after,
#global-navi:after,
#footer .contents-box:after,
#footer .foot-contents:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#contents,
#header,
#header .wrap,
#header-right-box #option-box,
#global-navi,
##footer .contents-box,
#footer .foot-contents {
	min-height: 1px;
}

/* for IE6 */
* html div#contents,
* html #header,
* html #header .wrap,
* html #header-right-box #option-box,
* html #global-navi,
* html #footer .contents-box,
* html #footer .foot-contents {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#contents,
*:first-child+html #header,
*:first-child+html #header .wrap,
*:first-child+html #header-right-box #option-box,
*:first-child+html #global-navi,
*:first-child+html #footer .contents-box,
*:first-child+html #footer .foot-contents {
	zoom: 1;
}