/* base css */


/* portal css */


/* theme css */
/* general page elements */

a { color: #E478AB;text-decoration: none;}
a:link { color: #E478AB; }
a:visited { color: #E478AB; } 
a:active { color:#8E89A0; }
a:hover { color:#8E89A0; }

h1{
	padding: 0px;
	margin:0px;
}

h2
{
	padding: 0px;
	margin:0px;
}

h3{
	padding: 0px;
	margin:0px;
}

strong{
	font-weight:normal;
}

	.space {
	width:1px;
	height: 1px;
	padding: 0px;
	clear: both;
	}

	
	
/* レイアウト */



body
{
background:url(images/back2.gif) repeat-y;
height:px;
padding:0px;
margin:0px;
text-align:left;
}

/* MouRa */

#header-con{
width:760px;
height:px;
background-color:#FFFFFF;
padding:0px;
margin:0px;
}

#location-con{
width:760px;
height:px;
background-color:#FFFFFF;
text-align:left;
padding:0px;
margin:0px;
}

#osusume{
	width: 760px;
height:px;

clear:both;
text-align:center;
padding:0px;
margin:0px;
}

#osusume-inn{
width: px;
height:px;

clear:both;
text-align:left;
padding:10px 0 0 87px;
margin:0px;
}

.webgendai_component{
text-align:left;
}

#footer-con{
width:760px;
height: auto;

float: left;
background-color:#FFFFFF;
padding:10px 0;
margin:0;
}

.waku{
background:url(images/back1.gif) repeat-y;
float: left;
width: auto;
height: auto;
margin:0;
}

/* three-column tweaks */

	.layout-three-column
	{
	width: 760px;
	}
	
	.layout-three-column #beta
	{
	float: left;
	width: 585px;
	padding:0;
	overflow: hidden;
	}

	.layout-three-column #beta-inner
	{
	border: 0;
	padding:0;
	}

	.layout-three-column #gamma
	{
	width: 175px;
	float: right;
	padding:0;
	margin:0;
	}
	
	.layout-three-column #gamma-inner
	{
	border: 0;
	padding:0;
	margin:0;
	}
	
	.right-box{
	margin:5px  auto 10px auto;
	width: 175px;
	}
	
	.right-box-inn{
	margin-left:0;
	margin-right:0;
	}

	.layout-three-column #beta a { color: #E478AB;text-decoration: none;}
	.layout-three-column #beta a:link { color: #E478AB; }
	.layout-three-column #beta a:visited { color: #E478AB; } 
	.layout-three-column #beta a:active { color:#8E89A0; }
	.layout-three-column #beta a:hover { color:#8E89A0; }

/* タイトル */
	
	#banner-body {
	width: 760px;
	height:75px;
	padding: 0;
	margin:0;
	background:url(images/book_cover.gif) no-repeat;
	text-align: center;	
	}
	
	#banner-read {
	width: 760px;
	height:px;
	padding:15px 0;
	margin:0;
	font-size: 16px;
	line-height:16px;
	text-align:center;
	color:#CC3366;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	}
	
	#banner-day {
	width: px;
	height:px;
	padding:0;
	margin:5px 0 0 0;
	font-size: 14px;
	line-height:14px;
	color:#8E89A0;
	text-align: right;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	}
	
	#banner{
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	width:760px;
	height:px;
	text-align: left;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	}
	
	#banner-body1{
	width: 760px;
	height:115px;
	padding: 0;
	margin:0;
	font-size: 9px;
	color:#FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	#banner-body1 span{
	width: 100%;
	height:100%;
	background:url(images/book_cover2.jpg) no-repeat;
	position:absolute;
	}

	
	
	#banner2{
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	width:760px;
	height:px;
	text-align: left;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	}
	
	#banner-body2{
	width: 435px;
	height:px;
	padding: 0;
	margin:0;
	float:left;
	font-size: 9px;

	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	background:url(images/book_cover3.jpg) no-repeat;
	}
	
	#banner-body3{
	width: 325px;
	height:px;
	padding: 0;
	margin:0;
	float:right;
	font-size: 9px;
	color:#8E89A0;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	background:url(images/book_cover4.jpg) no-repeat;
	}
	
	.book-data{
	width: px;
	height:px;
	padding: 0 0 0 0;
	margin:0;
	font-size: 12px;
	line-height:21px;	
	color:#8E89A0;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	#read-txt{
	width: 365px;
	height:px;
	padding: 0;
	margin:0 auto 5px auto;
	font-size: x-small;
	line-height:150%;
	color:#8E89A0;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	#read-img{
	width: 365px;
	height:15px;
	padding: 0;
	margin:0 auto 0 auto;
	font-size: 9px;
	color:#FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	#read-img span{
	width: 100%;
	height:100%;
	background:url(images/read-img.gif) no-repeat;
	position:absolute;
	}
	
	#thirdlove-link{
	width: 264px;
	height:px;
	padding: 0;
	margin:15px auto 0 auto;
	font-size: 9px;
	text-align:center;
	color:#FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	
