@charset "utf-8";

/*======================================
    base-1.Universal    
=======================================*/
* {
		  color: #666;
    font-weight: normal;
    font-style: normal; 
	  	line-height: 1.5;
    margin: 0; 
    padding: 0;
}
/*======================================
    base-2.Structure    
=======================================*/
body {
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;
	font-size: 16px;
	margin: 0 20px;
	background: url(../img/bg.jpg) repeat;
    
}
/*======================================
    base-3.Text 　   
=======================================*/
p {
	margin: 20px;
}
h1 {
	font-size: 180%;
}
h2 {
	font-size: 140%;
	display: none;
}
h3 {
	color: #333;
	font-size: 130%;
	margin: 20px 0 0px 20px;
	padding: 0px 5px;
	border-left: solid 12px #a9a9a9;
}
h4 {
	font-family: Verdana;
	font-size: 120%;
	font-weight: 800;
	margin: 30px 0 0 20px;    
}
.phbox {
	margin: 20px 20px;
	width: 450px;
	height: 220px;
  background-color: #333;
	overflow: hidden;	
	filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.phbox img {
	float: left;
	margin-right: 15px;
}
.phcap1 {
	font-size: 95%;
	line-height: 1.5;
	margin: 5px 30px;
	color: #fff;
}
.phcap2 {
	font-weight: 700;
	font-size: 90%;
	line-height: 1.5;
	margin-top: 20px;
}
.phcap3 {
	clear: both;
	font-size: 90%;
	line-height: 1.5;
	margin-left: 20px;
}
.drop {
	font-size: 2.6em;                                         
	margin: -10px 0;
	float: left; /*本文ドロップキャップ*/
}
.drop2 {
	font-size: 2em;                                         
	margin: 0px 10px 0 20px;
	float: left; /*本文ドロップキャップ*/
}
.textborder {
	font-size: 15px;
	border-bottom:dotted 1px #000;
}
address {
	color: #afafaf;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	margin: 20px;
}
.underline {
	background-image: url(../img/underline_blue.gif);
	padding: 1px;
}

.line_th {
	text-decoration: line-through;
}
/*======================================
    base-4. Link 
=======================================*/
a {
	color: #00ffff;
	text-decoration: none;
}
a active {
	color:#f00 
}
a link {
	color: #458d8d;
}
a hover {
	color: #e88211;
}
a img {
	border: none;
	vertical-align: text-bottom;/*標準モード画像の下の余計な余白をなくす*/
	
}
/*======================================
   base-5. List 　
=======================================*/
ul {
	list-style: none;
	margin: 0;
	padding: 0;  	
}
ol {
	list-style-type: decimal;
	margin-left: 30px;
	padding-left: 10px;
}
dt {
	width: 450px;
	font-weight: 700;
	margin: 10px 0 5px 20px;
	border-bottom: solid #333 1px;
}
dd {
	margin: 0 20px;
}
/*--------------------------------------
    common-1. menu    
--------------------------------------*/
div#menu {
    width: 219px;
    height: 219px;
    position: absolute;
    top: 64px;
    left: 22px;
    background: url(../img/bg_navi.gif) no-repeat; /*menu全体囲みとフキダシ*/
}
/*--------------------------------------
　common-1-1. menu position
---------------------------------------*/
div#menu li.photo a,
div#menu li.html a,
div#menu li.illust a,
div#menu li.flash a {
    position: absolute;
    width: 72px;
    height: 72px;
    text-indent: -9999px; /*テキスト枠外*/
    overflow: hidden;
}
/*--------------------------------------
    common-1-2. menu rollover.photo
---------------------------------------*/
div#menu li.photo a {
    top: 40px;
    left: 12px;
    background: url(../img/button01.gif) no-repeat; /*メニューa背景画像*/
}
div#menu li.photo a:hover {
    background-position: 0 -72px; /*オンマウス背景スプライト切り替え*/
}
div#menu li.photo a:active {
    background-position: 0 -144px; /*クリック背景スプライト切り替え*/
}
/*--------------------------------------
    common-1-3. menu rollover.html
---------------------------------------*/
div#menu li.html a {
    top: 13px;
    left: 87px;
    width: 118px; 
    height:118px;  /* ボタンサイズ大の上書き */
    background: url(../img/button02.gif) no-repeat;
}
div#menu li.html a:hover {
    background-position: 0 -118px;
}
div#menu li.html a:active {
    background-position: 0 -236px;
}
/*--------------------------------------
    common-1-4. menu rollover.illust
---------------------------------------*/
div#menu li.illust a {
    top: 111px;
    left: 46px;
    background: url(../img/button03.gif) no-repeat;
}
div#menu li.illust a:hover {
    background-position: 0 -72px;
}
div#menu li.illust a:active {
    background-position: 0 -144px;
}
/*--------------------------------------
    common-1-5. menu rollover.flash
---------------------------------------*/
div#menu li.flash a {
    top: 135px;
    left: 121px;
    background: url(../img/button05.gif) no-repeat;
}
div#menu li.flash a:hover {
    background-position: 0 -72px;
}
div#menu li.flash a:active {
    background-position: 0 -144px;
}
/*--------------------------------------
    common-2. layout
--------------------------------------*/
div#wrapper {
  margin: 0 auto;
	width: 820px;
	text-align: left;
}
* html {
	margin-bottom: 1px;
	height: 100%; /* Foxズレ対策 */
}
div#header{
	position: relative; /* ポジション基点 */
  height: 452px;
	background: #fff url(../img/top.png) right top no-repeat;
	border-right: solid 5px #000;
	border-bottom: solid 50px #000;
}
h1 {
	position: absolute;
	top: 0;
	left: 0;
}
#topread p {
	color: #e4007f;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	width: 20em;
	height: 12em;
	position: absolute;
	top: 280px;
	left: 0;
	background: url(../img/file.gif) no-repeat;
}
div#content{
	margin: 0 auto;
	width: 810px;
	background: url(../img/container_bg0.png) repeat-y;
	overflow: hidden; /*float背景落ち対策*/
}
*html .clearfix {
	zoom: 1; /*IE6対策*/
}
div#main {
	float: left;
	width: 500px;
}
div#sidemenu{
	float: right;
	width: 310px;	
}
div#extra {
	padding: 30px 0 0 130px;
}
div#extra ul li {
	color: #afafaf;
	margin-left: 1em;
	display: inline;
}
div#footer {
	padding: 20px 10px 5px;
	background: url(../img/footerbg.png) repeat-x;
	text-align: center;
}

