@charset "shift_jis";

/*----------------------------
  CSS bit Document 2007.11
----------------------------*/

 @import url(common.css);
 @import url(sub.css);

/*###### トップページ ########*/

	
#Sub {
	position:relative;
	z-index:499;
	float:left;
	margin-top:-179px;
	margin-left:13px;
	padding:0px;
	width:174px;}		

/*TOPページ*/

.topImage {
	margin-left:5px;
	width:780px;
	height:200px;}
	
/* Main */

#Main h3 {
	margin:10px 0;}

ul.bnr {
	zoom:1; clear:both;
	margin-top:10px;
	padding:6px;
	width:574px;
	background:url(../img/top/bnr_base.gif) top left no-repeat;}
	
ul.bnr:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
	
ul.bnr li {
	float:left;
	margin-right:16px;}

ul.bnr li.end {
	margin-left:-1px;
	margin-right:0px;}

#Midashi {
	width:573px;
	height:101px;
	background:url(../img/top/midashi_system.jpg) left top no-repeat;
	text-indent:-9999px;}
#Midashi h3 {margin:0px;}

ul.con {
	zoom:1; clear:both;}
	
ul.con:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
	
.con01 {
	float:left;
	display:block;
	margin-right:5px;
	margin-bottom:5px;
	padding-top:125px;
	width:139px;
	height:154px;}
	
.con02 {
	float:left;
	display:block;
	margin-bottom:5px;
	padding-top:125px;
	width:139px;
	height:154px;}
	
html>body .con01,
html>body .con02 {
	height:29px;}

.con01 a,
.con02 a {
	display:block;
	margin:0 auto;
	margin-left:12px;
	width:115px;
	height:19px;
	background:url(../img/top/con_btn.gif) top left no-repeat;
	text-indent:-9999px;}
	
		
#con01{background:url(../img/top/con_01.gif) top left no-repeat;}
#con02{background:url(../img/top/con_02.gif) top left no-repeat;}
#con03{background:url(../img/top/con_03.gif) top left no-repeat;}
#con04{background:url(../img/top/con_04.gif) top left no-repeat;}
#con05{background:url(../img/top/con_05.gif) top left no-repeat;}
#con06{background:url(../img/top/con_06.gif) top left no-repeat;}
#con07{background:url(../img/top/con_07.gif) top left no-repeat;}
#con08{background:url(../img/top/con_08.gif) top left no-repeat;}


/*Blog*/
#Blog { width:570px;}

#Blog li {
	padding:8px 5px;
	width:558px;
	background:url(../img/top/line_dot.gif) bottom repeat-x;
	color:#666;
	font-size:10px;
	font-family:Verdana, sans-serif;}

#Blog li a {
	margin-left:5px;
	padding-left:15px;
	background:url(../img/top/link_ico.gif) 0px 2px no-repeat;
	font-size:12px;
	font-family:sans-serif;}

#Blog p {
	margin-top:8px;
	text-align:right;}

/*NewInfo*/

#NewInfo { width:570px;}

#NewInfo dl {
	margin-bottom:4px;
	background-position:left top;
	background-repeat:repeat-y;}

#NewInfo dt {
	float:left;
	height:70px;}
	
#New01 { background:url(../img/top/new_01base.gif);zoom:1; clear:both;}
#New02 { background:url(../img/top/new_02base.gif);zoom:1; clear:both;}
#New03 { background:url(../img/top/new_03base.gif);zoom:1; clear:both;}

#New01:after,
#New02:after,
#New03:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}

#NewInfo dd {
	margin-left:98px;
	margin-bottom:5px;
	padding:2px 0 8px 10px;
	width:462px;
	background:url(../img/top/line_dot.gif) bottom repeat-x;
	color:#666;
	font-size:10px;
	font-family:Verdana, sans-serif;}

#NewInfo dd a {
	margin-left:5px;
	padding-left:15px;
	background:url(../img/top/link_ico.gif) 0px 6px no-repeat;
	font-size:12px;
	font-family:sans-serif;}
	
html>body #NewInfo dd a {
	margin-left:5px;
	padding-left:15px;
	background:url(../img/top/link_ico.gif) 0px 2px no-repeat;
	font-size:12px;
	font-family:sans-serif;}

#NewInfo p {
	margin-top:8px;
	text-align:right;}

/* end */