@charset "utf-8";



body {

  -webkit-text-size-adjust: 100%;

}

 

 /* box

------------------------------------------------- */

#main {

	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	font-size: 15px;

}

#main span.italic {

	font-style: italic;

	margin: 0 3px 0 1px;

}



.annotation {

	font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	letter-spacing: 0.05em;

}

.annotation span {

	font-style: italic;

	margin: 0 1px 0 -1px;

}



#series {

	height: 100%;

}



.leaf_head {

	background: #67c4c9;

	height: 53px;

}

.leaf_head p {

	padding: 16px 0 0 14px;

	font-size: 30px;

	color: #ffffff;

	line-height: 1;

}



.annotation a:link,

.annotation a:active,

.annotation a:hover,

.annotation a:visited {

	color: #4c7aff;

}

.annotation a:link,

.annotation a:active,

.annotation a:visited {

	text-decoration: none;

}

.annotation a:hover { text-decoration: underline; }



.logo-mark {

	margin: 0 0 15px 0;

}

.logo-mark img {

	margin-right: 26px;

}



/* #wapper

------------------------------------------------- */

.bg_image {

	background: url(../images/bg_top.png) left top repeat-x;

	min-height: 900px;

}





/* .content_anchor

------------------------------------------------- */

.content_anchor {

	clear: both;

	margin: 20px 0 0;

	padding: 15px 0;

	background: #f4f3f1;

}

	.content_anchor ul {

		margin: 0 15px;

		padding: 0;

		overflow: hidden;

	}

	.content_anchor ul li {

		display: inline-block;

		margin: 3px 9px 0 0;

		padding: 1px 10px 2px 20px;

		background: url(../../images/icon/bg_arrow_bottom_off.gif) left 3px no-repeat;

	}



.content_anchor2 {

	clear: both;

	margin: 20px 0 0;

	padding: 10px 0;

	background: #f4f3f1;

	overflow: hidden;

	display: table;

}

	.content_anchor2 h2 {

		margin: 0;

		padding: 4px 0 0;

		width: 160px;

		font-weight: bold;

		text-align: center;

		color: #0f6e96;

		display: table-cell;

		vertical-align: middle;

	}

	.content_anchor2 ul {

		margin: 0;

		padding: 0 0 0 18px;

		width: 566px;

		border-left: 1px solid #595959;

		overflow: hidden;

		letter-spacing: -.40em;

		display: table-cell;

	}

	.content_anchor2 ul li {

		display: inline-block;

		margin: 3px 9px 0 0;

		padding: 1px 14px 2px 18px;

		background: url(../../images/icon/bg_arrow_bottom_off.gif) left 3px no-repeat;

		letter-spacing: normal;

		font-size: 93.3%

	}



.content_anchor a:link,

.content_anchor a:active,

.content_anchor a:visited,

.content_anchor2 a:link,

.content_anchor2 a:active,

.content_anchor2 a:visited {

	color: #0f6e96;

	text-decoration: none;

}

.content_anchor a:hover,

.content_anchor2 a:hover { color: #0f6e96; text-decoration: underline; }





/* Back to Top

-------------------------------------------------- */

.backtotop {

	clear: both;

	margin: 15px 10px 0 0;

	min-height: 25px;

	font-size: 12px;

}

	#series .backtotop a {

		float: right;

		padding: 5px 29px 5px 0;

		background: url(../images/icon_arrow_01.png) right top transparent no-repeat;

		zoom: 1;

		line-height: 1.3;

		color: #898989;

	}



/* other

-------------------------------------------------- */

sup {

	font-size: 80%;

	vertical-align: baseline;

	position: relative;

	top: -0.8ex;

	left: 0.4ex;

	padding-right: 0.8ex;

}







/* ==================================================

 *

 * TOP

 *

 * ================================================== */

.benefit {

	margin: 41px 0 0;

}

	.benefit h2 {

		text-align: center;

	}

	.benefit h3 {

		margin: 40px 0 0;

		text-align: center;

		font-size: 173.3%;

		font-weight: bold;

	}

	.benefit .txt {

		margin: 40px 0 0;

		font-size: 106.6%;

	}

	.benefit .img {

		margin: 52px 0 0;

		text-align: center;

	}

	.benefit ul {

		margin: 25px 0 0;

		overflow: hidden;

	}

	.benefit li {

    float: left;

		margin-left: 24px;

		width: 219px;

	}

	.benefit li:first-child {

		margin-left: 0;

	}

	.benefit li.skip {

		width: 259px;

	}

	.benefit li .content {

		margin: 11px 0 0;

		padding: 24px 0 0;

		background: url(../images/bg_benefit.png) center top no-repeat;

		min-height: 154px;

		text-align: center;

	}

	.benefit li .content h5 {

		margin: 0 0 15px;

		font-size: 120%;

		color: #449397;

	}

	.benefit li .link_btn {

		margin: 17px 40px 0;

		padding: 8px 0;

		background-color: #67c4c9;

		border-radius: 3px;

		position: relative;

	}

	.benefit li .link_btn p {

		color: #ffffff;

		padding-left: 16px;

		background: url(../images/icon_arrow_03.png) 19px 7px no-repeat;

	}

	.benefit li .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.benefit li .link_btn:hover {

		opacity: 0.6;

	}

	

.six_appeal {

	clear: both;

	margin: 70px 0 0;

	display: table;

}

	.six_appeal .link {

		margin: 5px 0 5px 5px;

		padding: 0;

		float: left;

		width: 241px;

		border: 2px solid #67c4c9;

		position: relative;

		display: table-cell;

	}

	.six_appeal .link:nth-child(3n+1) {

		margin-left: 0;

	}

	.six_appeal .link .hierarchy {

		margin: 20px 9px 0;

		font-size: 93.3%

	}

	.six_appeal .link .txt {

		margin: 18px 9px 0;

		font-size: 120%;

		color: #67c4c9;

	}

	.six_appeal .link .link_area {

		margin: 12px 16px 0 0;

		padding: 5px 0 5px 9px;

		background: #67c4c9;

		border-radius: 0 17px 17px 0;

		font-size: 106.6%;

		font-weight: bold;

		color: #ffffff;

	}

	.six_appeal .link .img {

		margin: 12px 0 0;

		text-align: center;

	}

	.six_appeal .link p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

		moz-opacity: 0;

	}



