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

/****************** 全頁共通スタイル *****************/
body {
	margin: 0 auto;
	padding: 0;
	font-size: small;
	text-align: center;
	line-height: 1.3;
	background-color: #F5F5F5;
	border: none;
}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,strong,em,dfn,span,address {
	margin: 0;
	padding: 0;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	border: none;
}
p {
	margin: 0px;
	padding: 20px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
	list-style: none;
	border: none;
}

table,caption,thead,tfoot,tbody,tr,th,td {
	color: #666666;
	font-style: normal;
	font-weight: normal;
	border-collapse: collapse;
	border: none;
}
a {
	margin: 0;
	padding: 0;
	border: none;
}
a:link {
	color: #0066cc;
	text-decoration: underline;
}
a:visited {
	color: #774488;
	text-decoration: underline;
}
a:active {
	color: #0055ff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/***************************************************/

#wrapper{
	margin: 0;
	padding: 0;
	width:100%;
}

#box{
	width:746px;
	height:1041px;
	margin: 0 auto;
	padding:0;
	}

#inbox{
	width:660px;
	height:955px;
	margin:20px;
	border:23px solid #fff;
	}

#contents{
	width:650px;
	height:945px;
	border:5px solid #000;
	background-color:#FFF;
}

#copy{
	position:relative;
	top:0px;
	height:23px;
	background: url(../images/copy.jpg) no-repeat right center;
}

/* index */
.main{
	display:none;
	text-align:left;
	margin-top:327px;
	margin-left:207px;
	width:433px;
	height:613px;
}


#news_dt #wrapper{margin: 0;padding: 0; text-align:center;}

#news_box{
	width:518px;
	height:598px;
	margin: 0 auto;
	margin:0px;
	border:1px solid #000;
	background: #FFF;
}

#news_box02{
	width:518px;
	height:718px;
	margin: 0 auto;
	margin:0px;
	border:1px solid #000;
	background: #FFF;
}

#news_contents{
	height:593px;
	width:518px;
	padding:0px;
	border-top:5px solid #000;
	background: url(../images/news_header.jpg) no-repeat center 10px;
}

#news_contents02{
	height:712px;
	width:518px;
	padding:0px;
	border-top:5px solid #000;
	background: url(../images/news_header.jpg) no-repeat center 10px;
}

#news_contents img,
#news_contents02 img{margin-top:55px;}

#what_contents{
	height:578px;
	width:518px;
	padding:0px;
	border-top:5px solid #000;
	background: url(../images/news_header.jpg) no-repeat center 10px;
}

#what_contents img{margin-top:95px;margin-bottom:65px;}

#what_contents .what_page{
	margin:0px 10px;
	width:500px;
	height:35px;
	text-indent:-9999px;
	border-top: 1px solid #000;
}

#what_contents .border01{width:500px; height:1px; border-top: 1px solid #000; margin:0px 10px 20px 10px;}


/* TOP以外のページのbackground */
.next #contents{
	width:650px;
	height:945px;
	margin: 0 auto;
	padding:0;
	border:5px solid #000;
}

#inner{
	width:650px;
	height:945px;
	background: url(../images/main_bg.jpg) no-repeat center top;
	position:relative;
}

#icon{
	float:right;
	margin:15px 10px 0 0;
}

#icon ul li{
	float:left;
	display: block;
	line-height: 0;
	height:19px;
	margin-right:5px;
	}

#navi{
	width:520px;
	height:50px;
	margin:0px 65px 0px 65px;
	padding-top:190px;
}

#navi ul{
	width:520px;
	height:50px;
	overflow: hidden;
	position: relative;
	background:url(../images/navi_bg.jpg) no-repeat center top;
}

#navi ul li{
	float:left;
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 0;
	height:50px;
	}

#navi ul li a {
	height: 50px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}
#navi ul li a:hover {
	height: 50px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}

