@charset "Shift_JIS";

/*------------------------------------------------------------------------
 *   sp_mailmag.css
 *   ƒ�ƒ‹ƒ}ƒK“o˜^ƒy�[ƒW‚Ì‚Ý‚Ì•”•ª‚É“K—p‚·‚éCSS
 *
 *   last update : 2011.12.28
 *------------------------------------------------------------------------*/


/* ƒZƒ“ƒ^�[ƒJƒ‰ƒ€
--------------------------------------------------------------------------*/
div.main_area h2 {
	line-height:24px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	color:#fff;
	font-size:16px;
	background:#00d8f1;
}
div.main_area h2 a {
	color:#fff;
}
div.main_area p.page_caption{
	padding:10px 10px 10px 25px;
	border: 1px solid #ccc;
	background: url(../../service/images/page_capback.gif) no-repeat 7px 7px;
}
div.main_area p.page_caption span{
	font-weight:bold;
}

/*++++++ Twitter Space ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #twitterspace {
	margin:0;
	padding:20px 0 28px 28px;
		margin:0 0 10px 0;
}
div.main_area #twitterspace div.twitter{
	overflow: hidden;
	width:520px;
}
div.main_area #twitterspace div.twitter div{
	width:480px;
	height:25px;
	margin:0 0 8px 0;
	padding:5px 0 0 40px;
	background: url(/sapporo/spmailmag/images/twitter_bg.gif) no-repeat top left;
}
div.main_area #twitterspace div.twitter ul{
	clear:both;
	width:520px;
	}
div.main_area #twitterspace div.twitter ul a{
	color:#3d3d3d;
}
div.main_area #twitterspace div.twitter ul a:hover{
	color:#f1004a;
}
div.main_area #twitterspace div.twitter li{
	float:left;
	overflow: hidden;
	width:168px;
	height:20px;
	margin:4px 0 0 0;
	padding:0 0 0 2px;
	font-size:14px;
	line-height:20px;
	border-left:solid 3px #0089f2;
}
div.main_area #twitterspace div.twitter ul.official li{
	border-left:solid 3px #f200ab;
}

/*++++++ MailMagazine Space ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #mailmagspace {
	margin:0 0 10px 0;
	padding:0 0 28px 28px;
	background: url(/sapporo/spmailmag/images/h3_img.gif) no-repeat 12px 30px #fff;
}
div.main_area #mailmagspace .registration_title{
	padding:30px 0 0 169px;
	width:330px;
	color:#3d3d3d;
	font-size: 13px;
	line-height: 18px;
}
div.main_area #mailmagspace .registration_title h3{
	width:330px;
	height:70px;
	border:0;
}

div.main_area #mailmagspace .registration_title .pace{
	margin:15px 0 0 0;
	padding:6px;
	width:330px;
	height:14px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing:5px;
	text-align:center;
	background: url(/sapporo/spmailmag/images/pace_bg.gif) no-repeat top left;
}
div.main_area #mailmagspace .registration_title p{
	margin:12px 0 0 0;
}
div.main_area #mailmagspace p span{
	color:#ff0000;
}
div.main_area #mailmagspace ul.privilege{
	margin:15px 0 0 0;
	width:516px;
	height:161px;
}
div.main_area #mailmagspace ul.privilege li{
	float:left;
	margin:0 2px 0 0;
}
div.main_area #mailmagspace ul.privilege li dl{
	width:170px;
	height:161px;
}
div.main_area #mailmagspace ul.privilege li dt{
	padding:44px 0 0 8px;
}
div.main_area #mailmagspace ul.privilege li dd{
	padding:4px 20px 0 13px;
	width:137px;
	height:60px;
	font-size:12px;
	line-height:16px;
}
div.main_area #mailmagspace ul.privilege li.privilege1{
	background: url(/sapporo/spmailmag/images/privilege_1.gif) no-repeat top left;
}
div.main_area #mailmagspace ul.privilege li.privilege2{
	background: url(/sapporo/spmailmag/images/privilege_2.gif) no-repeat top left;
}
div.main_area #mailmagspace ul.privilege li.privilege3{
	background: url(/sapporo/spmailmag/images/privilege_3.gif) no-repeat top left;
}
div.main_area #mailmagspace .induction{
margin:25px 0;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
text-align:center;
}
div.main_area #mailmagspace dl.entry{
	clear:both;
	width:500px;
	height:167px;
	background: url(/sapporo/spmailmag/images/entry_bg.gif) no-repeat top left;
}
div.main_area #mailmagspace dl.entry dt{
	float:left;
	padding:3px 0 0 25px;
	width:350px;
	height:28px;
}
div.main_area #mailmagspace dl.entry dd{
	float:left;
	padding:8px 0 0 5px;
	width:415px;
	height:38px;
	font-size:12px;
	line-height:16px;
}
div.main_area #mailmagspace dl.entry dd.sentence{
	padding:8px 0 13px 5px;
}
div.main_area #mailmagspace dl.entry dd.button{
	float:right;
	width:60px;
	padding:15px 5px 0 0;
}
div.main_area #mailmagspace dl.entry dd.button_on a{
	display:block;
	overflow:hidden;
	width:60px;
	height:60px;
	line-height:60px;
	background: url(/sapporo/spmailmag/images/entry_pc.gif) no-repeat top left;
	text-indent:-20000px;
}
div.main_area #mailmagspace dl.entry dd.button_on a:hover{
	background: url(/sapporo/spmailmag/images/entry_pc_on.gif) no-repeat top left;
}

/*++++++ “o˜^ƒtƒH�[ƒ€ ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #mailmagspace form h4{
	clear:both;
	width:475px;
	height:25px;
	padding:4px 0 0 25px;
	background: url(/sapporo/spmailmag/images/h4_bg.gif) no-repeat top left;
}

div.main_area #mailmagspace form p{
	width:500px;
	margin:20px 0 20px 0;
	font-size:12px;
}

div.main_area #mailmagspace form ul{
	width:498px;
	border-right:2px solid #00d8f1;
	background:#00d8f1;
}

div.main_area #mailmagspace form #register_shop li{
	float:left;
	overflow:hidden;
	width:247px;
	height:40px;
	vertical-align:middle;
	border-top:2px solid #00d8f1;
	border-left:2px solid #00d8f1;
	background:#ffffff;
}

div.main_area #mailmagspace form #register_shop li dt{
	float:left;
	width:40px;
	height:40px;
	text-align:center;
	background:#e3fcff;
}

div.main_area #mailmagspace form #register_shop li span{
	position:relative;
	top:2px;
}

div.main_area #mailmagspace form #register_shop li.pucho span{
	letter-spacing:-0.2em;
}

div.main_area #mailmagspace form #register_shop li input{
	position:relative;
	top:10px;
}

div.main_area #mailmagspace form #register_shop li img{
	padding:8px;
	vertical-align:middle;
}

div.main_area #mailmagspace form #register_address{
	clear:both;
	width:468px;
	margin:0 0 20px 0;
	padding:16px;
	text-align:center;
	background:#00d8f1;
}
div.main_area #mailmagspace form #register_address input{
	width:280px;
	margin:0;
}
div.main_area #mailmagspace form .atention{
	width:482px;
	margin:0 0 50px 0;
	padding:8px;
	border:solid 1px #00d8f1;
	background:#e3fcff;
}
div.main_area #mailmagspace form div.atention div{
	padding:8px;
	background:#ffffff;
}
div.main_area #mailmagspace form div.atention div h5{
	height:21px;
	margin:0 0 15px 3px;
	padding:0 0 0 25px;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	color:#f1004a;
	background: url(/sapporo/spmailmag/images/atention_img.gif) no-repeat top left;
}
div.main_area #mailmagspace form div.atention div p{
	width:460px;
	margin:11px 3px 11px 3px;
	font-size:12px;
	line-height:16px;
}
div.main_area #mailmagspace form div.atention div span{
	color:#ff0000;
}
div.main_area #mailmagspace form div.atention div #botton_img {
	display:block;
	text-indent:-200000px;
	border: 0px;
	width: 466px;
	height: 26px;
	background: url(/sapporo/spmailmag/images/confirmation_button.gif) left top no-repeat;
}
div.main_area #mailmagspace form div.atention div #botton_img:hover{
	background: url(/sapporo/spmailmag/images/confirmation_button_on.gif) left top no-repeat;
}

/*++++++ Œg‘Ñ‚©‚ç“o˜^ ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #mailmagspace .mobileentry{
	width:500px;
	background: url(/sapporo/spmailmag/images/h4_bg.gif) no-repeat top left;
}
div.main_area #mailmagspace .mobileentry h4{
	float:left;
	padding:3px 0 0 25px;
	width:350px;
	height:28px;
}
div.main_area #mailmagspace .mobileentry img.pr{
	float:right;
	width:60px;
	padding:15px 5px 0 0;
}
div.main_area #mailmagspace .mobileentry p{
	float:left;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	width:415px;
	font-size:12px;
	line-height:16px;
}

/*++++++ –Æ�ÓŽ–�€ ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #mailmagspace .disclaimer{
	width:488px;
	height:33px;
	margin:15px 0 20px 0;
	padding:3px;
	border:solid 3px #00d8f1;
}
div.main_area #mailmagspace .disclaimer dt{
	float:left;
	width:78px;
	height:25px;
	padding:8px 0 0 8px;
	font-size:17px;
	line-height:19px;
	color:#ffffff;
	background:#00d8f1;
}
div.main_area #mailmagspace .disclaimer dd{
	float:left;
	width:388px;
	padding:3px 0 0 6px;
	font-size:10px;
	line-height:14px;
}
div.main_area #mailmagspace .release{
	width:500px;
	font-size:10px;
	text-align:right;
}

/*++++++ “o˜^‰ð�œƒy�[ƒW ++++++++++++++++++++++++++++++++++++++++++++++++++*/

