@charset "utf-8";
/* CSS Document */

/*--------------- ユニバーサルセレクタ ---------------*/
* {
    margin: 0;
    padding: 0;
}



/*--------------- 全体に関する設定 ---------------*/
body {
	font-size: 16px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.6em;
	color: #0d0d0d;
	background: #9c85cc;
	-webkit-text-size-adjust: none;  /* 文字サイズ自動調整OFF */
}
h1 , h2 , h3 , h4 , h5 {
	margin: 0 0 1em;
	line-height: 1.2em;
}

p , ul , li , ol , dl , dd {
	margin: 0 0 1.4em;
	line-height: 1.6em;
}
ul li {
	list-style: none;
}
dt {
	margin: 0;
	padding: 0;
	color: #333;
}
dd+dd {
	margin-top: -2.4em;
}
img , a img {
	margin: 0;
	padding: 0;
	border: 0;
}
strong {
	font-weight: bold;
}
::selection { /* CSS3 */
     background: #8866cc;
     color: #fff;
}
::-moz-selection { /* Firefox */
     background: #8866cc;
     color: #fff;
}



/*--------------- リンクの基本設定 ---------------*/
a {
	outline: none;
	color: #8866cc;
	-webkit-tap-highlight-color:rgba(136,102,204,0.3);
}
a:hover ,
a:active {
	color: #9c85cc;
}



/*--------------- レイアウトに使う設定 ---------------*/
.center_ie {
	text-align: center;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
}

/*-- section --*/
.section {
     clear: both;
     margin-bottom: 80px;
}
.section:last-child ,
p:last-child ,
ul:last-child ,
li:last-child ,
ol:last-child ,
dl:last-child ,
dd:last-child {
     margin-bottom: 0;
}

/*-- unit --*/
.unit {
     clear: both;
     overflow: hidden;
     zoom: 1;
}

/*-- col2 --*/
.col2_ab>.box:nth-of-type(1) {
     float: left;
}
.col2_ab>.box:nth-of-type(2) {
     padding: 0 0 0 20px;
     overflow: hidden;
     zoom: 1;
}
.col2_ba>.box:nth-of-type(1) {
     float: right;
}
.col2_ba>.box:nth-of-type(2) {
     padding: 0 20px 0 0;
     overflow: hidden;
     zoom: 1;
}
.col2_ab>.box:nth-of-type(2) p:last-child ,
.col2_ba>.box:nth-of-type(2) p:last-child {
     margin-bottom: 0;
}

/*-- colx --*/
.colx>.box {
     float: left;
     margin-right: 20px;
}
.colx>.box:last-child {
     margin-right: 0;
}

/*-- dlの横組み --*/
dl.parallel>dt {
	float: left;
	padding: 0;
	width: 5em;
	line-height: 1.4em;
}
dl.parallel>dd {
	margin: 0 0 0.8em;
	padding-left: 5em;
	line-height: 1.4em;
}

/*-- dlの横並び --*/
dl.line>dt {
	float: left;
	font-weight: bold;
}
dl.line>dd {
	margin: 0 0 1em 0;
}
dl.line>dd+dt {
	clear: both;
	margin-top: 0;
}

/*-- dlの横一列 --*/
dl.horizon>dt {
	font-weight: bold;
	display: inline;
}
dl.horizon>dd {
	margin: 0 20px 0 -0.3em;
	display: inline;
}
dl.horizon>dd:last-child {
	margin-right: 0;
}

/*-- ulの横一列 --*/
ul.horizon>li {
	margin: 0 1em 0 0;
	display: inline;
}
ul.horizon>li:last-child {
	margin-right: 0;
}



/*--------------- 各所に使っている設定 ---------------*/
.raquo  {
	margin-left: 1em;
	text-indent: -1em;
	display: inline-block;
}
.supp {
	font-size: 12px;
	line-height: 1.8em;
}
.striking {
	color: #e60000;
}
.modest {
	color: #999;
	font-weight: normal;
}
.align_left {
     float: left;
     margin: 0 20px 0 0;
}
.align_right {
     float: right;
     margin: 0 0 0 20px;
}
.onmouse {
	-webkit-transition: 0.1s;  /* Safari, Chrome */
	-moz-transition: 0.1s;  /* Firefox */
	-o-transition: 0.1s;  /* Opera */
	-ms-transition: 0.1s;  /* IE */
	transition: 0.1s;
}
.onmouse:hover {
	opacity: 0.5;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=50);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=50)";  /* IE8用 */
	zoom: 1;
}
.btn {
	padding: 0.5em 0.6em 0.5em 0.7em;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	background-color: #8866cc;
	-webkit-border-radius: 4px;  /* Safari, Chrome用 */
	-moz-border-radius: 4px;  /* Firefox用 */
	border-radius: 4px;  /* CSS3 */
	behavior: url(PIE.htc);
}
.btn:hover {
	background-color: #9c85cc;
	text-decoration: none;
}

