@charset "UTF-8";
/* #intro-block
-----------------------*/
#intro-block{
	padding:0 0 30px;
	font-size:14px;
}
	#intro-block h2{
		font-weight:bold;
		padding:0 0 10px;
	}
	#intro-block .txt{
	}


#main h3.title {
	display: block;
	line-height: 33px;
	background: #F4F4F4;
	border: 1px solid #DDDDDB;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	#main h3.title span {
		display: block;
		float: left;
		padding: 0 15px 0;
		font-size: 17px;
		font-weight: bold;
	}

	#theta-tour-image {
	padding-bottom:30px;
}


/* .detail-block
-----------------------*/
.detail-block{
	margin-left:-200px;
	font-size:14px;
	padding:0 10px 30px;
}
	.detail-block .pic{
		float:left;
		width:220px;
		margin:0 0 0 200px;
	}
	.detail-block .txt{
		overflow:hidden;
		padding:0 0 0 20px;
	}
		.detail-block .description{
			padding:0 0 20px;
		}
		.detail-block .description a{
			background:url(/common/img/icon-cursor.png) no-repeat 0 17px;
			padding: 10px 0 0 10px;
			color: red;
			line-height: 1.5em;
		}
		.detail-block .link-box{
			font-size:12px;
			border:1px solid #CCC;
			background:#FFF;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;

			padding:20px 20px 10px;
		}
		.detail-block .link-box ul{
			padding-left: 1em;
		}
		.detail-block .link-box ul li{
			text-indent: -1em;
		}
			.detail-block .link-box dl{
				padding:0 0 5px;
			}
				.detail-block .link-box dt{
					float:left;
					width:195px;
					font-weight:bold;
					clear:both;
				}
				.detail-block .link-box dd{
					overflow:hidden;
				}
					.detail-block .link-box dd a{
						display:inline-block;
						*display:inline;
						*zoom:1;
						margin:0 15px 10px 0;
					}


			.detail-block ul.link-list{
				font-size:12px;
			}
				.detail-block li{
					display:inline-block;
					*display:inline;
					*zoom:1;
					margin:0 15px 10px 0;
				}

@media screen and (max-width: 640px) {
.detail-block{
	margin-left:0;
	font-size:14px;
	padding:0 0 30px;
}
	.detail-block .pic{
		float:none;
		margin:0 0 10px 0;
		text-align:center;
		width:100%;
	}
	.detail-block .txt{
		padding:0 0 0 0;
	}
	.detail-block .link-box{
		padding:20px 20px 0;
	}
		.detail-block .link-box dl{
					padding:0 0 15px;
		}
			.detail-block .link-box dt{
				float:none;
				width:100%;
				margin:0 0 10px -10px;
			}
}



/* trial-block
-----------------------*/

/*#trial-block {

}

#trial-block .item-block-wrap {
	margin-bottom:30px;
	padding-bottom:20px;
	//border-bottom:1px solid #ccc;
}

#trial-block .item-block {
	margin-left:-320px;
}

#trial-block .item-block .course {
	margin:0 0 0 320px;
	float:left;
	width:320px;
}

	#trial-block .item-block .course .title1 {
		font-size:14px;
		font-weight:bold;
	}

	#trial-block .item-block .course .title2 {
		font-size:20px;
		font-weight:bold;
	}

	#trial-block .item-block .course .title3 {
		font-size:16px;
		font-weight:bold;
	}

	#trial-block .item-block .course img {
		margin-bottom:5px;
		//width:40%;
	}

#trial-block .item-block .detail {
		padding-left:20px;
		overflow:hidden;
}

	#trial-block .item-block .detail table th {
		width:15%;
		font-size:12px;
		line-height:160%;
	}

	#trial-block .item-block .detail table td {
		width:85%;
		font-size:12px;
		line-height:160%;
	}

	#trial-block .item-block .detail table td a {
		margin-left:10px;
		padding-left:12px;
		background:url(/common/img/icon-cursor.png) no-repeat 0 5px;
	}


#trial-block .rule p{
		font-size:12px;
		font-weight:bold;
		text-align:center;
		line-height:160%;
		padding-bottom:10px;
}
#trial-block .rule p.detail{
		font-size:11px;
		font-weight:normal;
		text-align:left;
		margin-left:50px;
}


@media screen and (max-width: 640px) {



#trial-block .item-block {
	margin-left:0px;
}

#trial-block .item-block .detail {
		padding-left:0;
		overflow:hidden;
}

#trial-block .item-block .course {
	margin:0 0 10px 0;
	float:none;
	width:100%;
}
*/
}