@charset "utf-8";
/* ===================================================================
CSS information

 file name       : common.css
 created         : 2011‒06‒21
 last Modified   : 
 editor(s)       : 金子徹郎
 last Editor     : 
 style info      : リセットおよび共通スタイル
=================================================================== */

/* 基本設定、リンクカラーなど
----------------------------------------------------*/
html {
	overflow-y: scroll;
}
body,th,td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
body  {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,form {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
ul, li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
/* png透過用
----------------------------------------------------*/
.png {
 behavior: expression(IEPNGFIX.fix(this));
}
/* リンク設定
----------------------------------------------------*/
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #ff0000;
	text-decoration: none;
}
a:active {
	color: #ff0000;
}
/* 調整スタイル !important
------------------------------ */
.textcenter{
	text-align:center;
	text-align:justify;

}

.MA {
 margin-left:150px;
 }

.MT5 {
	margin-top: 5px!important;
}
.MT10 {
	margin-top: 10px!important;
}
.MT15 {
	margin-top: 15px!important;
}
.MT20 {
	margin-top: 20px!important;
}
.MT30 {
	margin-top: 30px!important;
}
.MB5 {
	margin-bottom: 5px!important;
}
.MB10 {
	margin-bottom: 10px!important;
}
.MB15 {
	margin-bottom: 15px!important;
}
.MB20 {
	margin-bottom: 20px!important;
}
.MB30 {
	margin-bottom: 30px!important;
}

.ML2 {
	margin-left: 2px!important;
}

.ML3 {
	margin-left: 3px!important;
}

.ML5 {
	margin-left: 5px!important;
}
.ML8 {
	margin-left: 8px!important;
}
.ML10 {
	margin-left: 10px!important;
}
.ML15 {
	margin-left: 15px!important;
}
.ML20 {
	margin-left: 20px!important;
}
.MR10 {
	margin-right: 10px!important;
}
.MR20 {
	margin-right: 20px!important;
}
.bold {
	font-weight: bold!important;
}
/* Float
------------------------------ */
.floatArea {
	overflow: hidden;
	position: relative;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.towColumnContentL {
	width: 370px;
	float: left;
}
.towColumnContentR {
	width: 370px;
	float: right;
}
.towColumn246R {
	width: 246px;
	float: right;
}

/* list
------------------------------ */
.listBlue dt {
	background: #3399ff;
	height: 30ox;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
.listBlue dd {
	padding: 5px 0;
	border-bottom: dotted 1px #aaaaaa;
}
.listBlue dd.bdrSolid {
	border-bottom: solid 2px #aaaaaa!important;
}
.listDise li {
	list-style: disc;
	list-style-position: inside;
	text-indent: 1em;
}
.listDecimal li {
	list-style: decimal;
	list-style-position: inside;
	text-indent: 1em;
}

/* 共通テーブル */
.table {
	width: 760px;
}
.table th {
	width: 250px;
	background: #8ba4bd;
	padding: 5px;
	color: #fff;
	text-align: left;
}
.table td {
	background: #eeeeee;
	padding: 5px;
}
/* 共通レイアウト
------------------------------ */
#index {
	background: url(../img/bg01.gif) repeat-x;
}

#index2 {
	background: url(../img/bg03.gif) repeat-x;
}

#sub {
	background: url(../img/bg02.gif) repeat-x;
}
#hdrComment {
	width: 1000px;
	height: 20px;
	margin: 0 auto;
	color: #ffffff;
	overflow: hidden;
	position: relative;
}
#hdrComment p {
	width: 500px;
	float: left;
}
#hdrComment ul {
	float: right;
	overflow: hidden;
	position: relative;
}
#hdrComment li {
	border-left: solid 1px #ffffff;
	display: inline;
	float: left;
}
#hdrComment li.bdrR {
	border-right: solid 1px #ffffff;

}
#hdrComment li a {
	margin: 0 5px;
}
#hdrComment li a:link {
	color: #ffffff;
	text-decoration: none;
}
#hdrComment li a:visited {
	color: #ffffff;
}
#hdrComment li a:hover {
	color: #ffffff;
}
#hdrComment li a:active {
	color: #ffffff;
}
#container {
	background: #ffffff;
	width: 1000px;
	margin: 0 auto;
}
#hdr {
	width: 1000px;
	height: 80px;
	overflow: hidden;
	position: relative;
}
#hdrL {
	float: left;
}
#hdrL ul {
	overflow: hidden;
	position: relative;
}
#hdrL li {
	float: left;
	display: inline;
}
#hdrLogin {
	background: url(../img/bg_login.gif) no-repeat;
	width: 182px;
	height: 92px;
	padding: 28px 10px 0;
	float: right;
	margin: 5px 0 0;
}
#hdrLogin dl {
	overflow: hidden;
	position: relative;
}
#hdrLogin dt {
	width: 45px;
	height: 16px;
	margin: 3px 0;
	float: left;
	clear: left;
}
#hdrLogin dd {
	width: 125px;
	height: 16px;
	margin:  3px 0;
	float: right;
}
#hdrLogin dd input {
	width: 115px;
	height: 12px;
}
#hdrLogin p {
	text-align: right;
	margin-right: 9px;
}
#navi {
	width: 1000px;
	height: 50px;
	overflow: hidden;
	position: relative;
}
#navi li {
	float: left;
	display: inline;
}
#mainimg {
	width: 1000px;
	height: 370px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
