@charset "utf-8";

/* ========== universal font size setting =========== */
body {font-size:76%; line-height:1.65; color:#666666;min-width:1014px;
}
body.type_b {min-width:1064px;
}
* html body {font-size:0.8em;}
body{font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
 * html body{font-family:Verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",sans-serif;}
.mac.webkit body{font-family:"メイリオ",Meiryo,Verdana,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック',sans-serif;}

.xxxlarge {font-size:160% !important;} /* 20 */
.xxlarge {font-size:130% !important;} /* 16 */
.xlarge {font-size:110% !important;} /* 14 */
.small {font-size:90% !important;} /* 12 */
.xsmall {font-size:85% !important;} /* 11 */
.xxsmall {font-size:78% !important;} /* 10 */
.xxsmall {font-size:70% !important;} /* 9 */

table{font-size:100%;}

/* ========== initialize & reset ========== */
*{margin:0; padding:0;}
img{border:none; vertical-align:bottom;}
caption,th{text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
ul{list-style:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6,p,td,th{font-size:100%;}
address,em,cite	{font-style:normal;}
input{vertical-align:middle;}

/* ========== clear ========== */
.clrFix{zoom:1; clear:both;}
.clrFix:after{content:''; display:block; clear:both;}
.clr{clear:both;}

/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
/* anchor */
a:link{color:#666666; text-decoration:underline;}
a:visited{color:#666666; text-decoration:underline;}
a:hover{color:#666666;text-decoration:none;}
a{outline:none;}

/* text align */
.a-rt{text-align:right !important;}
.a-ct{text-align:center !important;}

/* force position */
.relative{position:relative;}

/* margin */
.last {margin:0 0 55px !important;}
.mb30 {margin:0 0 30px !important;}

/* ========== functions ========== */
.blank{}
.bgpng{}
.rollover{}
.wordBreak{}
.popup{}



body.fsSm {font-size:65%;}
body.fsMd {font-size:75%;}
body.fsnull {font-size:75%;}
body.fsLg {font-size:95%;}

/* ========== type_a ========== */
/* ========== main style =========== */
#wrap {
	width:100%;
	background:#ffffff;
}
#contents {
	width:1014px;
	margin:0 auto;
}

/* ========== header =========== */
#header_wrap {
	width:100%;
	background:url(../../img/bg-header.gif) bottom repeat-x #ffffff;
	height:auto !important;
	height:83px;
	margin-bottom:15px;
}
header {
	width:1014px;
	margin:0 auto;
	position:relative;
}
header #logo {
	padding:10px 0 0 30px;
	width:290px;
	float:left;
}
header #title_area {
	padding:10px 340px 0 0;
	width:400px;
	float:right;
}
header #title_area h1 {
	color:#333333;
	font-size:134%;
	padding-bottom:15px;
}
header p.date {
	position:absolute;
	top:40px;
	right:194px;
	width:auto;
	text-align:right;
}
header dl.font_size {
	position:absolute;
	top:30px;
	right:3px;
	padding-right:3px;
	width:171px;
	height:29px;
	background:url(../../img/bg-font_size.gif) no-repeat;
}
header dl.font_size dt {
	float:left;
	padding:4px 5px 0 17px;
	line-height:1;
}
header dl.font_size dd {
	float:left;
	padding:4px 0 0 0;
}
header dl.font_size dd ul {
	zoom:1;
}
header dl.font_size dd ul li {
	float:left;
	width:20px;
	height:20px;
	margin-left:3px;
	cursor:pointer;
	text-indent:-9999em;
}
header dl.font_size dd ul li.sm {
	background:url(../../img/btn-size_sm_off.gif) no-repeat;
}
header dl.font_size dd ul li.md {
	background:url(../../img/btn-size_md_off.gif) no-repeat;
}
header dl.font_size dd ul li.lg {
	background:url(../../img/btn-size_lg_off.gif) no-repeat;
}
.en header dl.font_size dd ul li.sm {
	background:url(../../img/en/btn-size_sm_off.gif) no-repeat;
}
.en header dl.font_size dd ul li.md {
	background:url(../../img/en/btn-size_md_off.gif) no-repeat;
}
.en header dl.font_size dd ul li.lg {
	background:url(../../img/en/btn-size_lg_off.gif) no-repeat;
}

body header dl.font_size dd ul li.sm:hover {background:url(../../img/btn-size_sm_on.gif) no-repeat;}
body header dl.font_size dd ul li.md:hover {background:url(../../img/btn-size_md_on.gif) no-repeat;}
body header dl.font_size dd ul li.lg:hover {background:url(../../img/btn-size_lg_on.gif) no-repeat;}

body.fsSm header dl.font_size dd ul li.sm {background:url(../../img/btn-size_sm_on.gif) no-repeat;}
body.fsMd header dl.font_size dd ul li.md {background:url(../../img/btn-size_md_on.gif) no-repeat;}
body.fsnull header dl.font_size dd ul li.md {background:url(../../img/btn-size_md_on.gif) no-repeat;}
body.fsLg header dl.font_size dd ul li.lg {background:url(../../img/btn-size_lg_on.gif) no-repeat;}

body .en header dl.font_size dd ul li.sm:hover {background:url(../../img/en/btn-size_sm_on.gif) no-repeat;}
body .en header dl.font_size dd ul li.md:hover {background:url(../../img/en/btn-size_md_on.gif) no-repeat;}
body .en header dl.font_size dd ul li.lg:hover {background:url(../../img/en/btn-size_lg_on.gif) no-repeat;}

body.fsSm .en header dl.font_size dd ul li.sm {background:url(../../img/en/btn-size_sm_on.gif) no-repeat;}
body.fsMd .en header dl.font_size dd ul li.md {background:url(../../img/en/btn-size_md_on.gif) no-repeat;}
body.fsnull .en header dl.font_size dd ul li.md {background:url(../../img/en/btn-size_md_on.gif) no-repeat;}
body.fsLg .en header dl.font_size dd ul li.lg {background:url(../../img/en/btn-size_lg_on.gif) no-repeat;}



header dl.font_size:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
header dl.font_size ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
header:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main article #thumbs {
	display:none;
}
/* ========== main =========== */

.type_a #main {
	width:1014px;
	margin-bottom:16px;
	background:url(../../img/bg-main_a.gif) repeat-y;
}
.type_a #main_top {
	width:1014px;
	background:url(../../img/bg-main_a_top.gif) top no-repeat;
}
.type_a #main_bottom {
	width:1014px;
	background:url(../../img/bg-main_a_bottom.gif) bottom no-repeat;
	min-height:450px;
}
.type_a #main_bottom:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_a #main article {
	width:841px;
	float:left;
}
.type_a #main article .video_area {
	width:320px;
	float:left;
	padding:20px 0 20px 20px;
}
.type_a #main article.right .video_area {
	width:320px;
	float:right;
	padding:20px 20px 20px 0;
}
.type_a #main article .title_area {
	width:308px;
	padding:0 0 0 12px;
	height:120px;
	overflow-y:auto;
}
.type_a #main article .title_area h1 {
	color:#000000;
}
.type_a #main article .title_area dt {
	font-size:117%;
	color:#000000;
	
}
.type_a #main article .title_area dd {
	color:#000000;	
}
.type_a #main article .video {
	margin-bottom:15px;
	width:320px;
	overflow-x:hidden;
	font-size: 0;
	line-height: 0;
}

