* {
	margin: 0px;
	padding: 0px; }
body {
	margin: auto;
	background: #fbfbd5 url('../img/background.gif') repeat;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif; }
img {
	border: none;
	vertical-align: bottom; }
ul { list-style: none; }
p,li { text-align: left; }
a,a:link { color: #d9478e; }
a:visited { color: #d9478e; }
a:active, a:hover { color: #de131e; }
/*---------- class ----------*/
a img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}		
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.clearfix {
	display: inline-block;
	min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*---------- container ----------*/
#container {
	width: 850px;
	margin: auto;
	margin-top: 20px;
	background: #fbfbd5 url('../img/bg_side.gif') repeat-y;
	text-align: left;
	font-size: 80%;
	color: #4a2d25; }
/*---------- header ----------*/
#header {
	width: 850px;
	height: 215px;
	background: url('../img/bg_header.gif') no-repeat; }
	#header img { float: left; }
	* html #header img { margin-left: -3px; } 

/*---------- main ----------*/
#main {
	float: right;
	width: 575px;
	margin-right: 40px; }
	* html #main { margin-right: 20px; }
	#main.top { width: 535px; }
	#main.column { width: 535px; }
	#main.shop { width: 530px; }
	/*---------- タイトル ----------*/
	#main-title {
		position: relative;
		margin-bottom: 10px;
		margin-top: -50px; }
	#main p.uptop {
		text-align: right;
		font-size: 90%;
		padding-right: 30px; }
/*---------- side ----------*/
#side {
	width: 160px;
	float: left;
	margin-left: 60px; 
	min-height: 25em;
	height: auto !important;
	height: 25em;
	text-align: center; }
	* html #side { margin-left: 30px; }
	#side.top,
	#side.column { width: 200px; }
	/*---------- サイドバナー ----------*/
	#banner-side {
		clear: both;
		margin-bottom: -10px; }
		#banner-side li { height: 75px; }
	/*---------- トップに戻る ----------*/
	#side p.backtop a {
		text-align: center;
		margin-bottom: 45px;
		margin-left: 10px;
		text-indent: -9999px;
		display: block;
		overflow: hidden;
		width: 135px;
		height: 28px;
		background: url('../img/btn_backtop2.gif') no-repeat; }
		#side p.backtop a:hover {
			filter: alpha(opacity=70);
			opacity: 0.7;
			background: url('../img/btn_backtop2_over.gif') no-repeat; }
	/*---------- リストメニュー ----------*/
	#side dl.listmenu {
		text-align: left;
		padding-left: 10px; }
		#side dl.listmenu dt a { color: #4a2d25; }
			#side dl.listmenu dt a:hover { color: #ba041d; }
			#side dl.listmenu dt a span { font-size: 90%; }
		#side dl.listmenu dd { padding-bottom: 5px; }
			#side dl.listmenu li {
				padding-left: 45px;
				height: 20px; }
			#side dl.listmenu li.thispage { background: url('../img/listicon.gif') no-repeat; }
			#side dl.listmenu li.thispage a {
				color: #ba041d;
				text-decoration: none; }
			#side dl.listmenu li img { vertical-align: top; }
/*---------- footer ----------*/
#footer {
	clear: both;
	position: relative;
	height: 55px;
	background: url('../img/bg_footer.gif') no-repeat; }
	#copyright,.copyright {
		position: absolute;
		z-index: 10;
		margin-left: 610px;
		margin-top: 55px; }
/*---------- トップページmain ----------*/
	/*---------- バナー ----------*/
	#main img.banner-main { margin-bottom: 10px; }
	/*---------- What's NEW! ----------*/
	#main div.whatsnew {
		width: 520px;
		height: 65px;
		margin-bottom: 10px;
		background: url('../img/top_whatsnew_bg.gif') no-repeat; }
		#main div.whatsnew h2 {
			float: left;
			width: 200px;
			margin-top: 13px; }
			* html #main div.whatsnew h2 { margin-top: 8px; }
		#main div.whatsnew p {
			float: left;
			width: 285px;
			height: 1.5em;
			font-weight: bold;
			overflow: hidden;
			margin-top: 23px; }
		#main div.whatsnew marquee {
			width: 285px; 
			padding-top: 23px; 
			font-weight: bold; }
			
	/*---------- メニュー1 ----------*/
	
	#main ul.main-menu { clear: both; }
		#main ul.main-menu li {
			float: left;
			height: 175px;
			width: 252px;
			padding-top: 5px;
			margin: 0px 10px 15px 0px;
			background: url('../img/top_menu_bg.gif') no-repeat; }
		#main ul.main-menu h2 { margin-left: 12px; }
		#main ul.main-menu img { margin-left: 13px; }
		#main ul.main-menu h2 img,
		#main ul.main-menu img.over { margin-left: 0px; }
		#main ul.main-menu img.thumb { float: left; }
		#main ul.main-menu div.btn-img {
			text-align: center;
			float: right;
			position: relative;
			margin-top: 15px;
			padding-right: 3px; }
			