/*-- オーバーレイ --*/
.overlay {
	position: relative;
	border: 8px #0d0d0d solid;
	background-color: #fff;
	z-index: 100;
}
.overlay .close {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: #8866cc url(images/close.png) center center no-repeat;
}
.overlay .close:hover {
	background-color: #9c85cc;
}



/*--------------- ヘッダー ---------------*/
#header {
	height: 28px;
}
#news {
	float: right;
	margin: 5px 0;
}
#news h2 {
	float: left;
	margin: 0 10px 0 0;
	width: 61px;
	height: 16px;
	text-indent: -9999px;
	background: url(images/news_hl.png) 0 0 no-repeat;
}
#news a {
	float: left;
	padding-top: 2px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	text-decoration: none;
}
#news a:hover {
	border-bottom: 1px #fff dotted;
}
#news_inside {
	padding: 20px 4% 30px;
	border-top: 4px #9c85cc solid;
	border-bottom: 4px #9c85cc solid;
}
#news_inside h3 {
	margin-bottom: 10px;
	font-size: 32px;
	color: #8866cc;
}
#news_inside .section {
	margin-bottom: 30px;
	padding: 30px 2% 0;
	border-top: 1px #0d0d0d dotted;
}
#news_inside .section:last-child {
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: 1px #0d0d0d dotted;
}
#news_inside h4 {
	margin-bottom: 5px;
	padding: 3px 0 0 6px;
	font-size: 16px;
	border-left: 4px #8866cc solid;
}
#news_inside .date {
	margin-bottom: 22px;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #999;
}
#news_inside .maintext p {
	margin-bottom: 1em;
	font-size: 14px;
	line-height: 1.6em;
}



/*--------------- トップ ---------------*/
#top {
	background: #fff;
	padding-bottom: 180px;
}
#top_inside {
	position: relative;
}

/*-- タイトル --*/
#top h1 {
	position: absolute;
	top: 30px;
	left: 0;
	width: 310px;
	height: 218px;
	text-indent: -9999px;
	background: url(images/title.png) 0 0 no-repeat;
}

/*-- 作者 --*/
#top #writer {
	position: absolute;
	top: 288px;
	left: 10px;
	width: 141px;
	height: 50px;
	text-indent: -9999px;
	background: url(images/writer.png) 0 0 no-repeat;
}

/*-- 作・画 --*/
#top #charge {
	position: absolute;
	top: 343px;
	left: 10px;
	width: 245px;
	height: 19px;
	z-index: 10;
}
#top #charge #cross {
	float: left;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background: url(images/charge_sprite.png) -134px 0 no-repeat;
}
#top #charge a {
	float: left;
	display: block;
	height: 19px;
	text-indent: -9999px;
}
#top #charge a.scenario {
	width: 134px;
	background: url(images/charge_sprite.png) 0 0 no-repeat;
}
#top #charge a.scenario:hover {
	background-color: #fff;
	background: url(images/charge_sprite.png) 0 bottom no-repeat;
}
#top #charge a.picture {
	width: 92px;
	background: url(images/charge_sprite.png) right 0 no-repeat;
}
#top #charge a.picture:hover {
	background-color: #fff;
	background: url(images/charge_sprite.png) right bottom no-repeat;
}

/*-- キャッチコピー --*/
#top #catch {
	position: absolute;
	top: 29px;
	right: 0;
	width: 195px;
	height: 433px;
	text-indent: -9999px;
	background: url(images/catch.png) 0 0 no-repeat;
	z-index: 10;
}

/*-- キービジュアル --*/
#top #keyvisual {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 44px 70px 0 0;
	background: url(images/target.png) 266px -16px no-repeat;
}

/*-- PV --*/
#top #pv {
	padding-top: 416px;
	margin: 0 0 30px -6px;
}

/*-- バナー --*/
#top #banner {
	position: relative;
	z-index: 100;
	margin: 0 0 90px 10px;
	display: inline-block;
}

