@charset "utf-8";
/*===================================================================
初期化
===================================================================*/
html {
	height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote { 
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, address {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	}

body {
	font-family: MS UI Gothic, "MS P ゴシック", Osaka;
	/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	background: #FFFFFF url(../img/background.gif) repeat-x top left;
	}

ol, li {
	list-style: none;
	}

table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: separate;
	border-spacing: 0px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
	}

fieldset,img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #222222;
	text-decoration: none;
	}

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

a:visited {
	color: #222222;
	text-decoration: none;
	}

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

a:active {
	color: #222222;
	text-decoration: none;
	}


/*===================================================================
フロートクリア
===================================================================*/

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
	}


/*===================================================================
SHUFUNOTOMO TopBar Link
===================================================================*/

#shuf_pr {
	width: 100%;
	background-color: #D4D0C8;
	border-top: solid 1px #EEEEEE;
	border-bottom: solid 1px #808080;
	margin: 0px 0px 5px 0px;
	}
	
	#shuf_pr ul#shuf_pr_ul {
		width: 960px;
		height: 12px;
		margin: 0px auto;
		padding: 5px 0px 4px 0px;
		}
		
		#shuf_pr ul#shuf_pr_ul li {
			float: left;
			margin: 0px 30px 0px 0px;
			padding: 0px 0px 0px 15px;
			background: url(/img/shuf_pr_icon.gif) no-repeat center left;
			}

#shuf_topbar {
	width: 100%;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(../img/shuf_topbar_bg.gif);
	background-repeat: repeat-x;
	}

#shuf_topbar ul {
	width: 960px;
	height: 26px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
	}

#shuf_topbar li {
	width: 80px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	}

#shuf_topbar li a {
	width: 80px;
	height: 26px;
	background:transparent url(../img/shuf_topbar_list_bg.gif) no-repeat;
	text-indent:-9999px;
	text-align:left;
	display:block;
	line-height:0em;
	font-size:0em;
	text-decoration:none;
	}

	#shuf_topbar li#shuf				{left: 0px; width: 80px;}
	#shuf_topbar li#shuf a				{width:80px; background-position:0px 0px;}
	#shuf_topbar li#shuf a:hover		{background-position:0px -29px;}
	#shuf_topbar li#shuf.on a,
	#shuf_topbar li#shuf.on a:hover		{background-position:0px -58px;}

	#shuf_topbar li#bukure				{left: 80px;}
	#shuf_topbar li#bukure a			{background-position:-80px 0px;}
	#shuf_topbar li#bukure a:hover		{background-position:-80px -29px;}
	#shuf_topbar li#bukure.on a,
	#shuf_topbar li#bukure.on a:hover	{background-position:-80px -58px;}

	#shuf_topbar li#ray					{left: 160px;}
	#shuf_topbar li#ray a				{background-position:-160px 0px;}
	#shuf_topbar li#ray a:hover			{background-position:-160px -29px;}
	#shuf_topbar li#ray.on a,
	#shuf_topbar li#ray.on a:hover		{background-position:-160px -58px;}

	#shuf_topbar li#mina				{left: 240px;}
	#shuf_topbar li#mina a				{background-position:-240px 0px;}
	#shuf_topbar li#mina a:hover		{background-position:-240px -29px;}
	#shuf_topbar li#mina.on a,
	#shuf_topbar li#mina.on a:hover		{background-position:-240px -58px;}

	#shuf_topbar li#scawa				{left: 320px;}
	#shuf_topbar li#scawa a				{background-position:-320px 0px;}
	#shuf_topbar li#scawa a:hover		{background-position:-320px -29px;}
	#shuf_topbar li#scawa.on a,
	#shuf_topbar li#scawa.on a:hover	{background-position:-320px -58px;}

	#shuf_topbar li#gisele				{left: 400px;}
	#shuf_topbar li#gisele a			{background-position:-400px 0px;}
	#shuf_topbar li#gisele a:hover		{background-position:-400px -29px;}
	#shuf_topbar li#gisele.on a,
	#shuf_topbar li#gisele.on a:hover	{background-position:-400px -58px;}

	#shuf_topbar li#natural				{left: 480px;}
	#shuf_topbar li#natural a			{background-position:-480px 0px;}
	#shuf_topbar li#natural a:hover		{background-position:-480px -29px;}
	#shuf_topbar li#natural.on a,
	#shuf_topbar li#natural.on a:hover	{background-position:-480px -58px;}

	#shuf_topbar li#mama				{left: 560px;}
	#shuf_topbar li#mama a				{background-position:-560px 0px;}
	#shuf_topbar li#mama a:hover		{background-position:-560px -29px;}
	#shuf_topbar li#mama.on a,
	#shuf_topbar li#mama.on a:hover		{background-position:-560px -58px;}

	#shuf_topbar li#youyou				{left: 640px;}
	#shuf_topbar li#youyou a			{background-position:-640px 0px;}
	#shuf_topbar li#youyou a:hover		{background-position:-640px -29px;}
	#shuf_topbar li#youyou.on a,
	#shuf_topbar li#youyou.on a:hover	{background-position:-640px -58px;}

	#shuf_topbar li#cawaii				{left: 720px;}
	#shuf_topbar li#cawaii a			{background-position:-720px 0px;}
	#shuf_topbar li#cawaii a:hover		{background-position:-720px -29px;}
	#shuf_topbar li#cawaii.on a,
	#shuf_topbar li#cawaii.on a:hover	{background-position:-720px -58px;}

	#shuf_topbar li#def					{left: 800px;}
	#shuf_topbar li#def a				{background-position:-800px 0px;}
	#shuf_topbar li#def a:hover			{background-position:-800px -29px;}
	#shuf_topbar li#def.on a,
	#shuf_topbar li#def.on a:hover		{background-position:-800px -58px;}

	#shuf_topbar li#usachu				{left: 880px;}
	#shuf_topbar li#usachu a			{background-position:-880px 0px;}
	#shuf_topbar li#usachu a:hover		{background-position:-880px -29px;}
	#shuf_topbar li#usachu.on a,
	#shuf_topbar li#usachu.on a:hover	{background-position:-880px -58px;}