div.main_area #mailmagspace .release_title{
	padding:30px 0 0 165px;
	width:330px;
	color:#3d3d3d;
	font-size: 13px;
	line-height: 18px;
}
div.main_area #mailmagspace .release_title h3{
	width:334px;
	height:63px;
	border:0;
}

div.main_area #mailmagspace .release_title .pace{
	margin:10px 0 0 0;
	padding:6px;
	width:322px;
	height:16px;
	color:#FFFFFF;
	font-size: 16px;
	font-weight:bold;
	line-height: 16px;
	letter-spacing:5px;
	text-align:center;
	background: url(/sapporo/spmailmag/images/release_pace_bg.gif) no-repeat top left;
}
div.main_area #mailmagspace .release_title p{
	margin:15px 0 25px 0;
	font-size:14px;
	line-height:20px;
}
div.main_area #mailmagspace form #release_shop li{
	float:left;
	overflow:hidden;
	width:164px;
	height:30px;
	border-top:2px solid #00d8f1;
	border-left:2px solid #00d8f1;
	background:#ffffff;
}
div.main_area #mailmagspace form #release_shop li dt{
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	background:#e3fcff;
}
div.main_area #mailmagspace form #release_shop li input{
	position:relative;
	top:5px;
}
div.main_area #mailmagspace form #release_shop li dd{
	float:left;
	overflow:hidden;
	width:126px;
	height:22px;
	padding:9px 0 0 3px;
	font-size:12px;
}
div.main_area #mailmagspace form #release_shop li.pucho dd{
	letter-spacing: -0.2em;
}
div.main_area #mailmagspace form #release_address{
	clear:both;
	width:484px;
	margin:0 0 20px 0;
	padding:8px;
	text-align:center;
	background:#00d8f1;
}
div.main_area #mailmagspace form #release_address div.account{
	float:left;
}
div.main_area #mailmagspace form #release_address div.account input{
	width:170px;
	height:16px;
	margin:0;
	font-size:12px;
}
div.main_area #mailmagspace form #release_address div.button{
	float:right;
}
div.main_area #mailmagspace form #release_address #botton_img {
	display:block;
	text-indent:-200000px;
	border: 0px;
	width: 134px;
	height: 23px;
	background: url(/sapporo/spmailmag/images/release_button.gif) left top no-repeat;
}