@charset "UTF-8";

* {
	margin:0;
	padding:0;
}
html {
	height: 100%;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
li {
	list-style-type: none;
}
body {
	background:#FFF;
	margin:0px;
	padding:0px;
	font-family:"メイリオ","Meiryo","Tahoma","sans-serif","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Lucida","ＭＳ Ｐゴシック","MS P Gothic";
/*	font-family: "ＭＳ Ｐゴシック","MS P Gothic"; */
	color: #333333;
	position: relative;
	height: 100%;
	min-width: 960px;
	min-height: 700px;
}
div#content-wrapper {
	width:100%;
	height:100%;
}

div.content {
	width:960px;
	height:700px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-350px;
	margin-left:-480px;
	background-color: #FFF;
	overflow: hidden;
}

#header  {
	width:960px;
	height:110px;
	display:block;
	margin-bottom:15px;
	float:left;
	background-image: url(../img/header_bg.png);
	background-reoeat: no-repeat;
}

div.title  {
	position:relative;
	top:20px;
	left:25px;
	width:295px;
	height:74px;
	display:block;
	margin:0px;
	float:left;
	text-align:left;
}

div.eclipse  {
	position:relative;
	top:20px;
	left:490px;
	width:112px;
	height:25px;
	display:block;
	margin:0px;
	float:left;
}

div.eclipse  img{
	width:112px;
	height:25px;
}

div.chatch  {
	position:relative;
	top:3px;
	left:290px;
	width:585px;
	height:15px;
	display:block;
	margin:0px;
	clear:left;
	text-align:left;
	color: #4653A2;
	font-weight:bold;
	font-size: 15px;
	line-height:15px;
}

#main  {
	position:relative;
	clear:left;
	top:0px;
	left:0px;
	width: 960px;
	height:545px;
	display:block;
	margin:0px;
	float:left;
	padding: 0px 0px 0px 0px;
	background-image: url(../img/bg.png);
	background-reoeat: no-repeat;
}

#left_part  {
	position:relative;
	clear:left;
	top:0px;
	left: 25px;
	width:255px;
	height:480px;
	display:block;
	margin:0px;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:18px;
	padding: 0px 0px 0px 0px;
}

#left_part img {
	margin: 0 0 10px 0;
}


#left_part p {
	width: 200px;
	height: 330px;
	display:block;
	margin: 0 0 10px 0;
	float:left;
	padding: 0px;
	font-size:13px;
	line-height:20px;
	color: #333;
}

#left_part ul  {
	margin-bottom:20px;
	padding:0px;
	width:200px;
	height:22px;
	display:block;
	margin:9px 0;
	clear:left;
	float:left;
}

#left_part ul li {
	margin:0px;
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	display:block;
	float:left;
}

#left_part ul li.page {
	width:94px;
	text-align:center;
	color:#B3B3B3;
}

#left_part ul li.page b {
	color:#000;
}

#left_part ul li.prev a {
	display:block;
	width:53px;
	height:19px;
	margin-top:3px;
	background:url(../img/b_prev.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#left_part ul li.next a {
	display:block;
	height:19px;
	width:53px;
	margin-top:3px;
	background:url(../img/b_next.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

a.b_eclipse {
	display:block;
	width:225px;
	height:45px;
	margin:0 0 10px  0px;
	background:url(../img/b_eclipse.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	clear:left;
	float:left;
}

a.b_vol1 {
	display:block;
	width:225px;
	height:30px;
	margin:0 0 10px  -25px;
	background:url(../img/b_vol1.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	clear:left;
	float:left;
}

#right_part  {
	position:relative;
	top:0px;
	right:0px;
	width:680px;
	height:505px;
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
	text-align:left;
}

#right_part_main  {
	position:relative;
	top:0px;
	right:0px;
	width:640px;
	height:425px;
	display:block;
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 20px 35px;
	float:left;
	text-align:left;
	background:#EEE;
	box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	-o-box-shadow: 3px 3px 4px rgba(0,0,0,.2);
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;    /* Safari,Google Chrome用 */
	-moz-border-radius:0.3em;   /* Firefox用 */
}

#column  {
	width: 290px;
	height:385px;
	display:block;
	margin-right:15px;
	padding-right:14px;
	float:left;
}

.border_right  {
	border-right:1px #000 dotted;
}

#right_part_main  h2{
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	color: #4653A2;
	text-align:left;
	width: 640	11px;
	height:18px;
	margin-bottom:19px;
	display:block;
	padding-left:7px;
	border-left:5px #4653A2 solid;
}