/*-- おすすめ --*/
#top #recommend {
	position: relative;
	margin: 40px 0 0 50px;
	width: 210px;
	height: 210px;
	z-index: 50;
	display: block;
	background: #0d0d0d;
	-webkit-border-radius: 105px;  /* Safari, Chrome用 */
	-moz-border-radius: 105px;  /* Firefox用 */
	border-radius: 105px;  /* CSS3 */
	behavior: url(PIE.htc);
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
#top #recommend:hover {
	position: relative;
	top: 10px;
	background: #8866cc;
}

/*-- 告知 --*/
#top #announce {
	position: absolute;
	z-index: 20;
	top: 456px;
	right: 0;
	width: 366px;
	height: 355px;
	text-indent: -9999px;
	background: url(images/announce.png) 0 0 no-repeat;
}
#top #announce_dvd {
	position: relative;
	top: 40px;
	left: 166px;
	width: 162px;
	height: 158px;
	background: url(images/announce_dvd.png) 0 0 no-repeat;
}
#top #announce_cd {
	position: relative;
	top: 0px;
	left: 45px;
	width: 146px;
	height: 155px;
	cursor: pointer;
	background: url(images/announce_cd.png) 0 0 no-repeat;
}
.overlay_cd {
	text-align: center;
}
.overlay_cd .inside:nth-of-type(1) {
	float: left;
	margin: 41px 0 0 81px;
}
.overlay_cd .inside:nth-of-type(2) {
	float: right;
	margin: 41px 81px 0 0;
}
.overlay_cd .inside img {
	margin-bottom: 10px;
}
.overlay_cd .inside h3 {
	margin-bottom: 0.2em;
	font-size: 18px;
}
.overlay_cd .inside p {
	margin-bottom: 0;
	font-size: 12px;
}

/*-- 放送情報 --*/
#top #onair {
	position: absolute;
	z-index: 10;
	top: 682px;
	margin: 0;
	width: 100%;
	height: 428px;
	text-indent: -9999px;
	background: url(images/onair.png) center 0 no-repeat;
}



/*--------------- コンテンツ ---------------*/
#content {
	background: #fff;
}
#content #content_inside.center {
	width: 780px;
}
#content h2 {
	margin: 0 0 20px -33px;
	height: 100px;
	text-indent: -9999px;
}
#content #story h2 {
	width: 160px;
	background: url(images/story_hl.png) 0 0 no-repeat;
}
#content #character h2 {
	width: 178px;
	background: url(images/character_hl.png) 0 0 no-repeat;
}
#content #episode h2 {
	width: 184px;
	background: url(images/episode_hl.png) 0 0 no-repeat;
}
#content #staff h2 {
	width: 152px;
	background: url(images/staff_hl.png) 0 0 no-repeat;
}
#content #comment h2 {
	width: 153px;
	background: url(images/comment_hl.png) 0 0 no-repeat;
}



/*--------------- あらすじ ---------------*/
#story {
	margin-bottom: 10px;
	padding-bottom: 70px;
	background: url(images/story_pic.jpg) right 89px no-repeat;
}
#story .lead {
	margin-bottom: 1.1em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #8866cc;
	display: inline-block;
}
#story p {
	line-height: 1.8em;
}



/*--------------- 登場人物 ---------------*/
#character {
	margin-bottom: 70px;
}
#character ul {
	position: relative;
	margin-top: -20px;
	height: 590px;
}
#character li {
	position: absolute;
	cursor: pointer;
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
#character li:hover {
	margin-top: 8px;
}
#character li.c01 {
	top: 14px;
	left: 0;
	background: url(images/character_full_01_on.png) 0 0 no-repeat;
}
#character li.c02 {
	top: 70px;
	left: 164px;
	background: url(images/character_full_02_on.png) 0 0 no-repeat;
}
#character li.c03 {
	top: 157px;
	left: 329px;
	background: url(images/character_full_03_on.png) 0 0 no-repeat;
}
#character li.c04 {
	top: 0;
	left: 454px;
	background: url(images/character_full_04_on.png) 0 0 no-repeat;
}
#character li.c05 {
	top: 297px;
	left: 649px;
	background: url(images/character_full_05_on.png) 0 0 no-repeat;
}

