@charset "UTF-8";
@import url("clearfix.css");
@import url("reset.css");

/*++++++++++++++++++++++++++++++++++++++++++
Basic Setting
+++++++++++++++++++++++++++++++++++++++++++*/
body {
	color					:#444444;
	background				:#ffffff url(../images/body_bg.gif) repeat left top;
	text-align				:center;
	font-size: 12px;
	line-height: 1.7em;
	font-family: "ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro W3",
	"メイリオ",
	Meiryo,
	Osaka,
	"ＭＳ Ｐゴシック",
	"MS P Gothic",
	sans-serif;
}
	
*html body {/* for IE6*/
	font-size: 75%; !important;
	font-family: "メイリオ", Meiryo, sans-serif;
}

*:first-child+html body {/* for IE7*/
	font-family: "メイリオ", Meiryo, sans-serif;
}	

;;body {/* for Opera 9*/
	font-family: "メイリオ", Meiryo, sans-serif;
}
	
/*++++++++++++++++++++++++++++++++++++++++++
Link Setting
+++++++++++++++++++++++++++++++++++++++++++*/
a {
	color					:#444444;
	text-decoration			:none;
}
a:visited {
	color					:#444444;
	text-decoration			:none;
}
a:hover {
	color					:#444444;
	text-decoration			:underline;
}
a:active {
	color					:#444444;
	text-decoration			:underline;
}

/*++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++*/
#wrap {
	background-color: #ffffff;
	margin: 0 auto;
	width: 796px;
	text-align:left;
	height: 100%;
	padding: 0 14px;
	border-right: 2px solid #0e57a8;
	border-left: 2px solid #0e57a8;
}
*html #wrap {
	width: 828px;
}	

/*++++++++++++++++++++++++++++++++++++++++++
Header
+++++++++++++++++++++++++++++++++++++++++++*/
#wrap #header {
	background: url(../images/header_img.jpg) no-repeat left top;
	width: 796px;
	height: 214px;
}

#header h1 {
	font-size: 13px;
	color: #222222;
	padding-top: 20px;
}

#header h2 {
	font-size: 28px;
	color: #0e57a8;
	padding-top: 4px;
	font-weight: bold;
	font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", "平成明朝", serif;
	/*letter-spacing: -0.1em;*/
}

#header h2 span#largeTxt {
	font-size: 48px;
}

#header p {
	color: #666666;
	padding-top: 19px;
	line-height: 190%;
}

*html #header p {
	font-size: 11px;
}

/*++++++++++++++++++++++++++++++++++++++++++
Topix Path
+++++++++++++++++++++++++++++++++++++++++++*/
.path {
	font-size: 11px;
	/*margin-top: 5px;*/
	text-align: right;
	clear: both;
	z-index: 1;
}

.path a,
.path a:visited,
.path a:hover,
.path a:active {
	color: #2248A7;
	text-decoration: underline;
}

/*++++++++++++++++++++++++++++++++++++++++++
Contents
+++++++++++++++++++++++++++++++++++++++++++*/
.column1Box {
	padding: 10px 10px;
}

.column2Box {}

.column2Box .contentL {
	width: 200px;
	float: left;
}

.column2Box .contentL p {
	margin: 0 0 5px 0;
}

.contentL dl {
	border: 1px solid #dfdfdf;
	border-top: none;
}

.contentL dd {
	padding: 5px 14px;
	border-top: 1px dotted #999999;
}

.contentL dd.topSetup {
	border: none;
	padding-top: 1px;	
}

.contentL dd a {
	display: block;
}

.sideBanner {
	margin-top: 10px;
}

.column2Box .contentR {
	width: 580px;
	float: right;
}

*html .column2Box .contentR {
	width: 552px;
	float: right;
}

/*++++++++++++++++++++++++++++++++++++++++++
Ranking
+++++++++++++++++++++++++++++++++++++++++++*/
.column2Box .contentR p.midashi {
	margin-top: 14px;
	clear: both;
}

.rankingBox {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 10px;
	padding-bottom: 10px;
}

#rankingBoxLast {
	border-bottom: none;
}

.rankingBox .leftBox {
	float: left;
	width: 100px;
	text-align: center;
}

.rankingBox .leftBox .prizeBanner {
	margin-top: 9px;
}