/*---------- メニュー2 ----------*/
	
	#main ul.main-menu2 { clear: both; }
		#main ul.main-menu2 li {
			float: left;
			height: 171px;
			width: 510px;
			padding-top: 5px;
			margin: 0px 10px 15px 0px;
			background: url(../img/top_menu_bg_long.gif) no-repeat; }
		#main ul.main-menu2 h2 { margin-right: 12px; float:right;}
		#main ul.main-menu2 img { margin-left: 13px; }
		#main ul.main-menu2 h2 img,
		#main ul.main-menu2 img.over { margin-left: 0px;
		margin-top:5px;  }
		#main ul.main-menu2 img.thumb { float: left; }
		#main ul.main-menu2 div.btn-img {
			text-align: right;
			float: none;
			position: relative;
			margin-top: 65px;
			margin-right:40px;
			margin-left:20px;
			padding-right: 3px; }
			
			#main ul.main-menu3{
			float: left;
			height: 175px;
			width: 510px;
			padding-top: 5px;
			margin: 0px 10px 15px 0px;
			background: url(../img/top_menu_bg_long2.gif) no-repeat; }

	/*---------- shopメニュー ----------*/
	#main div.area { 
		width:500;
		height:45; 
		float:right; display:inline;}
	#main div.area-l {
		float:left;
		width: 250px;
		height: 45px;
		padding-right:5px;
		padding-bottom: 5px;
		clear:right; display:inline; }
	#main div.area-r {
		float:right;
		width: 250px;
		height: 45px;
		padding-bottom: 5px;
		padding-right:15px; 
		 display:inline;}
	
	#main ul.shop-menu { clear: both; }
		#main ul.shop-menu li {
			float: left;
			height: 175px;
			width: 252px;
			padding-top: 5px;
			margin: 0px 10px 15px 0px;
			background: url('../img/top_menu_bg.gif') no-repeat; }
		#main ul.shop-menu h2 { margin:10px 0px 10px 15px; }
		#main ul.shop-menu img { margin-left: 13px; }
		#main ul.shop-menu hr { color:#FC0; margin: 0px 15px 0px 15px; }
		#main ul.shop-menu h2 img,
		#main ul.shop-menu img.over { margin-left: 0px; }
		#main ul.shop-menu img.thumb { float: left; }
		#main ul.shop-menu div.btn-img {
			text-align: center;
			float: right;
			position: relative;
			margin-top: 15px;
			padding-right: 3px; }
			
			.shopinfo {margin: 10px 0px 0px 20px; font-size:14px; line-height:150%; }
			.shoptitle {margin: 10px 0px 10px 15px; font-size:16px; font-weight:bold; }
			
			
			
			
	/*---------- メニュー2 ----------*/
	#main ul.main-menu-square {
		clear: both;
		overflow: hidden;
		background: url('../img/top_menu_square_bg.gif') no-repeat; }
		* html #main ul.main-menu-square { width:100%; }
		#main ul.main-menu-square li {
			float: left;
			width: 237px;
			padding-left: 15px;
			margin: 15px 10px 0px 0px; }
			* html #main ul.main-menu-square li { width: 252px; }
			/*---------- QRCode ----------*/
			#main #mobile h2 {
				float:left;
				width: 80px; }
				#main #mobile p {
					line-height: 1.5em;
					font-size: 80%; }
				#main #mobile p.qrcode {
					float:left;
					width: 145px;
					margin-top:75px;}
				#main #mobile p.packet {
					clear: both;
					padding-top: 0.5em;
					text-align: center;
					color: #b80029;
					width: 230px; }
					
				#mobile-img {
					margin-right:20px;}
			/*---------- ペットナビ ----------*/
			#main #petnavi h2 { margin-left:10px; }
				#main #petnavi p {
					width: 200px;
					text-align: center;
					margin-left: 10px;
					font-weight: bold;
					font-size: 90%;
					padding-bottom: 7px;}
				#main #petnavi dl {
					width: 210px;
					margin-left: 5px;
					font-size: 85%; }
					#main #petnavi dd {
						padding-bottom: 2px;
						line-height: 1.3em; }
		#main ul.main-menu-square li.btn {
			margin: 0px auto;
			padding-left: 0px;
			padding-bottom: 10px;
			width: 530px;
			background: url('../img/top_menu_square_bottom.gif') no-repeat bottom left; }
			#main ul.main-menu-square li.btn li {
				margin: 0px auto;
				display: inline;
				width: 225px;
				padding-right: 20px;
				text-align: center; }
				* html #main ul.main-menu-square li.btn li { width: 260px; }
