@charset "utf-8";

body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	line-height:1.5em;
}

body::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-image:url(book/202509photo.jpg);
    background-size: cover;
}

ul, li{
  margin: 0;
  padding: 0;		
}

hr{
	
}

a{/*リンクされた文字*/
    color:#736D5F;
}
a:link {/*未訪問のリンク*/
    color:#736D5F;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#5F6B73;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#cf1000;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:underline;
}


h1{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
	font-size:21px;
	border-bottom:1px solid #000000;
	margin:0px;
}

h2{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
	font-size:19px;
	border-bottom:1px solid #000000;
	margin:0px;
}

h3{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
	font-size:17px;
	margin:0px;
}

h4{
	font-size:15px;
	margin:0px;
}

#kochira{
	text-align:right;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
	font-size:17px;
	font-weight:bold;
	margin:0px;
}

#spacer10 { height:10px; }
#spacer15 { height:10px; }
#spacer20 { height:20px; }
#spacer30 { height:30px; }
#spacer40 { height:40px; }
#spacer50 { height:50px; }
#spacer60 { height:60px; }
#spacer70 { height:70px; }
#spacer80 { height:80px; }
#spacer90 { height:90px; }
#spacer100{ height:100px; }

#square10 { width:10px; height:10px; }
#square20 { width:20px; height:20px; }
#square30 { width:30px; height:30px; }
#square40 { width:40px; height:40px; }
#square50 { width:50px; height:50px; }
#square60 { width:60px; height:60px; }
#square70 { width:70px; height:70px; }
#square80 { width:80px; height:80px; }
#square90 { width:90px; height:90px; }
#square100{ width:100px; height:100px; }

#midashi{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "小塚明朝 Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; 
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 15px;
	line-height:50px;
}

#midashi.gold{
	background:url(image/goldmidashi.png) no-repeat left;
	color:#947531;
}

#midashi.silver{
	background:url(image/silvermidashi.png) no-repeat left;
	color:white;
}

#midashi.fude{
	background:url(image/fudemidashi.png) no-repeat left;
	color:white;
}

#midashi.blue{
	background:url(image/bluemidashi.png) no-repeat left;
	color:white;
}

#midashi.green{
	background:url(image/greenmidashi.png) no-repeat left;
	color:white;
}

#midashi.black{
	background:url(image/blackmidashi.png) no-repeat left;
	color:white;
}

#midashi.red{
	background:url(image/redmidashi.png) no-repeat left;
	color:white;	
}

#midashi.magenta{
	background:url(image/magentamidashi.png) no-repeat left;
	color:white;
}

#midashi.orange{
	background:url(image/orangemidashi.png) no-repeat left;
	color:white;	
}

#midashi.kouyou{
	background:url(image/kouyoumidashi.png) no-repeat left;
	color:white;	
}

#midashi.pink{
	background:url(image/pinkmidashi.png) no-repeat left;
	color:white;	
}

.page_xs{ height: 600px !important;}
.page_s{ height:  750px; }
.page_m{ height: 1000px; }
.page_l{ height: 1500px; }

img{
    border-style:none;
}

a img{
    border-style:none;
}

#container2 { 
	position: relative;
	width: 880px;
	height: auto;
/*	background:url(image/goldichimatsu.png) repeat; */
	background:url(image/whitepaper.png) repeat;
	margin: 0px auto;
	padding: 10px;
	text-align: left;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}

#container { 
	position: relative;
	width: 880px;
	text-align: left;
} 

#obi {
	height:10px;
	/* background: #DDDDDD url(image/obi.jpg) repeat-x; */
}

#sidebar {
	float: left;
	position: absolute;
	top: 120px;
	left: 0px;
	width: 220px;

	height:700px;
	margin: 0px;
}

#info{
	background:white; 
	}
#info2{
	font-size:13px;
	line-height:16px;
	padding:10px 5px;
	background:url(images/bgside1shita.jpg) center top no-repeat; 
	}

#info .scr{
	overflow-y: scroll;
	height:80px;
	}

#mainContent {
	margin: 0 260px;
	padding: 0 10px;
	height: 1200px;
}

#mainContent2 {
	margin: 0 0 0 230px;
	height: auto;
}

#area1{
	background:#FFFFFF;
	margin:0 0 10px 0;
	padding:15px;
}

#area1 table {
	font-size:14px;
	line-height: 1.5em;
	margin:0;
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
}

#area1 table td {
	padding: 5px;
	vertical-align: top;
}

#area2{
	background:#FFFFFF;
	margin:0 0 10px 0;
	padding:15px;
	line-height:2em;
}

#area2 table {
	font-size:13px;
	line-height: 1.5em;
	margin:0;
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