.top_function {

	margin: 40px 0 0;

	padding: 0;

}

	.top_function h2 {

		clear: both;

	}

	.top_function h3 {

		margin: 30px 0 0;

		padding: 4px 0 5px 15px;

		border-left: 10px solid #67c4c9;

	}

	.top_function ul.tunner,

	.top_function ul.hdd {

		margin: 10px 20px 0;

		padding: 22px 32px;

		overflow: hidden;

		border: 1px solid #67c4c9;

	}

	.top_function ul.tunner li {

    float: left;

		padding: 21px 0 22px 210px;

		width: 137px;

	}

	.top_function li.digi {

		background: url(../images/icon_top_38.png) left top no-repeat;

	}

	.top_function li.bsdigi {

		background: url(../images/icon_top_17.png) left top no-repeat;

	}

	.top_function li.csdigi {

		background: url(../images/icon_top_18.png) left top no-repeat;

	}

	.top_function ul.hdd li {

    float: left;

		width: 33%;

		letter-spacing: normal;

		font-size: 120%;

	}

	.top_function ul.hdd li span {

		font-weight: bold;

	}

	.top_function ul.other {

		margin: 10px 20px 0;

		overflow: hidden;

    letter-spacing: -.40em;

	}

	.top_function ul.other li {

    display: inline-block;

		margin-right: 20px;

		padding-bottom: 25px;

	}





.related {

	margin: 30px 0 0 0;

	padding: 0 0 12px;

	background-color: #f2f2f2;

}

	.related .ttl {

		background: url(../../images/related/bg_related_product_01.jpg) left top no-repeat;

		min-height: 85px;

		overflow: hidden;

		position: relative;

	}

	.related .ttl .ttl_s{

		position: absolute;

		top: 43px;

		left: 95px;

		font-size: 80%;

	}

	.related .ttl .ttl_l{

		position: absolute;

		top: 43px;

		right: 11px;

		font-size: 143.3%;

		font-weight: bold;

	}

	.related ul {

		margin: 0 11px;

		overflow: hidden;

}

	.related li {

    float: left;

		margin: 0 0 0 13px;

		padding: 0 0 10px;

		min-width: 354px;

		background-color: #ffffff;

		border-radius: 0 0 5px 5px;

	}

	.related li:first-child {

		margin-left: 0;

	}

	.related li h2 {

		padding: 10px 0 0;

		background: url(../images/bg_related_product_02.jpg) left top no-repeat;

		min-height: 83px;

		font-size: 106.6%;

		font-weight: normal;

		text-align: center;

		color: #ffffff;

	}

	.related li h3 {

		margin: 5px 0 0;

		text-align: center;

		font-weight: bold;

		color: #f79700;

	}

	.related li .comment {

		margin: 10px 0 0;

		text-align: center;

	}

	.related li .pic {

		margin: 5px 0 0;

		text-align: center;

	}

	.related li .link_btn {

		margin: 10px 70px 0;

		padding: 8px 0;

		background-color: #118135;

		border-radius: 3px;

		position: relative;

	}

	.related li .link_btn p {

		color: #ffffff;

		font-size: 86.6%;

		text-align: center;

	}

	.related li .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}







/* ==================================================

 *

 * RECODING

 *

 * ================================================== */

#time_reduction_rec,

#time_reduction_watch {

	margin: 48px 0 0;

}

	#time_reduction_rec .txt {

		margin: 32px 20px 0;

		padding: 19px 0;

		border-top: 1px solid #67c4c9;

		border-bottom: 1px solid #67c4c9;

	}

	#time_reduction_rec .txt p {

		text-align: center;

		font-size: 126.6%;

		font-weight: bold;

	}

	#time_reduction_watch .txt {

		margin: 28px 20px 0;

		padding: 19px 0;

	}

	#time_reduction_watch .txt p {

		text-align: center;

		font-size: 186.6%;

		font-weight: bold;

	}

	#time_reduction_watch .img {

		margin: 24px 0 0;

		text-align: center;

	}

	#time_reduction_watch h3 {

		margin: 22px 0 0;

		padding: 4px 0;

		background-color: #df6f00;

		border-radius: 4px;

		text-align: center;

		font-size: 133.3%;

		color: #ffffff;

	}

	#time_reduction_watch ul {

		margin: 27px 20px 0;

		overflow: hidden;

}

	#time_reduction_watch li {

    float: left;

		margin: 0 0 0 39px;

		width: 209px;

		text-align: center;

	}

	#time_reduction_watch li:first-child {

		margin-left: 0;

	}

	#time_reduction_watch li .txt2 {

		margin: 21px 0 0;

		padding: 10px 0 11px;

		background: url(../images/bg_recording_02.png) left top repeat;

		border-radius: 3px;

		letter-spacing: normal;

		font-size: 93.3%;

	}



#other_rec,

#other_play {

	margin: 54px 207px;

}

	#other_rec h2,

	#other_play h2 {

		font-size: 266.6%;

		font-weight: bold;

		border-bottom: 2px dotted #67c4c9;

	}



table.rec_time {

	margin: 30px 0 0;

	font-size: 93.3%;

}

	table.rec_time th {

		padding: 7px 0 8px;

		background-color: #dbdbdb;

		text-align: center;

		vertical-align: middle;

	}

	table.rec_time th.col1 {

		border-right: 1px solid #ffffff;

	}

	table.rec_time th.col2 {

		border-top: 1px solid #ffffff;

	}

	table.rec_time td {

		padding: 10px 0;

		text-align: center;

		vertical-align: middle;

		border-top: 1px solid #ffffff;

		border-right: 1px solid #dbdbdb;

		border-bottom: 1px solid #dbdbdb;

	}

	table.rec_time td.col1 {

		padding: 6px 0;

	}



