@charset "shift_jis";
/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,h7,div,p,address,hr{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:1.3em;
}

img{border:0;}

ul,ol,li{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	list-style:none;
}

table,th,td{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	border:0;
/*	letter-spacing:0.1em;*/
}


.clear{
	clear:both;
	visibility:hidden;
	height:0;
} 

.bold{
	font-weight:bold;
}

.kome{
	color:#CC0000;
	font-weight:bold;
}


a:link {
	color: #000000;
	text-decoration: none;
}
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }




body{
	background:#E90000 url(../img/lowen/common/main_bg.jpg) left top repeat-x;
	color:black;
	height:100%;
	margin:0 auto;
}






#layout{
	width:790px;
	margin:0 auto;
	background:url(../img/lowen/common/layout_bg.jpg) left top no-repeat;
}

#layout2{
	width:790px;
	margin:0 auto;
	background:url(../img/lowen/common/layout_bg2.jpg) left top repeat-y;
}



#header{
	background:url(../img/top_title.gif) left top no-repeat;
	margin:0 10px;
	width:770px;
	height:43px;
}


#header h2{
	width:331px;
	height:43px;
	float:left;
}

#header h2 a{
	display:block;
	width:331px;
	height:43px;
	overflow:hidden;
	text-indent:-9999px;
}


#header h3{
	width:174px;
	height:43px;
	float:right;
}

#header h3 a{
	display:block;
	width:174px;
	height:43px;
	overflow:hidden;
	text-indent:-9999px;
}




#headnavi{
	background:url(../img/lowen/common/headnavi_bg.jpg) left top no-repeat;
	margin:0 10px;
	width:770px;
	height:88px;
}


#headnavi h1{
	width:288px;
	height:88px;
	float:left;
}

#headnavi h1 a{
	display:block;
	width:288px;
	height:88px;
	overflow:hidden;
	text-indent:-9999px;
}


#headnavi ul{
	float:right;
	width:333px;
	height:33px;
	margin-top:9px;
}

#headnavi li{
	float:left;
	height:33px;
}

#headnavi li a{
	display:block;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
}

#headnavi li#menu1{
	background:url(../img/lowen/common/topnavi_1.jpg) left top no-repeat;
	width:61px;
}

#headnavi li#menu1 a:hover{
	background:url(../img/lowen/common/topnavi_1_on.jpg) left top no-repeat;
	width:61px;
}

#headnavi li#menu2{
	background:url(../img/lowen/common/topnavi_2.jpg) left top no-repeat;
	width:64px;
}

#headnavi li#menu2 a:hover{
	background:url(../img/lowen/common/topnavi_2_on.jpg) left top no-repeat;
	width:64px;
}

#headnavi li#menu3{
	background:url(../img/lowen/common/topnavi_3.jpg) left top no-repeat;
	width:64px;
}

#headnavi li#menu3 a:hover{
	background:url(../img/lowen/common/topnavi_3_on.jpg) left top no-repeat;
	width:64px;
}

#headnavi li#menu4{
	background:url(../img/lowen/common/topnavi_4.jpg) left top no-repeat;
	width:63px;
}

#headnavi li#menu4 a:hover{
	background:url(../img/lowen/common/topnavi_4_on.jpg) left top no-repeat;
	width:63px;
}

#headnavi li#menu5{
	background:url(../img/lowen/common/topnavi_5.jpg) left top no-repeat;
	width:81px;
}

#headnavi li#menu5 a:hover{
	background:url(../img/lowen/common/topnavi_5_on.jpg) left top no-repeat;
	width:81px;
}





#main{
	background:#F0F0F0;
	margin:0 10px;
	padding-top:24px;
}

#contents{
	width:480px;
	float:left;
	padding-left:25px;
}

#contents2{
	width:492px;
	float:left;
	padding-left:25px;
}

.borderbox{
	width:478px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}


#rightnavi{
	width:220px;
	float:right;
	padding-right:25px;
}


#mainend{
	width:770px;
/*	height:1px;*/
	clear:both;
}

#mainend hr{
	display:none;
}

#footer{
	margin:0 auto;
	height:30px;
	width:770px;
	background-color:#006699;
}

#footerlogo{
	float:left;
	display:inline;
	margin:5px 0 0 20px;
	background:url(../img/hattrick_logo.gif) left top no-repeat;
	width:102px;
	height:19px;
}

#footerlogo h3 a{
	display:block;
	background:url(../img/hattrick_logo.gif) left top no-repeat;
	width:102px;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
}


#allrights{
	float:right;
	margin-top:10px;
	padding-right:20px;
	text-align:right;
	color:white;
	font-size:11px;
}

#allrights a{
	color:white;
	text-decoration:underline;
}

.gotop{
	background:url(../img/lowen/common/gotop.jpg) right top no-repeat;
	width:510px;
	height:14px;
	margin-bottom:30px;
}

.gotop a{
	display:block;
	width:510px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
}


#footnavi{
	width:485px;
	padding:0 0 10px 25px;
}
.top_gotop{
	background:url(../img/lowen/common/gotop.jpg) right top no-repeat;
	width:480px;
	height:14px;
	margin-bottom:30px;
	margin-left:25px;
}

.top_gotop a{
	display:block;
	width:45px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
}

.top_gotop2{
	background:url(../img/lowen/common/gotop.jpg) right top no-repeat;
	width:455px;
	height:14px;
	margin-bottom:30px;
	margin-left:25px;
}

.top_gotop2 a{
	display:block;
	width:45px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
	float:right;
}

#footnavi_top{
	width:480px;
	padding-bottom:10px;
	margin-left:25px;
}





/*サイドメニュー********************************************************************/


.borderbox2{
	width:218px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}



.rightbanner{
	width:220px;
}

.rightbanner img{
	margin-bottom:20px;
}




#supported{
	width:220px;
	background:url(../img/lowen/common/title_top.jpg) left top no-repeat;
	margin-bottom:19px;
	background-color:white;
}


#supported h3{
	width:195px;
	background:url(../img/lowen/common/title_end.jpg) right top no-repeat;
	height:26px;/*画像の高さ33-7*/
	margin-left:25px;
	color:white;
	font:bold 16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	padding-top:7px;
}

#supported ul{
	vertical-align:middle;
}

#supported li{
	float:left;
	width:105px;
	height:50px;
	padding:5px 0;
}

#supported li a{
}

#supported li img{

}

#supported table{
	margin:0 auto;
}
#supported td{
	vertical-align:middle;
	margin:0 auto;
	height:50px;
}



.rightsubmenu{
	width:220px;
	background:url(../img/lowen/common/title_top.jpg) left top no-repeat;
	margin-bottom:19px;
	background-color:white;
}


.rightsubmenu h3{
	width:195px;
	background:url(../img/lowen/common/title_end.jpg) right top no-repeat;
	height:26px;/*画像の高さ33-7*/
	margin-left:25px;
	color:white;
	font:bold 16px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	padding-top:7px;
}



.rightsubmenu li{
	background:url(../img/lowen/common/sub_menu_bg.jpg) left top no-repeat;
	width:218px;
	height:40px;
}

.rightsubmenu li a{
	text-indent:26px;
	display:block;
	width:218px;
	height:26px;/*40-14*/
	padding-top:14px;/*40-(12*2)*/
	color:#333333;
}

.rightsubmenu li a:hover{
	background:url(../img/lowen/common/sub_menu_bg_on.jpg) left top no-repeat;
	color:#DD0000;
}

.jyunbi{
width:100px;
height:300px;
margin:50px auto;}