#area2 table td {
	padding: 5px;
	vertical-align: top;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#area3{
	background:#FFFFFF;
	margin:0 0 10px 0;
}

#area3text{
	margin:0 0 10px 0;
	padding:15px;
}


#area4{
	background:#FFFFFF;
	margin:0 0 10px 0;
	padding:15px;
	line-height: 2em;
}

#area4 table {
	font-size:14px;
	line-height: 1.5em;
	margin:0;
	width:100%;
	border-collapse: collapse;
	border-spacing:0;
}

#area4 table td {
	padding: 5px;
	vertical-align: top;
}

#bokugacheck{ margin:0px; }

#bokugacheck.lemon		{ background: #FFFFFF url(image/ichimatsulemon.png) repeat; }
#bokugacheck.gold		{ background: #FFFFFF url(image/ichimatsugold.png) repeat; }
#bokugacheck.darkgold	{ background: #FFFFFF url(image/ichimatsudarkgold.png) repeat; }
#bokugacheck.silver		{ background: #FFFFFF url(image/ichimatsusilver.png) repeat; }
#bokugacheck.bronze		{ background: #FFFFFF url(image/ichimatsubronze.png) repeat; }

#bokugabook{ margin:15px; }

#bokugabook.lemon		{ background: #FFFFFF url(image/sukashilemon.png) center bottom repeat-x; }
#bokugabook.gold		{ background: #FFFFFF url(image/sukashigold.png) center bottom repeat-x; }
#bokugabook.darkgold	{ background: #FFFFFF url(image/sukashidarkgold.png) center bottom repeat-x; }
#bokugabook.silver		{ background: #FFFFFF url(image/sukashisilver.png) center bottom repeat-x; }
#bokugabook.bronze		{ background: #FFFFFF url(image/sukashibronze.png) center bottom repeat-x; }

#bokugabook.lemon2		{ background: #FFFFFF url(image/sukashilemon.png) center bottom repeat-x; background-size:210px 420px; }
#bokugabook.gold2		{ background: #FFFFFF url(image/sukashigold.png) center bottom repeat-x; background-size:210px 420px; }
#bokugabook.darkgold2	{ background: #FFFFFF url(image/sukashidarkgold.png) center bottom repeat-x; background-size:210px 420px; }
#bokugabook.silver2		{ background: #FFFFFF url(image/sukashisilver.png) center bottom repeat-x; background-size:210px 420px; }
#bokugabook.bronze2		{ background: #FFFFFF url(image/sukashibronze.png) center bottom repeat-x; background-size:210px 420px; }

#bokugabook table{
	border:none;
}

#bokugabook table td{
	padding:20px 0;
	text-align:center;
}

#footer { 
	height:110px;
	padding: 0 10px 0 20px;
	position:relative;
	z-index:0;
}

#footer p {
	color:#FFF;
	margin: 0;
	padding: 10px 0;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

#imgHover {
	margin: 0px 0px 0px 15px;
    float: left;
    margin-right: 5px;
	list-style:none;
}
#imgHover img {
    border: none;
}
#imgHover a {
    display: block;
}
#imgHover a:hover {
    position: relative;
}
#imgHover a .mainImage {
    display: none;
}
#imgHover a:hover .mainImage {
    display: block;
    position: absolute;
    top: -45px;
    left: -45px;
}

#radius1{
	border:1px solid #333;
	color:black;
	background:white;
	moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:1px;
}

#tehonscr{
	height:780px;
	overflow: hidden;
	}

#tehonround {
	margin:0px 0px 20px 0px;
	line-height:2em;
	height: 520px;
	background:url(images/bgwhitelight.jpg) repeat-x center bottom;
	text-align:center;
    border-radius:10px;
}

#tehonround2 {
	margin:20px 0px 20px 0px;
	line-height:2em;
	height: 320px;
	background:url(images/bgwhitelight.jpg) repeat-x center bottom;
	text-align:center;
    border-radius:10px;
}

/*フォント*/
#font_s{ font-size:12px;}
#font_xs{ font-size:10px; }

#momiji {
	background:url(image/momiji_up_gold.png) no-repeat left top;
	z-index:20;
	}

#momiji:hover {
	background:url(image/momiji_up_red.png) no-repeat left top;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	transition: 1s linear;
	}

#ajisai {
	background:url(image/ajisai_up_blue.png) no-repeat left top;
	z-index:20;
	}

#ajisai:hover {
	background:url(image/ajisai_up_red.png) no-repeat left top;
	-webkit-transition: 1s linear;
	-moz-transition: 1s linear;
	-ms-transition: 1s linear;
	-o-transition: 1s linear;
	transition: 1s linear;
	}