/* ######‹¤’Ê############################## */
*{
	padding:0;
	margin:0;
	line-height:170%;
}
body{
	padding:20px;
	text-align:center;
	background:url(img/bg01.gif) #e9c47c;
	font-size:90%;
}
img{
	border:none;
}
#wrap{
	margin:auto;
	width:800px;
	background:url(img/bg02.gif) #ffeeba repeat-y right;
	text-align:left;
}
.content{
	margin:0 30px;
	padding:0 15px 15px 15px;
}
blockquote{
	margin:20px 50px;
	padding:30px;
	border:2px solid #d0ccaa;
	background-color:#fff5cc;
}
p{
	margin-top:15px;
}

.clear{
	clear:both;
}
.blockEnd{
	width:800px;
	height:10px;
	padding:0;
	margin:0 auto ;
	background:url(img/bg03.gif) no-repeat;
}
.b{
	font-weight:bold;
}
.r{
	color:#c00;
}
.n{
	display:block;
}
.f1{
	font-size:2.5em;
}
.f2{
	font-size:1.8em;
}
.f3{
	font-size:1.5em;
}
.center{
	text-align:center;
}

.buyIt{
	margin:20px;
	text-align:center;
}

ul.normal{
	margin:10px;
}
ul.normal li{
	padding-left:20px;
	list-style:none;
	background:url(img/list01.gif) no-repeat 1px 4px;
}


/* ######ŒÂ•Ê############################## */


/* ######header###### */

#header{
	width:800px;
	margin:0 auto;
	text-align:center;
	background:url(img/bg02.gif) #ffeeba repeat-y right;
	color:#333;
}

h1{
	background-color:#cc4a50;
	padding:20px;
	margin-right:9px;
	font-size:2.8em;
	line-height:100%;
	color:#fff;
}
h1 span{
	display:block;
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:6px;
	color:#ffffaa;
}
#header h2{
	margin:10px auto;
	line-height:130%;
	font-weight:normal;
	font-size:1.8em;
}
#bookTitle{
	padding:10px auto 20px auto;
	background-color:transparent;
	font-size:2.5em;
	color:#900;
}
#menu li{
	display:block;
	text-align:center;
	float:left;
	height:30px;
	background-color:#fff;
	font-weight:bold;
}
#menu li#magazine{
	width:264px;
	background-color:#fc5;
}
#menu li#buy{
	width:263px;
	background-color:#faa;
}
#menu li#about{
	width:264px;
	background-color:#fc5;
}


/* ######talk###### */
.talk .me,.talk .you{
	position:relative;
	background-color:#fff;
	border:1px solid #333;
	margin-right:160px;
	margin-left:120px;
	margin-bottom:15px;
}

.talk .me p,.talk .you p{
	margin:8px;
}

.talk .me .chara{
	position:absolute;
	top:-10px;
	left:-80px;
}
.talk .me .fukidashi{
	position:absolute;
	top:5px;
	left:-15;
}
.talk .you .chara{
	position:absolute;
	top:-10px;
	left:450px;
}
.talk .you .fukidashi{
	position:absolute;
	top:5px;
	left:428px;
}

/* ######compare###### */
#compare{
	border-collapse: collapse;
}
#compare td{
	padding:5px;
	font-size:96%;
	line-height:100%;
	border:2px solid #aaa;
	background-color:#fff;
}
#compare td.arrow{
	border:none;
	background-color:transparent;
}

/* ######other###### */
#problem{
	padding:15px;
	border:2px solid #d0ccaa;
	background-color:#fff5cc;
}
#problem ul{
	margin:0;
	padding:0;
}
#problem li{
	width:200px;
	float:left;
	padding-left:20px;
	list-style:none;
	background:url(img/list01.gif) no-repeat 1px 4px;
}
#problem p{
	text-align:right;
	margin:-10px 0 -10px 0 ;
}
ul#chkList{
	padding:15px;
	border:1px solid #d0ccaa;
	background-color:#fff5cc;
}
ul#chkList li{
	list-style:none;
	padding-left:18px;
	line-height:180%;
	background:url(img/check.jpg) no-repeat 0px 4px;
}
p.exp{
	padding:5px;
	border:1px solid #d0ccaa;
	background-color:#fff5cc;
}