/* CSS Document */

body {
	background-color:#FFFFFF;
	color: #555555;
	background-image:url(../img/bg_pattern.jpg);
	background-attachment:fixed;
	line-height:1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", sans-serif; /*Meiryo,*/ 
	text-align: center;
}


.clearfloat{
	clear:both;
}

/*コンテンツエリア*/

.container{
	width:100%;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.contentsArea{
	width:800px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	padding-top:40px;
}


/*ヘッダー*/

.header{
	position:relative;
	margin-bottom:20px;
}


.navi{
	position:absolute;
	right:0px;
	top:22px;
}

.navi li{
	float:left;	
	margin-right:15px;
}

.navi li.last{
	margin-right:0px;
}


/*メインビジュアル*/
#topVisual{
	clear:both;
	width:800px;
	height:400px;
	margin-bottom:30px;
}


/*ニュースエリア*/
.newsArea{
	margin-bottom:40px;
}

.newsArea h2{
	margin-bottom:15px;	
}

.newsArea dl{
	float:left;
	width:385px;
	margin-right:30px;
	margin-bottom:20px;
}

.newsArea dl.right{
	margin-right:0px;
}

.newsArea dt{
	float:left;
	width:105px;
}

.newsArea dd{
	float:left;
	width:280px;
	margin-top:-4px;

}


/*このサイトについてエリア*/

.aboutArea{
	margin-bottom:40px;
}

.aboutArea h2{
	margin-bottom:15px;	
}

.aboutLeft{
	float:left;
	width:385px;
	margin-bottom:30px;
}

.aboutRight{
	float:right;
	width:385px;
	margin-bottom:30px;
}

.contactMail{
	background-image:url(../img/mail_icon.gif);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-top:3px;
	height:28px;
}


/*イラストエリア*/

.illustArea{
	margin-bottom:40px;	
}

.illustArea h2{
	margin-top:30px;
	margin-bottom:20px;
}

.illustArea .bigThum{
	float:left;
	width:253px;
	margin-right:20px;
	margin-bottom:20px;

}

.illustArea .bigThum.right{
	margin-right:0px;

}

.illustArea .bigThum p{
	margin-top:5px;
}



.illustArea .smallThum{
	float:left;
	width:185px;
	height:106px;
	background-color:#333;
	margin-right:20px;
	margin-bottom:20px;

}

.illustArea .smallThum.right{
	margin-right:0px;

}


/*ウェブエリア*/

.webArea{
	margin-bottom:40px;	
}

.webArea h2{
	margin-top:30px;
	margin-bottom:20px;
}

.webArea .bigThum{
	float:left;
	width:253px;
	margin-right:20px;
	margin-bottom:20px;

}

.webArea .bigThum.right{
	margin-right:0px;

}

.illustArea .bigThum p{
	margin-top:5px;
}


/*グラフィックエリア*/

.graphicArea{
	margin-bottom:40px;	
}

.graphicArea h2{
	margin-top:30px;
	margin-bottom:20px;
}

.graphicArea .bigThum{
	float:left;
	width:253px;
	margin-right:20px;
	margin-bottom:20px;

}

.graphicArea .bigThum.right{
	margin-right:0px;

}

.graphicArea .bigThum p{
	margin-top:5px;
}


/*ムービーエリア*/

.movieArea{
	margin-bottom:40px;	
}

.movieArea h2{
	margin-top:30px;
	margin-bottom:20px;
}

.movieArea .bigThum{
	float:left;
	width:253px;
	margin-right:20px;
	margin-bottom:20px;

}

.movieArea .bigThum.right{
	margin-right:0px;

}

.movieArea .bigThum p{
	margin-top:5px;
}




/*フッター*/


.footerArea{
	padding-bottom:50px;

}