.type_a #main article .slide_area {
	width:464px;
	height:406px;
	float:right;
	padding:20px 20px 0 0;
	overflow:hidden;
	margin-bottom:17px;
}
.type_a #main article.right .slide_area {
	width:464px;
	height:406px;
	float:left;
	padding:20px 0 0 20px;
	overflow:hidden;
	margin-bottom:17px;
}
.type_a #main article .slide_area #slide {
	width:463px;
	height:405px;
	padding:1px 0 0 1px;
	background:url(../../img/bg-slide.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
.type_a #main article #slide ul li {
	position:absolute;
	top:361px;
}
.type_a #main article #slide ul li.back{
	left:14px;
}
.type_a #main article #slide ul li.play{
	left:105px;
}
.type_a .en #main article #slide ul li.play {
	left:130px;
	top:359px;
}
.type_a #main article #slide ul li.showlist {
	left:210px;
	top:359px;
}
.type_a #main article #slide ul li.showlist a {
	text-decoration:none;
	display:block;
	width:67px;
	height:37px;
}
.type_a #main article #slide ul li.showlist a p {
	cursor:pointer;
	color:#7d7c7c;
	height:37px;
	line-height:1;
	padding:0 0 0 20px;
}
.type_a #main article #slide ul li.showlist a p span {
	color:#505050;
	font-size:134%;
	font-weight:bold;
}
.type_a #main article #slide ul li.showlist a {
	padding-top:2px;
	background:url(../../img/bg-showlist_off.gif) no-repeat 0 2px;
}
.type_a #main article #slide ul li.showlist a:hover {
	background:url(../../img/bg-showlist_on.gif) no-repeat 0 2px;
}
.type_a .en #main article #slide ul li.showlist a {
	padding-top:4px;
	background:url(../../img/en/bg-showlist_off.gif) no-repeat 0 4px;
}
.type_a .en #main article #slide ul li.showlist a:hover {
	background:url(../../img/en/bg-showlist_on.gif) no-repeat 0 4px;
}
.type_a #main article #slide ul li.zoom {
	left:294px;
}
.type_a #main article #slide ul li.next {
	left:388px;
}
.type_a #main article #thumbs {
	width:464px;
	height:406px;
	background:url(../../img/bg-thumbs.gif) no-repeat;
	overflow:hidden;
	position:relative;
}
.type_a #main article #thumbs .inner {
	width:464px;
	height:357px;
	overflow:auto;
}
.type_a #main article #thumbs ul.thumbs_list {
	width:430px;
	height:342px;
	padding:1px 0 0 1px;
	padding:15px 0 0 16px;
}
.type_a #main article #thumbs ul.thumbs_list:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_a #main article #thumbs ul.thumbs_list li {
	float:left;
	width:111px;
	padding:0 0 10px 20px;
}
.type_a #main article #thumbs ul.thumbs_list li li {
	float:none;
	width:auto;
	padding:0;
}
.type_a #main article #thumbs p.close {
	position:absolute;
	top:364px;
	left:196px;
}

