/* from/common.css */
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#363636;
}
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
p,
blockquote,
fieldset,
div {
	margin:0;
	padding:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
ul li,
ol li {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
caption {
	text-align:left;
}
table,
pre,
code,
select,
input,
textarea,
kbd,
var,
ins,
del,
samp {
	font-size:100%;
	font-family:"MS PGothic", sans-serif;
}
address,
cite,
dfn,
em,
strong,
var,
th,
ins,
del,
samp {
	font-weight:normal;
	font-style:normal;
}
a img {
	border:0;
}
hr.separation {
	display:none;
}
fieldset {
	border:none;
}
#uhd div table {
	text-align:left;
}
#uhd img {
	display:block;
}
#uhd br {
	display:none;
}
#masthead {
	height:41px; /* needed when using the safari hack */
	margin:4px auto 10px auto;
	text-align:left;
}
#masthead strong {
	font-weight:bold;
}
.tmplHttps #masthead {
	height:47px; /* needed when using the safari hack */
	margin:10px auto 10px auto;
}
#emg,
#emg2,
#emg3 {
	margin-bottom:10px;
	text-align:center;
}
#emg table,
#emg2 table,
#emg3 table {
	margin:0 auto;
}
#posLrec {
	margin-bottom:10px;
}
#posLrec dt {
	text-align:center;
}
#posLrec dd img {
	vertical-align:bottom;
}
#posS {
	padding:10px 0;
	border-top:1px solid #ccc;
	text-align:center;
}
#posS table {
	width:500px;
	margin:0 auto;
	text-align:left;
	line-height:1em;
}
body {
	font-family:"MS PGothic", sans-serif;
	_height:100%; /* panel hack */
}
#wrapper {
}
#content {
	margin-bottom:10px;
	text-align:left;
}
.tmplBg #content {
	padding:5px 5px 10px 5px;
	background-color:#e8f1f9;
}
.tmpl950_1 #wrapper {
	width:950px;
	margin:0 auto;
}
#footer {
	text-align:center;
}
#footer address {
	padding:10px 0 20px;
	border-top:1px solid #ccc;
}
.clearFix {
	display:inline-block;
}
.clearFix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}
/* Hides from IE-mac \*/
* html .clearFix {
	height:1%;
}
.clearFix {
	display:block;
}/* End hide from IE-mac */
a {
	color:#06c;
	text-decoration:none;
}
a:visited {
	color:#639;
}
a:hover {
	text-decoration:underline;
	color:#f00;
}
.errorMessage {
	font-weight:700;
	color:#f00;
}

.maintenanceNotice {
    background-color: #fff;
    border: 1px solid #abb9c9;
    font-weight: 700;
    margin: 0 auto 10px;
    width: 80%;
}
.maintenanceNotice .mainContainer {
    padding: 8px;
}

/* ------ CSSsprite -------------------------- */
/* --- CSSsprite ---*/

.navigation ul li a {
	background-image:url("../../../../top/common/img/promo_navi.png");
}
.mainImage,
.mainImage p.notice a,
.startMod dl dt,
.startMod dl dd,
.startMod p.yboxButton a,
.campaign1,
.campaignModule h3 span,
.campaignModule .serviceList li span,
.iconInfoMod .serviceList span,
.campaignStore dl dt,
.campaignStore dl dd.campaignButton a,
.notesMod h4 span,
.methodMod h4 span,
.attentionMod h4 span {
	background-image:url("../img/print_sprite.png");
}
/* navigation */
.navigation {
	float:left;
	margin:0 0 10px 0;
}
.navigation ul {
}
.navigation ul li {
	float:left;
}
.navigation ul li a {
	display:block;
	width:237px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}
