@charset utf-8

/* 
目次
01 CSSの初期化
02 wrap
03 Header
04 topVisual
05 topNavi
06 Info
07 Footer
08 contents
09 clear
10 claerfixハック
*/


/* 
01 css初期化 */
*{
}

body {
 background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#9a0103;
	font-size:100.05%;
	_font-size:100.05%;
}

head,html,body,h1,h2,h3,h4,h5,div,span,p,ol,ul,li,img,table,tr,td,strong,a,address {
 font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,p,strong,span,div,ul,li,a,address{
 color:#333333;
	line-height:1.3;
	font-style:normal;
}



/* 
02 wrap */
div#wrap {
	width:840px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
	background-color: #FFFFFF;
}



/* 
03 Header */
div#Header {
	width:840px;
	height:130px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}

div#Header h1 {
	width:120px;
	height:120px;
	float:left;
	margin:0px;
	padding:5px;
}

div#Header h1 img#rogo {
 width:107px;
	height:120px;
	margin:0px;
}

div#Header div#Header02 {
	width:710px;
	float:right;
	margin: 0px;
	padding-top: 106px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/headback.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
}

div#Header div#Header02 h2{
	width:416px;
	height:23px;
	margin-top:0px;
	float:left;
	padding-top: 0px;
}

div#Header div#Header02 h3{
	height:19px;
	font-size:13px;
	margin-top:0px;
	padding-top:0px;
	padding-left:20px;
	float:right;
	text-align:right;
	background-image:url(../img/update.jpg);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding-right: 10px;
	background-color: #e5e5e5;
}

#imageArea{
	width: 560px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
}

/* 
04 Visual */
#visual {
	clear:both;
	margin-top:3px;
	padding-right: 5px;
}

#visual #visualImage{
	margin-left:5px;
	margin-right:5px;
	float:left;
}

#visual div#nexttime {
	width:255px;
	float:right;
	padding:5px 5px 10px 5px;
	margin-right:0px;
	background-color:#CC0000;
	background-position:top;
	background-repeat:repeat-x;
	background-image: url(../img/nextback.jpg);
}

#visual div#nexttime img#jikai{
 width:255px;
 height:40px;
}

#visual div#nexttime div#nexttimeMain {
 margin:10px 5px 0px 5px;
 padding:5px;
	background-color:#FFFFFF;
}

#visual div#nexttime div#nexttimeMain h2{
	padding-bottom:5px;
	padding-left:5px;
	border-left-width:6px;
	border-left-style:solid;
	border-left-color:#FF9900;
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
	vertical-align:bottom;
	letter-spacing:0px;
	margin-bottom: 5px;
}


#visual div#nexttime div#nexttimeMain p{
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
	padding-top:7px;
	font-size:0.8em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

#visual p#here {
 clear:right;
	width:265px;
	height:23px;
	margin-right:0px;
	float:right;
 text-align:right;
}

#visual p#here a {
}

#visual p#here a img{
 width:265px;
	height:23px;
 border-width:0px;
}

/*
05 topNavi */
div#Navi {
	background-color:#FFFFFF;
	clear: both;
	padding-top: 7px;
}

#Navi ul {
 list-style-type:none;
	margin:0px;
	padding:0;
	width:840px;
	height:33px;
}

#Navi ul li {
 list-style-type:none;
 list-style-position:outside;
 float:left;
 margin:0;
 padding:0;
}
#Navi ul li #Navi01 {
 margin-left:2px;
}

#Navi ul li a {
 border:0px;
}

#Navi ul li a img {
 margin:0;
 border:0px;
}

/*
06 Info */
#Info {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding:0px;
	clear: both;
	background-color: #FFFFFF;
}
#Info #News {
	width:384px;
	float:left;
	margin-left: 5px;
}

#Info #News ul {
 margin-left:0px;
	padding-left:0px;
	border-left-style:solid;
	border-left-width:10px;
	border-left-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:5px;
	border-right-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:5px;
	border-bottom-color:#CCCCCC;
}