#mainimgL {
	float: left;
}
#mainimgR {
	float: right;
}
#title {
	width: 1000px;
	margin-bottom: 20px;
}
#contants {
	overflow: hidden;
	position: relative;
}
#contsntsL {
	width: 760px;
	float: left;
}
#sideContents {
	width: 220px;
	float: right;
}
#panList {
	margin-bottom: 15px;
}
h2 {
	margin-bottom: 15px;
}
h3 {
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 10px;
}
.bgH2 {
	background: url(../img/bg_h2.gif) no-repeat;
	width: 720px;
	height: 48px;
	padding-left: 40px;
	line-height: 58px;
	font-size: 18px;
	font-weight: bold;
	color: #003399;
}
.section {
	margin-bottom: 10px;
}
.rankingList li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #cccccc;
}
.rankingListArea {
	overflow: hidden;
	position: relative;
}
.rankingListArea dt {
	width: 30px;
	float: left;
}
.rankingListArea dd {
	width: 180px;
	float: right;
	text-align: left;
}
.rankingListArea li {
	text-align: center;
}
#ftr {
//	background: #003399;
	text-align: center;
	color: #000000;
//	border-top: solid 10px #3399ff;
	padding: 20px 0 50px;

//	width: 1000px;
	overflow: hidden;
	position: relative;

}
#ftr ul {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
#ftr li {
	display: inline;
	padding: 0 5px;
	border-left: solid 1px #000000;
}
#ftr li.ftrBdrR {
	border-right: solid 1px #000000;
}
#ftr li a:link {
	color: #000000;
	text-decoration: none;
}
#ftr li a:visited {
	color: #000000;
}

#thumbnail {
     background: #000000;
     width:120px;
     height:120px;
     display:table-cell;
     text-align:center;
     vertical-align:middle;
     layout-grid-line:120px;
     border-style:outset;
     border-width:4px;
     border-color:lightglay
}

#thumbnail img {
     vertical-align:middle;
}


#thumbnail2 {
     background: #000000;
     width:220px;
     height:120px;
     display:table-cell;
     text-align:center;
     vertical-align:middle;
     layout-grid-line:120px;
     border-style:outset;
     border-width:4px;
     border-color:lightglay
}

#thumbnail2 img {
     vertical-align:middle;
}

/* Text
------------------------------ */
.textCenter {
	text-align: center!important;
}
.textRight {
	text-align: right!important;
}
.textLeft {
	text-align: left!important;
}
.textIndent li {
	text-indent: 1em;
}
.textIndent02 li {
	text-indent: 2em;
}
.colRed {
	color: #ff0000;
}


#serch_button{
 background-image:url("../img/btn_search_off.png");
 background-repeat:no-repeat;
 background-color:#000000;
 border:none;
 width:76px;
 height:26px;
 text-indent: -9999px;
 cursor: pointer;
}

#serch_button_on{
 background-image:url("../img/btn_search_on.png");
 background-repeat:no-repeat;
 background-color:#000000;
 border:none;
 width:76px;
 height:26px;
 text-indent: -9999px;
 cursor: pointer;
}