.navigation ul li.about a {
	background-position:0 0;
}
.navigation ul li.about a:hover {
	background-position:0 -32px;
}
.navigation ul li.getStart a {
	background-position:-237px 0;
}
.navigation ul li.getStart a:hover {
	background-position:-237px -32px;
}
.navigation ul li.guide a {
	background-position:-474px 0;
}
.navigation ul li.guide a:hover {
	background-position:-474px -32px;
}
.navigation ul li.myBox a {
	width:239px;
	background-position:-711px 0;
}
.navigation ul li.myBox a:hover {
	background-position:-711px -32px;
}
.mainImage {
	background-position:0 0;
	height:369px;
	margin-bottom:10px;
	position:relative;
	width:950px;
	clear:both;
}
.mainImage h1 {
	text-indent:-9999px;
	display:none;
}
.mainImage p {
	text-indent:-9999px;
	display:none;
}
.mainImage p.info {
	display:block;
	position:absolute;
	top:286px;
	left:52px;
	text-indent:0;
	font-size: 13px;
}
.mainImage p.notice {
	display:block;
	position:absolute;
	top:137px;
	right:51px;
}
.mainImage p.notice a {
	display:block;
	width:96px;
	height:32px;
	background-position:-853px -538px;
	overflow:hidden;
}
.mainImage p.notice a:hover {
	background-position:-853px -571px;
}
.mainImage ol li {
	text-indent:-9999px;
	display:none;
}
.startMod {
	border:1px solid #80B0DD;
	margin-bottom:10px;
	width:948px;
	position:relative;
}
.startMod dl {
	border:1px solid #80B0DD;
	height:75px;
	margin:1px;
	width:944px;
}
.startMod dl dt,
.startMod dl dd,
.startMod dl p {
}
.startMod dl dt {
	background-position:0 -540px;
	display:block;
	height:33px;
	margin:5px 0 0 60px;
	text-indent:-9999px;
	width:220px;
}
.startMod dl dd {
	background-position:-219px -544px;
	display:block;
	height:30px;
	margin-left:60px;
	text-indent:-9999px;
	width:520px;
}
.startMod p.yboxButton {
	position:absolute;
	right:50px;
	top:15px;
}
.startMod p.yboxButton a {
	background-position:-125px -447px;
	display:block;
	height:54px;
	text-indent:-9999px;
	width:267px;
	overflow:hidden;
}
.campaignModule {
	width:950px;
}
.campaign1 {
	background-position:0 -369px;
	height:78px;
	width:950px;
}
.campaign2 {
	width:950px;
	padding-top:10px;
}
.campaign1 h2 {
	text-indent:-9999px;
	display:none;
}
.campaign1 p {
	text-indent:-9999px;
	display:none;
}
.campaign2 p {
	background-color:#FFEBD5;
	margin:0 3px 3px;
	padding:10px 0 5px 15px;
	width:925px;
}
.campaign2 p span {
	display:block;
	margin-left:13px;
}
.campaignModule h3 {
	background-color:#E2F1FF;
	height:30px;
	width:950px;
	margin:0 auto 10px;
	padding-top:5px;
}
.campaignModule h3 span {
	height:27px;
	width:200px;
	background-position:0 -508px;
	text-indent:-9999px;
	display:block;
	margin-left:7px;
}
.campaignModule dl dd.serviceList li {
	float:left;
	margin:10px 10px 0 0;
}
.campaignModule .serviceList li span,
.iconInfoMod .serviceList span {
	display:block;
	height:50px;
	width:50px;
	vertical-align:top;
	text-indent:-9999px;
}
.serviceList .normalPrint {
	background-position:0px -650px;
}
.serviceList .largePrint {
	background-position:-50px -650px;
}
.serviceList .cdPrint {
	background-position:-100px -650px;
}
.serviceList .cardPrint {
	background-position:-150px -650px;
}
.serviceList .shirtPrint {
	background-position:-200px -650px;
}
.serviceList .bookPrint {
	background-position:-250px -650px;
}
.serviceList .bagPrint {
	background-position:-300px -650px;
}
.serviceList .calendarPrint {
	background-position:-350px -650px;
}
.serviceList .disable span.normalPrint {
	background-position:0px -700px;
}
.serviceList .disable span.largePrint {
	background-position:-50px -700px;
}
.serviceList .disable span.cdPrint {
	background-position:-100px -700px;
}
.serviceList .disable span.cardPrint {
	background-position:-150px -700px;
}
.serviceList .disable span.shirtPrint {
	background-position:-200px -700px;
}
.serviceList .disable span.bookPrint {
	background-position:-250px -700px;
}
.serviceList .disable span.bagPrint {
	background-position:-300px -700px;
}
.serviceList .disable span.calendarPrint {
	background-position:-350px -700px;
}
.campaignStore dl {
	padding:15px 0;
	position:relative;
	min-height:100px;
	_height:100px;
}
.campaignStore dl dt {
	display:block;
	float:left;
	height:49px;
	margin:32px 5px 25px 0;
	text-indent:-9999px;
	width:165px;
}
.campaignStore dl dt img {
	height:90px;
	margin:5px 0 0 5px;
	width:160px;
}
.campaignStore dl dd {
	border-left:1px dotted #111111;
	border-right:1px dotted #111111;
	float:left;
	font-size:120%;
	line-height:1.5;
	padding:0 17px 0 10px;
	width:494px;
}
.campaignStore dl dd.campaignButton {
	border:medium none;
	margin-top:18px;
	position:absolute;
	right:0;
	top:15px;
	width:175px;
}
.campaignStore dl dd.campaignButton a {
	display:block;
	height:71px;
	overflow:hidden;
	text-indent:-9999px;
	width:174px;
}
.campaignModule div.campaignStore {
	border:1px solid #B3B3B3;
	margin:0 auto 10px;
	width:918px;
}

