@charset "UTF-8";/* 雀の往来 */

/*************************************************************

 Copyright (C) Media Craft Co. Ltd.
 Since : 2010-10
 Last Modifined : 2012-01-13

*************************************************************/

/******************************
 1. base
 2.　common
 3. header
	 title
	 area-link
	 sub-nav
	 site-search
	 header-nav
 4. premium-banner
 5. crumb
 6. main-container
 7. left-container
 8. footer
 9. spInduction
*******************************/

/*******************
 1. base
*******************/

html#main-page {
	padding-top: 19px;
}

body {
	background: url(/img/default/base/bg-body.jpg) repeat-x left -160px #007;
	color: #333;
}

/* sp mode */
body.spMode {
	padding-top: 150px;
}

	div#wrapper {
		position: relative;
		width: 950px;
		margin: 0 auto;
		background-color: #FFF;
		line-height: 1.4;
	}
		
/* UserHeat */
img#Vesicomyid-BEACON104093 {
	display: none;
}


/* h1 */

#headline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #ffffff), color-stop(0.00, #d8d8d8));
	background: -webkit-linear-gradient(top, #d8d8d8 0%, #ffffff 95%);
	background: -moz-linear-gradient(top, #d8d8d8 0%, #ffffff 95%);
	background: linear-gradient(top, #d8d8d8 0%, #ffffff 95%);
	background-color: #f6f6f6;
	z-index: 999;
}

/* sp mode */
body.spMode #headline {
	top: 150px;
}

	html#main-page #headline h1 {
		width: 950px;
		margin: 0 auto;
		line-height: 18px;
		font-size: 85%;
	}


/*******************
 2. common
*******************/

a {
	overflow: hidden;
}

a:link {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #6633ff;
	text-decoration: underline;
}

img {
	vertical-align: bottom;
}


/*******************
 3. header
*******************/

/* base */
div#header {
	position: relative;
}

/********* 
 logo
*********/

div#header p#aaa-logo {
	height: 38px;
	padding-top: 10px;
}
	

/**************
 sub-nav
**************/

div#header ul#header-sub-nav {
	position: absolute;
		top: 15px;
		right: 0;
	width: 400px;
	text-align: right;
}

	div#header ul#header-sub-nav li {
		display: inline;
		padding: 0 5px;
		border-right: 1px solid blue;
	}

	div#header ul#header-sub-nav li.last-list {
		border-right: none;
	}

/********** 
 area-link
**********/

div#header ul#area-link-container {
	width: 550px;
	height: 18px;
	padding: 10px 5px;
}

	div#header ul#area-link-container li {
		display: inline;
		margin-right: 20px;
		padding-left: 15px;
		background: url(/img/default/base/icon-areasite.jpg) no-repeat left center;
	}

/**************
 site-search
**************/

div#googleSearch {
	position: absolute;
		top: 12px;
		left: 310px;
	width: 540px;
	text-align: right;
}

	div#googleSearch input#search-text {
		width: 450px;
	}

	div#googleSearch input#search-button {
		width: 70px;
		margin-left: 5px;
		text-align: center;
	}

/**************
 header-nav
**************/

	div#header ul#header-nav {
		height: 32px;
		border-bottom: solid #000099 2px;
	}

	div#header ul#header-nav li {
		display: inline;
		float: left;
		width: 73px;
	}

	div#header ul#header-nav li#catalog {
		width: 74px;
	}

		div#header ul#header-nav li a {
			display: block;
			height: 33px;
			background-repeat: no-repeat;
			background-image: url(/img/default/base/header-nav.png);
			text-indent: -9999px;
		}

		div#header ul#header-nav li.nolink a {
			cursor: default;
		}

		/* 各メニュー */
		
		div#header ul#header-nav li#top a {
			background-position: 0 0;
		}
		
		div#header ul#header-nav li#news a {
			background-position: -73px 0;
		}
		
		div#header ul#header-nav li#search a {
			background-position: -146px 0;
		}

		div#header ul#header-nav li#discount a {
			background-position: -219px 0;
		}
		
		div#header ul#header-nav li#event a {
			background-position: -292px 0;
		}
		
		div#header ul#header-nav li#covergirl a {
			background-position: -365px 0;
		}
		
		div#header ul#header-nav li#manga a {
			background-position: -438px 0;
		}
		
		div#header ul#header-nav li#movie a {
			background-position: -511px 0;
		}
		
		div#header ul#header-nav li#report a {
			background-position: -584px 0;
		}
		
		div#header ul#header-nav li#soap a {
			background-position: -657px 0;
		}

		div#header ul#header-nav li#kita-kanto a {
			background-position: -730px 0;
		}
		
		div#header ul#header-nav li#hamahelu a {
			background-position: -803px 0;
		}
		
		div#header ul#header-nav li#catalog a {
			background-position: -876px 0;
		}

		/* 各メニュー選択時 */

		div#header ul#header-nav li#top.nolink a,
		div#header ul#header-nav li#top a:hover {
			background-position: 0 -33px;
		}
		
		div#header ul#header-nav li#news.nolink a,
		div#header ul#header-nav li#news a:hover {
			background-position: -73px -33px;
		}
		
		
		div#header ul#header-nav li#search.nolink a,
		div#header ul#header-nav li#search a:hover {
			background-position: -146px -33px;
		}

		div#header ul#header-nav li#discount.nolink a,
		div#header ul#header-nav li#discount a:hover {
			background-position: -219px -33px;
		}
		
		div#header ul#header-nav li#event.nolink a,
		div#header ul#header-nav li#event a:hover {
			background-position: -292px -33px;
		}
		
		div#header ul#header-nav li#covergirl.nolink a,
		div#header ul#header-nav li#covergirl a:hover {
			background-position: -365px -33px;
		}
		
		div#header ul#header-nav li#manga.nolink a,
		div#header ul#header-nav li#manga a:hover {
			background-position: -438px -33px;
		}
		
		div#header ul#header-nav li#movie.nolink a,
		div#header ul#header-nav li#movie a:hover {
			background-position: -511px -33px;
		}
		
		div#header ul#header-nav li#report.nolink a,
		div#header ul#header-nav li#report a:hover {
			background-position: -584px -33px;
		}
		
		div#header ul#header-nav li#soap.nolink a,
		div#header ul#header-nav li#soap a:hover {
			background-position: -657px -33px;
		}

		div#header ul#header-nav li#kita-kanto.nolink a,
		div#header ul#header-nav li#kita-kanto a:hover {
			background-position: -730px -33px;
		}
		
		div#header ul#header-nav li#hamahelu.nolink a,
		div#header ul#header-nav li#hamahelu a:hover {
			background-position: -803px -33px;
		}
		
		div#header ul#header-nav li#catalog.nolink a,
		div#header ul#header-nav li#catalog a:hover {
			background-position: -876px -33px;
		}