/*-- オーバーレイ --*/
.overlay_character {
	width: 704px !important;
	height: 364px !important;
	background: #fff no-repeat;
}
.overlay_character.c01 {
	background-image: url(images/character_up_01.jpg);
	background-position: -30px -10px;
}
.overlay_character.c02 {
	background-image: url(images/character_up_02.jpg);
	background-position: -40px -25px;
}
.overlay_character.c03 {
	background-image: url(images/character_up_03.jpg);
	background-position: -30px -40px;
}
.overlay_character.c04 {
	background-image: url(images/character_up_04.jpg);
	background-position: -20px -5px;
}
.overlay_character.c05 {
	background-image: url(images/character_up_05.jpg);
	background-position: -50px -40px;
}
.overlay_character .inside {
	margin: 81px 0 0 320px;
	width: 340px;
}
.overlay_character h3 {
	margin: 0 0 32px 0;
	font-size: 54px;
	line-height: 1em;
}
.overlay_character h3 .cv {
	margin-top: -10px;
	font-size: 26px;
	display: block;
}
.overlay_character h3 .supp {
	font-size: 16px;
}
.overlay_character h3+p {
	padding: 26px 10px 24px;
	font-size: 14px;
	border-top: 1px #0d0d0d dotted;
	border-bottom: 1px #0d0d0d dotted;
}


/*--------------- 各話紹介 ---------------*/
#episode li {
	margin: 0;
}
#episode h3 {
	margin-bottom: 0.6em;
	font-size: 20px;
}
#episode p {
	margin-bottom: 0.9em;
}
#episode li img {
	float: left;
	margin-right: 12px;
	width: 252px;
}
#episode li img:last-child {
	margin-right: 0;
}

/*-- スワイプスライド --*/
#episode .viewport {
    width: 780px;
    overflow: hidden;
    margin: 0 auto;
}
#episode ul.fs1 {
    width: 780px; /* 780px(itemの横幅) × 1(itemの数) */
}
#episode ul.fs2 {
    width: 1560px; /* 780px(itemの横幅) × 2(itemの数) */
}
#episode ul.fs3 {
    width: 2340px; /* 780px(itemの横幅) × 3(itemの数) */
}
#episode ul.fs4 {
    width: 3120px; /* 780px(item) * 4(item count) */
}
#episode ul.fs5 {
    width: 3900px; /* 780px(item) * 5(item count) */
}
#episode ul.fs6 {
    width: 4680px; /* 780px(item) * 6(item count) */
}
#episode ul.fs7 {
    width: 5460px; /* 780px(item) * 7(item count) */
}
#episode ul.fs8 {
    width: 6240px; /* 780px(item) * 8(item count) */
}
#episode ul.fs9 {
    width: 7020px; /* 780px(item) * 9(item count) */
}
#episode ul.fs10 {
    width: 7800px; /* 780px(item) * 10(item count) */
}
#episode .item {
    float: right;
    width: 780px;
    cursor: pointer;
}
#episode .controls button {
	position: relative;
	top: -151px;
	cursor: pointer;
	outline: none;
	border: none;
	background: url(images/arrow_off.png);
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
#episode .controls button:disabled img {
	cursor: default;
	opacity: 0;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=0);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=0)";  /* IE8用 */
	zoom: 1;
} 
#episode .controls .prev {
	float: left;
	left: -58px;
}
#episode .controls .prev:hover {
	margin-left: -8px;
}
#episode .controls .next {
	float: right;
	right: -58px;
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#episode .controls .next:hover {
	margin-right: -8px;
}



/*--------------- スタッフ ---------------*/
#staff dl.line>dd {
	margin-bottom: 0.6em;
}



/*--------------- コメント ---------------*/
#comment>.unit {
	margin-top: -20px;
	padding: 0 20px;
}
#comment dl.cast {
	float: right;
}
#comment dt {
	margin: 0 0 10px 130px;
	width: 66px;
	height: 69px;
	text-indent: -9999px;
}
#comment dt.writer {
	background: url(images/comment_writer_hl.png) 0 0 no-repeat;
}
#comment dt.director {
	margin-top: 71px;
	background: url(images/comment_director_hl.png) 0 0 no-repeat;
}
#comment .cast dt {
	background: url(images/comment_cast_hl.png) 0 0 no-repeat;
}
#comment dd {
	position: relative;
	margin: 0 0 15px;
	cursor: pointer;
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
#comment dd:hover {
	left: 8px;
}
#comment dd.scenario {
	background: url(images/comment_scenario_name_on.png) 0 0 no-repeat;
}
#comment dd.picture {
	background: url(images/comment_picture_name_on.png) 0 0 no-repeat;
}
#comment dd.director {
	background: url(images/comment_director_name_on.png) 0 0 no-repeat;
}
#comment dd.c01 {
	background: url(images/comment_cast_name_01_on.png) 0 0 no-repeat;
}
#comment dd.c02 {
	background: url(images/comment_cast_name_02_on.png) 0 0 no-repeat;
}
#comment dd.c03 {
	background: url(images/comment_cast_name_03_on.png) 0 0 no-repeat;
}
#comment dd.c04 {
	background: url(images/comment_cast_name_04_on.png) 0 0 no-repeat;
}
#comment dd.c05 {
	background: url(images/comment_cast_name_05_on.png) 0 0 no-repeat;
}