table.media_support {

	margin: 29px 0 0;

}

	table.media_support th {

		padding: 14px 0 15px 22px;

		border-top: 1px solid #cfcfcf;

		background-color: #cfcfcf;

		vertical-align: middle;

		font-weight: bold;

	}

	table.media_support th.col1 {

		border-left: 1px solid #cfcfcf;

	}

	table.media_support th.col2 {

		border-left: 1px solid #ffffff;

	}

	table.media_support th.col3 {

		border-right: 1px solid #cfcfcf;

		border-left: 1px solid #ffffff;

	}

	table.media_support td {

		padding: 17px 0 34px 10px;

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

	}

	table.media_support td.col1 {

		border-left: 1px solid #cfcfcf;

	}



#rec_info {

	clear: both;

	margin: 40px 0 0;

	padding: 20px;

	background-color: #f9f9f9;

}

	#rec_info p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}



#play_info {

	clear: both;

	margin: 28px 0 0;

	padding: 22px 20px 23px;

	background-color: #f9f9f9;

}

	#play_info h4 {

		font-size: 93.3%;

	}

	#play_info p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}





/* ==================================================

 *

 * DUBBING

 *

 * ================================================== */

#time_reduction_leave {

	margin: 48px 0 0;

}

	#time_reduction_leave .txt {

		margin: 32px 0 0;

		padding: 19px 0;

		border-top: 1px solid #67c4c9;

		border-bottom: 1px solid #67c4c9;

	}

	#time_reduction_leave .txt p {

		text-align: center;

		font-size: 126.6%;

		font-weight: bold;

	}

	#time_reduction_leave h3 {

		margin: 35px 0 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	#time_reduction_leave .ttl {

		margin: 33px 20px 0;

    position: relative;

	}

	#time_reduction_leave .ttl .balloon {

    position: absolute;

    top: -18px;

    left: -30px;

    padding: 20px 21px;

    background: url(../images/icon_balloon.png) left top no-repeat;

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

    line-height: 1;

	}

	#time_reduction_leave .ttl .ttl_txt {

    padding: 20px 0 21px 65px;

    font-size: 18px;

    font-weight: bold;

    color: #449397;

    line-height: 1;

    border-top: 1px solid #449397;

    border-bottom: 1px solid #449397;

	}



#other_dubbing {

	margin: 54px 165px;

}

	#other_dubbing h2 {

		font-size: 266.6%;

		font-weight: bold;

		border-bottom: 2px dotted #67c4c9;

	}



table.dubbing_media {

	margin: 22px 0 0;

}

	table.dubbing_media th {

		padding: 14px 0 15px 20px;

		background-color: #cfcfcf;

		font-weight: bold;

		border-left: 1px solid #cfcfcf;

	}

	table.dubbing_media td {

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

		vertical-align: middle;

	}

	table.dubbing_media td.col1 {

		padding: 11px 0 11px 20px;

		border-left: 1px solid #cfcfcf;

	}

	table.dubbing_media td.col2 {

		padding-left: 56px;

	}

	table.dubbing_media td.col3 {

		padding-left: 20px;

		border-left: 1px solid #cfcfcf;

	}

	table.dubbing_media td.col4 {

		padding: 17px 0 17px 56px;

	}





/* ==================================================

 *

 * SMART

 *

 * ================================================== */

#watched_anytime {

	margin: 40px 0 0;

}

	#watched_anytime .img {

		margin: 0;

		padding: 0;

		text-align: center;

	}

	#watched_anytime .txt {

		margin: 22px 0 0 20px

	}

	

table.watch_smart {

	margin: 30px 0 0;

	border-collapse: separate;

}

	table.watch_smart th {

		padding: 14px 0;

		background-color: #cfcfcf;

		font-weight: bold;

		border-right: 1px solid #ffffff;

		text-align: center;

		vertical-align: middle;

	}

	table.watch_smart th:last-child {

		border-right: 1px solid #cfcfcf;

	}

	table.watch_smart td {

		padding: 14px 0;

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

		text-align: center;

		vertical-align: middle;

	}

	table.watch_smart td:first-child {

		padding-left: 5px;

		border-left: 1px solid #cfcfcf;

		text-align: left;

	}



#smart_info {

	clear: both;

	margin: 40px 0 0;

	padding: 20px;

	background-color: #f9f9f9;

}

	#smart_info p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}



#smart_info2 {

	clear: both;

	margin: 28px 0 0;

	padding: 22px 20px 23px;

	background-color: #f9f9f9;

}

	#smart_info2 h4 {

		font-size: 93.3%;

	}

	#smart_info2 p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}



#smart2_info {

	clear: both;

	margin: 28px 0 0;

	padding: 15px 20px 20px;

	background-color: #f9f9f9;

}

	#smart2_info h4 {

		font-size: 93.3%;

	}

	#smart2_info p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}

	#smart2_info .img {

		margin: 20px 0 0;

		text-align: center;

	}



table.delivery_mode {

}

	table.delivery_mode th {

		padding: 14px 0 10px;

		background-color: #cfcfcf;

		text-align: center;

		vertical-align: middle;

		border-right: 1px solid #ffffff;

		font-size: 93.3%;

		font-weight: bold;

	}

	table.delivery_mode th:first-child {

		border-left: 1px solid #cfcfcf;

	}

	table.delivery_mode th:last-child {

		border-right: 0;

	}

	table.delivery_mode td {

		padding: 9px 0 10px;

		text-align: center;

		vertical-align: middle;

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

		font-size: 93.3%;

	}

	table.delivery_mode td.ttl {

		padding-left: 10px;

		text-align: left;

		border-left: 1px solid #cfcfcf;

	}



.smart_icon01 {

	margin: 0 0 -10px 50px;

}



.smart_icon02 {

	margin: 0 0 -15px 12px;

}



