@charset "utf-8";
/*--------------------------------------------------
             CSS for MacPeople Web
                        Last Modified 2009.03.27
                        http://macpeople.jp/
			Author: youko-a
			FileName : styles.css
--------------------------------------------------*/
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin: 0;
	padding: 0;
}
/*------------------------------- Common Elements */
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	line-height: 1.3;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
select,
input,
button,
textarea {
	font-size: 99%;
}
pre,
code,
kbd,
samp,
tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#mainCont a:link {
	color: #333;
}
#mainCont a:visited {
	color: #666;
}
#mainCont a:hover {
	color: #F46F21;
}
img {
	border: none;
	vertical-align: bottom;
}
ul,ol {
	list-style-type: none;
}
p {
	font-size: 100%;
}
h1 {
	font-size: 153.9%;
}
h2 {
	font-size: 138.5%;
}
h3 {
	font-size: 123.1%;
}
h4 {
	font-size: 108%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 93%;
}
address {
	margin:  1em 0;
	font-style: normal;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 93%;
	text-align: center;
}
hr {
	margin: 15px 0 10px;
	background-color:#ccc;
	color:#ccc;
	height:1px;
}
/*------------------------------------- Containers */
#wrapper {
	margin: 0 auto;
	padding: 0 4px;
	background: transparent url(/img/bg_body.gif) no-repeat left bottom;
	width: 840px;
}
#header {
	padding: 0 7px;
	width: 826px;
	height: 75px;
}
#gMenu {
	background: transparent url(/img/bg_menu.gif) no-repeat left top;
	border-bottom: 7px solid #F46F21;
	width: 840px;
	height: 45px;
}
#contents {
	padding: 0 0 0 4px;
	float: left;
	width: 650px;
	_width: 655px;
}
#mainCont {
	margin: 15px 0 0 10px;
	float: right;
	width: 480px;
}
#mainCont .contBox {
	width: 100%;
}
#sideLeft {
	margin: 15px 0 0;
	padding: 0 5px;
	float: left;
	width: 150px;
}
#sideRight {
	margin: 0 0 4px 10px;
	padding: 15px 10px 0;
	float: right;
	background: #E7E7E9 url(/img/bg_sideright.gif) repeat left top;
	width: 150px;
}
#footer {
	padding: 10px 0;
	clear: both;
	width: 100%;
	height: 80px;
}
/*---------------------------------------- ClearFix*/
#wrapper:after,
#header:after,
#contents:after,
#mainCont .txtHeader:after,
#mainCont .txtBody:after,
#mainCont .txtMore:after,
#mainCont #magLatest:after,
#mainCont .contBox:after,
#mainCont #relBooks li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper,
#header,
#contents,
#mainCont .txtHeader,
#mainCont .txtBody,
#mainCont .txtMore,
#mainCont #magLatest,
#mainCont .contBox,
#mainCont #relBooks li {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #wrapper,
* html #header,
* html #contents,
* html #mainCont .txtHeader,
* html #mainCont .txtBody,
* html #mainCont .txtMore,
* html #mainCont #magLatest,
* html #mainCont .contBox,
* html #mainCont #relBooks li {
	height: 1%;
}
#wrapper,
#header,
#contents,
#mainCont .txtHeader,
#mainCont .txtBody,
#mainCont .txtMore,
#mainCont #magLatest,
#mainCont .contBox,
#mainCont #relBooks li {
	display: block;
}
/* End hide from IE-mac */