/* コンテンツ */

	.line {
	width: 585px;
	height: px;
	padding: 0;
	margin:10px 0 20px 0;
	}
	
	#contents {
	width: px;
	height: px;
	padding: 0;
	margin:0;
	}
	
	#contents p {
	width: px;
	height: px;
	padding: 0;
	margin:20px 0 0 0;
	}
	
	#contents-inn {
	width: px;
	height: px;
	padding: 0;
	margin:0 0 10px 0;
	}


	.middle-top {
	width: 485px;
	height: 10px;
	padding: 0;
	margin:0 auto 0 auto;
	background:url(images/middle-top.gif) no-repeat;
	}
	
	.middle-title {
	width: 485px;
	height: px;
	padding: 0;
	margin:0 auto 0 auto;
	background:url(images/middle-title.gif) no-repeat;
	}
	
	.middle-title-inn {
	width: px;
	height: px;
	padding: 0 10px 5px 10px;
	margin:0;
	}
	
	.middle-title-inn2 {
	width: px;
	height: px;
	padding: 5px 10px 5px 10px;
	margin:0;
	}
	
	.middle-content {
	width: 485px;
	height: px;
	padding: 0;
	margin:0 auto 0 auto;
	background:url(images/middle-content.gif) repeat-y;
	}
	
	.middle-content-inn {
	width: px;
	height: px;
	padding: 10px 10px 0px 10px;
	margin:0;
	
	}
	
	.middle-bottom {
	width: 485px;
	height: 10px;
	padding: 0;
	margin:0 auto 0 auto;
	background:url(images/middle-bottom.gif) no-repeat;
	}	



	/* 書籍紹介 */

.shop-waku-txt{
	width:271px;
	margin: 0 auto;
  	padding: 0;
	color: #333333;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 10px;
	text-align: left;
}

.shop-waku{
	width:128px;
	margin: 0;
  	padding: 0 15px 5px 0;
	color: #666666;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 9px;
	line-height:9px;
	text-align: center;
	float:left;
}

.shop-waku-b{
	width:128px;
	margin: 0 0 0 0;
  	padding: 0 0 5px 0;
	color: #666666;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 9px;
	line-height:9px;
	text-align: center;
	float:left;
}

.shop-waku-txt2{
	width:128px;
	margin: 0 91px;
  	padding: 0;
	color: #333333;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 10px;
	text-align: left;
}