#navi ul li.navi01{width: 80px;left: 0px;}
#navi ul li.navi02{width: 96px;left: 80px;}
#navi ul li.navi03{width: 174px;left: 176px;}
#navi ul li.navi04{width: 72px;left: 350px;}
#navi ul li.navi05{width: 98px;left: 422px;}
#navi ul li.navi01a  {width: 80px;left: 0px;}
#navi ul li.navi02 a {width: 96px;left: 80px;}
#navi ul li.navi03 a {width: 174px;left: 176px;}
#navi ul li.navi04 a {width: 72px;left: 350px;}
#navi ul li.navi05 a {width: 98px;left: 422px;}
#navi ul li.navi01 a:hover {background: url(../images/navi_bg.jpg) no-repeat 0px -50px;}
#navi ul li.navi02 a:hover {background: url(../images/navi_bg.jpg) no-repeat -80px -50px; }
#navi ul li.navi03 a:hover {background: url(../images/navi_bg.jpg) no-repeat -176px -50px; }
#navi ul li.navi04 a:hover {background: url(../images/navi_bg.jpg) no-repeat -350px -50px; }
#navi ul li.navi05 a:hover {background: url(../images/navi_bg.jpg) no-repeat -422px -50px; }

#navi ul li.navi01_act{width: 80px;left: 0px; background: url(../images/navi_bg.jpg) no-repeat 0px -100px;}
#navi ul li.navi02_act{width: 96px;left: 80px;background: url(../images/navi_bg.jpg) no-repeat -80px -100px;}
#navi ul li.navi03_act{width: 174px;left: 176px; background: url(../images/navi_bg.jpg) no-repeat -176px -100px;}
#navi ul li.navi04_act{width: 72px;left: 350px; background: url(../images/navi_bg.jpg) no-repeat -350px -100px;}

#about_main{
	background: transparent url(../images/contents_bg.png) no-repeat left top;
	width:520px;
	height:600px;
	margin:40px 65px 0px 65px;
	display:none;
	}

#about_main .about_image{
	background:url(../images/about.jpg) no-repeat left top;
	width:520px;
	height:200px;
}


/* IE6 */
* html #about_main,* html #news_list {
	background-color: #FFF;
	width:520px;
	height:520px;
	margin:40px 65px 0px 65px;	
}

* html #about_main .about_image {
	background:url(../images/about.jpg) no-repeat left top;
	width:520px;
	height:220px;
}

/* IE6,7 */
#about_main,#news_list{
	/background-color: #FFF;
	/width:520px;
	/height:600px;
	/margin:40px 65px 0px 65px;	
}

#about_main .about_image{
	/background:url(../images/about.jpg) no-repeat left top;
	/width:520px;
	/height:200px;
}

/* IE8 */
#about_main,#news_list { 
	background-color: #FFF\9; 
	width:520px\9;
	height:600px\9;
	margin:40px 65px 0px 65px\9;	
}
#about_main .about_image{
	background:url(../images/about.jpg) no-repeat left top\9;
	width:520px\9;
	height:200px\9;
}



#news_list{
	background: transparent url(../images/contents_bg.png) no-repeat left top;
	width:520px;
	margin:40px 65px 0px 65px;
	padding-bottom:10px;
	display:none;
}

* html #news_list {
	background-color: #FFF;
	width:520px;
	margin:40px 65px 0px 65px;	
}
/* IE6,7 */
#news_list{
	/background-color: #FFF;
	/width:520px;
	/margin:40px 65px 0px 65px;	
}
/* IE8 */
#news_list { 
	background-color: #FFF\9; 
	width:520px\9;
	margin:40px 65px 0px 65px\9;	
}


#news_list ul{
	margin:0px 20px;
	padding:0px;
	overflow: hidden;
	background-color: #FFF;
}

#news_list ul li{
	float:left;
	display: block;
	overflow: hidden;
	width: 463px;
	padding:10px 10px;
	border-bottom:#000 solid 1px;
	}

#news_list ul li a {
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}
#news_list ul li a:hover {
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}

#news_list ul li.news07 {background: url(../images/news_120720.gif) no-repeat 0px 0px;height:50px;}

#news_list ul li.news06 {background: url../images/news_120130.gif) no-repeat 0px 0px;height:70px;}
#news_list ul li.news06 a:hover {background: url../images/news_120130.gif) no-repeat 0px 0px;height:70px;}