/*---------- トップページside ----------*/
	#side div.boh-com,
	#side div.app-btn,
	#side div.top-column {
		width: 200px;
		padding-bottom: 0px;
		margin-bottom: 15px; }
		* html #side div.top-column img.bottom { margin-bottom: -2px;  }
	/*---------- ボーのボヤキ ----------*/
	#side div.boh-com {
		clear: both;
		padding-bottom: 45px;
		background: url('../img/top_boh_bg.gif') no-repeat bottom; }
		#side div.boh-com p {
			font-size: 85%;
			line-height: 1.3em;
			font-weight: bold;
			padding: 3px 5px 0px 13px; }
			#side div.boh-com p img.boh { padding-right: 150px; }
	/*---------- 応募受付中 ----------*/
	#side div.app-btn2 {
		clear: both;
		padding-bottom: 8px;
		width: 200px;
		background: url('../img/top_app_bg2.gif') no-repeat bottom; }
	
	#side div.app-btn {
		clear: both;
		padding-bottom: 8px;
		width: 200px;
		background: url('../img/top_app_bg.gif') no-repeat bottom; }
		#side div.app-btn span.date {
			display: block;
			padding-top: 5px;
			font-size: 105%;
			font-weight: bold; }
	/*---------- コラム ----------*/
	#side div.top-column {
		padding-bottom: 5px;
		background: url('../img/top_column_bg.gif') no-repeat bottom; }
		#side div.top-column li {
			padding: 5px 10px 0px 10px;
			overflow:hidden; }
			* html #side div.top-column li { display: inline-block; }
			#side div.top-column li p {
				background-color: #cccccc;
				font-size: 80%;
				line-height: 1.3em;
				width: 100px;
				background: url('../img/top_column_boh_bg.gif') no-repeat; }
				#side div.top-column li p span {
					display: block;
					padding: 7px 0px 31px 5px; }
				#side div.top-column li p span.boh1 {
					background: url('../img/top_column_boh1_bottom.gif') no-repeat bottom center; }
				#side div.top-column li p span.boh2 {
					background: url('../img/top_column_boh2_bottom.gif') no-repeat bottom center; }
				#side div.top-column li p span.boh3 {
					background: url('../img/top_column_boh3_bottom.gif') no-repeat bottom center; }
			#side div.top-column li p,
			#side div.top-column li.right img { float: right;}
			#side div.top-column li img,
			#side div.top-column li.right p { float: left; }
/*---------- コラムページ ----------*/
#main.column {
	padding-bottom: 20px;
	background: url('../column/img/column_footer.gif') no-repeat bottom left; }
	* html #column-title,
	* html #column-body { margin-left: 40px; }
	#main.column div#column-title {
		position:relative;
		margin-top: -30px;
		width: 500px;
		height: 120px;
		background: url('../column/img/column_header.gif') no-repeat top left; }
	#main.column h2 {
		font-size: 110%;
		background: url('../column/img/column_header_bottom.gif') no-repeat bottom left; }
	#main.column h2 span {
		display: block;
		line-height: 1.3em;
		padding: 55px 65px 25px 55px;
		background: url('../column/img/column_header_top.gif') no-repeat top left; }
		* html #main.column h2 span { width: 500px; }
	#column-body {
		width: 500px;
		min-height: 15em;
		height: auto !important;
		height: 15em;
		background: url('../column/img/column_bg.gif') repeat-y; }
		#column-body div.column-box {
			clear: both;
			width: 415px;
			margin-left: 40px;
			padding-bottom: 10px; }
			#column-body div.column-box p { overflow: hidden; }
			* html #column-body div.column-box p { display: inline-block; }
			#column-body div.column-box img.left {
				float: left;
				margin-right: 15px; }
			#column-body div.column-box img.right {
				float: right;
				margin-left: 10px; }
