@charset "UTF-8";

body{
	color: #e5e5e5;
	}
	
#all{
	width: 100%;
	line-height: 1.0;
	background: #1f1f1f url(../img/cmn/bg.gif) repeat-x center top;
	}

#wrap{
	}

#main{
	background: url(../img/cmn/bg_footer.gif) no-repeat center bottom;
}

/*　#header
**************************************************/

#header{
	width: 920px;
	margin: 0 auto;
	padding: 10px 0 0 0 ;
	}

#header h1{
	margin: 0 0 0 20px ;
	float: left;
	}	

#header ul.sub{
	float: right;
	font-size: 1.2em;
	padding-bottom: 10px;
	}	

#header ul.sub li{
	float: left;
	width: auto;
	margin: 0 0 0 10px ;
	zoom:1;
	}	

#header ul.sub li a{
	width: auto;
	height: 14px;
	background: url(../img/cmn/arrow.gif) no-repeat left center ;
	padding: 1px 0 0 10px ;
	margin: 1px 0 0 0 ;
	display: inline-block;
	}	

#header p{
	float: right;
	}	

#header ul li{
	float: left;
	width: 230px;
	}

#header ul li a{
	display: block;
	height: 46px;
	width: 230px;
	float: left;
	}
	
#about #header ul li.about img{
	display: none;
	}
	
#about #header ul li.about{
	background: url(../img/cmn/mn_01_on.gif);
	}

#gallery #header ul li.gallery img{
	display: none;
	}
	
#gallery #header ul li.gallery{
	background: url(../img/cmn/mn_03_on.gif);
	}

#rebirth #header ul li.rebirth img{
	display: none;
	}
	
#rebirth #header ul li.rebirth{
	background: url(../img/cmn/mn_02_on.gif);
	}


#blog #header ul li.blog img{
	display: none;
	}
	
#blog #header ul li.blog{
	background: url(../img/cmn/mn_04_on.gif);
	}

#index #top{
	width: 920px;
	height: 497px;
	margin: 0 auto;
	position: relative;
	}
	
.other #top{
	width: 920px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	background: url(../img/cmn/main_other.jpg) no-repeat ;
	}

.blog #top{
	width: 920px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	background: url(/blog/img/main.jpg) no-repeat ;
	}

.gallery #top{
	width: 920px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	background: url(/gallery/img/main.jpg) no-repeat ;
	}

.gallery #top h2,
.blog #top h2{
	text-indent: -9999px;
	}

p.pankz{
	margin: 15px;
	font-size: 1.2em;
	width: 890px;
	_height: 50px;
	display: block;
	}
	
#top h2{
    font-size: 2.5em;
    left: 30px;
    position: absolute;
    top: 80px;
	padding-top:1px; 
	}

.gallery #top h2 a,
.blog #top h2 a{
	text-indent: -9999px;
	width: 920px;
	height: 135px;
	display: block;
	}
.gallery #top h2 ,
.blog #top h2 {
	top: 0 ;
	left: 0;
	}

#top .block-01{
	position: absolute;
	top: 50px;
	left: 60px;
	width: 295px;
	height: 138px;
	}

#top .block-02{
	position: absolute;
	left: 389px;
	top: 9px;
	width: 530px;
	height: 487px;
	}

/*　#contents
**************************************************/

#contents{
	width: 920px;
	margin: 0 auto;
	margin-bottom: 10px;
	font-size: 1.4em;
	line-height: 1.6;
	}
	
#contents table {
	border-collapse: collapse;
	border-top: 1px solid #6c6c6c;
	border-left: 0px solid #6c6c6c;
	width: 100%;
	line-height: 1.5;
}

#contents table th {
	border-right: 0px solid #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	text-align: left;
	vertical-align: middle;
	background: #3d3d3d ;
	padding: 9px 11px;
	width: 1%;
	white-space: nowrap;
}

#contents table td {
	border-right: 0px solid #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	text-align: left;
	vertical-align: top;
	padding: 9px 11px;
}

#contents table td.t-right {
	text-align: right;
}

#contents table.layout {
	border-collapse: collapse;
	border: none;
	width: 100%;
}


#contents table.layout td {
	border: none;
	padding: 0 30px 20px 0 ;
}

#contents .link {
	float: left;
	margin-right: 15px;
	width: 250px;
}

#contents .link li{
	background:url(../img/cmn/ic_list.gif) no-repeat left top;
	margin: 0 0 0 20px;
	padding:0 0 0 15px;
	margin-bottom: 15px;
	line-height: 1.5;
}
			
#contents #topics {
	margin: 0 0 30px ;
	}
	
#contents #topics ul{
	border-top: none;
	}
	
#contents #topics_single{
	margin: 0 0 30px;
	}

#contents #topics_single li{
	border: none;
	margin: 10px 0 ;
	}

#contents #topics_single li a{
	background: url(../../cmn/img/cmn/arrow.gif) no-repeat left center;
	padding: 0 0 0 10px;
	}
	