/*===================================================================
全体ラップ
===================================================================*/

#wrap {
	margin: 0 auto;
	width:960px;
	}


/*===================================================================
ヘッダー
===================================================================*/

#header {
	width: 960px;
	height: 130px;
	margin: 0px 0px 20px 0px;
	}
	
	#header .left {
		float: left;
		width: 490px;
		height: 90px;
		}
		
		#header .left .logo {
			width: 490px;
			height: 55px;
			margin: 0px 0px 5px 0px;
			}
			/* IE6 */
			*html #header .left .logo {
				margin: 0px 0px 3px 0px;
				}
		
		#header .left h2 {
			float: left;
			width: 160px;
			font-size: 12px;
			font-weight: bold;
			color: #AA0000;
			/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
			}
		
		#header .left h1 {
			float: right;
			width: 330px;
			font-size: 11px;
			color: #999999;
			/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
			}
	
	#header .right {
		float: right;
		height: 90px;
		text-align: right;
		}
		
		/* サイトマップ等 */
		#header .right .sitemap {
			margin: 0px 0px 5px 0px;
			}
		
		/* 検索フォーム */
		#header .right .searchBox {
			margin: 0px 0px 5px 0px;
			}
			
			#header .right .searchBox form {
				margin: 0px;
				padding: 0px;
				}
			
			#header .right .searchBox ul {
				}
				
				#header .right .searchBox li {
					display: inline;
					margin: 0px 5px 0px 0px;
					}
				#header .right .searchBox li.textBox {
					line-height: 1.8em;
					width: 100px;
					text-align: right;
					color: #999999;
					}
				#header .right .searchBox li.last {
					margin: 0px 0px 0px 0px;
					}
			
			#header .right .searchBox .searchTxt {
				padding: 2px;
				width: 200px;
				border: solid 1px #7E9DB9;
				}
			
			#header .right .searchBox .searchBtn {
				padding: 2px;
				width: 50px;
				border: solid 1px #7E9DB9;
				}
			
	
	/* ナビゲーション */
	#header ul.navigation {
		clear: both;
		/*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
		}
		
		#header ul.navigation li {
			display: inline;
			border-left: solid 3px #AA0000;
			padding: 2px 0px 2px 7px;
			margin: 0px 30px 0px 0px;
			}


/*===================================================================
トップ横断
===================================================================*/