.shop-waku2{
	width:128px;
	margin: 0;
  	padding: 0 0 0 0;
	color: #666666;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 10px;
	text-align: center;
	float:left;
}
	
	
/* MySpace */


	.backnumber-waku{
	width: 458px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding:0;

	}

	.backnumber-txt{
	width: 458px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: large;
	text-align:center;
	line-height: 100%;
	color:#CC3366;
	}
	
	.backnumber {
	width: 224px;
	height:px;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
	float:left;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: xx-small;
	line-height: 100%;
	}
	
	.backnumber-r {
	width: 224px;
	height:px;
	margin:0;
	padding:0;
	text-align:center;
	float:right;	
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: xx-small;
	line-height: 100%;
	}


	.myspace {
	width: 480px;
	height:px;
	padding:0;
	margin:20px auto 10px auto;
	}
	
	.layout-three-column #beta .myspace a { color: #FFFF00;text-decoration: none;	}
	.layout-three-column #beta .myspace a:link { color: #FFFF00; }
	.layout-three-column #beta .myspace a:visited { color: #FFFF00; } 
	.layout-three-column #beta .myspace a:active { color: #3F3F3F; }
	.layout-three-column #beta .myspace a:hover { color: #3F3F3F; }
	
	.myspace-top {
	width: 480px;
	height:20px;
	padding:0;
	margin:0;
	background:url(images/waku_01.gif) no-repeat;
	}

	.myspace-inn {
	width: px;
	height:px;
	padding:0 20px;
	margin:0;
	background:url(images/waku_02.gif) ;
	}
	
	.myspace-bottom {
	width: 480px;
	height:20px;
	padding:0;
	margin:0;
	background:url(images/waku_03.gif) no-repeat;
	}
	
	.off-ivent {
	width: 224px;
	height: px;
	padding:0;
	margin:10px auto 0 auto;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: small;
	line-height: 150%;
	text-align:center;
	}
	

/* サイドバー */


	.side-red-top {
	width: 325px;
	height: 10px;
	padding: 0;
	margin:10px 0 0 0;
	background:url(images/side-red-top.gif) no-repeat;
	}
	
	.side-red-title {
	width: 325px;
	height: px;
	padding: 0;
	margin:0;
	background:url(images/side-red-title.gif) no-repeat;
	}
	
	.side-red-title-inn {
	width: px;
	height: px;
	padding: 0 20px 5px 10px;
	margin:0;
	}
	
	.side-red-content {
	width: 325px;
	height: px;
	padding: 0;
	margin:0;
	background:url(images/side-red-content.gif) repeat-y;
	}
	
	.side-red-content-inn {
	width: px;
	height: px;
	padding: 10px 20px 0px 10px;
	margin:0;
	}
	
	.side-red-bottom {
	width: 325px;
	height: 10px;
	padding: 0;
	margin:0;
	background:url(images/side-red-bottom.gif) no-repeat;
	}


	
	.side-top {
	width: 325px;
	height: 10px;
	padding: 0;
	margin:10px 0 0 0;
	background:url(images/side-top.gif) no-repeat;
	}
	
	.side-title {
	width: 325px;
	height: px;
	padding: 0;
	margin:0;
	background:url(images/side-title.gif) repeat-y;
	}
	
	.side-title-inn {
	width: px;
	height: px;
	padding: 0 10px 5px 10px;
	margin:0;
	}
	
	.side-content {
	width: 325px;
	height: px;
	padding: 0;
	margin:0;
	background:url(images/side-content.gif) repeat-y;
	}
	
	.side-content-inn {
	width: px;
	height: px;
	padding: 10px 20px 0px 10px;
	margin:0;
	}
	
	.side-bottom {
	width: 325px;
	height: 11px;
	padding: 0;
	margin:0;
	background:url(images/side-bottom.gif) no-repeat;
	}
	
	.banner165 {
	width: 165px;
	height: px;
	padding:0;
	margin:5px auto 0 auto;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: x-small;
	line-height:100%;
	text-align:left;
	}
	

/* ネクストリンク */
	
	.next-link {
	width:400px;
	height:px;
	padding: 0;
	margin:15px auto 0 auto;
	text-align:center;
	}
	
	.next-link-inn {
	width:400px;
	height:px;
	padding: 0;
	margin: 0;
	float:left;
	}
	
	.next-inn2 {
	width:px;
	list-style:none;
	color: #FFFFFF;
	background-color:#8E89A0;
	text-align:center;
	text-decoration: none;
	padding:5px 10px;
	margin:0;
	}

	.next-inn {
	width:px;
	list-style:none;
	color: #E478AB;
	background-color:#FFFFFF;
	text-align:center;
	text-decoration: none;
	padding:5px 10px;
	margin:0;
	}
	
	.next-link a { color: #E478AB;text-decoration: none;}
	.next-link a:link { color: #E478AB; }
	.next-link a:visited { color: #E478AB; }
	.next-link a:active { color:#8E89A0; }
	.next-link a:hover { color:#8E89A0; }