@charset "utf-8";
/* CSS Document */

h2 span {
	display: block;
	overflow: hidden;
	margin-top: -16px;
}

h2.piece span {
	margin-top: -20px;
}

h2 span a  {
	font-size: 12px;
	margin-right: 3px;
	font-weight: normal;
	float: right;
}

.mobile h2 {
	font-size: 100%;
	line-height: 25px;
	color: #c00;
	background-color: #fea;
	text-indent: 10px;
}

.mobile ul {
	width: 280px;
	border: 5px solid #fea;
	padding: 5px;
	border-top: none;
}

.mobile img {
	margin: 5px;
}

.mobile li {
	border-bottom: 1px solid #ccc;
	display: block;
	float: left;
	clear: both;
	width: 275px;
	margin-top: 15px;
}

.warning h3 {
	border: 1px solid #fc0;
	padding: 4px;
	background: #fea url(/m/i/index/icon_warning.gif) no-repeat 5px 50%;
	text-indent: 25px;
}

.warning li {
	border: 1px solid #ccc;
	background-color: #ffd;
	overflow: hidden;
	clear: both;
	display: block;
	margin-top: 2px;
	height: 48px;
}

.warning li .flag {
	float: left;
	margin: 13px;
}

.warning li * {
	line-height: 24px;
}

.warning li p {
	height: 48px;
	overflow: hidden;
	display: block;
}

.warning li p.status {
	position: relative;
	margin-top: -24px;
	height: auto;
	right: 0;
	bottom: 0;
	text-align: right;
	width: 120px;
	float: right;
}

.warning li p.status a {
	margin: 0 10px;
}

.warning li p.status span, .warning .items li .status a {
	color: #c00;
}

.warning .piece {
	text-indent: 5px;
	padding: 0;
	background-image: none;
	background-color: #fea;
}

.warning .menu li {
	margin-top: 0;
	height: 24px;
	line-height: 25px;
	clear: none;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #fc0;
	background-color: transparent;
}

.warning .menu li.current {
	background-color: #fff;
	border-bottom: 1px  solid #fff;
}

.warning .items li {
	width: auto;
	float: none;
}

.warning .items li a {
	margin-right: 5px;
}

.warning .items li .head {
	width: 60px;
	text-indent: 10px;
	float: left;
}

.warning .items {
	border: none;
}

.product div {
	float: left;
	width: 318px;
	height: 123px;
	border: 1px solid #ccf;
	margin-bottom: 5px;
}

.product .m {
	margin-left: 10px;
}

.product img {
	width: 140px;
	margin-top: 5px;
}

.product ul {
	float: left;
	overflow: hidden;
	width: 140px;
	padding-top: 10px;
	padding-left: 5px;
}

.product li {
	text-indent: 8px;
	width: 130px;
	line-height: 20px;
}

.product li.b {
	text-indent: 0;
	background: none;
}

#sidebar .search p {
	padding: 5px 0 5px 10px;
}

#main .history li, #main .report li {
	height: 115px;
	width: 162px;
	text-align: center;
	margin-top: 10px;
}

#main li.item .border, #main .weather_change,#main .history, #main .report , #main .achievement {
	width: 648px;
/*	overflow: hidden; */
	border: 1px solid #ccf;
}

#main li.item .main .border {
	width: 358px;
}

#main li.item .sidebar .border {
	width: 278px;
}

#main li.item .main div.border p {
	text-indent: 24px;
	padding: 0 10px 10px;
}

#main li.item .sidebar ul.border {
	padding-left: 10px;
	width: 268px;
}

.linkers li.no * {
	line-height: 20px;
}

.product img {
	margin: 5px;
}

#main .weather_change ul.blue, #main .achievement ul.blue {
	width: 310px;
	margin: 10px 5px;
	height: auto;
	float: left;
}

#main .weather_change ul.blue li, #main .achievement ul.blue li {
	width: 300px;
	margin-left: 10px;
	text-indent: 10px;
	padding: 0;
	line-height: 20px;
}

.info ul.r {
	border: 1px solid #ccf;
	width: 466px;
	padding: 5px 0;
}

.info ul.r li {
	width: 440px;
}

.info ul.blue {
	width: 180px;
}

.info .p a {
	line-height: 20px;
}

.info li img{
	margin-top: 10px;
}

.item legend {
	font-weight: bold;
	margin-top: 10px;
	color: #000;
}

.item fieldset {
	padding: 10px;
	padding-top: 0;
	border: none;
}

.item fieldset input {
	width: 210px;
}

.item fieldset input.submit {
	background: url(/m/i/calamity/btn_sch_nor.gif) no-repeat;
	border: none;
	cursor:pointer;
	height:25px;
	width:50px;
}