.type_a .section {
	width:799px;
	margin:0 auto 13px;
	background:url(../../img/bg-section.gif) repeat-y;
	clear:both;
}
.type_a .section_top {
	width:799px;
	background:url(../../img/bg-section_top.gif) top no-repeat;
}
.type_a .section_bottom {
	width:799px;
	background:url(../../img/bg-section_bottom.gif) bottom no-repeat;
	min-height:50px;
	height:auto !important;
	height:50px;
}
.type_a .section_bottom:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_a .section h2 {
	padding:15px 0 0 25px;
	width:120px;
	float:left;
	line-height:1;
}
.type_a .en .section h2 {
	padding:15px 0 0 16px;
	width:129px;
	float:left;
}
.type_a .section ul {
	float:right;
	width:635px;
	padding-top:15px;
}
.type_a .section .put_code {
	float:right;
	width:635px;
	padding-top:15px;
}
.type_a .section .put_code input {
	width:545px;
}
.type_a .section ul li {
	float:left;
	width:285px;
	padding-bottom:10px;
}
.type_a .section ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.dl_pdf {
	background:url(../../img/ico-pdf.gif) 0px 0px no-repeat;
	padding-left:22px;
}
.dl_pdf a {
	color:#cb0000;
}
.type_a #main aside {
	width:173px;
	float:right;
	padding-top:10px;
	padding-bottom:25px;
}
.type_a #main aside h1 {
	width:173px;
}
.type_a #main aside a {
	color:#666666;
	text-decoration:none;
}
.type_a #main aside a:hover {
	color:#666666;
	text-decoration:underline;
}
.type_a #main aside p.head {
	width:108px;
	background:url(../../img/ico-playlist.gif) 10px 10px no-repeat;
	padding:10px 10px 10px 35px;
	border-bottom:1px solid #d6d6d6;
}
.type_a #main aside #playList {
	overflow:auto;
	height:503px;
	width:170px;
}
.type_a #main aside #playList div {
	width:153px;
}
.type_a #main aside #playList dl {
	width:153px;
	border-bottom:1px solid #d6d6d6;
}
.type_a #main aside #playList dl dt {
	background:url(../../img/ico-playlist2.gif) 10px 10px no-repeat;
	padding:5px 10px 10px 25px;
	font-weight:bold;
}
.type_a #main aside #playList dl dd {
	background:url(../../img/bg-border.gif) 22px 0 repeat-y;
	margin:5px 0 10px 0;
	padding:0 10px 0 30px;
}

