@charset "UTF-8";
/* CSS Document */
/* Table Of Contents
----------------------------------------

#01 Page style
#02 Common
#03 Top
#04 Payment
#05 Privacy policy,Agreement
#06 Faq
#07 Faq_a
#08 Inquiry

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


/* #01 Page style
---------------------------------------------------------------------------- */
html {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 0.75em;
	line-height: 1.4;
}
body {
	background:#ffffe4 url(../img/back.jpg) repeat-x;
	margin:0 0 50px 0;
	padding:0;
}
img {border:none;}
a { color:#1A57A7; text-decoration: none; outline: none; }
a:hover { color:#1A57A7; text-decoration: underline; }
h1 {margin:0; padding:0;}
h2 {}
h3 {}
h4 {font-size:1em; margin:0 0 5px 0;}
p {margin:0 0 20px 0;}
p.pageTop {
	clear: both;
	font-size: 85%;
	padding: 38px 15px 13px 0;
	text-align: right;
}
p.pageTop {
	clear: both;
	font-size: 85%;
	padding: 38px 15px 13px 0;
	text-align: right;
}

p.pageTop a,
p.pageTop a:hover {
	background: url(/img/icon/icon_pagetop.gif) no-repeat 0 5px;
	color: #1A57A7;
	padding: 0 0 0 9px;
}

/* #02 Common
---------------------------------------------------------------------------- */
* html #header #logo {behavior: expression(IEPNGFIX.fix(this));}

#container {width:808px; margin:0 auto 0 auto;}
#header {background:url(../img/header.png) no-repeat center center; height:110px; position:relative; margin:40px 0 0 0;}
* html #header {background:url(../img/header.gif);}
#header #logo {
	width:243px;
	height:215px;
	background:url(../img/logo.png) no-repeat;
	position:absolute;
	left: -10px;
	top: -110px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
}
#header #shopTitle {position:absolute; top:-25px; right:5px;}
#header #shopTitle img {margin:0 0 0 10px;}
ul#nav {
	display: block;
	padding: 0px;
	margin:0 0 0 250px;
	padding:30px 0 0 0;
}
ul#nav li {
	display: block;
	padding: 0px;
	width: 134px;
	list-style:none;
	float: left;
	overflow:hidden;
}
ul#nav li a#top {
	display: block;
	background:url(../img/btn/menu.png)  no-repeat;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
ul#nav li a#top:hover {
	background-position:0 -40px;
}
ul#nav li a#pay {
	display: block;
	background: url(../img/btn/menu.png) no-repeat -134px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
ul#nav li a#pay:hover {
	background-position:-134px -40px;
}
ul#nav li a#faq {
	display: block;
	background: url(../img/btn/menu.png) no-repeat -268px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
ul#nav li a#faq:hover {
	background-position:-268px -40px;
}
ul#nav li a#inquiry {
	display: block;
	background: url(../img/btn/menu.png) no-repeat -402px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
ul#nav li a#inquiry:hover {
	background-position:-402px -40px;
}

/* for IE */
* html ul#nav li a#top {
	display: block;
	background:url(../img/btn/menu.gif)  no-repeat;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
* html ul#nav li a#pay {
	display: block;
	background: url(../img/btn/menu.gif) no-repeat -134px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
* html ul#nav li a#faq {
	display: block;
	background: url(../img/btn/menu.gif) no-repeat -268px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
* html ul#nav li a#inquiry {
	display: block;
	background: url(../img/btn/menu.gif) no-repeat -402px 0;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -999em;
}
/**/

#loginArea {background:url(../img/main_back.png) repeat-y; text-align:right; padding:0 20px;}
* html #loginArea {background:url(../img/main_back.gif) ;}
#main {background:url(../img/main_back.png) repeat-y; padding:24px 0 0;}
* html #main {background:url(../img/main_back.gif);}
#main .inner {width:740px; margin:0 auto;}
#underNavi {text-align:center; padding:5px;}
#footer {background:url(../img/footer.png) no-repeat; height:41px;}
* html #footer {background:url(../img/footer.gif);}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mglr5 {margin:0 5px;}
.mglr10 {margin:0 10px;}
.mglr15 {margin:0 15px;}
.mglr20 {margin:0 20px;}
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:5px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.fontSmall {font-size:10px;}
.fontImportant {color:#F00; font-weight:bold;}

/* #03 Top
---------------------------------------------------------------------------- */
#main .inner h1 {background:url(../img/copy.gif) no-repeat; width:740px; height:70px; text-indent:-9999px;}
#main .inner #campaign {border-right:solid 2px #F90; border-left:solid 2px #F90; border-bottom:solid 2px #F90; width:426px; padding:0 20px 20px 290px; margin-bottom:30px; background:url(../img/maskrabbit.jpg) no-repeat #f2f2f2;}
#main .inner #campaign #systemLink {float:left; overflow:hidden;}
#main .inner #campaign ul {height:43px; padding:0; margin:0;}
#main .inner #campaign ul li {float:left; margin:0 10px 0 0; list-style:none; text-indent:-9999px;}
#main .inner #campaign ul li a.new {background:url(../img/btn/buy.png) no-repeat; height:43px; width:198px; display:block;}
#main .inner #campaign ul li a.repeat {background:url(../img/btn/buy2.png) no-repeat; height:43px; width:198px; display:block;}
* html #main .inner #campaign ul li a.new {background:url(../img/btn/buy.png) no-repeat; height:43px; width:198px; display:block;}
* html #main .inner #campaign ul li a.repeat {background:url(../img/btn/buy2.png) no-repeat; height:43px; width:198px; display:block;}

#main .inner h2 {width:740px; height:50px; text-indent:-9999px; padding:0; margin:0 0 15px 0;}
#main .inner h2.mechanism {background:url(../img/contents_title.gif) no-repeat;}
#main .inner h2.moresave {background:url(../img/contents_title3.gif) no-repeat;}

#main .inner h3 {width:740px; height:41px; text-indent:-9999px; padding:0; margin:0 0 15px 0; background:url(../img/contents_title2.gif) no-repeat;}

#main .inner ul.capture {margin:0 0 30px 0; padding:0; overflow:hidden;}
#main .inner ul.capture li {float:left; width:232px; margin:0 7px 5px 7px; list-style:none;}
#main .inner ul.capture li img {border:solid 1px #CCC;}

#main .inner ul.buy {height:43px; width:416px; padding:0; margin:0 auto 30px auto;}
#main .inner ul.buy li {float:left; margin:0 10px 0 0; list-style:none; text-indent:-9999px;}
#main .inner ul.buy li a.new {background:url(../img/btn/buy.png) no-repeat; height:43px; width:198px; display:block;}
#main .inner ul.buy li a.repeat {background:url(../img/btn/buy2.png) no-repeat; height:43px; width:198px; display:block;}
* html #main .inner ul.buy li a.new {background:url(../img/btn/buy.png) no-repeat; height:43px; width:198px; display:block;}
* html #main .inner ul.buy li a.repeat {background:url(../img/btn/buy2.png) no-repeat; height:43px; width:198px; display:block;}