﻿@charset "utf-8";
/* CSS Document */

/* reset
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p, ul, li, dl, dt, dd, form, input, table, th, td {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

#wrapper {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#wrapper th, #wrapper td {
	vertical-align: top;
	text-align: left;
}

#wrapper img {
	border: none;
}


/* #keyVisual
------------------------------------------------*/
#keyVisual {
	margin-bottom: 12px;
}


/* #wrapper
------------------------------------------------*/
#wrapper {
	width: 840px;
	margin: 0 auto 10px;
	background: url(../img/bg_wrapper.gif) left bottom no-repeat;
}


/* #contents
------------------------------------------------*/
#contents {
	width: 625px;
	float: right;
}

#contents h3 {
	margin: 10px 0 25px 0;
}


/* #sideNavi
------------------------------------------------*/
#sideNavi {
font-size:0px;
	width: 195px;
	float: left;
	margin-right: 19px;
}


/* #localNavi
-------------------------------*/
#localNavi dt {
	padding: 12px 0 12px 30px;
	
	font-size: 12px;
}

#localNavi dt a {
	text-decoration: none;
}

#localNavi dt a:visited {
	color: #000;
}

#localNavi dt a:hover {
color: #CC2929;
	text-decoration: underline;
}
.dt_n{background: url(../img/bg_localNavi-dt.gif) left top no-repeat;}
.dt_o{background: url(../img/bg_localNavi-dt_o.gif) left top no-repeat;}
.dt2_o{background: url(../img/bg_localNavi-dt2_o.gif) left top no-repeat;}

#localNavi dd {
	padding: 8px 0 6px 42px;
	font-size: 12px;
}

#localNavi dd a {
	text-decoration: none;
}

#localNavi dd a:visited {
	color: #000;
}

#localNavi dd a:hover {
color: #CC2929;
text-decoration: underline;
}
.dd_n{background: url(../img/bg_localNavi-dd.gif) left top no-repeat;}
.dd_o{background: url(../img/bg_localNavi-dd_o.gif) left top no-repeat;}

.span_dd{color:#CA2424}
/* #banner
-------------------------------*/
#banner {
	padding: 38px 0 100px 1px;
	background: url(../img/bg_banner.gif) left top no-repeat;
}


#banner li {
	margin-bottom:38px;
}

#banner li img {
	vertical-align: top;
}

#banner li a:hover img {
	opacity: 0.85;
	filter: alpha(opacity=85);
}






/* ---------- clearfix ---------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 1;
	height: 0;
	visibility: hidden;
}

/* --- IE6&7用 --- */
.clearfix{ zoom:1;}
