*{padding:0; margin:0;}

body {
	font-size:12px;
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
} 


img {
	border: 0px;
}

strong {
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-size: 12px;
	font-weight:normal;

}


/********************/
/*  LAYOUT SECTION  */
/********************/

#container {
	width:800px; 
	margin:0px auto; 
	margin-bottom:10px; 
	border:solid 1px #cccccc;
}

#header {
	width:800px; 
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	margin-bottom:22px !important /*Firefox*/;
	margin-bottom:10px /*IE6*/;
}

#main{
	clear:both;
	width:800px;
	margin-top:10px;
	background:transparent url(../../img/main_withnav7.jpg) top left repeat-y;
}

#footer {
	clear:both;
	width:800px;
	height:48px;
	padding:10px 0 0 0;
	background:#cccccc url(/img/footer.jpg) no-repeat;
	font-size:12px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

/********************/
/*   HEAD SECTION   */
/********************/

.header-top {
	width:800px; 
	height:76px; 
	background: #ffffff url(/img/head_top.jpg); 
	overflow:visible /*!important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.sitelogo {
	width:223px; 
	height:40px;
	position:absolute; 
	z-index:1;
	margin:0; 
	visibility: visible;
}
	
.header-middle {
	
	height:111px; 
	background: #ffffff url(/img/header_img.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle2 {
	
	height:111px; 
	background: #ffffff url(/img/header_img2.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle2 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle3 {
	
	height:111px; 
	background: #ffffff url(/img/header_img3.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle3 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle4 {
	
	height:111px; 
	background: #ffffff url(/img/header_img_gls.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle4 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle6 {
	
	height:111px; 
	background: #ffffff url(/img/header_img_att.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle6 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle7 {
	
	height:111px; 
	background: #ffffff url(/img/header_img_tol.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle7 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}

.header-middle8 {
	
	height:111px; 
	background: #ffffff url(/img/header_img_manag.jpg) top left no-repeat;
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

.header-middle8 p{
	margin:0;
	padding:47px 7px 10px 17px;
	width:130px;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	line-height:17px;
	color:#FFFFFF;
}


.sitelogo {
	width:223px; 
	height:40px;
	position:absolute; 
	z-index:1; 
	margin:22px 0 0 20px; 
	visibility: visible;
}

h1{
	font-size: 10px;
	font-weight:normal;
	text-align:right;
}


.contact {
	width:113px;
	height:30px;
	position:absolute;
	z-index:2;
	margin:21px 0 0 0;
	margin-left:670px !important /*Firefox*/; 
	margin-left:670px /*IE6*/;
}

.header-bottom {
	width:800px;
	height:43px;
}

.header-bottom ul li{
	list-style:none;
	/*display:inline;*/
	float:left;
	position:relative;
}

.header-bottom ul li a{
	float:left;
	display:block;
	width:184px;
	height:43px;
	line-height:43px;
	padding:0;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	color: #666666;
	background: url(/img/top_menu.jpg) top left no-repeat;
}


.header-bottom a:hover{
	width:184px;
	height:43px;	
	background: #ffffff url(/img/top_menu_o.jpg) top left no-repeat;
}

.header-bottom ul li.on{
	float:left;
	display:block;
	width:184px;
	height:43px;
	line-height:43px;
	padding:0;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	color: #666666;
	background: url(/img/top_menu_on.jpg) top left no-repeat;
}

/***********************/
/*   CONTENT SECTION   */
/***********************/

.main_left{
	width:640px; 
	margin-bottom:10px;
	float:left;
	/*background:#666666;*/
	padding:0 0 0 8px !important /*Firefox*/;
	padding:0 0 0 6px /*IE6*/;
}

.main_left h2{
	margin:2px 0 0 3px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 8px;
	color:#666666;
    	width:622px;
	height:33px;
	background:#ffffff url(../../img/head_wide.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 14px;
	clear:both;
}

.main_left p{
	margin:0 0 7px 0;
	padding:9px 0 0 10px !important /*Firefox*/;
	padding:7px 0 0 10px /*IE6*/;
	width:622px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size: 12px;
	line-height:17px;
	color:#666666;
}

.unit1 {
	margin:3px;
	width:204px;
	height:150px;
	background:#ffffff;
	border:solid 1px #cccccc;
	float:left;
}

.unit1 p {
	margin:4px 0 3px 12px !important /*Firefox*/;
	margin:1px 0 3px 12px /*IE6*/;
	padding:5px 10px 6px 10px !important /*Firefox*/;
	padding:5px 10px 6px 10px /*IE6*/;
	width:160px;
	height:65px;
	background:#EFEFEF;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	color: #666666;
}

.img_btn {
	margin:2px 0px 0px 5px;
	border: 0px;
}

.img_rk {
	margin:0 2px 0 5px;
	border: 0px;
	float:left;
	clear:both;
}

.img_ic {
	margin:1px 0 1px 0;
	border: 0px;
	float:left;
}

.img_tp {
	margin:3px 0 0 6px;
	border: 0px;
}

.img_pg {
	margin:0;
	border: 0px;
	clear:both;
}

.img_ranklogo {
	margin:10px 4px 0px 4px;
	border: 0px;
}

.img_sp {
	margin:10px 0 0 20px;
	border: 0px;
}

