@charset "utf-8";

ul,ol {
	list-style:none;
}

#saltMain {
	width:730px;
	margin:0 auto;
	text-align:left;
	color:#333;
	font-size:12px;
	line-height:18px;
}
#saltMain h1 {
	padding-bottom:3px;
}
#saltMain ul.navi {
	padding-bottom:25px;
	width:730px;
	line-height:0;
}

#saltMain ul.navi li {
	float:left;
	margin:0 2px 2px 0;
}
#saltMain ul.navi li.rightLink {
	margin-right:0;
}
#saltMain ul.navi li.useNavi {
	padding:6px 13px;
	margin-right:0 !important;
	background-color:#D7E1F5;
}



/* top page */
#saltMain .topTitle {
	margin-bottom:23px;
	padding:10px 0 6px 0;
	background:url(../images/dot_line.gif) repeat-x left bottom;
}
#saltMain .topTitle h2 {
	color:#36C;
	font-size:16px;
	width:420px;
	float:left;
}
#saltMain .topTitle h2 span {
	font-size:13px;
	padding-right:0.5em;
	color:#333;
	font-weight:normal;
}
#saltMain .topTitle .kikanDate {
	font-size:13px;
	color:#000;
	width:250px;
	float:right;
	text-align:right;
	padding-top:2px;
}

#saltMain .topTxt {
	width:466px;
	float:left;
}
#saltMain .topTxt p {
	padding:0 33px 18px 0;
}
#saltMain .topTxt p:first-letter {
	color:#36C;
	font-size:34px;
	line-height:36px;
	float:left;
	font-weight:bold;
	padding-right:3px;
}

#saltMain .topTable {
	width:264px;
	float:left;
}
#saltMain .topTable table {
	border-collapse:collapse;
	width:100%;
	border:none;
}
#saltMain .topTable th,
#saltMain .topTable td {
	font-size:10px;
	line-height:14px;
	border:solid 1px #666;
	vertical-align:middle;
}
#saltMain .topTable th {
	width:24%;
	background-color:#FFFFB3;
	font-weight:normal;
	text-align:center;
	padding:5px 0;
}
#saltMain .topTable td {
	width:76%;
	background-color:#CCE6FF;
	padding:5px 5px 5px 8px;
}
#saltMain .topTable td span {
	color:#f00;
}

#saltMain .schooler {
	width:346px;
	float:left;
}
#saltMain .baloonIll {
	width:322px;
	float:right;
	padding-bottom:25px;
}

/* summer */
#saltMain .summerBox {
	border:solid 2px #36c;
	margin-bottom:25px;
}
#saltMain .summerBox h2 {
	padding-bottom:16px;
}
#saltMain .summerBox dl,
#saltMain .summerBox dt,
#saltMain .summerBox dd {
	padding:0;
	margin:0;
}
#saltMain .summerBox dl.summerUpBox {
	padding:0 10px;
}
#saltMain .summerBox dl.summerUpBox dt {
	color:#3366CC;
	font-weight:bold;
	font-size:14px;
	padding:0 0 10px 5px;
}
#saltMain .summerBox dl.summerUpBox dd {
	padding:0 210px .5em 5px;
}
#saltMain .summerBox dl.summerUpBox dd.upDdEnd {
	font-size:10px;
	line-height:16px;
	padding:0 0 13px 15px;
	text-indent:-10px;
}

#saltMain .summerBox .taikenBox {
	padding:15px 15px 0 15px;

}
#saltMain .summerBox .taikenBox p {
	padding-bottom:1em;
}

#saltMain .summerBox .beingDefeated {
	width:363px;
	float:left;
}
#saltMain .summerBox .defeatedIll {
	width:349px;
	float:left;
	padding-bottom:10px;
}
#saltMain .summerBox .beingDefeated p {
	color:#600;
	padding:0 19px 0 27px;
	text-indent:-1em;
}
#saltMain .summerBox p.saltBoxTitle {
	color:#36C;
	font-size:14px;
	padding:0 15px 5px 15px;
}

#saltMain .summerBox .saltTxtPh {
	padding:5px 23px 18px 15px;
}
#saltMain .summerBox .saltTxtPh .leftTxt {
	width:456px;
	float:left;
}
#saltMain .summerBox .saltTxtPh .rightPh {
	width:232px;
	float:right;
}
#saltMain .summerBox .saltTxtPh .leftTxt p.firstRead {
	color:#f33;
	padding-bottom:6px;
}
#saltMain .summerBox .saltTxtPh .leftTxt p.topSquer {
}
#saltMain .summerBox .saltTxtPh .leftTxt p.topSquer .sq {
	color:#3366CC;
}


#saltMain .summerBox .saltTxtPh .leftTxt ul {
}
#saltMain .summerBox .saltTxtPh .leftTxt li {
	padding-right:1.25em;
	line-height:24px;
	float:left;
	/width:160px;
}
#saltMain .summerBox .saltTxtPh .leftTxt div {
	font-size:10px;
	padding-right:85px;
	padding-left:1em;
	text-indent:-1em;
}

#saltMain .summerBox .summerBoxTable {
	width:697px;
	margin-left:15px;
}
#saltMain .summerBox .summerBoxTable table {
	border-collapse:collapse;
	border:none;
	width:100%;
}
#saltMain .summerBox .summerBoxTable th,
#saltMain .summerBox .summerBoxTable td {
	padding:5px 10px;
	font-size:12px;
}
#saltMain .summerBox .summerBoxTable th {
	font-weight:normal;
	width:23%;
	text-align:left;
}
#saltMain .summerBox .summerBoxTable td {
	width:77%;
}
#saltMain .summerBox .summerBoxTable tr.blueTr {
	background-color:#E1E9F8;
}

#saltMain .summerBox .tableCoution {
	font-size:10px;
	padding:1em 15px 1.5em 15px;

}
#saltMain .summerBox .tableCoution span {
	color:#f33;
}

#saltMain .summerBox dl.summerUpBox dd .txtRed,
#saltMain .summerBox .taikenBox p .txtRed {
	color:#600;
}
#saltMain .summerBox dl.summerUpBox dd .txtSmall,
#saltMain .summerBox .taikenBox p .txtSmall,
#saltMain .summerBox p.saltBoxTitle .txtSmall,
#saltMain .summerBox .saltTxtPh .leftTxt li .txtSmall,
#saltMain .summerBox .summerBoxTable td .txtSmall {
	font-size:10px;
}
#saltMain .summerBox p.saltBoxTitle .nomalTxt {
	font-size:12px;
	color:#333;
}

/* map */
#saltMain .summerBox .mapBox {
	width:655px;
	height:361px;
	position:relative;
	margin-left:29px;
}
#saltMain .summerBox .mapBox div,
#saltMain .summerBox .mapBox h3 {
	position:absolute;
}
#saltMain .summerBox .mapBox h3 {
	left:0px;
	top:3px;
	z-index:1;
}
#saltMain .summerBox .mapBox .map {
	right:0px;
	top:0px;
	z-index:1;
}
#saltMain .summerBox .mapBox .mapIll {
	left:90px;
	top:76px;
	z-index:0;
}


/*
	float clear
=========================================*/
.clr {
    overflow: hidden;
}
.clr:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}
* html .clr {
    height: 1em;
    overflow: visible;
}