@charset "Shift_JIS";

/**********************/
/*  共通ブロック要素  */
/**********************/

/*** 基本 ***/

html, body {
	height:100%;
}

body {
	font-family:"メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	text-align:center;
	background:#FFF url("img/bg.png") repeat-y center;
	padding:0;
	margin:0;
}

#all {
	color:#707070;
	font-size:14px;
	text-align:left;
	line-height:1.5;
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;			/* IE6: フッタ位置ずれ対策 */
	padding:0;
	margin:0 auto -60px;
	*margin-bottom:0;		/* IE6,7: フッタ位置ずれ対策 */
}

h1 {
	color:#FFF;
	background:url("img/h1_bg.png") no-repeat left top;
	font-size:16px;
	line-height:1.0;
	height:100px;
	white-space:nowrap;
	padding:40px 0 0 20px;
	margin:0 0 -12px 0;
}

h2 {
	color:#666;
	background:#FFF url("img/h2_bg.png") no-repeat;
	font-size:14px;
	line-height:1.0;
	white-space:nowrap;
	height:19px;
	padding:8px 0 0 28px;
	margin:1em auto;
}

h3 {
	color:#5581B7;
	background:#FFF url("img/h3_bg.png") no-repeat;
	font-size:14px;
	line-height:1.0;
	white-space:nowrap;
	height:20px;
	padding:7px 0 0 28px;
	margin:1em auto;
}

/*** フッタ ***/

#footer {
	text-align:left;
	background:#DDD url("img/footer.png") no-repeat;
	width:960px;
	height:60px;
	padding:0;
	margin:0 auto;
	clear:both;
	position:relative;
}

address {
	color:#FFF;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	padding:22px 0 0 20px;
}

#counter {
	line-height:1.0;
	position:absolute;
	right:20px;
	top:24px;
}

/*** リスト ***/

ul {
	list-style-image:url("img/bullet.gif");
	padding-left:0;
	margin-left:18px;
}

li {
	margin:0.5em 0;
}

ul.shrink li {
	margin:0;
}

dt {
	background:url("img/bullet.gif") no-repeat;
	padding-left:16px;
}

dt a {
	font-weight:bold;
}

dd {
	margin:0 0 1em 1em;
}

.shrink dt {
	clear:both;
	float:left;
	padding-right:1em;
}

.shrink dd {
	margin:0 0 0.5em 8em;
}

/*** テーブル ***/

table {
	width:100%;
	border:1px solid #BBB;
	border-collapse:collapse;
}

th {
	color:#777;
	text-align:left;
	white-space:nowrap;
	background:#EEE;
}

th, td {
	line-height:1.2;
	vertical-align:top;
	border:1px solid #BBB;
	padding:4px;
}

/*** その他 ***/

p {
	margin:0 0 1em 0;
}

hr { display:none; }

/**************/
/*  メニュー  */
/**************/

/*** 基本 ***/

#menu {
	font-size:14px;
	font-weight:bold;
	line-height:29px;
	text-align:center;
	background:url("img/menu_bg.png") no-repeat;
	list-style:none outside none;
	width:100%;
	height:29px;
	padding:0;
	margin:0;
}

html>body #menu {	/* IE7: フッタ位置ずれ対策(h1をmouseoverすると発生) */
	*width:auto;
	*height:auto;
	*padding-bottom:29px;
}

#menu li {
	padding:0;
	margin:0;
	float:left;
}

#menu a {
	display:inline-block;
	width:120px;
}

#menu .selected {
	background:url("img/menu_selected.png") no-repeat;
}

#menu li:hover {
	background:url("img/menu_focus.png") no-repeat;
}

/**************/
/*  左ペイン  */
/**************/

/*** 基本 ***/

#main {
	width:658px;
	padding:0 0 2em 0;
	margin:8px 0 0 20px;
	clear:both;
	float:left;
	_display:inline; /* IE6 */
}

#nav-page {
	text-align:center;
	border-top:3px double #BDC6E2;
	padding:8px 0 0 0;
	margin:20px 0 0 0;
}

/**************/
/*  右ペイン  */
/**************/

/*** 基本 ***/

#side {
	font-size:12px;
	line-height:1.2;
	width:242px;
	padding:14px 0 2em 0;
	margin:8px 9px 0 0;
	float:right;
	_display:inline; /* IE6 */
}

#side .section {
	background:url("img/side_h2_bg.png") no-repeat;
	width:240px;
	border-bottom:1px solid #C0C4CA;
	margin:0 0 14px 0;
	clear:both;
}

#side h2 {
	color:#555;
	background:transparent none;
	font-size:12px;
	line-height:1.0;
	width:auto;
	height:8px;
	padding:8px 0 10px 18px;
	margin:0;
}

#side .content {
	color:#606060;
	background:transparent none;
	width:230px;
	margin:4px;
}

/*** リスト ***/

#side li, #side dl, #side dt, #side dd {
	padding:0;
	margin:0;
}

#side ul {
	margin-top:0;
	margin-bottom:0;
}

#side dt {
	font-weight:bold;
	background:none;
}

#side dd {
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px dashed #AAA;
}

.sell-list dt, .sell-list dd {
	text-align:center;
}

/*** イラスト一覧 ***/

#thumb {
	height:353px;
	overflow:auto;
}

#thumb a {
	background:#F4F4F8;
	text-align:center;
	line-height:64px;
	width:66px;
	height:66px;
	border:1px solid #DDD;
	margin:0 3px 3px 0;
	overflow:hidden;
	display:block;
	float:left;
}

#thumb img {
	vertical-align:middle;
}

#cg-cat {
	list-style:none outside none;
	width:240px;
	height:16px;
	margin:0;
	position:relative;
	top:-15px;
}

#cg-cat li {
	font-size:11px;
	line-height:1.0;
	text-align:center;
	background:url("img/side_cgtab.png") no-repeat;
	width:60px;
	height:13px;
	padding:3px 0 0 0;
	margin:0;
	float:left;
}

#cg-cat .selected {
	background:url("img/side_cgtab_selected.png") no-repeat;
}

#cg-cat a { color:#555; }

/*** リンクバナー ***/

.sitelink { text-align:center; }

/************************/
/*  共通インライン要素  */
/************************/

/*** リンク ***/

a { text-decoration:none; }
a:link { color:#45C; }
a:visited { color:#68E; }
a:active { color:#F7B; }
a:hover { color:#F7B; text-decoration:underline; }

#menu a:link, #menu a:visited { color:#46D; }
#menu a:active, #menu a:hover { color:#F49; }
#menu .selected a:link, #menu .selected a:visited { color:#24E; }

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { color:#666; }

a img { border:1px solid #FFF; }
a:active img, a:hover img { border:1px solid #F7B; }

h1 a img { border:none; }
h1 a:active img, h1 a:hover img { border:1px solid #78F; }

/*** その他 ***/

em {
	font-style:normal;
	font-weight:bold;
}

input, select, textarea {
	color:#666;
	background:#FFF;
	border-top:   1px solid #DDD;
	border-right: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:  1px solid #DDD;
}