.unit2 {
	margin:3px;
	width:628px;
	height:120px;
	background:#ffffff url(../../img/clm1.jpg) top left no-repeat;
	border:solid 1px #cccccc;
	float:left;
	clear:both;
}

.unit2 p {
	margin:0 10px 5px 10px !important /*Firefox*/;
	margin:0 10px 5px 10px /*IE6*/;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	color: #666666;
	width:290px;
	float:left;
}

.main_right{
	width:136px; 
	height:505px;
	margin:2px 0 0 4px; 
	float:left;
	background:transparent url(../../img/rank_back.jpg) top left repeat-y;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}


p.rank {
	width:120px; 
	margin:5px 8px 7px 8px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:10px;
	line-height:14px;
	color: #666666;
}

p.pd {
	margin:0 3px 5px 3px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:10px;
	text-decoration:underline;
	color: #666666;
	line-height:17px;
}

.right_icon{
	width:119px; 
	height:36px;
	margin:0 0 20px 8px !important /*Firefox*/; 
	margin:0 0 20px 4px /*IE6*/; 
	float:left;
}

.main_left2{
	width:640px; 
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	/*background:#666666;*/
	padding:0 0 0 8px !important /*Firefox*/;
	padding:0 0 0 6px /*IE6*/;
}

.main_left2 h2{
	margin:2px 0 0 3px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 8px;
	color:#666666;
    	width:622px;
	height:33px;
	background:#ffffff url(../../img/head_wide.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 14px;
	clear:both;
}

.main_left2 p{
	margin:0 0 7px 0;
	padding:9px 0 0 10px !important /*Firefox*/;
	padding:7px 0 0 10px /*IE6*/;
	width:622px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size: 12px;
	line-height:17px;
	color:#666666;
}

.main_left2 a{
	color:#39c;
	font-weight:normal;
	text-decoration:none;
}

.main_left2 a:hover{
	color:#FF0000;
	text-decoration:
	underline;
}

.unit_u1 {
	margin:3px;
	width:310px;
	height:120px;
	background:#ffffff;
	border:solid 1px #cccccc;
	float:left;
}

.unit_u1 p {
	width:184px;
	height:55px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	color: #666666;
	float:left;
}

.unit_u1 h3.tn{
	margin:6px 0 0 6px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 18px;
	color:#666666;
    	width:286px;
	height:41px;
	background:#ffffff url(../../img/news_tt.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 12px;
	clear:both;
}

.unit_u1 h3.tg{
	margin:6px 0 0 6px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 18px;
	color:#666666;
    	width:286px;
	height:41px;
	background:#ffffff url(../../img/glos_tt.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 12px;
	clear:both;
}

.unit_u1 h3.tt{
	margin:6px 0 0 6px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 18px;
	color:#666666;
    	width:286px;
	height:41px;
	background:#ffffff url(../../img/tool_tt.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 12px;
	clear:both;
}

.unit_u1 h3.ta{
	margin:6px 0 0 6px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 18px;
	color:#666666;
    	width:286px;
	height:41px;
	background:#ffffff url(../../img/atti_tt.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 12px;
	clear:both;
}

.img_ot {
	margin:1px 2px 0 6px;
	border: 0px;
	float:left;
}

.unit_u2 {
	margin:3px;
	width:628px;
	background:#ffffff;
	float:left;
	clear:both;

}

.unit_u2 p {
	width:618px;
	font-family: "MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif";
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	color: #666666;
}

.unit_u2 ul {
	list-style:none;
	margin:5px 0 0 10px;
}

.unit_u2 ul li {
	clear:both;
	padding:0 0 5px 20px;
	width:585px;
	height:25px;
	background:#ffffff url(../../img/topic.gif) top left no-repeat;
	font-weight:normal;
	color:#666666;
	font-size:12px;
	line-height:23px;
}

.unit_u2 ul li span {
	font-family:"verdana","Arial", "Helvetica", "sans-serif";
	font-size:10px;
	font-weight:normal;
	color:#ff0000;
	padding-right:10px;
}

.unit_u2 h2{
	margin:20px 0 0 3px;
	line-height:35px !important /*Firefox*/;
	line-height:34px /*IE6*/;
	padding:0 0 0 8px;
	color:#666666;
    	width:622px;
	height:33px;
	background:#ffffff url(../../img/head_wide.jpg) top left no-repeat;
	font-family:"MSPゴシック", "Osaka", "verdana","Arial", "Helvetica", "sans-serif"; 
	font-weight:bold;
	font-size: 14px;
	clear:both;
}

.main_right2{
	width:136px; 
	height:620px;
	margin:2px 0 0 4px; 
	background:#e7e7e7;
	float:left;
}

.img_ad {
	margin:10px 0 0px 7px;
	border: 0px;
}

/**********************/
/*   FOOTER SECTION   */
/**********************/

#footer p {
	line-height:15px;
	text-align:center;
	color:#333333;
	font-weight:bold;
	font-size:10px;
}

#footer p.footermenu {
	font-weight:normal;
	margin-bottom:6px;
}

#footer a {
	text-decoration:underline;
	color:#666666;
}

#footer a:hover {
	text-decoration:none;
	color:#999999;
}

/******************/
/*  CLEAR FLOATS  */
/******************/

#main:after,  .main_left:after, .main_right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main_left2:after, .main_right2:after, .unit_u2:after, .unit_u1:after, .unit_1:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}