/*******************
 4. premium-banner
*******************/
/*
p#premium-banner {
	position: absolute;
		top: 10px;
		left: 0;
	width: 900px;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
*/


/*******************
 fixed banner
*******************/

.fixed-banner {
	position: fixed;
	top:110px;
	margin-left: 960px;
}



/*******************
 xxx. PR LIST
*******************/

div#wrapper ul#near-the-top-pr-list {
}


div#wrapper ul#near-the-top-pr-list li{
	padding-top: 15px;
	height:25px;
	text-align: center;
	display: inline;
	float:left;
	width:50%;
}

div#wrapper ul#near-the-top-pr-list li a{
}


div#wrapper ul#near-the-top-pr-list:after{
	clear: both;
}







/*
	div#header ul#header-nav li {
		display: inline;
		float: left;
		width: 73px;
	}

	div#header ul#header-nav li#catalog {
		width: 74px;
	}

		div#header ul#header-nav li a {
			display: block;
			height: 33px;
			background-repeat: no-repeat;
			background-image: url(/img/default/base/header-nav.png);
			text-indent: -9999px;
		}

*/



/*******************
 5. crumb
*******************/

/* base */
ul#crumb {
	clear: both;
	padding: 8px 10px 0;
}

	ul#crumb li {
		display: inline;
		margin-right: 5px;
		font-size: 85%;
	}
	
	ul#crumb li.nolink {
		font-weight: bold;
	}
	
	ul#crumb li.link-ohp {
		padding-right: 15px;
		background: url(/img/default/common/icon-blank.gif) right center transparent no-repeat;
	}

/*******************
 6. main-container
*******************/

/* base */
div#main-container {
	display: inline;
	float: right;
	width: 725px;
	padding-right: 10px;
	margin-top: 10px;
}


/* ページトップへ */
div#main-container p#to-top {
	padding: 20px 0 10px;
	text-align: right;
}

/*******************
 7. left-container
*******************/

/* base */	
div#left-container {
	display: inline;
	float: left;
	width: 190px;
	padding-left: 10px;
	margin-top: 10px;
}

/* newShop */

.newShop-list {
	overflow: hidden; /* floatの高さ確保*/
}

dl.newShop-list + dl.newShop-list {
	border-top: 1px solid #ccc; 
}

dl.newShop-list dt {
  float: left;
  margin-right: 7px;
}

dl.newShop-list dd {
  overflow: hidden; /* 回り込み対策 */
  word-wrap: break-word; /* 半角英数字対策 */
}

/* skyscraper */

div#skyscraper {
	clear: both;
	text-align: center;
}

	div#skyscraper ul {
		padding: 0;
	}

		div#skyscraper li {
			margin-top: 10px;
		}

		div#skyscraper li:first-child {
			margin-top: 0;
		}

/* job */

.ie7 div#job li:first-child {
	border-top: 1px solid #fff;
}

div#job li img {
	float: left;
}

div#job li p {
	padding-left: 45px;
	font-size: 85%;
	letter-spacing: -1px;
}

	div#job li p a {
		display: block;
		font-weight: bold;
	}

/* mobile */

div#mobile p {
	font-size: 85%;
}

div#mobile img {
	display: block;
	margin: 10px auto 0;
	border: 1px solid #ccc;
}
	
/*******************
 8. footer
*******************/

/* base */
div#footer {
	clear: both;
	height: 68px;
	background: url(/img/default/base/bg-footer.jpg) repeat-x left top transparent;
}

	div#footer ul#footer-nav {
		border-left: 1px #669 solid;		
	}

		div#footer ul#footer-nav li {
			display: inline-block;
			border-right: 1px #669 solid;
			text-align: center;
		}
		
		/* IE7 */
		.ie7 div#footer ul#footer-nav li {
			display: inline;
			zoom: 1;
		}

			div#footer ul#footer-nav li a {
				padding: 5px 10px;
				line-height: 30px;
				color: #fff;
				font-size: 93%;
			}

			div#footer ul#footer-nav li a:hover {
				background-color: #009;
				color: #EEF;
			}

	div#footer p {
		margin-top: 5px;
		color: #fff;
		font-size: 85%;
		text-align: center;
	}

/***************************
 9. spInduction
***************************/

.spInduction {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

	.spInduction a {
		display: block;
		margin: 20px 50px;
		border: 1px solid #D81658;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #EE4E68;
		line-height: 110px;
		text-align: center;
		color: #fff;
		font-size: 35px;
		font-weight: bold;
	}