#smart_option {

	clear: both;

	margin: 45px 0 0;

}

	#smart_option .ttl {

		padding: 3px 10px;

		background-color: #000000;

	}

	#smart_option .ttl h4 {

		padding: 0 0 0 10px;

		border-left: 6px solid #ffffff;

		color: #ffffff;

	}

	#smart_option dl {

		margin: 12px 0 0;

		overflow: hidden;

	}

	#smart_option dl dd {

		float: left;

		margin: 0 0 0 10px;

		width: 245px;

	}

	#smart_option dl dd span {

		font-size: 80%;

	}

	#smart_option dl dd .link_btn {

		margin: 30px 85px 0 0;

		padding: 14px 0 13px 25px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 10px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	#smart_option dl dd .link_btn p {

		text-align: left;

		color: #ffffff;

	}

	#smart_option dl dd .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	#smart_option dl dd .link_btn:hover {

		opacity: 0.6;

	}



	#smart_option dl dt {

		margin: 19px 0 0;

		float: right;

		width: 435px;

		text-align: center;

	}





/* ==================================================

 *

 * COMFORABLE

 *

 * ================================================== */

#seeqvault_info {

	clear: both;

	margin: 40px 0 0;

	padding: 20px;

	background-color: #f9f9f9;

}

	#seeqvault_info p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}

#seeqvault_hdd {

	clear: both;

	margin: 25px 0 0;

}

	#seeqvault_hdd .ttl {

		padding: 3px 10px;

		background-color: #000000;

	}

	#seeqvault_hdd .ttl h4 {

		padding: 0 0 0 10px;

		border-left: 6px solid #ffffff;

		color: #ffffff;

	}

	#seeqvault_hdd ul {

		margin: 25px 0 0;

		overflow: hidden;

	}

	#seeqvault_hdd li {

		float: left;

		width: 372px;

		border-left: 1px dashed #cccccc;

	}

	#seeqvault_hdd li:first-child {

		border-left: 0;

	}

	#seeqvault_hdd li dl {

		margin: 12px 15px 0 0;

		overflow: hidden;

	}

	#seeqvault_hdd li dl dt {

		float: left;

		width: 130px;

	}

	#seeqvault_hdd li dl dd {

		margin: 0 0 0 15px;

		float: left;

		width: 210px;

	}

	#seeqvault_hdd li dl dd p {

		font-size: 120%;

	}

	#seeqvault_hdd li dl dd p span {

		font-weight: bold;

	}

	#seeqvault_hdd li .link_btn {

		margin: 20px 15px 0 145px;

		padding: 14px 0 13px 45px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 20px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	#seeqvault_hdd li .link_btn p {

		text-align: left;

		color: #ffffff;

	}

	#seeqvault_hdd li .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	#seeqvault_hdd li .link_btn:hover {

		opacity: 0.6;

	}



table.terminal {

	margin: 40px auto 0;

	width: 744px;

}

	table.terminal td {

		padding: 16px 0 14px 10px;

		font-size: 93.3%

	}

	table.terminal td .mark {

		margin: 0 13px -6px 0;

	}

	table.terminal td.col1 {

		border: 1px solid #cfcfcf;

	}

	table.terminal td.col2 {

		border-top: 1px solid #cfcfcf;

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

	}

	table.terminal td.col3 {

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

		border-left: 1px solid #cfcfcf;

	}

	table.terminal td.col4 {

		border-right: 1px solid #cfcfcf;

		border-bottom: 1px solid #cfcfcf;

	}

	

table.spec {

	margin: 20px 0 0;

}

	table.spec th {

		padding: 7px 0 9px;

		border-top: 1px solid #bfbfbf;

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		background-color: #e5e5e5;

		font-size: 93.3%;

		text-align: center;

	}

	table.spec th:first-child {

		border-left: 1px solid #bfbfbf;

	}

	table.spec td {

		border-right: 1px solid #bfbfbf;

		border-bottom: 1px solid #bfbfbf;

		font-size: 93.3%;

		vertical-align: middle;

	}

	table.spec td.col1 {

		padding: 0 0 0 10px;

		border-left: 1px solid #bfbfbf;

	}

	table.spec td.col2 {

		padding: 11px 0 10px;

		text-align: center;

	}

	table.spec td.col3 {

		padding: 15px 0 15px 10px;

	}

	table.spec td span {

		font-size: 85.7%;



	}



.link_btn_spec {

	margin: 40px 20px 0 510px;

	padding: 14px 0 13px 40px;

	background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

	border-radius: 5px;

	position: relative;

}

	.link_btn_spec p {

		text-align: left;

		color: #ffffff;

	}

	.link_btn_spec p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.link_btn_spec:hover {

		opacity: 0.6;

	}



#exemption_particular {

	clear: both;

	margin: 28px 0 0;

	padding: 22px 20px 23px;

	background-color: #f9f9f9;

}

	#exemption_particular h3 {

		font-size: 106.6%;

		font-weight: bold;

		color: #535353;

	}

	#exemption_particular p {

		font-size: 79%;

		line-height: 1.2;

		color: #898989;

		text-indent: -1.4em;

		padding-left: 1.4em;

		letter-spacing: 0.05em;

	}

	#exemption_particular .ttl {

		font-weight: bold;

	}





/* ==================================================

 *

 * SECTION

 *

 * ================================================== */

.triangle {

    display: block;

	margin: 0 0 0 52px;

    width: 0;

    height: 0;

    border-top: 15px solid #67c4c9;

    border-right: 9px solid transparent;

    border-bottom: 0;

    border-left: 9px solid transparent;

	text-indent: -9999px;

}



.section {

	margin: 40px 0 0;

}

	.section h2 {

		margin: 0;

		padding: 10px 0 10px 18px;

		background-color: #67c4c9;

		border-left: 10px solid #449397;

		font-size: 166.6%;

		font-weight: bold;

		color: #fff;

	}

	.section h3 {

		margin: 8px 0 0;

		font-size: 133.3%;

		font-weight: bold;

		color: #449397;

	}







/* ==================================================

 *

 * article

 *

 * ================================================== */

