@charset "utf-8";


/*============================================================================
	Reset [YUI2 Reset CSS]
=============================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
border:0;
}


/*============================================================================
	Setting [Original CSS]
=============================================================================*/
body {
	background: #fff;
	line-height: 1.6em;
	color: 444;
	font-size: 12px;
}

p {
	margin-bottom: 1em;
}

a {
	text-decoration: underline;
	cursor: pointer;
}
a:link,
a:visited {
	color: #444;
	text-decoration: underline;
}
	
a:hover,
a:active {
	color: #444;
	text-decoration: none;
}


/*============================================================================
	Common Style
=============================================================================*/

.red {
	color: #c00;
}
.small {
	font-size: 10px;
}
.txt_right {
	text-align: right;
}

/* Pankuzu
----------------------------------------- */
p.pankuzu {
	margin: 0 0 5px 5px;
}


/* Search_All Box
----------------------------------------- */
form.search_all {
	position: relative;
	width: 400px;
	height: 80px;
	background: url(/images/common/bg_search.gif);
}
	form.search_all a {
		color: #f02878;
	}
	form.search_all img.title {
		position: absolute;
		top: 7px;
		left: 10px;
	}
	form.search_all p.search {
		position: absolute;
		top: 30px;
		left: 10px;
	}
		form.search_all p.search input.text {
			width: 175px;
		}
		form.search_all p.search input.btn {
			vertical-align: middle;
		}
	form.search_all p.words {
		position: absolute;
		top: 54px;
		left: 12px;
	}
		form.search_all p.words span {
			color: #444;
			font-weight: bold;
		}
		form.search_all p.words a {
			margin-right: 5px;
		}


/*============================================================================
	Rayout Flame
=============================================================================*/
div#header_bar,
div#footer {
	width: 100%;
}
div#header,
ul#menu,
div#contents {
	width: 950px;
	margin: 0 auto;
}

/*========================================
	Common Column
=========================================*/

/* Header_bar
----------------------------------------- */
div#header_bar {
	height: 24px;
	margin-bottom: 5px;
	color: #ccc;
	background: #000;
}
	div#header_bar div {
		position: relative;
		width: 950px;
		margin: 0 auto;
		padding: 2px 0;
	}
	div#header_bar p {
		position: absolute;
		top: 2px;
		right: 5px;
	}
		div#header_bar p a {
			margin-left: 5px;
			color: #ccc;
		}


/* Header
----------------------------------------- */
div#header {
	position: relative;
	height: 110px;
}
div#header img.logo {
	margin-top: 20px;
}
div#header form.search_all {
	position: absolute;
	top: 10px;
	right: 0;
}


/* Menu
----------------------------------------- */
ul#menu {
	height: 40px;
}
	ul#menu li.toppage,
	ul#menu li.buzz {
		float: left;
		width: 240px;
		height: 40px;
	}
	ul#menu li.item,
	ul#menu li.review {
		float: left;
		width: 235px;
		height: 40px;
	}

/* Contents
----------------------------------------- */
div#contents {
	margin: 10px auto;
}

/* Link Top
----------------------------------------- */
p.link_top {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
}
	p.link_top img {
		vertical-align: middle;
	}

/* Footer
----------------------------------------- */
div#footer {
	border-top: 5px solid #f61fff;
	color: #666;
	background: #000;
}
div#footer a {
	color: #fff;
}
div#footer div.wrap {
	width: 930px;
	margin: 0 auto;
	padding: 12px 10px;
}
	div#footer div.wrap p.menu {
		text-align: center;
	}
	
	div#footer div.wrap p.copy {
		clear: both;
		text-align: center;
	}


/*========================================
	Contents Column
=========================================*/

/*  cim1 /
----------------------------------------- */
div.cim1 {
	padding: 0 10px;
}

/*  cim2a / [L:640] [R:300]
----------------------------------------- */
div.cim2a div.left {
	float: left;
	width: 640px;
}
div.cim2a div.right {
	float: right;
	width: 300px;
}

/*  cim2b / [L:200] [R:740]
----------------------------------------- */
div.cim2b div.left {
	float: left;
	width: 200px;
}
div.cim2b div.right {
	float: right;
	width: 740px;
}

/*  cim3a / [L:200] [R:740] [inL:200] [inR:740] 
----------------------------------------- */
div.cim3a div.left {
	float: left;
	width: 200px;
}
div.cim3a div.right {
	float: right;
	width: 740px;
}
div.cim3a div.in_left {
	float: left;
	width: 500px;
}
div.cim3a div.in_right {
	float: right;
	width: 230px;
}


/*========================================
	Common Parts Style
=========================================*/

/*  カテゴリーメニュー
----------------------------------------- */

div.left div.sidebox1 {
	width: 200px;
	margin-bottom: 5px;
	background: url(/images/common/bg_side_box1_center.gif) top center repeat-y;
}
div.left div.sidebox1 div.bg_b {
	background: url(/images/common/bg_side_box1_bottom.gif) bottom center no-repeat;
}
div.left div.sidebox1 div.bg_t {
	background: url(/images/common/bg_side_box1_top.gif) top center no-repeat;
	padding: 10px;
}

	div#contents div.left ul.list {
		margin-left: 5px;
	}
	div#contents div.left ul.list li {
		border-bottom: 1px solid #ccc;
		text-indent: 1em;
	}
	div#contents div.left ul.list li a {
		display: block;
		padding: 3px 0;
		background: url(/images/common/ico_ctgtitle_left.gif) left no-repeat;
	}
	div#contents div.left ul.list li a:hover,
	div#contents div.left ul.list li a.active {
		color: #ff00f0;
		background: url(/images/common/ico_ctgtitle_left_on.gif) left no-repeat;
	}
	
	div#contents div.left ul.list li ul.list_sub li {
		border: none;
		padding: 2px 0;
		margin-left: 0.5em;
	}
	div#contents div.left ul.list li ul.list_sub li a {
		padding-left: 1em;
		text-indent: 0;
		background: url(/images/common/ico_ctgsubtitle_left.gif) left no-repeat;
	}
	div#contents div.left ul.list li ul.list_sub li a:hover,
	div#contents div.left ul.list li ul.list_sub li a.active {
		color: #ff00f0;
		background: url(/images/common/ico_ctgsubtitle_left_on.gif) left no-repeat;
	}


/*  ページャー
----------------------------------------- */
p.pager {
	clear: both;
	margin: 5px 0;
	color: #444;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
	p.pager a {
		margin: 0 2px;
		font-size: 14px;
		font-weight: normal;
	}