/* ----- #left --------------------------------- */

#contents #left{
	float: left;
	width: 240px;
	}
	
#contents #left #topics h4{
	margin: 0 0 10px;
	}
	
#contents #left #topics ul{
	border-top: solid 1px #333333;
	}
	
#contents #left #topics ul li{
	border-bottom: dotted 1px #333333;
	line-height: 1.7;
	padding: 10px 0;
	}
	
/* ----- #right -------------------------------- */	

#contents #right{
	float: right;
	width: 650px;
	}
#index #contents #right h3,
#blog #contents #right h3,
#gallery #contents #right h3 {
    background: url("../../cmn/img/cmn/bg_ttl_h3.gif") no-repeat scroll left center transparent;
    color: #BF9900;
    font-size: 1.4em;
    margin-bottom: 20px;
    padding: 0 0 8px 35px;
}

#gallery #contents #right ul.pagenation{
	margin: 20px auto ;
	text-align: center;
	width: 370px;
	}

#blog #contents #right ul.pagenation{
	margin: 20px auto ;
	text-align: center;
	width: 470px;
	}

#contents #right ul.pagenation li{
	float: left;
	margin-right: 30px;
	display: inline;
	}

.adobe-reader{
	border: dotted 1px #666;
	margin: 0 40px 40px;
	padding: 10px;
	}
.adobe-reader div.f-left{
	margin-right: 10px;
	width: 160px;
	}
.adobe-reader p{
	font-size: 0.9em;
	width: 640px;
	}


/*　#footer
**************************************************/

#footer{
	margin: 0 auto;
	width: 920px;
	}
	
#footer .pagetop{
	text-align: right;
	padding: 0 0 20px;
	}

#footer .logo{
	float: left;
	padding: 10px 0 0;
	width: 130px;
	}

#footer .logo img{
	margin: 0 0 0 20px;
	}

#footer .adress{
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	float: left;
	margin: 0 0 0 20px;
	width: 395px;
	}

#footer .adress .block-01{
	font-size: 1.4em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0 0 15px 40px;
	}

#footer .adress .block-02{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 0 40px;
}

#footer ul.menu{
	float: right;
	width: 335px;
	/* padding: 0 0 0 40px; */
	}

#footer ul.menu li{
	float: left;
	font-size: 1.2em;
	padding: 0 10px ;
	margin-bottom: 10px;
	border-right: solid 1px #fff;
	}

#footer ul.menu li.content1{
	border-right: solid 1px #fff;
	margin: 0 0 10px;
	width: 75px;
	}

#footer ul.menu li.content2{
	border-right: solid 1px #fff;
	margin: 0 10px;
	width: 80px;
	}
#footer ul.menu li.content4{
	border-right: solid 1px #fff;
	margin: 0 0 10px;
	width: 90px;
	}

#footer ul.menu li.content5{
	border-right: solid 1px #fff;
	margin: 0 10px 0 0;
	width: 120px;
	}	

#footer ul.menu li.content3{
	margin: 0 0 10px;
	width: 115px;
	}
#footer ul.menu li.content6{
	border-right: solid 1px #fff;
	margin: 0 0 10px;
	width: 125px;
	}

#footer ul.menu li.content7{
	margin: 0 10px;
	width: 150px;
	}

#footer ul.menu li.content8{
	margin: 0 0 0 10px;
	}

#footer .copy{
	text-align: center;
	padding: 35px 0;
	font-size: 1.2em;
	}
	
/* ------------------------------ */
/* WYSIWYG */
/* ------------------------------ */

.block-detail {
line-height: 1.5;
}


.block-detail h2,
.block-detail h4,
.block-detail h5,
.block-detail h6,
.block-detail p,
.block-detail blockquote,
.block-detail table {
margin: 1em 0;
}

.block-detail h1 {
margin: 5px 0 25px;
}

.block-detail h2 {
padding: 0 0 8px 15px ;
margin: 0 0 15px;
font-size: 1.4em;
line-height: 1;
}


.block-detail h4,
.block-detail h5,
.block-detail h6 {
border-bottom: 1px solid #9BD130;
padding: 0.25em 0.5em;
}

.block-detail p {
font-size: 1.2em;
}

.block-detail ul {
padding: 0 0 0 2em;
margin: 1em 0;
}

.block-detail ul li {
list-style-type: disc;
margin: 0.5em 0;
font-size: 12px;
}

.block-detail ol {
padding: 0 0 0 2em;
margin: 1em 0;
}

.block-detail ol li {
list-style-type: decimal;
margin: 0.5em 0;
}

.block-detail blockquote {
font-size: 12px;
border: 1px solid #ccc;
padding: 9px 11px;
}

.block-detail table {
font-size: 12px;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
}

.block-detail table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
vertical-align: middle;
background: #eee ;
padding: 9px 11px;
width: 1%;
white-space: nowrap;
}

.block-detail table td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
vertical-align: top;
padding: 9px 11px;
}