.article_01 {

	margin: 25px 0 0;

}

	.article_01 .img {

		margin: 0;

		padding: 0;

		text-align: center;

	}

	.article_01 .txt {

		margin: 30px 0 0;

	}

	.article_01 .txt2 {

		margin: 20px 0 0;

		font-size: 86.6%;

	}

	.article_01 h4 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.article_01 .link_btn {

		margin: 15px 0 0 515px;

		padding: 14px 0 13px 40px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.article_01 .link_btn2 {

		margin: 25px 0 0 485px;

		padding: 14px 0 13px 55px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 25px 50% no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.article_01 .link_btn3 {

		margin: 15px 0 0 455px;

		padding: 14px 0 13px 40px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.article_01 .link_btn p,

	.article_01 .link_btn2 p,

	.article_01 .link_btn3 p {

		text-align: left;

		color: #ffffff;

	}

	.article_01 .link_btn p a,

	.article_01 .link_btn2 p a,

	.article_01 .link_btn3 p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.article_01 .link_btn:hover,

	.article_01 .link_btn2:hover,

	.article_01 .link_btn3:hover {

		opacity: 0.6;

	}



.article_02 {

	margin: 25px 0 0;

}

	.article_02 h4 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.article_02 h4 img {

		margin: 0 13px -9px 0;

	}

	.article_02 dl {

		margin: 25px 0 0;

		overflow: hidden;

	}

	.article_02 dl dt {

		float: left;

		width: 360px;

	}

	.article_02 dl dd {

		float: left;

		margin-left: 25px;

		width: 360px;

	}

	.article_02 dl dd .link_btn {

		margin: 20px 0 0 110px;

		padding: 14px 0 13px 40px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.article_02 dl dd .link_btn p {

		text-align: left;

		color: #ffffff;

	}

	.article_02 dl dd .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.article_02 dl dd .link_btn:hover {

		opacity: 0.6;

	}



.article_03 {

	margin: 0;

	overflow: hidden;

}

	.article_03 .body {

		margin: 35px 0 0 25px;

		float: left;

		width: 360px;

	}

	.article_03 .body:nth-child(2n+1) {

		margin-left: 0;

	}

	.article_03 .body h4 {

		margin: 0;

		padding: 5px 0 5px 10px;

		border-left: 10px solid #67c4c9;

		font-size: 113.3%;

		font-weight: bold;

	}

	.article_03 .body .txt {

		margin: 25px 0 0;

	}

	.article_03 .body .img {

		margin: 15px 0 0;

		text-align: center;

	}



.article_04 {

	margin: 0 20px;

	padding: 0 25px 33px;

	border: 4px solid #67c4c9;

}

	.article_04 h4 {

		margin: 25px 0 0;

		padding: 3px 0 2px 13px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.article_04 .txt {

		margin: 10px 0 0 25px;

	}



.article_05 {

	margin: 50px 0 0;

	padding: 0;

}

	.article_05 h2 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.article_05 ul {

		margin: 20px 0 0;

		overflow: hidden;

	}

	.article_05 li {

    float: left;

		margin: 0 0 0 20px;

		padding: 20px 0 0;

		width: 235px;

		min-height: 400px;

		background-color: #fffdf1;

		vertical-align: top;

	}

	.article_05 li:first-child {

		margin-left: 0;

	}

	.article_05 li h3 {

		font-weight: bold;

		text-align: center;

	}

	.article_05 li .img {

		margin: 18px 0 0;

		text-align: center;

	}

	.article_05 li .txt {

		margin: 22px 15px 0;

	}

.article_06 {

	margin: 50px 0 0;

	padding: 0;

}

	.article_06 h2 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}



.article_07 {

	margin: 25px 0 0;

}

	.article_07 h4 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.article_07 dl {

		margin: 30px 0 0;

		overflow: hidden;

	}

	.article_07 dl dt {

		float: left;

		width: 200px;

	}

	.article_07 dl dd {

		float: left;

		margin-left: 25px;

		width: 520px;

	}

	.article_07 .link_btn {

		margin: 15px 0 0 455px;

		padding: 14px 0 13px 40px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.article_07 .link_btn p {

		text-align: left;

		color: #ffffff;

	}

	.article_07 .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.article_07 .link_btn:hover {

		opacity: 0.6;

	}



.article_08 {

	margin: 30px 0 0;

}

	.article_08 .pic {

		float: left;

		width: 45px;

	}

	.article_08 table_area {

		float: left;

		width: 700px;

	}



.article_09 {

	margin: 50px 0 0;

}

	.article_09 h3 {

		margin: 0 0 0 21px;

		font-size: 120%;

		font-weight: bold;

		color: #535353;

	}

	.article_09 p {

		margin: 0 0 0 21px;

	}

	.article_09 .pic {

		margin: 35px 0 0;

		text-align: center;

	}



.article_10 {

	margin: 40px 0 0;

}

	.article_10 h2 {

		margin: 0;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		background-color: transparent;

		font-size: 120%;

		font-weight: bold;

		color: #535353;

	}





/* ==================================================

 *

 * POINT

 *

 * ================================================== */

.point01 {

	margin: 25px 0 0;

	padding: 30px 19px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point01 h3 {

		margin: 0;

		font-size: 126.6%;

		font-weight: bold;

		color: #535353;

	}

	.point01 h3 img {

		margin: 0 10px -7px 0;

	}

	.point01 .img {

		margin: 45px 0 0;

		text-align: center;

	}

	.point01 .link_btn {

		margin: 35px 0 0 470px;

		padding: 14px 0 13px 30px;

		background: #1c8bd6 url(../images/icon_arrow_03.png) 15px 20px no-repeat;

		border-radius: 5px;

		position: relative;

		text-align: right;

	}

	.point01 .link_btn p {

		text-align: left;

		color: #ffffff;

	}

	.point01 .link_btn p a {

		display: block;

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		text-indent: -9999px;

		opacity: 0;

	}

	.point01 .link_btn:hover {

		opacity: 0.6;

	}

	.point01 .annot_pop {

		margin: 3px 0 0 139px;

	}



.point02 {

	margin: 25px 0 0;

	padding: 25px 30px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point02 h5 {

		font-size: 106.6%;

		font-weight: bold;

	}

	.point02 ul {

		margin: 15px 0 0;

		overflow: hidden;

	}

	.point02 li {

    float: left;

		margin: 0 0 10px 7px;

		padding: 15px 0;

		width: 165px;

		background-color: #e6e6e6;

		border-radius: 5px;

		text-align: center;

	}

	.point02 li:nth-child(4n+1) {

		margin-left: 0;

	}

	.point02 .img {

		text-align: center;

	}



.point03 {

	margin: 25px 0 0;

	padding: 25px 10px 30px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point03 .img {

		text-align: center;

	}

	.point03 ul {

		margin: 0;

		padding: 0;

		overflow: hidden;

	}

	.point03 li {

		margin: 0 0 0 12px;

		padding-bottom: 22px;

    float: left;

		width: 229px;

		border: 2px solid #f2914a;

		vertical-align: top;

	}

	.point03 li:first-child {

		margin-left: 0;

	}

	.point03 li h5 {

		padding: 13px 0 10px;

		font-size: 126.6%;

		font-weight: bold;

		color: #ffffff;

		text-align: center;

		background-color: #f2914a;

	}

	.point03 li p {

		margin: 15px 14px 0;

		font-size: 86.6%;

	}







.point04 {

	margin: 25px 0 0;

	padding: 25px 30px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point04 h4 {

		margin: 0;

		padding: 0 0 0 143px;

		background: url(../images/icon_timeReduction.png) left top no-repeat;

		min-height: 50px;

		font-size: 133.3%;

		font-weight: bold;

		color: #36a3b7;

		border: none;

	}

	.point04 ul {

		margin: 25px auto 0;

		width: 684px;

		overflow: hidden;

	}

	.point04 li {

    float: left;

		margin: 0 0 10px 12px;

		padding: 15px 0;

		width: 220px;

		background-color: #f19147;

		border-radius: 5px;

		vertical-align: top;

		text-align: center;

		color: #ffffff;

		font-weight: bold;

	}

	.point04 li.lineh {

		padding: 25px 0 26px;

	}

	.point04 li:first-child,

	.point04 li:nth-child(3n+1) {

		margin-left: 0;

	}



.point05 {

	margin: 25px 0 0;

	padding: 20px 20px 35px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point05 h3 {

		color: #535353;

		font-size: 100%;

		font-weight: bold;

	}

	.point05 h4 {

		font-weight: bold;

	}

	.point05 dl {

		margin: 20px 0 0;

		overflow: hidden;

	}

	.point05 dl dt {

		float: left;

		width: 45px;

	}

	.point05 dl dd {

		float: left;

		width: 650px;

	}

	.point05 dl dd .link {

		padding: 0 0 0 17px;

		background: url(../../images/icon/bg_arrow_right_off.gif) left 3px no-repeat;

		color: #4c7aff;

	}

	.point05 dl dd .link a:link,

	.point05 dl dd .link a:active,

	.point05 dl dd .link a:hover,

	.point05 dl dd .link a:visited {

		color: #4c7aff;

	}

	.point05 dl dd .link a:link,

	.point05 dl dd .link a:active,

	.point05 dl dd .link a:visited {

		text-decoration: none;

	}

	.point05 dl dd .link a:hover { text-decoration: underline; }



.point06 {

	margin: 30px 0 0;

	padding: 32px 19px 38px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

	overflow: hidden;

}

	.point06 .body {

    float: left;

		margin: 0 0 0 25px;

		width: 340px;

		vertical-align: top;

	}

	.point06 .body:first-child {

		margin-left: 0;

	}

	.point06 .body .txt {

		margin: 29px 0 0;

	}

	.point06 .body .img {

		margin: 29px 0 0;

		text-align: center;

	}

	.point06 .body .sec {

		margin: 7px 0 0;

	}



.point07 {

	margin: 25px 0 0;

	padding: 56px 29px 33px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point07 .img {

		text-align: center;

	}

	.point07 ul {

		margin: 20px 0 0;

		overflow: hidden;

	}

	.point07 li {

		margin: 0 0 0 41px;

		padding: 20px 16px 0;

    float: left;

		border: 1px solid #f26f21;

		width: 167px;

		min-height: 110px;

		color: #f26f21;

		border-radius: 5px;

		vertical-align: top;

	}

	.point07 li:first-child {

		margin-left: 0;

	}



.point08 {

	margin: 18px 0 0;

	padding: 20px 20px 40px;

	border: 1px solid #cfcfcf;

}

	.point08 ul {

		overflow: hidden;

	}

	.point08 li {

    float: left;

		margin: 8px 0 0 13px;

	}

	.point08 li:nth-child(2n+1) {

		margin-left: 0;

	}



.point09 {

	margin: 50px 0 0;

	position: relative;

}

	.point09 .img {

		text-align: center;

	}

	.point09 .btn_01 {

		position: absolute;

		left: 504px;

		top: 165px;

	}

	.point09 .btn_02 {

		position: absolute;

		left: 504px;

		top: 214px;

	}

	.point09 .btn_03 {

		position: absolute;

		left: 331px;

		top: 462px;

	}



.point10 {

	margin: 25px 0 0;

	padding: 30px 30px 65px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point10 h4 {

		margin: 50px 0 20px;

		padding: 5px 0 5px 15px;

		border-left: 10px solid #67c4c9;

		font-size: 120%;

		font-weight: bold;

	}

	.point10 dl {

		overflow: hidden;

	}

	.point10 dl dd {

		float: left;

		width: 430px;

	}

	.point10 dl dt {

		float: right;

		width: 245px;

		text-align: center;

	}



.point11 {

	margin: 25px 0 0;

	padding: 40px 30px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

	overflow: hidden;

}

	.point11 .left_area {

		float: left;

		width: 250px;

	}

	.point11 .right_area {

		float: right;

		width: 450px;

	}

	.point11 .right .img,

	.point11 .right p {

		text-align: right;

	}



.point12 {

	margin: 25px 0 0;

	padding: 19px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point12 .body {

		padding: 21px 0;

		background-color: #f8ccb3;

		border-radius: 5px;

	}

	.point12 .body h4 {

		font-size: 106.6%;

		font-weight: bold;

		text-align: center;

	}

	.point12 .body ul {

		margin: 20px 22px 0;

		overflow: hidden;

	}

	.point12 .body li {

    float: left;

		margin: 0 0 5px 14px;

		padding: 7px 0 8px;

		background-color: #ffffff;

		border: 1px solid #f19149;

		width: 209px;

		border-radius: 4px;

		text-align: center;

		color: #f19149;

	}

	.point12 .body li:nth-child(3n+1) {

		margin-left: 0;

	}



.point13 {

	margin: 25px 0 0;

	padding: 30px 19px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point13 dl {

		overflow: hidden;

	}

	.point13 dl dd {

		float: left;

		width: 355px;

	}

	.point13 dl dd h4 {

		font-size: 106.6%;

		font-weight: bold;

		color: #36a3b7;

	}

	.point13 dl dd h4.bk {

		color: #535353;

	}

	.point13 dl dd h4.sc {

		color: #c59d3d;

	}

	.point13 dl dd p {

		margin: 25px 0 0 20px;

	}

	.point13 dl dt {

		float: right;

		width: 330px;

	}



.point14 {

	margin: 25px 0 0;

	padding: 30px 19px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point14 dl {

		overflow: hidden;

	}

	.point14 dl dd {

		float: left;

		width: 250px;

	}

	.point14 dl dd h4 {

		font-weight: bold;

		color: #535353;

	}

	.point14 dl dd h4.sc {

		color: #c59d3d;

	}

	.point14 dl dd p {

		margin: 15px 0 0;

	}

	.point14 dl dt {

		float: right;

		width: 410px;

	}



.point15 {

	margin: 30px 0 0;

	padding: 32px 19px 38px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

	overflow: hidden;

}

	.point15 h4 {

		margin: 0;

		font-size: 106.6%;

		color:#1297a1;

		letter-spacing: normal;

	}

	.point15 .contet {

    float: left;

		margin: 0 0 0 25px;

		width: 340px;

		vertical-align: top;

	}

	.point15 .contet:nth-child(even) {

		margin-left: 0;

	}

	.point15 .contet h5 {

		margin: 45px 0 0;

	}

	.point15 .contet .img {

		margin: 25px 0 0;

		text-align: center;

	}

	.point15 .contet .txt {

		margin: 20px 0 0;

	}



.point16 {

	margin: 30px 0 0;

	padding: 50px;

	border: 1px solid #cfcfcf;

	border-radius: 5px;

}

	.point16 dl {

		margin: 20px 0 0;

		overflow: hidden;

	}

	.point16 dl dt {

		float: left;

		margin: 0;

		width: 309px;

		text-align: center;

	}

	.point16 dl dt .triangle {

    	display: block;

		margin: 20px 0 0 140px;

	    width: 0;

	    height: 0;

	    border-top: 24px solid #67c4c9;

	    border-right: 14px solid transparent;

	    border-bottom: 0;

	    border-left: 14px solid transparent;

		text-indent: -9999px;

	}

	.point16 dl dd {

		float: left;

		margin: 0 0 0 30px;

		width: 300px;

	}

	.point16 dl p {

		margin: 78px 0 0;

		font-size: 120%;

		font-weight: bold;

	}

	.point16 .pic {

		margin: 60px 0 0;

		text-align: center;

	}





/* ==================================================

 *

 * OTHER

 *

 * ================================================== */

.example {

	margin: 95px 0 0;

}

	.example .ttl {

		padding: 8px 0;

		background-color: #df6f00;

		border-radius: 5px;

		text-align: center;

		font-size: 200%;

		font-weight: bold;

		color: #ffffff;

	}

	.example .pic {

		margin: 38px 0 0;

		text-align: center;

	}



#rec_info a:link, #play_info a:link, #smart_info a:link,

#rec_info a:active, #play_info a:active, #smart_info a:active,

#rec_info a:hover, #play_info a:hover, #smart_info a:hover,

#rec_info a:visited, #play_info a:visited, #smart_info a:visited {

	color: #4c7aff;

}

#rec_info a:link, #play_info a:link, #smart_info a:link,

#rec_info a:active, #play_info a:active, #smart_info a:active,

#rec_info a:visited, #play_info a:visited, #smart_info a:visited {

	text-decoration: none;

}

#rec_info a:hover, #play_info a:hover, #smart_info a:hover { text-decoration: underline; }





/* ==================================================

 *

 * POPUP

 *

 * ================================================== */

#fancybox-loading {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  margin-top: -20px;

  margin-left: -20px;

  cursor: pointer;

  overflow: hidden;

  z-index: 1104;

  display: none;

  background: url('../images/loading_01.gif') center center no-repeat;

}



#fancybox-loading div {

  display: none;

}



#fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1100;

  display: none;

  background-color: #000 !important;

}



#fancybox-tmp {

  padding: 0;

  margin: 0;

  border: 0;

  overflow: auto;

  display: none;

}



#fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  padding: 20px;

  z-index: 1101;

  outline: none;

  display: none;

}



#fancybox-outer {

  position: relative;

  width: 100%;

  height: 100%;

  background: #fff;

}



#fancybox-content {

  width: 0;

  height: 0;

  padding: 0;

  outline: none;

  position: relative;

  overflow: hidden;

  z-index: 1102;

  border: 0px solid #fff;

}



#fancybox-hide-sel-frame {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  z-index: 1101;

}



#fancybox-close {

  position: absolute;

  top: -18px;

  right: -18px;

  width: 30px;

  height: 30px;

  background: url('../images/icon_popup_close.png') center center no-repeat #333;

  cursor: pointer;

  z-index: 1103;

  display: none;

}



#fancybox-error {

  color: #444;

  font: normal 12px/20px Arial;

  padding: 14px;

  margin: 0;

}



#fancybox-img {

  width: 100%;

  height: 100%;

  padding: 0;

  margin: 0;

  border: none;

  outline: none;

  line-height: 0;

  vertical-align: top;

}



#fancybox-frame {

  width: 100%;

  height: 100%;

  border: none;

  display: block;

}



#fancybox-left, #fancybox-right {

  position: absolute;

  bottom: 0px;

  height: 100%;

  width: 35%;

  cursor: pointer;

  outline: none;

  z-index: 1102;

  display: none;

}