.type_a #main aside #playList dl dt {
	background:url(../../img/ico-playlist2.gif) 10px 10px no-repeat;
	padding:5px 10px 10px 25px;
	font-weight:bold;
}
.type_a #main aside #playList dl dd dl {
	width:auto;
	padding:0;
	border-bottom:none;
}
.type_a #main aside #playList dl dd dt {
	background:none;
	padding:0;
	font-weight:bold;
}
.type_a #main aside #playList dl dd dl dd {
	background:none;
	padding:0;
}

.notes {
	width:1014px;
	margin-bottom:27px;
	background:url(../../img/bg-notes.gif) repeat-y;
}
.notes_top {
	width:1014px;
	background:url(../../img/bg-notes_top.gif) top no-repeat;
}
.notes_bottom {
	width:1014px;
	background:url(../../img/bg-notes_bottom.gif) bottom no-repeat;
	min-height:50px;
	min-height:100px;
	position:relative;
}
.notes h3 {
	position:absolute;
	top:19px;
	left:22px;
}
.notes p {
	padding:19px 19px 19px 136px;
}
.btn_notes {
	width:auto;
	zoom:1;
	padding-bottom:30px;
}
.btn_notes li {
	float:left;
	padding-right:7px;
}
.btn_notes:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
a.disable {
	cursor:default;
}
/* ========== .sns_area =========== */
.sns_area {
	width:1014px;
	margin-bottom:15px;
}
.sns_area .facebook_stream {
	float:left;
	width:840px;
	height:250px;
	/* background:#ccc; */
}
.sns_area .bnr_area {
	float:right;
	width:154px;
}
.sns_area .bnr_area ul li.web_check {
	background:url(../../img/ico-check.gif) 0px 0px no-repeat;
	padding-left:20px;
	padding-top:2px;
}
.sns_area .bnr_area ul li{
	margin-bottom:15px;
}
.sns_area:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.sns_area2 {
	width:1064px;
	margin-bottom:15px;
}
.sns_area2 ul li {
	float:left;
	width:auto;
}
.sns_area2 .bnr_first {
	float:left;
	width:470px;
}
.sns_area2 .bnr_first li {
	padding-left:10px;
}
.sns_area2 .bnr_area {
	float:right;
	width:560px;
}
.sns_area2 .bnr_area li {
	margin-left:5px;
}
.sns_area2 .bnr_area ul li.web_check {
	background:url(../../img/ico-check.gif) 0px 0px no-repeat;
	padding-left:20px;
	padding-top:2px;
}
.sns_area2 ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.sns_area2:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* ========== footer =========== */
#footer_wrap {
	width:100%;
	background:url(../../img/bg-footer.gif) top repeat-x #ffffff;
	min-height:103px;
	height:auto !important;
	height:103px;
}
footer {
	width:1014px;
	margin:0 auto;
	position:relative;
}
footer ul {
	width:1014px;
}
footer ul li {
	float:right;
	padding-top:29px;
}
footer ul li.first {
	float:left;
	padding-top:30px;
}
footer ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* ========== type_b ========== */
/* ========== main style =========== */
.type_b #contents {
	width:1064px;
	margin:0 auto;
}

/* ========== header =========== */
.type_b header {
	width:1064px;
	margin:0 auto;
	position:relative;
}

/* ========== main =========== */