.rankingBox .rightBox {
	float: right;
	padding-left: 14px;
	width: 466px;
}

*html .rankingBox .rightBox {
	width: 446px;
}


.rankingBox .rightBox h3 {
	font-size: 14px;
	font-weight: bold;
}

.rankingBox .rightBox h3 a {
	background: #ffffd4;
}

.rankingBox .rightBox p {
	margin-top: 9px;
}

/*++++++++++++++++++++++++++++++++++++++++++
Mitsumori Site
+++++++++++++++++++++++++++++++++++++++++++*/
table {
	border-collapse: collapse;
	width: 580px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	empty-cells: show;
	line-height: 1.6em;
}
caption {
	margin: 1em 0 0 0;
	font-weight: bold;
	text-align: left;
}
th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: .5em .6em;
	text-align: center;
	background: #eff4ff;
	font-weight: bold;
	font-size: 10px;
}

th a {
	text-decoration: underline;
}
th a:visited {
	text-decoration: underline;
}
th a:hover {
	text-decoration: none;
}
th a:active {
	text-decoration: none;
}

td {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: .5em .6em;
	font:Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	vertical-align: middle;
}

.contBtn {
	text-align: center;
}

#cap {
	font-size: 10px;
	font-weight: normal;
}

.company {
	background: #eff4ff;
	font-weight: bold;
	font-size: 11px;
}

/*++++++++++++++++++++++++++++++++++++++++++
Go PageTop
+++++++++++++++++++++++++++++++++++++++++++*/
.pageTop {
	text-align: right;
	font-size: 11px;
	clear: both;
	margin-top: 10px;
}

.pageTop a,
.pageTop a:visited,
.pageTop a:hover,
.pageTop a:active {
	font-size: 10px;
	color: #2248A7;
	text-decoration: underline;
}

* html .pageTop a {
	font-size: 10px;
}

*:first-child+html .pageTop a {
	font-size: 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++
Side Navi
+++++++++++++++++++++++++++++++++++++++++++*/
#sideRed {
	background: #ffeceb;
}
#sideRed dd {
	background: url(../images/red_arrow.gif) no-repeat 5px center;	
}

#sideGreen {
	background: #ecffed;
}
#sideGreen dd {
	background: url(../images/green_arrow.gif) no-repeat 5px center;	
}

#sideBlue {
	background: #eff4ff;
	margin-bottom: 10px;
}
#sideBlue dd {
	background: url(../images/blue_arrow.gif) no-repeat 5px center;	
}


/*++++++++++++++++++++++++++++++++++++++++++
見出し(汎用）
+++++++++++++++++++++++++++++++++++++++++++*/

.midashi2{
width:580px;
height:27px;
padding:6px 0px 0px 20px;
color:#ffffff;
text-indent:10px;
font-size:14px;
font-weight:bold;
background-image:url(../images/cont_headline.gif);
background-repeat:no-repeat;
}

.komidashi{
border: 1px solid #999999;
padding: 2px;
}

.komidashi1{
background-image: url(../images/titleback1.gif);
background-repeat: repeat-x;
background-position: top;
font-size: 11pt;
font-weight:bold;
padding: 2px 0px 2px 5px;
border-left: 5px solid #0066FF;
} 

/*++++++++++++++++++++++++++++++++++++++++++
比較ページで使用
+++++++++++++++++++++++++++++++++++++++++++*/

.main_setsumei{
width:540px;
}

.main_box2{
width:500px;
margin-left:30px;
}

.main_box2_left{
margin-top:15px;
width:80px;
text-align:center;
float:left;
}

.main_box2_right{
width:400px;
margin-top:15px;
float:right;
}

.main_box3{
width:500px;
margin-left:30px;
}

.main_box3_left{
width:220px;
margin-top:15px;
float:left;
}

.main_box3_right{
width:220px;
margin-top:15px;
float:right;
}

.main_box4{
width:470px;
margin-left:30px;
}

.main_box4_left{
margin-top:15px;
width:110px;
text-align:center;
float:left;
}

.main_box4_right{
width:360px;
margin-top:50px;
float:right;
font-size: 12px;
font-weight:bold;
color: #003366;
}


/*++++++++++++++++++++++++++++++++++++++++++
Footer
+++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	margin-top: 0px;
	font-size: 11px;
	clear: both;
}