.fancybox-bg {

  position: absolute;

  padding: 0;

  margin: 0;

  border: 0;

  width: 20px;

  height: 20px;

  z-index: 1001;

}



#fancybox-bg-n {

  top: -20px;

  left: 0;

  width: 100%;

}



#fancybox-bg-ne {

  top: -20px;

  right: -20px;

  background-position: -40px -162px;

}



#fancybox-bg-e {

  top: 0;

  right: -20px;

  height: 100%;

  background-position: -20px 0px;

}



#fancybox-bg-se {

  bottom: -20px;

  right: -20px;

  background-position: -40px -182px;

}



#fancybox-bg-s {

  bottom: -20px;

  left: 0;

  width: 100%;

  background-position: 0px -20px;

}



#fancybox-bg-sw {

  bottom: -20px;

  left: -20px;

  background-position: -40px -142px;

}



#fancybox-bg-w {

  top: 0;

  left: -20px;

  height: 100%;

}



#fancybox-bg-nw {

  top: -20px;

  left: -20px;

  background-position: -40px -122px;

}



#fancybox-title {

  font-family: Helvetica;

  font-size: 12px;

  z-index: 1102;

}



.fancybox-title-inside {

  padding-bottom: 10px;

  text-align: center;

  color: #333;

  background: #fff;

  position: relative;

}