.type_b #main {
	width:1064px;
	margin-bottom:16px;
	background:url(../../img/bg-main_b.gif) repeat-y;
}
.type_b #main_top {
	width:1064px;
	background:url(../../img/bg-main_b_top.gif) top no-repeat;
}
.type_b #main_bottom {
	width:1064px;
	background:url(../../img/bg-main_b_bottom.gif) bottom no-repeat;
	min-height:450px;
}
.type_b #main_bottom:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_b #main article {
	width:1064px;
}
.type_b #main article .video_area {
	width:480px;
	float:left;
	padding:12px 0 20px 12px;
}
.type_b #main article.right .video_area {
	width:480px;
	float:right;
	padding:12px 12px 20px 0;
}
.type_b #main article .title_area {
	margin-top:15px;
	padding:0 12px 0 12px;
	height: 120px;
	overflow-y: auto;
}
.type_b #main article .title_area h1 {
	color:#000000;
}
.type_b #main article .title_area dt {
	font-size:117%;
	color:#000000;
	
}
.type_b #main article .title_area dd {
	color:#000000;
	
}
.type_b #main article .video {
	width:480px;
	overflow-x:hidden;
	font-size: 0;
	line-height: 0;
}
.type_b #main article .share_video {
	width:480px;
	height:51px;
	background:url(../../img/bg-share_video.gif) no-repeat;
}
.type_b #main article .video .share_video:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_b #main article .share_video h2 {
	padding:15px 0 0 18px;
	width:104px;
	float:left;
}
.type_b .en #main article .share_video h2 {
	padding:15px 0 0 5px;
	width:117px;
	float:left;
}
.type_b #main article .share_video .put_code {
	float:right;
	width:336px;
	padding-top:14px;
	padding-right:11px;
}
.type_b #main article .share_video .put_code input {
	width:334px;
}
.type_b .en #main article .share_video .put_code {
	float:right;
	width:329px;
	padding-top:14px;
	padding-right:10px;
}
.type_b .en #main article .share_video .put_code input {
	width:309px;
}
.type_b #main article .slide_area {
	width:552px;
	height:471px;
	float:right;
	padding:12px 12px 0 0;
	overflow:hidden;
	margin-bottom:17px;
}
.type_b #main article.right .slide_area {
	width:552px;
	height:310px;
	float:left;
	padding:12px 0 17px 12px;
	overflow:hidden;
	margin-bottom:0;
}
.type_b #main article .slide_area #slide {
	width:551px;
	height:471px;
	padding:1px 0 0 1px;
	background:url(../../img/bg-slide2.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
.type_b #main article #slide ul li {
	position: absolute;
	top: 328px;
}
.type_b #main article #slide ul li.back{
	left: 10px;
}
.type_b #main article #slide ul li.play{
	left:149px;
}
.type_b .en #main article #slide ul li.play{
	left: 144px;
	top: 326px;
}
.type_b #main article #slide ul li.showlist {
	left:256px;
}
.type_b .en #main article #slide ul li.showlist {
	left:245px;
}

.type_b #main article #slide ul li.showlist a {
	text-decoration:none;
	display:block;
	width:67px;
	height:37px;
}
.type_b #main article #slide ul li.showlist a p {
	cursor:pointer;
	color:#7d7c7c;
	line-height:1;
	padding:0 0 0 20px;
}
.type_b #main article #slide ul li.showlist a p span {
	color:#505050;
	font-size:134%;
	font-weight:bold;
}
.type_b #main article #slide ul li.showlist a {
	background:url(../../img/bg-showlist_off.gif) no-repeat 0 0;
}
.type_b #main article #slide ul li.showlist a:hover {
	background:url(../../img/bg-showlist_on.gif) no-repeat 0 0;
}
.type_b .en #main article #slide ul li.showlist a {
	background:url(../../img/en/bg-showlist_off.gif) no-repeat 0 2px;
}
.type_b .en #main article #slide ul li.showlist a:hover {
	background:url(../../img/en/bg-showlist_on.gif) no-repeat 0 2px;
}
.type_b #main article #slide ul li.zoom {
	left:340px;
}
.type_b #main article #slide ul li.next {
	left:475px;
}
.type_b #main article #thumbs {
	width:552px;
	height:472px;
	background:url(../../img/bg-thumbs2.gif) no-repeat;
	overflow:hidden;
	position:relative;
}
.type_b #main article #thumbs .inner {
	width: 552px;
	height: 423px;
	overflow:auto;
}
.type_b #main article #thumbs ul.thumbs_list {
	width:530px;
	height: 408px;
	padding:15px 0 0 0;
}
.type_b #main article #thumbs ul.thumbs_list:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_b #main article #thumbs ul.thumbs_list li {
	float:left;
	width:111px;
	padding:0 0 10px 20px;
}
.type_b #main article #thumbs ul.thumbs_list li li {
	float:none;
	width:auto;
	padding:0;
}
.type_b #main article #thumbs ul.thumbs_list li img {
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
}
.type_b #main article #thumbs ul.thumbs_list li li img {
	border:none;
}
.type_b #main article #thumbs p.close {
	position:absolute;
	top: 430px;
	left: 237px;
}

