@charset "utf-8";

/*--------------------------------------------------
global Header
---------------------------------------------------*/
#headWrap{
background:#FFF;
min-height:98px;
height:98px;
}
* html #headWrap {
height:105px;
overflow: hidden;
}
#headWrap #header{
height:55px;
margin:10px auto;
}
#headWrap #assistWrap{
border-top:3px solid #000;
margin-bottom: 0;
overflow: hidden;
height: 30px;
}

#headWrap #readArea{
text-align:right;
vertical-align:middle;
margin-top:-55px;
}
#headWrap #readArea img{
vertical-align:middle;
}		
#headWrap #readArea img.mar02{
margin-right:280px;
}

#headWrap #userAssist {
/zoom: 1;
overflow: hidden;
}

#headWrap .addTools {
float: right;
height:20px;
text-align: right;
}

#headWrap .addTools li {
float: left;
height: 20px;
line-height: 20px;
}

#headWrap .addTools li + li { margin: 0 0 0 5px;}
#headWrap .addTools li img { vertical-align: middle;}

/*--------------------------------------------------
#liveWrap
---------------------------------------------------*/
#liveWrap {
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.7;
	background: url(../img/splash_bg01.gif) 0 0 repeat-x;
	margin-top: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #liveWrap {
       margin-top: 0px;
    }
}
#liveWrapInner {
	width: 960px;
	padding: 0 0 55px 0;
	margin: 0 auto;
	background: #FFF;
}
	#liveWrap a {
		color: #DF3A8D;
		text-decoration: none;
		outline: none;
	}
	#liveWrap a:hover {
		text-decoration: underline;
	}
	#liveWrap strong {
		font-weight: bold;
	}

/*--------------------------------------------------
#liveReadArea
---------------------------------------------------*/
#liveReadArea {
	width: 960px;
	height: 480px;
	margin: 0 auto 0 auto;
	background: url(../img/splash_bg02.gif) 0 20px no-repeat;
	position: relative;
}
	#liveReadArea .image,
	#liveReadArea .text {
		position: absolute;
	}
	#liveReadArea .image {
		left: 58px;
		top: 62px;
	}
	#liveReadArea .text {
		display: block;
		overflow: hidden;
		height: 0;
		font-size: 0;
		line-height: 0;
		vertical-align: bottom;
	}
	#liveReadArea .text.nth01 {
		left: 318px;
		top: 62px;
		width: 600px;
		padding-top: 171px;
		background: url(../img/splash_ttl.gif) 0 0 no-repeat;
	}
	#liveReadArea .text.nth02 {
		left: 318px;
		top: 253px;
		width: 598px;
		padding-top: 153px;
		background: url(../img/splash_txt.gif) 0 0 no-repeat;
	}

/*--------------------------------------------------
.liveNav
---------------------------------------------------*/
.liveNav {
	width: 920px;
	display: block;
}
	.liveNav li {
		display: block;
		width: 440px;
		padding: 0 10px;
		float: left;
	}
#liveNavTop {
	margin: -2px auto 55px auto;
}
#liveNavBottom {
	margin: -3px auto 0 auto;
}

