@charset "utf-8";
/* CSS Document (hottopics Styles) */

/* clearfix */
#tpcNavi:after,.htBox:after,.boxStl1:after,.htBox2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.tblDtl1 {
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #9C9;
	background: #E1FFE9;
}

.tblDtl1 th {
	width: 75px;
	text-align: left;
	vertical-align: top;
}
.tblDtl1 td {
	padding-right: 8px;
}

.txtC {
	color: #666;
	font-size: 10px;
	line-height: 120%;
}

.pRed {
	color: #C00;
	font-size: 11px;
}

.go1 {
	clear: both;
	margin-top: 10px;
}

.txtSps1 {
	margin-top: 10px;
}

/*
.txtP1 {
	margin-top: 25px;
	padding-left: 15px;
	border-top: 1px dotted #BBB;
	border-left: 3px solid #CCC;
	background: url(../img/arrowD.gif) no-repeat left center;
}*/
.txtR {
	text-align: right;
	font-size: 90%;
}

.hr1 {
	clear: both;
	height: 1px;
	margin-top: 20px;
	border: none;
	border-top: 1px #CCC dotted;
}

/*------------------------------------------------------------------------ BaseLayout*/
#hottopics h1 {
	clear: both;
	text-indent: -9999px;
}

h1#tpc1110 {
	height: 70px;
	background: url(../img/tpc1110.gif) no-repeat;
}

/* topics nav */
#tpcNavi {
	width: 645px;
	margin-top: 10px;
}
#tpcNavi li {
	float: left;
	padding-left: 5px;
	list-style: none;
}
#tpcNavi li a {
	width: 155px;
	height: 45px;
	display: block;
	padding-top: 55px;
	color: #600;
	font-size: 13px;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

.tpc1 {background: url(../img/tpc1.gif) no-repeat;}
.tpc2 {background: url(../img/tpc2.gif) no-repeat;}
.tpc3 {background: url(../img/tpc3.gif) no-repeat;}
.tpc4 {background: url(../img/tpc4.gif) no-repeat;}

#ht1110_1 {background: url(../img/Ttl1110_1.gif) no-repeat;}
#ht1110_2 {background: url(../img/Ttl1110_2.gif) no-repeat;}
#ht1110_3 {background: url(../img/Ttl1110_3.gif) no-repeat;}
#ht1110_4 {background: url(../img/Ttl1110_4.gif) no-repeat;}

/* topics h2 */
.htBox h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.htBox h3 {
	font-size: 120%;
}

/*-------------------------------------------------------------------- */
.boxStl1 {
	float: left;
	width: 430px;
}

.tblImgY td {
	padding-left: 5px;
	vertical-align: bottom;
}

.tblImgT {
	float: right;
	width: 200px;
}

.tblImgT img {
	margin-bottom: 5px;
}

/*-------------------------------------------------------------------- */
#ht1110_4 h3 {
	padding-left: 18px;
	background: url(../img/bgH3.gif) no-repeat left center;
}
#ht1110_4 a {
	color: #333;
	text-decoration: none;
}
#ht1110_4 a:hover {
	color: #c63;
	text-decoration: underline;
}

#ht1110_4 span {
	margin-left: 10px;
	padding-left: 16px;
	font-size: 90%;
	background: url(../img/ya.gif) no-repeat left top;
}

/* frank furt
-------------------------------------------------------------------- */
#frank {
	width: 645px;
	color: #333;
}

#frank h1 {
	clear: both;
	text-indent: -9999px;
}

#tpcFrank {
	clear: both;
	width: 645px;
	height: 200px;
	background: url(../img/tpcFrank.gif) no-repeat;
}

#tpcFrank p {
	padding: 40px 5px 0;
	color: #933;
	font-size: 90%;
}