#Info #News ul li{
 margin-left:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:5px;
	list-style-image:url(../img/newsback.jpg);
	list-style-type:disc;
	list-style-position:inside;
	border-bottom-style:dashed;
	border-bottom-width:2px;
	border-bottom-color:#CCCCCC;
	background-image:url(../img/newsbtn.jpg);
	background-position:right;
	background-repeat:no-repeat;
	font-size: 13px;
	vertical-align:bottom;
}

#Info #News ul li a {
	text-decoration:none;
}

#Info #News ul li a:hover,
#Info #News ul li a:active {
 color:#000000;
	border-bottom-width:0px;
 border-bottom-color:#CC0000;
	border-bottom-width:2px;
	border-bottom-style:double;
}


#Info #News ul li a:link {
 color:#FF3333;
}

#Info #News ul li a:visited {
 color:#CC0000;
}

#Info #News ul li#NewsLast {
 border-bottom-style:none;
	border-bottom-width:0px;
}


#Info #Concept {
	width:312px;
	float:left;
	margin-left:4px;
	margin-right:0px;
	margin-top:5px;
	padding-left:4px;
	padding-right:4px;
	border-left-width:3px;
	border-left-style:solid;
	border-left-color:#CCCCCC;
	border-right-width:3px;
	border-right-style:solid;
	border-right-color:#CCCCCC;
	background-color: #FFFFFF;
}

#Info #Concept p#conceptP{
 font-size:0.8em;
}

#Info #Concept img.conceptIMG{
 margin-right:5px;
}

#Info #Link {
	width:107px;
	float:left;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

#Info div#Link h2 {
}

#Info div#Link a {
 border:none;
	text-decoration:none;
	color:#0033FF;
}

#wrap #Info #Link .Linkimg{
 display:block;
	border:none;
 margin-top:5px;
}

/*
07 Footer */
#Footer {
	clear:left;
	margin-top:auto;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	padding-bottom:5px;
	text-align:right;
	padding-top: 7px;
	background-color: #FFFFFF;
}

#Footer address{
	font-size:12px;
	margin-top:5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 5px;
}
/*
08 contents */
#contents {
 width:840px;
	margin:0px;
	padding:0px;
}
#contents p{
	margin-right: 40px;
	margin-left: 200px;
	text-align: left;
	font-size: 0.8em;
	line-height: 140%;
	color: #333333;
	width: 600px;
}

#contents .mailform{
	margin-left: 200px;
	text-align: left;
}
#contents .text01{
	color: #FF0033;
	font-size: 0.8em;
	line-height: 140%;
}
#contents .text02{
	color: #333333;
	background-color: #FBF2F0;
	font-size: 0.8em;
	line-height: 140%;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

/*
09 clear */
.clear {
 clear:both;
	height:5px;
}

/*
10 clearfixハック */
.clearfix {/*for IE 5.5-7*/
    zoom:1;
}
div.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */





/* Nucleus新着用 */
#News h2 { /* 記事のタイトル */
	color:#CC3300;
	font-weight:normal;
	font-size: 0.8em;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin: 0;
}

#News #main .box { /* メイン記事の囲みと背景 */
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 360px;
	margin: 0px;
	padding: 0px;
}


#News #main .itembody { /* メイン記事 */
	font-size: 0.8em;
	line-height: 130%;
	color: #666666;
	padding-left: 15px;
}
#whatsnew{
	padding-right: 10px;
	padding-left: 10px;
}

/* Nucleus次回予告 */

#nexttimeMain h2 {
	color: #990033;
	font-size: 0.8em;
	margin: 0;
	padding-top: 5px;
}
#nexttimeMain .text{
	font-size: 0.8em;
	width: 230px;
}
#nextshow img{
	height: 90px;
	width: 120px;
	float: right;
}