.fancybox-title-outside {

  padding-top: 10px;

  color: #fff;

}



.fancybox-title-over {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #FFF;

  text-align: left;

}



#fancybox-title-over {

  padding: 10px;

  display: block;

}



.fancybox-title-float {

  position: absolute;

  left: 0;

  bottom: -20px;

  height: 32px;

}



#fancybox-title-float-wrap {

  border: none;

  border-collapse: collapse;

  width: auto;

}



#fancybox-title-float-wrap td {

  border: none;

  white-space: nowrap;

}



#fancybox-title-float-left {

  padding: 0 0 0 15px;

}



#fancybox-title-float-main {

  color: #FFF;

  line-height: 29px;

  font-weight: bold;

  padding: 0 0 3px 0;

}



#fancybox-title-float-right {

  padding: 0 0 0 15px;

}



/* IE6 */

.fancybox-ie6 #fancybox-close {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-left-ico {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-right-ico {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-over {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale');

  zoom: 1;

}



.fancybox-ie6 #fancybox-title-float-left {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-float-main {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-float-right {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {

  height: expression(this.parentNode.clientHeight + "px");

}



#fancybox-loading.fancybox-ie6 {

  position: absolute;

  margin-top: 0;

  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');

}



#fancybox-loading.fancybox-ie6 div {

  background: transparent;

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');

}