/*-- オーバーレイ --*/
.overlay_comment .inside {
	margin: 40px 0 0 40px;
	width: 724px;
}
.overlay_comment h3 {
	margin-bottom: 27px;
	width: 324px;
	height: 52px;
	text-indent: -9999px;
	background: -35px 0 no-repeat;
}
.overlay_comment.picture h3 {
	background-image: url(images/comment_picture_name_off.png);
}
.overlay_comment.scenario h3 {
	background-image: url(images/comment_scenario_name_off.png);
}
.overlay_comment.director h3 {
	background-image: url(images/comment_director_name_off.png);
}
.overlay_comment.c01 h3 {
	background-image: url(images/comment_cast_name_01_off.png);
}
.overlay_comment.c02 h3 {
	background-image: url(images/comment_cast_name_02_off.png);
}
.overlay_comment.c03 h3 {
	background-image: url(images/comment_cast_name_03_off.png);
}
.overlay_comment.c04 h3 {
	background-image: url(images/comment_cast_name_04_off.png);
}
.overlay_comment.c05 h3 {
	background-image: url(images/comment_cast_name_05_off.png);
}
.overlay_comment .maintext {
	padding: 25px 10px;
	border-top: 1px #0d0d0d dotted;
	border-bottom: 1px #0d0d0d dotted;
}
.overlay_comment .maintext p {
	line-height: 1.8em;
}
.overlay_comment .maintext p:last-child {
	margin-bottom: 0;
}
.overlay_comment img {
	float: right;
	margin-top: -79px;
	padding-left: 10px;
	background: #fff;
}
.overlay_comment dl {
	padding: 25px 0;
	font-size: 14px;
	line-height: 1.4em;
}
.overlay_comment dt {
	font-weight: bold;
}
.overlay_comment dd:last-child {
	margin-bottom: 0;
}
.pageOverlay {
	height: 3236px !important;
}



/*--------------- Twitterウィジェット ---------------*/
#twitterwidget {
	overflow: hidden;
}
#twitterwidget iframe {
	margin: 0 auto 30px;
	width: 740px;
	height: 300px;
	display: block;
}



/*--------------- バナー ---------------*/
ul#banner {
	padding-bottom: 30px;
	height: 42px;
	text-align: center;
}
#banner li {
	margin: 0 35px 0 0;
	display: inline-block;
}
#banner li:last-child {
	margin: 0;
}
#banner li.operahouse {
	position: relative;
	top: -9px;
}



/*--------------- フッター ---------------*/
#footer {
	padding: 15px 0;
}

/*-- ページトップ --*/
a#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	display: block;
	background-color: #000;
	-webkit-border-radius: 25px;  /* Safari, Chrome用 */
	-moz-border-radius: 25px;  /* Firefox用 */
	border-radius: 25px;  /* CSS3 */
	behavior: url(PIE.htc);
	opacity: 0.9;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=90);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=90)";  /* IE8用 */
	zoom: 1;
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
a#pagetop:hover {
	bottom: 15px !important;
	text-decoration: none;
	background-color: #9c85cc;
	opacity: 1.0;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=100);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=100)";  /* IE8用 */
}
a#pagetop span {
	width: 50px;
	height: 50px;
	display: block;
	background: url(images/pagetop.png) center center no-repeat;
	opacity: 0.5;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=50);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=50)";  /* IE8用 */
	zoom: 1;
	-webkit-transition: 0.2s;  /* Safari, Chrome */
	-moz-transition: 0.2s;  /* Firefox */
	-o-transition: 0.2s;  /* Opera */
	-ms-transition: 0.2s;  /* IE */
	transition: 0.2s;
}
a#pagetop span:hover {
	opacity: 0.8;  /* Firefox 1.5以上, Opera, Safari用 */
	filter: alpha(opacity=80);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=80)";  /* IE8用 */
	zoom: 1;
}

/*-- ソーシャルボタン --*/
#social {
	float: right;
	height: 20px;
}
.social_btn {
     float: left;
     margin-left: 20px;
}
.social_btn:nth-of-type(3) {
     margin-left: 18px;
}

/*-- コピーライト --*/
#footer #copy {
	float: left;
	margin: 5px 0 0;
	line-height: 1em;
	color: #fff;
}