/*--------------------------------------------------
#liveContentArea
---------------------------------------------------*/
#liveContentArea {
	width: 964px;
	margin: 0 auto 0 auto;
}
	#liveContentArea h3 {
		display: block;
	}
	#liveContentArea p + p {
		margin-top: 1em;
	}
	#liveContentArea p.caption {
		font-size: 11px;
		color: #999;
	}
	#liveContentArea .inner {
		width: 900px;
		padding: 30px 30px 60px 30px;
	}
	#liveContentArea p em {
		color: #DF398C;
		font-weight: bold;
		font-style: normal;
	}
	#liveContentArea .lineB {
		border-bottom: #EFEFEF solid 1px;
	}
	#liveContentArea .block {
		overflow: hidden;
		_zoom: 1;
	}
	#liveContentArea .colorbox:hover,
	#liveContentArea area:hover {
		cursor: url(../img/zoomin.cur), pointer;
	}

	#liveContentArea .p01_box01 {}
	#liveContentArea .p01_box02 {}
		#liveContentArea .p01_box02 .floatL {
			width: 500px;
		}
			#liveContentArea .p01_box02 .floatL ul {
				display: block;
			}
				#liveContentArea .p01_box02 .floatL ul li {
					display: block;
					width: 245px;
					float: left;
				}
				#liveContentArea .p01_box02 .floatL ul li:first-child {
					margin-right: 10px;
				}
		
	#liveContentArea .p01_box03 {}
		#liveContentArea .p01_box03 .floatL,
		#liveContentArea .p01_box03 .floatR {
			width: 430px;
		}
		#liveContentArea .p01_box03 .aside {
			margin-top: 40px;
		}
			#liveContentArea .p01_box03 .aside .col {
				width: 246px;
				background: url(../img/p01_a01_bg.gif) 0 0 repeat;
				position: relative;
				padding: 50px 20px 20px 20px;
				float: left;
			}
			#liveContentArea .p01_box03 .aside div + div {
				margin-left: 20px;
			}
			#liveContentArea .p01_box03 .aside h4 {
				position: absolute;
				top: 10px;
				left: -10px;
			}
			#liveContentArea .p01_box03 .aside p.caption {
				color: #333;
				font-size: 13px;
				height: 13em;
			}
		#liveContentArea .p01_box03 .linkBox {
			width: 800px;
			text-align: center;
			color: #FFF;
			margin: 30px auto 0 auto;
			padding: 15px 0;
			background: url(../img/p01_a02_bg.jpg) repeat 0 0;
		}
	
	#liveContentArea .p02_box01 {}
		#liveContentArea .p02_box01 .floatL {
			width: 320px;
		}
	#liveContentArea .p02_box02 {}
		#liveContentArea .p02_box02 .floatL,
		#liveContentArea .p02_box02 .floatR {
			width: 460px;
			display: block;
		}
		#liveContentArea .p02_box02 .inner {
			width: 400px;
		}
	#liveContentArea .p02_box03 {}
		#liveContentArea .p02_box03 table {
			margin: 20px 0 0 0;
			width: 100%;
			zoom: 1;
			border-spacing: 0;
			border-collapse: inherit;
		}
			#liveContentArea .p02_box03 table th,
			#liveContentArea .p02_box03 table td {
				padding: 5px 10px;
				border-spacing: 0;
			}
				#liveContentArea .p02_box03 table thead {
				}
				#liveContentArea .p02_box03 table thead th {
					background: #333;
					color: #FFF;
					font-weight: bold;
					text-align: center;
					border-right:solid 1px #FFF;
				}
				#liveContentArea .p02_box03 table thead th:last-child {
					border-right:solid 1px #333;
				}
				#liveContentArea .p02_box03 table tbody {
					
				}
				#liveContentArea .p02_box03 table tbody th,
				#liveContentArea .p02_box03 table tbody td {
    				border-bottom:solid 1px #333;
    				border-right:solid 1px #333;
					font-size: 12px;
				}
				#liveContentArea .p02_box03 table tbody th {
					background:#F6F6F6;
					border-left:solid 1px #333;
					font-weight: bold;
				}
				#liveContentArea .p02_box03 table tbody td {
					text-align: center;
				}
					#liveContentArea .p02_box03 table tbody td strong {
						color: #DF3A8D;
						font-weight: bold;
						font-family: "ＭＳ ゴシック", "Osaka－等幅", "ＭＳ Ｐゴシック", sans-serif;
					}

/*--------------------------------------------------
#liveFootArea
---------------------------------------------------*/
#liveFooterArea {
	width: 890px;
	margin: 0 auto 20px auto;
	padding: 30px 29px 20px 39px;
	background: #FBFAFA;
	border: #999 solid 1px;
}
	#liveFooterArea .image {
		float: left;
		margin-right: 20px;
	}
	#liveFooterArea .text {
		float: right;
		width: 730px;
	
	}
		.p02 #liveFooterArea .text p {
			line-height: 1.5;
		}
		#liveFooterArea .text p.lineB {
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom: #EFEFEF solid 1px;
		}
		#liveFooterArea .text dl {
			display: block;
			overflow: hidden;
			_zoom: 1;
		}
			#liveFooterArea .text dl dt {
				display: block;
				float: left;
				font-weight: bold;
			}
			#liveFooterArea .text dl dd.indent {
				padding-left: 4em;
			}
	#liveFooterArea .badge {
		position: absolute;
		top: 20px;
		right: 35px;
	}

/*------------------------------------------------
Default
------------------------------------------------*/
/* float */
.clearfix{ /zoom : 1; clear : both;}
.clearfix:after{
content : '';
display : block;
clear : both;
}
.floatL {
float: left;
}
.floatR {
float: right;
}
.alingC {
	text-align: center;
}
.block {
overflow: hidden;
_zoom: 1;
}
/* .squash */
.squash{
height: 0;
padding: 0;
overflow: hidden;
font-size: 0;
line-height: 0;
}
/* #footer */
#footer {
border-top: #C7C7C7 solid 1px;
background: #FFF;
padding: 20px 0 15px 0;
}

/* font-size ---------------*/
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }

/* margin ---------------*/
.marginR5{ margin-right:5px !important; }
.marginL5{ margin-left:5px !important; }
.marginR10{ margin-right:10px !important; }
.marginL10{ margin-left:10px !important; }
.marginR20{ margin-right:20px !important; }
.marginL20{ margin-left:20px !important; }
.marginR30{ margin-right:30px !important; }
.marginL30{ margin-left:30px !important; }
.marginR60{ margin-right:30px !important; }
.marginL60{ margin-left:30px !important; }
.marginB0{ margin-bottom:0 !important; }
.marginB5{ margin-bottom:5px !important; }
.marginB10{ margin-bottom:10px !important; }
.marginB15{ margin-bottom:15px !important; }
.marginB20{ margin-bottom:20px !important; }
.marginB30{ margin-bottom:30px !important; }
.marginB40{ margin-bottom:40px !important; }
.marginB50{ margin-bottom:40px !important; }
.marginB60{ margin-bottom:60px !important; }
.marginB70{ margin-bottom:70px !important; }
.marginB80{ margin-bottom:80px !important; }
.marginT5{ margin-top:5px !important; }
.marginT10{ margin-top:10px !important; }
.marginT15{ margin-top:15px !important; }
.marginT20{ margin-top:20px !important; }
.marginT25{ margin-top:25px !important; }
.marginT30{ margin-top:30px !important; }