#news_list ul li.news05 {background: url(../images/news_111215.gif) no-repeat 0px 0px;height:54px;}

#news_list ul li.news04 {background: url(../images/news_111027.gif) no-repeat 0px 0px;height:74px;}

#news_list ul li.news03 a {background: url(../images/news_110806.gif) no-repeat 0px 0px;height:57px;}
#news_list ul li.news03 a:hover {background: url(../images/news_110806.gif) no-repeat 0px 0px;height:57px;}

#news_list ul li.news02 {background: url(../images/news_110708.gif) no-repeat 0px 0px;height:72px;}

#news_list ul li.news01 a {background: url(../images/news_110429.gif) no-repeat 0px 0px;height:54px;}
#news_list ul li.news01 a:hover {background: url(../images/news_110429.gif) no-repeat 0px 0px;height:54px;}


/* whats paging */

.page02{
	width:75px;
	height:15px;
	padding-left:425px;
	padding-right:20px;
	}


.page02 ul{
	width:75px;
	height:15px;
	padding:0px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	text-indent:-9999px;
}

.page02 ul li{
	float:left;
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 0;
	height:15px;
}
	
.page02 ul li a {
	height: 15px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}
.page02 ul li a:hover {
	height: 15px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}

li.page_number01{ width:34px; left: 0px;background: url(../images/wahts_page01.jpg) no-repeat 0px 0px;}
li.page_number02{ width:34px; left: 0px;background: url(../images/wahts_page02.jpg) no-repeat 0px 0px;}
li.page_number03{ width:34px; left: 0px;background: url(../images/wahts_page03.jpg) no-repeat 0px 0px;}
li.page_leftnone{ width:21px;left: 34px;background: url(../images/wahts_page02.jpg) no-repeat -34px -15px;}
li.page_rightnone{ width:21px;left: 56px;background: url(../images/wahts_page02.jpg) no-repeat -56px -15px;}

li.page_before{ width:21px;left: 34px;background: url(../images/wahts_page02.jpg) no-repeat -34px 0px;}
li.page_next{ width:21px; left: 56px;background: url(../images/wahts_page02.jpg) no-repeat -56px 0px;}

li.page_before a{width:21px;left: 34px;}
li.page_before a:hover{background: url(../images/wahts_page02.jpg) no-repeat -34px -15px;}
li.page_next a{width:21px;left: 56px;}
li.page_next a:hover{background: url(../images/wahts_page02.jpg) no-repeat -56px -15px;}


/* whats big image  */

.big_page02{
	width:518px;
	height:15px;
	}


.big_page02 ul{
	width:75px;
	height:15px;
	padding:0px;
	margin: 0 px;
	overflow: hidden;
	position:relative;
	text-indent:-9999px;
	margin-left:221px;
}

.big_page02 ul li{
	float:left;
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 0;
	height:15px;
}
	
.big_page02 ul li a {
	height: 15px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}
.big_page02 ul li a:hover {
	height: 15px;
	display: block;
	font-size: 0px;
	overflow: hidden;
	line-height: 0;
}



#whats_main{
	background: transparent url(../images/contents_bg.png) no-repeat left top;
	width:520px;
	height:520px;
	margin:25px 65px 0px 65px;
	display: none;
	}
	
/* IE6 */
* html #whats_main {
	background-color: #FFF;
	width:520px;
	height:520px;
	margin:25px 65px 0px 65px;
}

/* IE6,7 */
#whats_main{
	/background-color: #FFF;
	/width:520px;
	/height:520px;
	/margin:25px 65px 0px 65px;
}

/* IE8 */
#whats_main { 
	background-color: #FFF\9; 
	width:520px\9;
	height:520px\9;
	margin:25px 65px 0px 65px\9;	
}


#whats_main .whats_article01{
	width:520px;
	height:520px;
	background: transparent url(../images/whats01.png) no-repeat left top;
}

#whats_main .whats_article02{
	width:520px;
	height:520px;
	background: transparent url(../images/whats02.png) no-repeat left top;
}

#whats_main .whats_article03{
	width:520px;
	height:520px;
	background: transparent url(../images/whats03.png) no-repeat left top;
}