#side.column { margin-top: 15px; }
	#side.column ul.backnumber {
		margin-top: 20px;
		margin-left: 13px; }
	#side.column ul.backnumber li {
		padding-left: 20px;
		padding-bottom: 1em;
		background: url('../img/list_mark.gif') no-repeat; }
		
		.orange {margin-left:20px; color:#F60; font-size:18px; font-weight:bold; text-align:left; }
		.green {color:#090; font-size:16px; font-weight:bold; text-align:center; }
		.black {font-weight:bold; text-align:center; }
		.orange-mov {margin-left:200px; color:#F60; font-size:18px; font-weight:bold; text-align:left; }
		
		
		
/*---------- 大賞ページ ----------*/
#main.grand p.gmsg {
	text-align: center;
	padding: 10px 0;}
	#main.grand li.gleft {
		width: 285px;
		float: left; }
		#main.grand li.gleft p { padding: 5px 0; }
	#main.grand li.gright-mov{
		width: 220px;
		float: right;
		padding-top:40px; }
	#main.grand li.gright {
		width: 280px;
		float: right; }
		#main.grand li.gright strong {
			font-size: 110%;
			line-height: 1.7em; }
		#main.grand ul.bohcom {
			padding-right: 10px;
			padding-top: 30px; }
		#main.grand li.bohtop img {
			vertical-align: bottom;
			display: block; }
		#main.grand li.bohcom {
			line-height: 1.5em;
			padding: 0 10px;
			background: url('../img/grand_boh_bg.gif') repeat-y; }
	/*---------- ドコモ大賞ページ ----------*/
	#side.docomo dt {
		padding-bottom: 10px;
		text-align: center; }
		#side.docomo dd {
			font-size: 90%;
			padding-bottom: 5px;
			text-align: left; }
/*---------- 一覧ページ ----------*/
#main.gallery ul {
	width: 550px;
	margin: 10px 0; }
	#main.gallery li {
		display: block;
		float: left;
		padding: 0 3px 5px 3px; }
	#main.gallery li img {
		width: 100px;
		height: 100px; }
/*---------- 応募ページ ----------*/
	#main p.topnotice {
		padding: 5px 0;
		color: #ba041d; }
	#main p.notice {
		padding-top: 5px;
		color: #0055a7;
		font-weight: normal;
		font-size: 90%; }
	#main p.submit {
		width: 525px;
		text-align: center;
		padding: 10px;
		color: #0055a7; }
	#side.rules ul.appmenu {
		width: 120px;
		margin: auto; }
		* html #side.rules ul.appmenu { margin-left: -10px; }
	/*---------- 応募規約 ----------*/
	#main h2.main-title,
	#main dl.main-title {
		min-height: 1em;
		height: auto !important;
		height: 1em;
		position: relative;
		margin-bottom: 10px;
		margin-top: -40px; }
	#main.rules dl.main-title dd {
			float: left;
			font-size: 90%;
			line-height: 1.5em;
			padding-left: 2em;
			width: 340px; }
		#main.rules dl.main-title dd.quocard {
			position: relative;
			padding-left: 0;
			margin-top: -30px;
			width: 200px; }
		#main.rules dl.main-title dd p {
			padding-top: 5px;
			font-size: 85%; }
	#main.rules p.submit img { margin: 10px 0; }
	#main.rules dl#rules {
		width: 525px;
		height: 250px;
		overflow: auto;
		padding: 10px; }
	#main.rules dl#rules dt {
		font-weight: bold;
		padding-top: 10px; }
	#main.rules dl#rules dt.first { padding-top: 0px; }
	#main.rules dl#rules dd {
		font-size: 90%;
		padding-left: 15px;
		line-height: 150%; }
		
		
		
		
	/*---------- 応募フォーム ----------*/
	#main.form span.caution {
		color: #de131e;
		font-weight: bold; }
	#main.form p.caution {
		color: #de131e;
		font-size: 85%; }
	#main.form #btn-toback { margin-right: 20px; }
	#main.form dl#form { width: 545px; }
	#main.form dl#form dt {
		clear: left;
		float: left;
		width: 12em;
		font-weight: bold; }
	#main.form dl#form dd {
		margin-left: 13em;
		margin-bottom: 1em; }
	#main.form dl#form input,dl#form textarea { width: 300px; }
	#main.form dl#form input:focus,dl#form textarea:focus { background-color: #f9f1b2; }
	/*---------- 応募完了ページ ----------*/
	#main.thanks h3.msg {
		margin-top: 30px;
		font-size: 120%;
		font-weight: bold;
		text-align: center; }
	#main.thanks p.msg { 
		width: 520px;
		margin: auto;
		margin-top: 20px; }
	#main.thanks p.msg img { margin-top: 15px; }