#column  p{
	font-size: 13px;
	line-height: 19px;
	text-align:left;
	margin-bottom:20px;
	color:#4653A2;
}

#column div.img_s img {
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 15px;
	width:145px;
}

#column div.img_s {
    float:left;
}

#column div.img_ss img {
    float: left;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 15px;
	width:73px;
}

#column img.img_l {
    margin-bottom: 10px;
}

#column  p a.eclipse{
	font-size: 15px;
	color:#000;
}

#column  p a.eclipse:hover, #column  p a.eclipse b{
	color:#ff0000;
}





#back  {
	position:absolute;
	top:200px;
	left:0px;
	margin:0px;
	padding:0px;
	display:block;
	width:26px;
	height:50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#back a{
	margin:0px;
	padding:0px;
	display:block;
	width:26px;
	height:50px;
	background:url(../img/b_back_of.png) no-repeat;
}

#back a:hover {
	background:url(../img/b_back_on.png) no-repeat;
}

#next  {
	position:absolute;
	top:200px;
	right:0px;
	margin:0px;
	padding:0px;
	display:block;
	width:26px;
	height:50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#next a{
	margin:0px;
	padding:0px;
	display:block;
	width:26px;
	height:50px;
}
#next a{
	background:url(../img/b_next_of.png) no-repeat;
}
#next a:hover {
	background:url(../img/b_next_on.png) no-repeat;
}

#right_part ul  {
	margin-bottom:0px;
	margin-right: -10px;
	padding:0px;
	width:690px;
	height:35px;
	display:block;
	clear:left;
}

#right_part ul li {
	float:left;
}

#right_part ul li a {
	margin:0px;
	padding:0px;
	width: 228px;
	height: 35px;
	display:block;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
}

#right_part ul li a.navi_01{
	background:url(../img/b_01_of.png) no-repeat;
}
#right_part ul li a.navi_02{
	background:url(../img/b_02_of.png) no-repeat;
}
#right_part ul li a.navi_03{
	background:url(../img/b_03_of.png) no-repeat;
}

#right_part ul li a.navi_01:hover, #right_part ul li a.navi_01_at{
	background:url(../img/b_01_on.png) no-repeat;
}
#right_part ul li a.navi_02:hover, #right_part ul li a.navi_02_at{
	background:url(../img/b_02_on.png) no-repeat;
}
#right_part ul li a.navi_03:hover, #right_part ul li a.navi_03_at{
	background:url(../img/b_03_on.png) no-repeat;
}

#copy {
	clear:left;
	float:left;
	width:960px;
	height:20px;
	padding-top: 10px;
	margin-top: 15px;
	padding-left: 0px;
	font-size:10px;
	line-height:10px;
	color:#4653A2;
	text-align:left;
	border-top: #4653A2 4px solid;
	background-color:#FFF;
}

a{
	font-weight:bold;
	color:#4653A2;
}
a:hover{
	color:#000;
}

#column  p a{
	color:#000;
}




.overlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
 
.modal{
  display: none;
  padding:0;
  z-index:1001;
  position:absolute;
  max-width: 640px;
  max-height: 400px;
  margin:auto;
  overflow: hidden;
}
.modal img{
  margin-bottom:10px;
}
.modal a{
  color:#fff;
  font-size:12px;
  line-height:12px;
  text-decoration:none;
  font-weight:bold;
  height:12px;
  padding:0;
  margin:0;
  clear:both;
  float:left;
}
.modal a:hover{
  color:#CCC;
}