@charset "utf-8";
/* CSS Document */

/* Redefine *
***********************************************************/

a { outline: none;
	text-decoration: none;
	border: none;
}

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }

.fwB { font-weight: bold; }
.fwN { font-weight: normal; }

  .fontred { color: #dc5962; }
 .fontblue { color: blue; }
.fontgreen { color: green; }
.fontblack { color: black; }
.fontwhite { color: white; }
 .fontgold { color: #8c6600; }    

.aunderline { text-decoration: underline; }

.positionC {
    margin: 0 auto;
    padding: 0 auto;
}

.textL { text-align: left; } 
.textC { text-align: center; }

.hide { display: none; }

/***************************************************/


/* clearfix *
***********************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{ overflow: hidden; }

/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* End hides from IE-mac */

/***************************************************/


/* other *
***********************************************************/

/* css import */
@import "foo.css";

* html #foo {} /* IE6ハック */
*+html #foo {} /* IE7ハック */


body { background: #ffffff url(../images/backpatternB_beige.gif) repeat; }

div#backImage {
	position: absolute;
	width: 100%;
	height: 533px;
	background: url(../images/backimageB.png) left 50px no-repeat;
}

/* header *
***********************************************************/

div#header {
	display: block;
	margin: 30px 0 0 0; 
	width: 100%; 
	height: 55px; 
	border: none;
	background: url(../images/header_baseB.png) repeat-x; 
	z-index: 100;
}
h1 {
	float: left;
	width: 410px;
	height: 55px;
}
p#blogLink {
	float: right;
	padding: 15px 20px 0 0;
}
p#twLink,
p#twLink2 {
	float: right;
	padding: 15px 10px 0 0;
}


/* container *
***********************************************************/

div#container {
	position: absolute;
	width: 100%;
	z-index: 100;
	margin-bottom: 160px;
}


/* worktable *
***********************************************************/

table.worktable1 td { padding-right: 5px; }
table.worktable1 td img { padding-bottom: 12px; }

/* 共通 */
div.boad {
	padding: 25px;
	z-index: 100000;
}
div.boad table { margin: 0 0 20px 0; }
div.boad p { margin: 0 0 20px 0; }
div.boad img { margin: 0 0 5px 0; }

/* navBer  */
div.navBer {
	position: relative;
	width: auto; 
	height: 30px; 
	display: block;
	background: url(../images/transparent2.png) repeat-x; 
	z-index: 10000;
	padding: 0 0 0 15px;
}
div.navBer:hover { background: url(../images/transparent2.png) 0px -59px repeat-x; }

div.newsNav { margin: 20px 0 0 30px; }
div.scheduleNav { margin: 10px 0 0 60px; }
div.reportNav { margin: 10px 0 0 90px; }
div.informationNav { margin: 10px 0 0 120px; }
div.profileNav { margin: 10px 0 0 150px; }
div.comicsNav { margin: 10px 0 0 180px; }
div.linkNav { margin: 10px 0 0 210px; }
div.blogNav { margin: 10px 0 0 240px; }
div.news { margin: 10px 0 0 270px; }

.m1 {
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 18px;
    color: #4f4f5e;
}
.m2 {
    font-size: 11px;
    color: #4f4f5e;
}

h2 {
	margin: 30px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
    color:#4f4f5e;	
}

h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.8;
    color:#db5860;
}


/* News CONTENT */
div#news {
	margin: 0 0 0 30px;
	width: 780px;
	height: 2300px;
	background: url(../images/transparent3.png) repeat;
}
/* Schedule CONTENT */
div#schedule {
	margin: 0 0 0 60px;
	width: 780px;
	height: 500px;
	background: url(../images/transparent3.png) repeat;
}
/* Report CONTENT */
div#report {
	margin: 0 0 0 90px;
	width: 780px;
	height: 3000px;
	background: url(../images/transparent3.png) repeat;
}
/* Information CONTENT */
div#information {
	margin: 0 0 0 120px;
	width: 580px;
	height: 4000px;
	background: url(../images/transparent3.png) repeat;
}
/* Profile CONTENT */
div#profile {
	margin: 0 0 0 150px;
	width: 580px;
	height: 460px;
	background: url(../images/transparent3.png) repeat;
}
/* Comics CONTENT */
div#comics {
	margin: 0 0 0 180px;
	width: 400px;
	height: 10px;
	background: url(../images/transparent3.png) repeat;
}
/* LINK CONTENT */
div#link {
	margin: 0 0 0 210px;
	width: 450px;
	height: 300px;
	font-weight: bold;
	background: url(../images/transparent3.png) repeat;
}
/* Blog CONTENT */
div#blog {
	margin: 0 0 0 240px;
	width: 450px;
	height: 140px;
	background: url(../images/transparent3.png) repeat;
}
a.blogLink1 {
	display: block;
	padding-left: 10px;
	width: 160px;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #4f4f5e;
}
a.blogLink2 {
	display: block;
	padding-left: 10px;
	width: 160px;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #919bbe;
}
a.blogLink3 {
	display: block;
	padding-left: 10px;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: white;
	background-color: #919bbe;
}


/* footer *
***********************************************************/

div#footer {
	position: absolute;
	top: 490px;
	padding: 20px;
	text-decoration: center;
    color: #4f4f5e;
    font-size: 11px;
    z-index: -1;
}


/* gotop *
***********************************************************/

p.gotop { text-align: right; }