#abFrankH2 {
	height: 60px;
	text-indent: -9999px;
	background: url(../img/abFrankH2.gif) no-repeat;
}
#abFrank {
	padding-bottom: 20px;
	background: url(../img/abFrankBtm.gif) no-repeat bottom;
}
#abFrank div {
	padding: 0 10px;
	border-left: 5px solid #f8e7d7;
	border-right: 5px solid #f8e7d7;
}

.tblFrank th {
	width: 365px;
	text-align: left;
}
.tblFrank td {
	width: 250px;
	font-size: 10px;
	line-height: 110%;
}

#evFrankH2 {
	margin-top: 20px;
	padding: 3px 10px;
	color: #6392ce;
	font-size: 150%;
	font-weight: bold;
	border-left: 7px solid #6392ce;
}

#frank h3,#ht12 h3 {
	margin-top: 15px;
	padding: 3px 10px 0;
	border-left: 7px solid #dce8fe;
	background: url(../img/frankH3.gif) no-repeat 2px top;
}

.htBox2 {
	padding: 5px;
	background: #dce8fe;
}

.tblImgEv {
	float: left;
	margin-top: 10px;
}
.tblImgEv th {
	text-align: left;
	vertical-align: top;
}
.imgEv {
	float: right;
	width: 250px;
	margin: 3px 0;
	text-align: center;
}
.imgEv span,.img2 span {
	color: #666;
	font-size: 9px;
	line-height: 110%;
}
.img2 {
	float: left;
	width: 300px;
	margin: 5px;
	text-align: center;
}

.txtEv {
	clear: both;
}

.htBox2 p {
	padding: 0 10px;
}

.htBox3 {
	margin-top: 10px;
}
.htBox3 h3 {
	margin-top: 10px;
	padding: 2px 7px 0;
	border-left: 5px solid #dce8fe;
}

.htBox3 hr {
	clear: both;
	height: 1px;
	border: none;
	border-bottom: 1px dotted #09F;
}

/* 12
-------------------------------------------------------------------- */
#ht12 h1 {
	clear: both;
	width: 645px;
	height: 160px;
	margin-top: 5px;
	text-indent: -9999px;
}
#tpc12 {
	background: url(../img/tpc12.gif) no-repeat;
}

#ht12 h2 {
	clear: both;
	margin-top: 20px;
	padding-left: 17px;
	font-size: 15px;
	border-bottom: 1px solid #95BFE8;
	background: url(../img/ic_h2.gif) no-repeat;
}
#ht12 h2 span {
	color: #999;
	margin-left: 15px;
	padding-left: 5px;
	font-size: 80%;
	font-weight: bold;
	border-left: 2px dotted #95BFE8;
}

.spsTop {
	margin-top: 0 !important;
}

#ht12 h3 {
	clear: both;
	margin-top: 10px;
	padding-left: 6px;
	font-size: 14px;
	border-left: 4px solid #DCE8FE;
}

#ht12 p {
	clear: both;
	padding-top: 5px;
}
#ht12 p span {
	color: #069;
}

/* 15  added 2012.10.25
-------------------------------------------------------------------- */
#tpc12_2 {
	background: url(../img/tpc12_2.gif) no-repeat;
}

.ht15 h2 {
	padding-top: 3px;
	border-top: 2px solid #95BFE8;
}

.tblHt15 {
	padding: 3px;
	background: url(../img/bgTblHt15.gif);
}
.tblHt15 th {
	text-align: right;
	vertical-align: top;
}
.tblHt15 th,.tblHt15 td {
	padding: 3px 7px;
	border: 1px solid #c4d6f1;
}

.pBtn {
	clear: both;
	margin: 10px 0;
	padding-right: 10px;
	padding-bottom: 10px;
}
.pBtn a {
	padding: 3px 7px;
	color: #333;
	text-decoration: none;
	border-radius: 3px;
	border: 2px solid #999;
	background: #DDD;
}

.wrapHt15 {
	padding: 7px;
	background: url(../img/bgTblHt15.gif);
}