/*--------------------------------------
	common-2-3.nav layout 
--------------------------------------*/
div#nav {
	  position: absolute; /* リスト相対配置 */
    top: 456px;
    left: 300px;
    width: 30em;
}
div#nav ul.pnav {
	margin: 0;
	padding: 5px 10px 5px;
	background: #000; /* リスト全体の背景 */
	text-align: center; /* リスト全体にセンターを指定する */	
}
div#nav ul.pnav li {
	display: inline; /* 各リストを横並び */
	margin: 0 2px; /* 各リストの横アキ */
	padding:  5px 13px;
	background: #000;
}
div#nav ul.pnav li span {
	color: #fff;
	font-size:19px;
	font-weight: bold;
}
#nav ul.pnav li a:hover {
 	color: #000;
	background: #ccf;
}
/*--------------------------------------
	common-2-3.nav layout 
--------------------------------------*/
legend {
	display: none;
}
input {
	vertical-align: middle; /* ラジオボタンのズレ修正…サファリは? */
}
input.text {
	border: none;
	color: #336581;
	background: transparent url(../textbox.gif) no-repeat left top;
}
textarea {
	border: none;
	background: transparent url(../textbox.gif) no-repeat left top;
}
input.submit {
	margin: 20px 0 0 20px;
}

#book01 {
	float: left;
	width: 150px;
	height: 220px;
	background: url(../img/sprite.png) no-repeat 0 0;
}
#book02 {
	float: left;
	width: 150px;
	height: 212px;
	background: url(../img/sprite.png) no-repeat 0 -270px;
}
#book03 {
	float: left;
	width: 150px;
	height: 192px;
	background: url(../img/sprite.png) no-repeat 0 -532px;
}
#book04 {
	float: left;
	width: 235px;
	height: 220px;
	background: url(../img/sprite.png) no-repeat 0 -774px;
}
#book05 {
	float: left;
	width: 150px;
	height: 179px;
	background: url(../img/sprite.png) no-repeat 0 -1044px;
}
#book07 {
	float: left;
	width: 150px;
	height: 191px;
	background: url(../img/sprite.png) no-repeat 0 -1273px;
}
#book08 {
	float: right;
	width: 69px;
	height: 91px;
	background: url(../img/sprite.png) no-repeat 0 -1514px;
}
#book09 {
	float: left;
	width: 150px;
	height: 211px;
	background: url(../img/sprite.png) no-repeat 0 -1655px;
}
#luck {
	float: left;
	width: 140px;
	height: 140px;
	background: url(../img/sprite.png) no-repeat 0 -1916px;
}
#luck3 {
	float: left;
	width: 140px;
	height: 140px;
	background: url(../img/sprite.png) no-repeat -285px -390px;
}
#meisi {
	float: right;
	width: 300px;
	height: 348px;
	background: url(../img/sprite.png) no-repeat -285px -580px;
}

#book01 a,
#book02 a,
#book03 a,
#book04 a, 
#book05 a,
#book06 a,
#book07 a,
#book08 a,
#book09 a,
#luck a, 
#luck3 a,
#meisi a {
	display: none;
}


.b_none {
	border: none;
	font-weight: 400;
}