/* --- campaignStore shimauma ---*/
dl.shimauma dt {
	background-position:-5px -590px;
}
.campaignStore dl.shimauma dd.campaignButton a {
	background-position:-395px -447px;
}
/* --- campaignStore fujifilm ---*/
dl.fujifilm dt {
	background-position:-198px -590px;
}
.campaignStore dl.fujifilm dd.campaignButton a {
	background-position:-571px -447px;
}
/* --- campaignStore fudemame ---*/
dl.fudemame dt {
	background-position:-381px -590px;
}
.campaignStore dl.fudemame dd.campaignButton a {
	background-position:-747px -447px;
}
.iconInfoMod {
	border:3px solid #5585B1;
	margin:0 auto 20px;
	width:914px;
}
.iconInfoMod h4 {
	font-size:112%;
	font-weight:700;
	margin:7px 0 0 10px;
}
.iconInfoMod dl {
	display:inline-block;
	letter-spacing:normal;
	padding:12px 10px 10px 7px;
	position:relative;
	vertical-align:top;
	width:211px;
 *display:inline;
 *zoom:1;
}
.iconInfoMod dl dt {
	float:left;
	clear:both;
}
.iconInfoMod dl dt img {
	height:50px;
	vertical-align:top;
	width:50px;
}
.iconInfoMod dl dd {
	padding-left:58px;
}
/* bottom */
.notesMod,
.attentionMod,
.methodMod {
	font-size:110%;
	line-height:1.56;
	margin-bottom:20px;
}
.notesMod h4,
.attentionMod h4,
.methodMod h4 {
	background-color:#E2F1FF;
	height:35px;
	margin:0 auto 10px;
	width:950px;
}
.notesMod h4{
	background:#ffca6d;
}
.notesMod h4 span,
.attentionMod h4 span,
.methodMod h4 span {
	display:block;
	height:27px;
	margin-left:8px;
	margin-top:2px;
	position:absolute;
	text-indent:-9999px;
}
.methodMod h4 span {
	background-position:-207px -505px;
	width:90px;
}
.notesMod h4 span{
	background-position:-750px -614px;
	width:200px;
	margin-left:10px;
}

.notesMod ul,
.attentionMod ul,
.methodMod ul {
	margin:0 22px;
	width:920px;
}
.notesMod table{
	margin:0 20px;
	width:920px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:10px;
}
.notesMod table th,
.notesMod table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:8px;
}
.notesMod table th{
	background:#ffebad;
	font-weight:700;
}
.notesMod table td{
}
.attentionMod p,
.methodMod p {
	margin:0 22px;
	width:920px;
}
.methodMod ul li {
	float:left;
	margin-right:50px;
}
.attentionMod {
	clear:both;
}
.attentionMod h4 span {
	background-position:-296px -506px;
	width:80px;
}
.attentionMod ul li span {
	display:inline-block;
	margin-left:7px;
}

/* btn opacity */
.startMod p.yboxButton a:hover,
.campaignStore dl dd.campaignButton a:hover,
.banner ul li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.banner {
	margin:20px auto;
	width:850px;
	text-align:center;
}
.banner ul li {
	margin-bottom:10px;
}
.footer_navi {
    color: #D2D2D2;
    font-size: 116.7%;
    margin: 25px 0 10px;
    text-align: center;
}
#S8 {
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 8px;
}