@charset "UTF-8";

/*=============================================

	File name		:	base.css
	
	//INDEX
		1 : Universal settings
		2 : Modules
		3 : Header
		4 : Container
		5 : Footer
	
=============================================*/



/*========================================
1 : Universal settings
========================================*/

#top,
#hear,
#point
{
	margin:0;
	padding:0;
	text-align:center;
}



#pagetopTarget{
position:absolute;
top:0;
left:0;
}

/*========================================
1 : Reset
========================================*/

body{
padding:0;
}

img{
vertical-align:text-bottom;
vertical-align:bottom;
border:none;
margin:0;
padding:0;
}

ul, li{
	margin:0;
	padding:0;
	list-style:none;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
	display:block;
	margin: 0;
	padding: 0;
}

hr{
display:none;
}

div{
display:block;
margin:0;
padding:0;
}

p{
margin:0;
padding:0;
}





/*========================================
2 : Modules
========================================*/

.mBtm0{ margin-bottom:0 !important; }
.mBtm3{ margin-bottom:3px !important; }
.mBtm5{ margin-bottom:5px !important; }
.mBtm8{ margin-bottom:8px !important; }
.mBtm10{ margin-bottom:10px !important; }
.mBtm12{ margin-bottom:12px !important; }
.mBtm15{ margin-bottom:15px !important; }
.mBtm20{ margin-bottom:20px !important; }
.mBtm25{ margin-bottom:25px !important; }
.mBtm30{ margin-bottom:30px !important; }
.mBtm40{ margin-bottom:40px !important; }
.mBtm50{ margin-bottom:50px !important; }
.mBtm60{ margin-bottom:60px !important; }
.mBtm1em{ margin-bottom:1em !important; }
.mRight0{ margin-right:0 !important; }
.mRight12{ margin-right:12px !important; }
.mLeft30{ margin-left:30px !important; }
.mTop10{ margin-top:10px !important; }
.tCenter{ text-align:center; }
.w50{ width:50px; }
.w100{ width:100px; }
.w200{ width:w200px; }
.w260{ width:260px; }
.w300{ width:300px; }
.w350{ width:350px; }
.c_CC0000{ color:#CC0000; }
.c_000000{ color:#000000; }
.c_92C6DD{ color:#92C6DD; }



/*========================================
3 : Container
========================================*/

.wrapper{
	background: url(/img/common/common_background.jpg) top repeat-x #000;
	width:100%;
	margin: 0;
}

#top .wrapper{
	background: url(/img/top/top_background.jpg) top repeat-x #000;
	width:100%;
	margin: 0;
}


.container{
	width:960px;
	margin:0 auto 30px auto;
	clear: both;
	background-color: #000;
}

* html div#wrapper{  
height:100%;
overflow:auto;
}



/*========================================
4 : Header
========================================*/

#headerArea{
	width:960px;
	margin: 0 auto;
	float: left;
}

#headerArea .headerLeft{
	float:left;
	width: 264px;
}

#headerArea .headerCenter{
	float:left;
	width: 374px;
}

#headerArea .headerRight{
	float:left;
	width: 696px;
}



/*========================================
4 : Main
========================================*/

#top #mainArea{
	margin: 0;
	clear: both;
}

#hear #mainArea,
#point #mainArea{
	background:url(/img/common/header_img.jpg) no-repeat;
	margin: 0;
	clear: both;
	height: 120px;
	text-align: left;
	width: 960px;
}


/*========================================
5 : Contents
========================================*/

#contentsArea{
}

#contentsArea .headerBlock{}

#top #contentsArea .bodyBlock{
	background:#900;
	padding: 0 0 30px 20px;
	text-align: left;
}

#contentsArea .bodyBlock .textBlock{
	clear: both;
	width: 920px;
	text-align: center;
}

#contentsArea .bodyBlock .hearBlock{
	float: left;
	margin: 0 0 30px;
	width: 940px;
}

#contentsArea .bodyBlock .hearBlock .button{
	width: 300px;
	float: left;
	margin: 0 10px 0 0;
}

#contentsArea .bodyBlock .checkBlock{
	float: left;
	margin: 20px 0 30px;
}

#contentsArea .bodyBlock .checkBlock ul{
}

#contentsArea .bodyBlock .checkBlock li{
	width: 176px;
	float: left;
	margin: 0 10px 10px 0;
}


#contentsArea .footerBlock{
	clear: both;
	margin: 0 0 20px;
	width: 960px;
}



/*========================================
6 : Second
========================================*/


#hear #contentsArea .bodyBlock,
#point #contentsArea .bodyBlock{
	background:url(/img/common/common_body.gif) repeat-y #900;
	padding: 0 0 30px;
	text-align: left;
	display: inline-block;
	width: 960px;
}

#contentsArea .bodyBlock .contentsLeft{
	width: 620px;
	float: left;
	margin: 0 0 0 20px;
	display: inline;
}

#contentsArea .bodyBlock .contentsLeft h2{
	margin: 0 0 32px;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock{
	width: 560px;
	margin: 0 0 30px 20px;
	font-size: 0.85em;
	color: #FFF;
	line-height: 1.8;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #FF0;
	background:url(/img/common/second_h3.jpg) no-repeat;
	padding: 3px 0 10px 36px;
	border-bottom: 2px dotted #FF0;
	margin: 0 0 18px;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock h4{
	font-size: 1.1em;
	font-weight: bold;
	color: #FF0;
	padding: 0;
	margin: 0 0 18px;
	border-bottom: 1px dotted #FF0;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock h5{
	font-size: 1.05em;
	font-weight: bold;
	color: #FF0;
	padding: 0 0 0 12px;
	margin: 0 0 8px;
	border-left: 3px solid #FF0;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock p{
	margin: 0 0 2em;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock .listOuter{
	color: #FFF;
	line-height: 1.5;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock .listOuter li{
	margin:0 0 24px;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock .listInner{
	padding: 16px;
	color: #FFF;
	border: 1px solid #FFF;
	margin: 12px 0;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock .listInner li{
	margin: 4px 0 16px;
}

#contentsArea .bodyBlock .contentsLeft .sectionBlock .date{
	text-align: right;
	font-size: 0.9em;
	padding: 12px 0 0 0;
	border-top: 1px dotted #FFF;
	color: #FFF;
}
#contentsArea .bodyBlock .contentsLeft .sectionBlock .caption{
	font-size: 0.85em;
	padding: 12px 0 0 0;
	border-top: 1px dotted #FFF;
	color: #FFF;
	line-height: 1.5;
}

#contentsArea .bodyBlock .contentsRight{
	width: 300px;
	float: left;
}




/*========================================
7 : Navi
========================================*/

#bannerArea{
	padding: 10px 10px 6px;
	margin: 0 20px 0 0;
}

#bannerArea ul{
}

#bannerArea li{
	width: 280px;
	margin: 0 0 3px;
}

#naviArea{
	padding: 10px;
}

#naviArea ul{
	padding: 0 10px 10px;
	background-color: #000;
}

#naviArea li{
	width: 260px;
	margin: 0 0 2px;
	font-size: 0.8em;
	font-weight: bold;
}

#naviArea li a{
	display:block;
	width:260px;
	background:url(/img/common/navi_off.jpg) no-repeat;
	color: #900;
	text-decoration: none;
	padding: 22px 0 22px 40px;
	height: 16px;
	vertical-align: middle;
}

#naviArea li a:hover{
	background:url(/img/common/navi_on.jpg) no-repeat;
	color: #F90;
}



/*========================================
10 : Footer
========================================*/

#footerArea{
	width:100%;
	background-color: #300;
	padding: 10px 0 80px;
}