@charset "UTF-8";
/*
------------------------------
The Asahikawa CCI
FileName: default.css
Version: 2010.7.8
------------------------------
*/



/*--STYLE RESET--*/
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "MS PƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒSPro W3",Osaka,sans-serif;
	font-size: 9pt;
}



/*--CONTENTS--*/
body{
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #790000;
	border-top: 5px solid #000;
	color: #000;
	font-family: "Verdana","Arial","Helvetica","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
	font-size: 10pt;
	}


img{
	border: none;
	}


#head {
	width:700px;
	height: 380px;
	margin: 0px auto;
	padding: 0;
	background-color: #000;
	}
#head_lowerpage {
	width:700px;
	height: 115px;
	margin: 0px auto 20px;
	padding: 0;
	background-color: #790000;
	}
#head_submenu {
	width:700px;
	height: 57px;
	margin: 0px auto 20px;
	padding: 0;
	background-color: #790000;
	}


#main, #foot {
	width:700px;
	margin: 0 auto 30px;
	padding-top: 0 0 20px;
	background-color: #790000;
	}


h2{
	height: 30px;
	background-color: #79000;
	border-bottom: dashed 1px #FFF;
	border-left: solid 5px #FFF;
	letter-spacing:1px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 0;
	padding-left: 10px;
	color: #FFF;
	font-size: 14px;
	}
h4.margin{
	margin-top:20px;
	}
h4{
	font-size: 10pt;
	font-weight: bold;
	color: #cc0000;
	background-color: #ffffff;
	letter-spacing:1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 15px;
	}





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





p{
	width: 650px;
	margin: 25px;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #FFF;
	text-indent: 1em;
	}
p.copyright{
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 5px;
	font-size: 8pt;
	letter-spacing: 0.5px;
	}


ul{
	margin-top: 0;
	margin-bottom: 5px;
	}
li{
	font-size: 10pt;
	letter-spacing: 1px;
	line-height: 1.5em;
	}
.btn{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 7pt;
	}

.hr{
	background-color: #ffffff;
	border-bottom: dashed 1px #555555;
	margin-top: 20px;
	margin-bottom: 20px;
	}


table{
	border-top: 1px solid #555555;
    border-left: 1px solid #555555;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ffffff;
    empty-cells: show;
    text-align: center;
	margin-left: 15px;
	}
th{
    border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    color: #330000;
    background-color: #e5e5e5;
    text-align: center;
    padding: 0.3em;
	}
td{
	border-right: 1px solid #555555;
    border-bottom: 1px solid #555555;
    padding: 0.3em;
	}
td.pale{
    background-color: #e5e5e5;
	}





/*--GraySeparator--*/
.greySeparator_bottom{
	clear: both;
	margin: 30px 0 20px;
	height: 1px;
	background-color: #000;
	}



/*--LOWER PAGE OBJECT--*/
dl{
	margin-left: 100px;
	color: #FFF;
	}
dt{
 	float:left;
 	clear:both;
 	width: 100px;
	border-bottom: 1px solid #CCC;
	background: url(../images/arrow.gif) no-repeat left center;
	text-indent: 1em;
	}
dd{
 	margin-top: 15px;
 	margin-bottom: 15px;
	margin-left: 100px;
	border-bottom: 1px solid #CCC;
	}


dl.content{
	margin-top: 0;
	margin-left: 0;
	background: #790000;
}
dt.content{
	float: left;
	clear: both;
	width: 150px;
	height: 100px;
	background: #970000;
	border: none;
	text-indent: 0;
}
dd.content{
	margin-top: 0;
	margin-left: 150px;
	padding-top: 100px;
	line-height: 150%;
	border: none;
}


dl.detail{
	margin-left: 150px;
	color: #FFF;
	}
dt.detail{
 	float:left;
 	clear:both;
 	width: 100px;
	border-bottom: 1px solid #CCC;
	background: url(../images/arrow.gif) no-repeat left center;
	text-indent: 1em;

	}
dd.detail{
 	margin-top: 15px;
 	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
	}




/*--MENU--*/
li{
	list-style-type: none;
	}
#first a {
	display: block;
	overflow: hidden;
	width: 700px;
	height: 115px;
	margin-bottom: 20px;
	background-image: url(../images/1st.jpg);
	text-indent: -9877em; 
}
#first a:hover {
	background-position: 0 -115px; 
}


#second a {
	display: block;
	overflow: hidden;
	width: 700px;
	height: 115px;
	margin-bottom: 20px;
	background-image: url(../images/2nd.jpg);
	text-indent: -9877em; 
}
#second a:hover {
	background-position: 0 -115px; 
}


#third a {
	display: block;
	overflow: hidden;
	width: 700px;
	height: 115px;
	margin-bottom: 20px;
	background-image: url(../images/3rd.jpg);
	text-indent: -9877em; 
}
#third a:hover {
	background-position: 0 -115px; 
}


#sanroku a {
	display: block;
	overflow: hidden;
	width: 700px;
	height: 189px;
	margin-bottom: 20px;
	background-image: url(../images/36_top.jpg);
	text-indent: -9877em;
}





/*--SUB MENU--*/
li{
	list-style-type: none;
	}
#first_lower a {
	float: left;
	display: block;
	overflow: hidden;
	width: 347px;
	height: 57px;
	background-image: url(../images/1st_lower.jpg);
	text-indent: -9877em; 
}
#first_lower a:hover {
	background-position: 0 -57px; 
}


#second_lower_L a {
	float: left;
	display: block;
	overflow: hidden;
	width: 347px;
	height: 57px;
	background-image: url(../images/2nd_lower.jpg);
	text-indent: -9877em; 
}
#second_lower_L a:hover {
	background-position: 0 -57px; 
}
#second_lower_R a {
	float: right;
	display: block;
	overflow: hidden;
	width: 347px;
	height: 57px;
	background-image: url(../images/2nd_lower.jpg);
	text-indent: -9877em; 
	>margin-top: -20px; /*for ie*/
}
#second_lower_R a:hover {
	background-position: 0 -57px; 
}


#third_lower a {
	float: right;
	display: block;
	overflow: hidden;
	width: 347px;
	height: 57px;
	background-image: url(../images/3rd_lower.jpg);
	text-indent: -9877em;	
	>margin-top: -20px; /*for ie*/
}
#third_lower a:hover {
	background-position: 0 -57px; 
}





/*--Footer--*/
.footer
{
	clear: both;
	line-height: 150%;
	margin: 20px 0 20px 0;
	color: #000;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-style: normal;
	font-size: 12px;
	text-align: center;
}

.footer .strong
{
	line-height: 150%;
	margin: 10px 0 5px 0;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-weight: bold;
	font-size: 18px;
}