/* IE6 */
* html #whats_main .whats_article01 {
	width:520px;
	height:520px;
	background: transparent url(../images/whats01.jpg) no-repeat left top;
}
* html #whats_main .whats_article02 {
	width:520px;
	height:520px;
	background: transparent url(../images/whats02.jpg) no-repeat left top;
}
* html #whats_main .whats_article03 {
	width:520px;
	height:520px;
	background: transparent url(../images/whats03.jpg) no-repeat left top;
}


/* IE6,7 */
#whats_main .whats_article01 {
	/width:520px;
	/height:520px;
	/background: transparent url(../images/whats01.jpg) no-repeat left top;
}
#whats_main .whats_article02 {
	/width:520px;
	/height:520px;
	/background: transparent url(../images/whats02.jpg) no-repeat left top;
}
#whats_main .whats_article03 {
	/width:520px;
	/height:520px;
	/background: transparent url(../images/whats03.jpg) no-repeat left top;
}

/* IE8 */
#whats_main .whats_article01 {
	width:520px\9;
	height:520px\9;
	background: transparent url(../images/whats01.jpg) no-repeat left top\9;
}
#whats_main .whats_article02 {
	width:520px\9;
	height:520px\9;
	background: transparent url(../images/whats02.jpg) no-repeat left top\9;
}
#whats_main .whats_article03 {
	width:520px\9;
	height:520px\9;
	background: transparent url(../images/whats03.jpg) no-repeat left top\9;
}



/* whats big image */

.image{
	width:352px;
	height:116px;
	padding:210px 84px 0px 84px;
}

.image ul{
	width:360px;
	height:116px;
}

.image ul li{
	float:left;
	display:block;
	text-indent:-9999px;
	font-size: 0px;
	height:116px;
	width:116px;
}

.image ul li.image01,
.image ul li.image02,
.image ul li.image04,
.image ul li.image05
{ margin-right:2px;}

.image ul li a{
	float:left;
	display:block;
	text-indent:-9999px;
	font-size: 0px;
	line-height: 0;
	height:116px;
	width:116px;
}

.image ul li a:hover{
	float:left;
	display:block;
	text-indent:-9999px;
	font-size: 0px;
	line-height: 0;
	height:116px;
	width:116px;
}

.image ul li.image01 a{background: url(../images/whats01_image.jpg) no-repeat 0px 0px}
.image ul li.image01 a:hover{background: url(../images/whats01_image.jpg) no-repeat 0px -116px;}

.image ul li.image02 a{background: url(../images/whats01_image.jpg) no-repeat -117px 0px}
.image ul li.image02 a:hover{background: url(../images/whats01_image.jpg) no-repeat -117px -116px;}

.image ul li.image03 a{background: url(../images/whats01_image.jpg) no-repeat -235px 0px}
.image ul li.image03 a:hover{background: url(../images/whats01_image.jpg) no-repeat -235px -116px;}

.image ul li.image04 a{background: url(../images/whats02_image.jpg) no-repeat 0px 0px}
.image ul li.image04 a:hover{background: url(../images/whats02_image.jpg) no-repeat 0px -116px;}

.image ul li.image05 a{background: url(../images/whats02_image.jpg) no-repeat -117px 0px}
.image ul li.image05 a:hover{background: url(../images/whats02_image.jpg) no-repeat -117px -116px;}

.image ul li.image06 a{background: url(../images/whats02_image.jpg) no-repeat -235px 0px}
.image ul li.image06 a:hover{background: url(../images/whats02_image.jpg) no-repeat -235px -116px;}

.image ul li.image07 a{background: url(../images/whats03_image.jpg) no-repeat 0px 0px}
.image ul li.image07 a:hover{background: url(../images/whats03_image.jpg) no-repeat 0px -116px;}

.image ul li.image08 a{background: url(../images/whats03_image.jpg) no-repeat -117px 0px}
.image ul li.image08 a:hover{background: url(../images/whats03_image.jpg) no-repeat -117px -116px;}

.image ul li.image09 a{background: url(../images/whats03_image.jpg) no-repeat -235px 0px}
.image ul li.image09 a:hover{background: url(../images/whats03_image.jpg) no-repeat -235px -116px;}