/*----------------------------------- Common Classes */
.alcenter {
	text-align: center;
}
.alleft {
	text-align: left;
}
.alright {
	text-align: right;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.txt85 {
	font-size: 85%;
}
.txtRed {
	color: #A9132B;
}
.txtBlue {
	color: #247BFF;
}
/*----------------------------------------- Elements */
/* Header */
#header h1 {
	float: left;
	display: block;
	width: 260px;
	background: transparent url(/img/logo_people.gif) no-repeat left top;
}
#header h1 a {
	padding: 75px 0 0;
	display: block;
	height: 0;
	overflow: hidden;
}
#header #headerRight {
	margin: 5px 0 0;
	float: right;
	text-align: right;
}
#header #headerCatch {
	padding: 36px 0 0;
	display: block;
	width: 230px;
	height: 0;
	background: transparent url(/img/txt_headercatch.gif) no-repeat left top;
	overflow: hidden;
	text-align: right;
}
#header form {
	margin: 5px 0;
}
#header .keyWords {
	width: 155px;
}
#gMenu ul {
	margin: 0 50px;
}
#gMenu li {
	float: left;
	height: 45px;
	text-align: center;
}
#gMenu li a {
	padding: 45px 0 0;
	display: block;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 123px;
	height: 0;
}
#gMenu li#grvHome a {
	background-image: url(/img/menunor_home.gif);
}
#gMenu li#grvHome a:hover {
	background-image: url(/img/menuhov_home.gif);
}
#gMenu li#grvLatest a {
	background-image: url(/img/menunor_latestmag.gif);
}
#gMenu li#grvLatest a:hover {
	background-image: url(/img/menuhov_latestmag.gif);
}
#gMenu li#grvBacknum a {
	background-image: url(/img/menunor_backnum.gif);
}
#gMenu li#grvBacknum a:hover {
	background-image: url(/img/menuhov_backnum.gif);
}
#gMenu li#grvPresent a {
	background-image: url(/img/menunor_present.gif);
}
#gMenu li#grvPresent a:hover {
	background-image: url(/img/menuhov_present.gif);
}
#gMenu li#grvBlog a {
	background-image: url(/img/menunor_blog.gif);
}
#gMenu li#grvBlog a:hover {
	background-image: url(/img/menuhov_blog.gif);
}
#gMenu li#grvBooks a {
	background-image: url(/img/menunor_books.gif);
}
#gMenu li#grvBooks a:hover {
	background-image: url(/img/menuhov_books.gif);
}
/* Footer */
#footer {
	text-align: center;
}
#footer ul {
	margin: 1em 0;
}
#footer li {
	margin: 0 10px;
	display: inline;
}
/* Side(Left) */
#sideLeft a:link {
	color: #A9142B;
}
#sideLeft a:visited {
	color: #BF5162;
}
#sideLeft a:hover {
	color: #F46F21;
}
#sideLeft li {
	margin: 0 0 10px;
	background: transparent url(/img/bg_sideelem.gif) no-repeat left bottom;
}
#sideLeft li .inner {
	padding: 10px 5px 0;
	background: transparent url(/img/bg_sideelem.gif) no-repeat left top;
}
#sideLeft li p {
	padding: 7px;
}
#sideLeft li h4 {
	padding-left: 14px;
	background: transparent url(/img/ico_sideleft_h4.gif) no-repeat left top;
}
#sideLeft li#infoHead {
	padding-top: 53px;
	overflow: hidden;
	width: 150px;
	height: 0;
	background: transparent url(/img/header_info.png) no-repeat left top;
}
#sideLeft .calendar {
	margin: 0 0 10px; 
	width: 150px;
	font-size: 12px;
	border-collapse: collapse;
	text-align: center;
	border-color: #999;
}
#sideLeft .calendar th {
	font-size: 11px;
}
#sideLeft .calendar th,
#sideLeft .calendar td {
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	height: 18px;
}
#sideLeft .calendar td.week {
	background-color: #f3f3f3;
	font-size: 11px;
}
#sideLeft .calendar th a:link,
#sideLeft .calendar th a:visited,
#sideLeft .calendar td a:link,
#sideLeft .calendar td a:visited {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: transparent url(/img/bg_calendardate.gif) repeat-x left top;
	height: 15px;
	display: block;
	padding-top: 2px;
}
#sideLeft .calendar th a:hover,
#sideLeft .calendar td a:hover {
	border: none;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-decoration: none;
}
/* sideRight */
#sideRight ul {
	margin: 10px 0 0;
}
#sideRight li {
	margin: 0 auto 10px;
}
#sideRight #nextIssue {
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: transparent url(/img/bg_nextissue.gif) no-repeat left bottom;
}
#sideRight #nextIssue h4 {
	margin: 0;
	padding: 7px 10px 3px;
	background:transparent url(/img/bg_nextissue.gif) no-repeat left top;
	text-align: center;
}
#sideRight #nextIssue p {
	margin: 5px 7px;
}
#sideRight #nextIssue ul {
	margin: 5px 7px;
}
#sideRight #nextIssue li {
	margin-bottom: 3px;
}
#sideRight #nextIssue .nextMonth {
	color: #A9132B;
	font-size: 123.1%;
	text-align: center;
}
#sideRight #nextIssue .nextMonth span {
	display: block;
	background-color: #A9132B;
	color: #fff;
	width: auto;
}
#sideRight #pwInfo {
	padding: 0;
	background-color: #F3F3F3;
	border-bottom: 2px solid #1C2122;
	width: 150px;
	text-align: center;
}
#sideRight #pwInfo h4,
#sideRight #pwInfo p {
	margin-bottom: 7px;
	font-size: 93%;
}
/* Index */
#mainCont .contBox {
	margin: 0 0 15px;
	width: 100%;
}
#mainCont .contBox h3 {
	font-size: 108%;
}
#mainCont .contBox h3 a {
	padding: 22px 0 0;
	height: 0;
	display: block;
	overflow: hidden;
}
#mainCont #jpFeed h3 {
	background: transparent url(/img/bg_conth3_news.gif) no-repeat left top;
}
#mainCont #mpBlog h3 {
	background: transparent url(/img/bg_conth3_blog.gif) no-repeat left top;
}
#mainCont #relBooks h3 {
	background: transparent url(/img/bg_conth3_books.gif) no-repeat left top;
}
#mainCont .contBox ul {
	margin: 5px 10px;
}
#mainCont .contBox li {
	margin: 0 0 5px;
}
#mainCont #magLatest {
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: transparent url(/img/bg_maglatest.gif) no-repeat left bottom;
}
#mainCont #magLatest h2 {
	margin: 0;
	padding: 10px 15px 5px;
	background: transparent url(/img/bg_maglatest.gif) no-repeat left top;
}
#mainCont #magLatest h2 a:link {
	color: #A9142B;
}
#mainCont #magLatest h2 a:visited {
	color: #BF5162;
}
#mainCont #magLatest h2 a:hover {
	color: #F46F21;
}
#mainCont #magLatest .fl a img {
	margin: 0 10px 5px 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#mainCont #magLatest ul {
	margin: 0 5px 0 15px;
}
#mainCont #magLatest li {
	margin: 0 0 3px;
}
#mainCont #magLatest li.bottom {
	margin-top: 3em;
}
#mainCont #magLatest li span {
	margin: 0 1em 0 0;
	color: #A9142B;
}
#mainCont #jpFeed li p,
#mainCont #mpBlog li p {
	font-size: 85%;
}
#mainCont #relBooks ul {
	margin: 0;
}
#mainCont #relBooks li {
	margin: 10px 5px 0 5px;
	_margin: 10px 3px 0 1px;
	float: left;
	background: transparent url(/img/bg_relbooks.gif) no-repeat left bottom;
	width: 230px;
	height: 240px;
}
* html #mainCont #relBooks li {
	height: 250px;
}
#mainCont #relBooks li h4 {
	padding: 7px;
	background: transparent url(/img/bg_relbooks.gif) no-repeat left top;
	border-bottom: 1px dotted #fff;
	height: 2em;
	font-size: 100%;
}
#mainCont #relBooks li p {
	text-align: center;
}
#mainCont #relBooks li img {
	margin: 7px 5px;
}
#mainCont #relBooks li a:link img,
#mainCont #relBooks li a:visited img {
	border: 1px solid #ccc;
}
#mainCont #relBooks li a:hover img {
	border: 1px solid #F46F21;
}
/* Text */
#mainCont .txtMain {
	padding: 0 0 10px;
	background: transparent url(/img/bg_txt.gif) no-repeat left bottom;
	width: 100%;
}
#mainCont .txtHeader {
	padding: 10px 0;
	background: transparent url(/img/bg_txt.gif) no-repeat left top;
}
#mainCont .txtHeader h1 {
	margin: 0 15px;
	padding: 5px 0;
	border-bottom: 1px solid #DEDEDE;
	font-size: 138.5%;
}
#mainCont .txtHeader p {
	margin: 5px 15px;
	text-align: right;
}
#mainCont .txtHeader p.fr {
	margin: 5px 15px 0;
}
#mainCont .txtBody {
	margin: 10px 15px;
}
#mainCont .txtBody p.fl img {
	margin: 0 5px 0 0;
}
#mainCont .txtBody .fl a img {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#mainCont .txtBody ul {
	margin: 0 5px 0 15px;
}
#mainCont .txtBody li {
	margin: 0 0 3px;
}
#mainCont .txtBody li span {
	margin: 0 1em 0 0;
	color: #A9142B;
}
#mainCont .txtBody .alright {
	margin: .5em 0 0;
	font-size: 100%;
}
#mainCont .txtBody a:link {
	color: #A9142B;
}
#mainCont .txtBody a:visited {
	color: #BF5162;
}
#mainCont .txtBody a:hover {
	color: #F46F21;
}
#mainCont .txtMore {
	margin: 10px 15px 5px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #DEDEDE;
}
#mainCont .txtBody p,
#mainCont .txtMore p {
	margin: 0 0 1em;
	font-size: 108%;
	line-height: 1.6;
}
#mainCont .txtMore a:link {
	color: #F46F21;
}
#mainCont .txtMore a:visited {
	color: #F59B36;
}
#mainCont .contBox #mpetop {
	padding: 10px 15px;
	font-size: 108%;
}
#mainCont #mpetop span.strong {
	margin: 0 1em 0 0;
	color: #A9142B;
}
#mainCont .txtMore #mpe p {
	margin-left: 40px;
}
#mainCont .txtMore #mpe p.lead {
	margin-left: 0;
}
#mainCont .txtBody p.fl img {
	margin: 0 5px 0 0;
}
#mainCont .txtBody .fl a img {
	border: 1px solid #ccc;
}
#mainCont .txtBody ul {
	margin: 0 5px 0 15px;
}
#mainCont .txtBody li {
	margin: 0 0 3px;
}
#mainCont .txtBody li span {
	margin: 0 1em 0 0;
	color: #A9142B;
}
#mainCont .txtBody .alright {
	margin: .5em 0 0;
	font-size: 100%;
}
#mainCont .txtBody .alright a:link {
	color: #A9142B;
}
#mainCont .txtBody .alright  a:visited {
	color: #BF5162;
}
#mainCont .txtBody .alright  a:hover {
	color: #F46F21;
}
#mainCont #mpetop .cover_top {
	margin: 0 5px 0 0;
	float: left;
	border: 1px solid #ccc;
}
#mainCont .txtMore .cover {
	margin: 0 0 0 5px;
	float: right;
	border: 1px solid #ccc;
}
#mainCont .txtMore #mpe h1 {
	margin: 0 0 .5em;
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
	font-size: 123.1%;
}
#mainCont .txtMore #mpe h2 {
	font-size: 108%;
}
#mainCont .tbWrp {
	margin: 5px 15px 10px;
}
#mainCont .tbWrp .cat{
	margin: 0;
	font-size: 93%;
	text-align: right;
}
#mainCont .tbWrp .cat a:link {
	color: #A9132B;
}
#mainCont .tbWrp li h4 {
	margin: 5px 0 2px;
	padding-left: 14px;
	background: transparent url(/img/ico_tbdata.gif) no-repeat left top;
	font-size: 93%;
}
#mainCont .tbWrp p {
	margin: 0 0 5px;
}
#mainCont .tbWrp ul {
	margin: 5px 1em 15px;
}
#mainCont .tbWrp li p {
	margin: 0 0 10px 14px;
	font-size: 93%;
}
#mainCont .tbWrp .tburl {
	padding: 4px 10px 3px 22px;
	background: transparent url(/img/bg_tburl.gif) no-repeat left top;
	width: 424px;
	height: 22px;
}
#mainCont .catArch .txtMain {
	margin: 0 0 15px;
}
#mainCont .catArch .txtMain .txtHeader h2 {
	margin: 0 15px;
	padding: 5px 0;
	border-bottom: 1px solid #DEDEDE;
}
#mainCont .pager {
	text-align: center;
}
#mainCont .pager a:link {
	color: #A9142B;
}
#mainCont .pager a:visited {
	color: #BF5162;
}