#top {
	width: 960px;
	margin: 0px 0px 20px 0px;
	}
	
	/* 雑誌新刊 */
	#top .magazine {
		float: left;
		width: 468px;
		padding: 0px 0px 10px 0px;
		border-left: solid 1px #AA0000;
		border-right: solid 1px #AA0000;
		border-bottom: solid 1px #AA0000;
		}
		/* IE6 */
		*html #top .magazine {
			padding: 0px 0px 0px 0px;
			}
		/* IE7 */
		*:first-child+html #top .magazine {
			padding: 0px 0px 0px 0px;
			}
	
	/* 書籍新刊 */
	#top .book {
		float: right;
		width: 468px;
		padding: 0px 0px 10px 0px;
		border-left: solid 1px #AA0000;
		border-right: solid 1px #AA0000;
		border-bottom: solid 1px #AA0000;
		}
		/* IE6 */
		*html #top .book {
			padding: 0px 0px 0px 0px;
			}
		/* IE7 */
		*:first-child+html #top .book {
			padding: 0px 0px 0px 0px;
			}
	
	/* カテゴリ見出し */
	#top h3 {
		width: 458px;
		height: 23px;
		margin: 0px 0px 10px 0px;
		border-left: solid 5px #AA0000;
		padding: 7px 0px 0px 5px;
		background: #FAFAFA url(../img/top_left_h3_bg2.gif) repeat-x top left;
		}
	
		/* 表紙リスト表示 */
		#top ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
			
			#top li {
				float: left;
				width: 117px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align: center;
				overflow: hidden;
				}
				
				#top li img {
					margin: 0px 0px 5px 0px;
					}
				
				#top li p {
					margin: 0px 0px 0px 0px;
					padding: 0px 10px 0px 10px;
					text-align: left;
					line-height: 1.2em;
					}
			
			/* リストのフロートクリア */
			#top li.clear {
				clear: left;
				width: 468px;
				height: 1px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align: left;
				}


/*===================================================================
www2
===================================================================*/

#www2 {
	width: 960px;
	margin: 0px 0px 20px 0px;
	}
	
	/* 雑誌新刊 */
	#www2 .bigbox {
		width: 958px;
		border-left: solid 1px #AA0000;
		border-right: solid 1px #AA0000;
		border-bottom: solid 1px #AA0000;
		}
	
	/* カテゴリ見出し */
	#www2 h3 {
		width: 948px;
		height: 23px;
		margin: 0px 0px 10px 0px;
		border-left: solid 5px #AA0000;
		padding: 7px 0px 0px 5px;
		background: #FAFAFA url(../img/top_left_h3_bg2.gif) repeat-x top left;
		}
	
	/*  */
	#www2 .bigbox div.leftBox {
		float: left;
		margin: 0px 0px 10px 10px;
		}
		
		#www2 .bigbox div.leftBox p.infotxt {
			color: #666666;
			margin: 0px 0px 0px 0px;
			}
		
		#www2 .bigbox div.leftBox p.searchtxt {
			margin: 15px 0px 5px 0px;
			background: url(../img/list_icon.gif) no-repeat top left;
			padding: 0px 0px 0px 10px;
			}
		
		
		
		
			#www2 .bigbox div.leftBox form {
				margin: 0px;
				padding: 0px;
				}
			
			#www2 .bigbox div.leftBox ul {
				}
				
				#www2 .bigbox div.leftBox li {
					display: inline;
					margin: 0px 5px 0px 0px;
					}
				#www2 .bigbox div.leftBox li.textBox {
					line-height: 1.8em;
					width: 100px;
					text-align: right;
					color: #999999;
					}
				#www2 .bigbox div.leftBox li.last {
					margin: 0px 0px 0px 0px;
					}
			
			#www2 .bigbox div.leftBox .searchTxt {
				padding: 2px;
				width: 230px;
				border: solid 1px #7E9DB9;
				}
			#www2 .bigbox div.leftBox .searchTxt2 {
				padding: 2px;
				width: 235px;
				border: solid 1px #7E9DB9;
				}
			
			#www2 .bigbox div.leftBox .searchBtn {
				padding: 2px;
				width: 50px;
				border: solid 1px #7E9DB9;
				}
		
		
		
		
	
	/*  */
	#www2 .bigbox ul.rightBox {
		float: right;
		}
		
		#www2 .bigbox ul.rightBox li {
			float: left;
			width: 120px;
			text-align: center;
			padding: 0px 0px 10px 0px;
			}
			
			#www2 .bigbox ul.rightBox li p.www2date {
				margin: 0px 0px 5px 0px;
				}


/*===================================================================
メイン・左カラムのラップ
===================================================================*/

#main_left {
	float: left;
	width: 640px;
	margin: 0px 0px 20px 0px;
	}


/*===================================================================
メイン
===================================================================*/