.type_b .option {
	width:1064px;
	clear:both;
	margin-bottom:25px;
}
.type_b .option .section {
	width:527px;
	background:url(../../img/bg-option_section.gif) repeat-y;
	float:left;
	margin-left:10px;
}
.type_b .option .first {
	margin-left:0;
}
.type_b .option .section_top {
	width:527px;
	background:url(../../img/bg-option_section_top.gif) top no-repeat;
}
.type_b .option .section_bottom {
	width:527px;
	background:url(../../img/bg-option_section_bottom.gif) bottom no-repeat;
	height:180px;
	padding-top:10px;
	padding-bottom:10px;
}

.type_b .option:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.type_b .section_bottom:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.type_b .option .section h2 {
	padding:15px 0 0 25px;
	width:70px;
	float:left;
	line-height:1;
}
.type_b .option .en .section h2 {
	padding:19px 0 0 22px;
	width:70px;
	float:left;
}
.type_b .option .section ul.download {
	float:right;
	width:400px;
	height:170px;
	overflow-y:scroll;
	margin-right:5px;
	padding-top:10px;
}
.type_b .section ul.download li {
	float:left;
	width: 335px;
	margin-left:5px;
	padding-bottom:10px;
}
.type_b .section ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.type_b .option section {

}
.type_b .option section a {
	text-decoration:none;
}
.type_b .option p.head {
	width:320px;
	background:url(../../img/ico-playlist.gif) 10px 10px no-repeat;
	padding:10px 10px 10px 35px;
	border-bottom:1px solid #d6d6d6;
}
.type_b .option #playList {
	overflow-y:scroll;
	height:180px;
	width:395px;
	float:right;
	margin-right:5px;
}
.type_b .option #playList div {
	width:360px;
}
.type_b .option #playList dl {
	width:360px;
	border-bottom:1px solid #d6d6d6;
}
.type_b .option #playList dl dt {
	background:url(../../img/ico-playlist2.gif) 10px 10px no-repeat;
	padding:5px 10px 10px 25px;
	font-weight:bold;
}
.type_b .option #playList dl dd {
	background:url(../../img/bg-border.gif) 22px 0 repeat-y;
	margin:5px 0 10px 0;
	padding:0 10px 0 30px;
}

.type_b .option #playList dl dd dl {
	border-bottom:none;
	width:320px;
}
.type_b .option #playList dl dd dl dt {
	background:none;
	padding:0 0 10px 0;
	font-weight:bold;
}
.type_b .option #playList dl dd dl dd {
	background:none;
	padding:5px 0 10px 0;
}


/* ========== .sns_area =========== */
.type_b .sns_area {
	width:1064px;
	margin-bottom:15px;
}
.sns_area .sns_left {
	float:left;
	width:840px;
	height:auto;
}
.sns_area .facebook_stream {
	width:840px;
	height:auto;
	padding-bottom:10px;
}
.sns_area .bnr_area {
	float:right;
	width:154px;
}
.sns_area .bnr_center {
	float:right;
	width:162px;
	padding-left:10px;
}
.sns_area .bnr_center ul {
	width:162px;
}
.sns_area .bnr_center ul li {
	width:162px;
	overflow:hidden;
}
.sns_area .bnr_area ul li.web_check {
	background:url(../../img/ico-check.gif) 0px 0px no-repeat;
	padding-left:20px;
	padding-top:2px;
}
.sns_area .bnr_area ul li{
	margin-bottom:15px;
}
.sns_area .sns_left .bnr_area {
	width:840px;
	float:none;
}
.sns_area .sns_left .bnr_area li {
	float:left;
	padding-right: 7px;
	width:auto;
	margin-bottom:0;
	padding-bottom:15px;
}
.sns_area .sns_left .bnr_area ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.sns_area:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* ========== footer =========== */
.type_b footer {
	width:1064px;
	margin:0 auto;
	position:relative;
}


/* ========== .zoom_style =========== */
body.zoom_style {
	min-width:inherit;
	overflow:hidden;
}
.zoom_style #main_slide {
	width:800px;
	height:600px;
}
.zoom_style #buttons {
    background:#f3f3f3;
    height:35px;
    width:800px;
    margin:0;
    padding:0;
}
.zoom_style #buttons ul {
	position:relative;
}
.zoom_style #buttons ul li {
    top:2px;
    float:left;
    position:absolute;
}
.zoom_style #buttons ul li.back {
    left:9px;
}
.zoom_style #buttons ul li.close {
    top:2px;
    left:347px;
}
.zoom_style #buttons ul li.next{
    left:724px;
}

#main article:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
