@charset "utf-8";



/*------------------------------------------------------------------------------



	[ファイル名]

	

	[概要]

	

	[目次]

		・clearFix／画像代替／非表示部

	

------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------



								clearFix

								

------------------------------------------------------------------------------*/

div#subVisual:after,

div#sectionNews dl:after,

div#topics ul:after

{

	display: block;

	visibility: hidden;

	clear: both;

	height: 0;

	line-height: 0;

	font-size: 0;

	content: ".";

}



/* Win IE7 */

*:first-child + html div#subVisual,

*:first-child + html div#sectionNews dl,

*:first-child + html div#topics ul

{

	min-height: 1%;

}

/* End Win IE7 */



/* Win IE6 \*/

* html div#subVisual,

* html div#sectionNews dl,

* html div#topics ul

{

	height: 1%;

}

/* End Win IE6 */



/* Mac IE\*//*/

div#subVisual,

div#sectionNews dl,

div#topics ul

{

	display: inline-table;

}

/* End Mac IE */







/*------------------------------------------------------------------------------



							テキスト画像代替

							

------------------------------------------------------------------------------*/

p#buttonIntroduction a,

div#sectionNews h2,

p#buttonDownload a,

div#topics li h3,

p.buttonMore a

{

	display: block;

	margin: 0;

	padding: 0;

	text-indent: -10000px;

	text-decoration: none;

	text-align: left;

/*\*/

	overflow: hidden;

/* */

}







/*------------------------------------------------------------------------------



								非表示部

								

------------------------------------------------------------------------------*/

div#mainVisual h2,

div#mainVisual h3,

div#mainVisual h4,

div#mainVisual ul,

div#mainVisual p,

div#sectionDownload h2,

div#sectionDownload h3,

div#sectionDownload p

{

	position: absolute;

	top: -9999px;

	left: -9999px;

	z-index: -9999;

	width: 0;

	height: 0;

	overflow: hidden;

}







/*------------------------------------------------------------------------------



								div#content

								

------------------------------------------------------------------------------*/

div#content{

	background-image: none;

	padding-left: 10px;

}







/*------------------------------------------------------------------------------



								

								

------------------------------------------------------------------------------*/

div#mainVisual{

	position: relative;

	width: 840px;

	height: 290px;

	background: url(../../images/home/main_visual.jpg) no-repeat scroll left top;

}



/*----- -----*/

div#mainVisual p#buttonIntroduction,

div#mainVisual p#buttonIntroduction a{

	width: 220px;

	height: 40px;

	background: no-repeat scroll left top;

}



div#mainVisual p#buttonIntroduction{

	position: absolute;

	top: 197px;

	left: 276px;

	z-index: 1;

	background-image: url(../../images/home/button_intro_ov.gif);

}



div#mainVisual p#buttonIntroduction a{

	background-image: url(../../images/home/button_intro.gif);

}



div#mainVisual p#buttonIntroduction a:hover{

	background-image: none;

}







/*------------------------------------------------------------------------------



								

								

------------------------------------------------------------------------------*/

div#subVisual{

	width: 840px;

	height: 180px;

}







/*------------------------------------------------------------------------------



								

								

------------------------------------------------------------------------------*/

div#sectionNews{

	float: left;

	width: 440px;

	height: 180px;

	background: url(../../images/home/news_bg.gif) no-repeat scroll left bottom;

}



div#sectionNews h2{

	width: 440px;

	height: 41px;

	background: url(../../images/home/news_title.gif) no-repeat scroll left top;

}



div#sectionNews dl{

	width: 424px;

	height: 125px!important;

	overflow-y: auto;

	margin-left: 12px;

	text-align: left;

}



div#sectionNews dt,

div#sectionNews dd{

	padding: 5px 0px;

}



div#sectionNews dt{

	clear: left;

	float: left;

	width: 7em;

	padding-left: 0.5em;

}



* html div#sectionNews dt{

	width: 7.5em;

}



div#sectionNews dd{

	padding-left: 9.5em;

	background: url(../../images/home/news_arrow.gif) no-repeat scroll 7.5em center;

}



div#sectionNews dd.even{

	background-color: #eeeeee;

}



div#sectionNews a{

	border-bottom: 1px dotted #0033cc;

	font-weight: bold;

	text-decoration: none;

}



div#sectionNews ul{

	height: 125px!important;

	overflow-y: auto;

	margin-right: 5px;

	padding-left: 20px;

	padding-right: 10px;

}





div#sectionNews li{

	padding: 3px 0px;

	padding-left: 20px;

	background: url(../../images/home/news_arrow.gif) no-repeat scroll left center;

	border-bottom: 1px solid #eeeeee;

}



div#sectionNews li:nth-child(even){

	background-color: #eeeeee;

}







/*------------------------------------------------------------------------------



								

								

------------------------------------------------------------------------------*/

div#sectionDownload{

	position: relative;

	float: right;

	width: 400px;

	height: 180px;

	background: url(../../images/home/banner_trial.jpg) no-repeat scroll left bottom;

}



/*----- -----*/

div#sectionDownload p#buttonDownload,

div#sectionDownload p#buttonDownload a{

	width: 194px;

	height: 44px;

	background: no-repeat scroll left top;

}



div#sectionDownload p#buttonDownload{

	position: absolute;

	top: 117px;

	left: 138px;

	z-index: 1;

	background-image: url(../../images/home/button_download_ov.gif);

}



div#sectionDownload p#buttonDownload a{

	background-image: url(../../images/home/button_download.gif);

}



div#sectionDownload p#buttonDownload a:hover{

	background-image: none;

}







/*------------------------------------------------------------------------------



								

								

------------------------------------------------------------------------------*/

div#topics{

	width: 840px;

	background: url(../../images/home/columns_bg.gif) repeat-y scroll left top;

	text-align: left;

}



div#topics ul{

	position: relative;

	width: 840px;

	background: url(../../images/home/columns_upper.gif) no-repeat scroll left top;

}



div#topics li{

	float: left;

	width: 280px;

	padding-bottom: 53px;

}



div#topics li#topicsFaq{

	width: 270px;

}



div#topics li h3{

	height: 53px;

	background: no-repeat scroll left top;

}



div#topics li#topicsIntroduction h3{

	background-image: url(../../images/home/introduction_title.gif);

}

div#topics li#topicsRegistration h3{

	background-image: url(../../images/home/registration_title.gif);

}

div#topics li#topicsFaq h3{

	background-image: url(../../images/home/faq_title.gif);

}



div#topics p{

	margin-left: 20px;

}



div#topics p.photo{

	margin-bottom: 5px;

}



div#topics p.text{

	margin-left: 22px;

	margin-right: 18px;

}



/*----- -----*/

p.buttonMore,

p.buttonMore a{

	width: 246px;

	height: 36px;

	background: no-repeat scroll left top;

}



p.buttonMore{

	position: absolute;

	bottom: 20px;

	background-image: url(../../images/home/button_more_ov.gif);

}



p.buttonMore a{

	background-image: url(../../images/home/button_more.gif);

}



p.buttonMore a:hover{

	background-image: none;

}



li#topicsIntroduction p.buttonMore{

	left: 0px;

}

li#topicsRegistration p.buttonMore{

	left: 280px;

}

li#topicsFaq p.buttonMore{

	left: 560px;

}