#main {
	float: right;
	width: 470px;
	}
	
	/* 新着情報 */
	#main .mainBox {
		width: 468px;
		margin: 0px 0px 10px 0px;
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		background-color: #FAFAFA;
		}
		
		/* カテゴリ見出し */
		#main .mainBox h3 {
			width: 458px;
			height: 23px;
			border-left: solid 5px #AA0000;
			margin: 0px 0px 0px 0px;
			padding: 7px 0px 0px 5px;
			background: #FAFAFA url(../img/top_left_h3_bg.gif) repeat-x top left;
			}
			
			#main .mainBox h3 a {
				display: block;
				}
		
		/* 画像なし新着リスト */
		#main .mainBox ul {
			margin: 10px 10px 10px 10px;
			}
			
			#main .mainBox ul li {
				color: #888888;
				padding: 0px 0px 7px 0px;
				border-bottom: dotted 2px #EEEEEE;
				margin: 0px 0px 7px 0px;
				}
				
				#main .mainBox ul li.alignright {
					text-align: right;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					border: none;
					}
				
				#main .mainBox ul li span.date {
					color: #AA0000;
					margin: 0px 10px 0px 0px;
					}
		
		/* サムネイルリスト */
		#main .mainBox .icon {
			margin: 10px 0px 0px 0px;
			}
			
			#main .mainBox .icon dl {
				float: left;
				width: 214px;
				height: 52px;
				margin: 0px 10px 10px 10px;
				overflow: hidden;
				}
				/* IE6 */
				*html #main .mainBox .icon dl {
					margin: 0px 5px 10px 5px;
					}
				
				#main .mainBox .icon dl dt {
					float: left;
					width: 50px;
					height: 50px;
					text-align: center;
					border: solid 1px #CCCCCC;
					background-color: #FFFFFF;
					overflow: hidden;
					}
				
				#main .mainBox .icon dl dd {
					float: right;
					width: 158px;
					height: 52px;
					color: #888888;
					line-height: 1.3em;
					}
					
					#main .mainBox .icon dl dd span.date {
						color: #AA0000;
						}


/*===================================================================
左カラム
===================================================================*/

#left {
	float: left;
	width: 148px;
	background-color: #FAFAFA;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	}
	
	/* カテゴリ見出し */
	#left h3 {
		width: 138px;
		height: 23px;
		margin: 0px 0px 10px 0px;
		border-left: solid 5px #AA0000;
		padding: 7px 0px 0px 5px;
		background: #FAFAFA url(../img/top_left_h3_bg.gif) repeat-x top left;
		}
		
		#left h3 a {
			display: block;
			}
	
	/* リスト表示 */
	#left ul {
		margin: 0px 0px 20px 25px;
		}
		
		#left ul li {
			list-style: square outside url(../img/list_icon.gif);
			margin: 0px 0px 7px 0px;
			}
			
			/* すべてみる */
			#left ul li.txt_right {
				list-style: none outside none;
				text-align: right;
				margin: 0px 0px 0px 0px;
				padding: 0px 10px 0px 0px;
				}
	
	/* QR */
	#left .qrcode {
		margin: 0px 0px 10px 0px;
		text-align: center;
		}

/*===================================================================
右カラム
===================================================================*/

#right {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	}
	
	/* 300x250バナー */
	#right .banner300250 {
		margin: 0px 0px 10px 0px;
		}
	
	/* 300x70バナー */
	#right .banner30070 {
		margin: 0px 0px 10px 0px;
		}
	
	/* ニュースリリース */
	#right .newsrelease {
		width: 298px;
		margin: 0px 0px 10px 0px;
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		background-color: #FAFAFA;
		}
		
		/* カテゴリ見出し */
		#right .newsrelease h3 {
			width: 288px;
			height: 23px;
			border-left: solid 5px #AA0000;
			margin: 0px 0px 0px 0px;
			padding: 7px 0px 0px 5px;
			background: #FAFAFA url(../img/top_left_h3_bg.gif) repeat-x top left;
			}
			
			#right .newsrelease h3 a {
				display: block;
				}
		
		/* 新着リスト */
		#right .newsrelease ul {
			margin: 10px 10px 10px 10px;
			}
			
			#right .newsrelease ul li {
				color: #888888;
				padding: 0px 0px 7px 0px;
				border-bottom: dotted 2px #EEEEEE;
				margin: 0px 0px 7px 0px;
				}
				
				#right .newsrelease ul li.alignright {
					text-align: right;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					border: none;
					}
				
				#right .newsrelease ul li.lastline {
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					border: none;
					}
				
				#right .newsrelease ul li span.date {
					color: #AA0000;
					margin: 0px 10px 0px 0px;
					}


/*===================================================================
フッター
===================================================================*/

#footer {
	background: #FFFFFF url(../img/background_footer.gif) repeat-x top left;
	height: 200px;
	}
	
	#footer .foot {
		margin: 0px auto;
		padding: 20px 0px 0px 0px;
		width: 960px;
		}
		
		#footer .foot p {
			float: left;
			color: #888888;
			line-height: 1.0em;
			margin: 0px 0px 10px 0px;
			}
		
		#footer .foot address {
			float: right;
			color: #888888;
			line-height: 1.0em;
			}