/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg {

  background: transparent !important;

}



.fancybox-ie #fancybox-bg-n {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-ne {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-e {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-se {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-s {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-sw {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-w {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-nw {

  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');

}



/* moviebox-wrapper

------------------------------------------------- */

.moviebox-wrapper {

	width: 610px; 

	margin: 20px auto !important;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#565656');

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#000000', endColorstr = '#565656')";

	background-image: -moz-linear-gradient(top, #000000, #565656);

	background-image: -ms-linear-gradient(top, #000000, #565656);

	background-image: -o-linear-gradient(top, #000000, #565656);

	background-image: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#565656));

	background-image: -webkit-linear-gradient(top, #000000, #565656);

	background-image: linear-gradient(top, #000000, #565656);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	behavior: url(../../common/js/PIE.htc);

}



.moviebox {

	margin: 0 20px;

	padding: 20px 0;

}

	.moviebox h4 { font-size: 16px; color:#fff !important; font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

	.moviebox p.font_fff {padding-top: 10px; font-size: 14px; color:#fff; font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

	.moviebox .gameborder {border: solid 1px #e0e0e0;}



	.moviebox h3 { font-size: 16px; color:#fff; font-family: "ＭＳ Ｐゴシック","MS PGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

	.moviebox p.led_annot {color:#c8c8c8; }



.movie_area {

	width: 100%;

	margin: 0;

	margin-top: 30px;

	padding: 0;

	padding: 24px 0 31px 0;

	clear: both;

	background-image: -ms-linear-gradient(top, #000000 0%, #565656 100%);/* IE10 Consumer Preview */ 

	background-image: -moz-linear-gradient(top, #000000 0%, #565656 100%);/* Mozilla Firefox */ 

	background-image: -o-linear-gradient(top, #000000 0%, #565656 100%);/* Opera */ 

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #565656));/* Webkit (Safari/Chrome 10) */ 

	background-image: -webkit-linear-gradient(top, #000000 0%, #565656 100%);/* Webkit (Chrome 11+) */ 

	background-image: linear-gradient(to bottom, #000000 0%, #565656 100%);/* W3C Markup, IE10 Release Preview */

	filter: progid:DXImageTransform.Microsoft.Gradient(Enabled=1,GradientType=0,StartColorStr=#000000,EndColorStr=#565656);/* IE6,7,8 */

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	zoom: 1;

}

	.movie_area h3 {

		font-size: 18px;

		font-weight: normal;

		font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

		color: #ffffff;

		text-align: center;	

		padding-bottom: 22px;	

	}

	.movie_area .player {

		margin: 0 27px;

	}

	.movie_area p.led_annot {

		margin: 0 27px;

		color:#c8c8c8;

	}