@charset "utf-8";
/**************************************************
	コンテンツページ用レイアウト（２カラム）
**************************************************/

/* 背景固定 ブラウザセンタリング */
body {
	background-image:url(../images/main_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}
/* コンテンツ幅935px ブラウザセンタリング 天地の余白も*/
article {
	width:905px;
	margin:35px auto 52px auto;
	padding-left:30px;
	overflow:hidden;
}
/* 左カラム 左フロート*/
article section#SIDE {
	margin-top:18px;
	width:210px;
	float:left;
}
/* コンテンツカラム */
article section#CONTENTS, article section#MAIN {
	margin-left:240px;
	width:635px;
}
/* 左カラム詳細 */
/* header ロゴ */
header {
	width:165px;
	height:80px;
	padding: 0 0px;
	margin-bottom:18px;
}
header h1 a {
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
	width:165px;
	height:80px;
	display:block;
	text-indent:-5000px;
}

/* クリック時の枠線を消す (2011-1202 追加)*/
a:focus {
	outline:none;
}

/* パンくずリスト */

#topicpath {
	margin:10px 0;
}
#topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	color:#0586e1;
}
#topicpath li a {
	padding-right:10px;
	background-image: url(../images/pankuzu.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


/* ナビゲーション borderはこちらに付けました*/
section#SIDE nav {
}
section#SIDE nav ul {
	padding-left:15px;
	border-top:solid 1px #879199;
}
section#SIDE div.sns, section#SIDE div.banner {
	border-top:solid 1px #879199;
}




section#SIDE nav ul li {
	margin;1px;
	line-height:2.0em;
}
section#SIDE nav ul li a {
	display:block;
}
section#SIDE nav ul li.current {
	color:#0586e1;
}

/* ラインとの余白調整用に、最初と最後のリストのmargin設定を各々追加 */
section#SIDE nav ul li:first-child {
	margin-top:1.0em;
}
section#SIDE nav ul li:last-child {
	margin-bottom:1.0em;
}
section#SIDE div.sns {
}
section#SIDE div.sns .twitter {
	margin-top:1.0em;
	margin-bottom:1.0em;
	float:left;
}
section#SIDE div.sns .facebook {
	margin-top:1.0em;
	margin-bottom:1.0em;
	float:left;
}

/* worksの詳細用 */
section#SIDE nav ul li>ul {
	padding-left:15px;
	border-top:none;
}
section#SIDE nav ul li>ul li:first-child {
	margin-top:0;
}
section#SIDE nav ul li>ul li:last-child {
	margin-bottom:0;
}

/* SIDEのカラムのバナーは上下1pxの間隔で配置 */
section#SIDE div.banner {
	clear:left;
	border-bottom:solid 1px #879199;
	margin-bottom:2.0em;
}
section#SIDE div.banner ul {
	margin-top:0.8em;
	margin-bottom:1.5em;
}
section#SIDE div.banner li {
	margin-bottom:1.0em;
}

/* Twitter枠は半透明のBGを引く あとは諸々余白調整等*/
section#SIDE aside#TWITTER_USER {
	background-color:rgba(255,255,255,0.5);
	font-size:x-small;
}
section#SIDE aside#TWITTER_USER #followme {
	padding:5px;
}
section#SIDE aside#TWITTER_USER h2 {
	padding:5px;
	background-image: url(../images/icon_tweet.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:35px;
}
/*
section#SIDE aside#TWITTER_USER h2 img {
	vertical-align:middle;
	margin-right:5px;
}
*/
section#SIDE aside#TWITTER_USER ul {
	padding:5px;
}
section#SIDE aside#TWITTER_USER li {
	padding:5px;
	line-height:130%;
}

/* メインコンテンツ部分 */
section#MAIN {
/*	padding-top:297px;*/
}
#FLASH{
	height:276px;
	width:635px;
}
#FLASH img{
	display:none;
}
/* 各ページのヘッダはクラスで背景指定してあげる。sectionについてるclassは背景だけのもの */
section.topics {
/*	background-image: url(../images/main_visual.png);*/
	background-repeat: no-repeat;
}
/* 各ページコンテンツ部分 */
section#CONTENTS {
	padding-top:180px;
}
section.news {
	background-image: url(../images/news.png);
	background-repeat: no-repeat;
}
section.works {
	background-image: url(../images/works.png);
	background-repeat: no-repeat;
}
section.cinema {
	background-image: url(../images/cinema.jpg);
	background-repeat: no-repeat;
}
section.concert {
	background-image: url(../images/concert.jpg);
	background-repeat: no-repeat;
}
section.others {
	background-image: url(../images/others.jpg);
	background-repeat: no-repeat;
}
section.tv {
	background-image: url(../images/tv.jpg);
	background-repeat: no-repeat;
}
section.tvcm {
	background-image: url(../images/tvcm.jpg);
	background-repeat: no-repeat;
}
section.artists {
	background-image: url(../images/artist.png);
	background-repeat: no-repeat;
}
section.detail {
	background-image: url(../images/detail.png);
	background-repeat: no-repeat;
}
section.contact {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
}
section.privacy {
	background-image: url(../images/privacy.png);
	background-repeat: no-repeat;
}
section.special {
	background-image: url(../images/special.png);
	background-repeat: no-repeat;
}


section.topics {
/*	background-image: url(../images/main_visual.png); */
	background-repeat: no-repeat;
}

/* 各コンテンツの小見出しH2 共通 */
section#MAIN h2 {
	line-height:36px;
	border-bottom:solid 1px #879199;
	margin-bottom:2em;
}
section#CONTENTS h2 {
	line-height:36px;
	border-bottom:solid 1px #879199;
	margin-bottom:18px;
}
/* NEWS詳細記事 */
section#CONTENTS .item {
	margin-bottom:36px;
	overflow:auto;
}
section#CONTENTS .item .thumbnail {
	float:left;
	width:140px;
	display:block;
}
section#CONTENTS .item .thumbnail>time {
	font-weight:bold;
	font-size:small;
}
section#CONTENTS .item .thumbnail>p {
	margin-top:0.5em;
}
section#CONTENTS .item .details {
	margin-left:140px;
}
section#CONTENTS .item .details>h3 {
	font-weight:bold;
	font-size:small;
}
section#CONTENTS .item .details>p a {
	text-decoration:underline;
}
/* WORKSの詳細 */
#WORKS_DATA ul li {
	overflow:auto;
	line-height:3em;
}
#WORKS_DATA ul li p.icon_dorama{
	background-image: url(../images/icon_drama.png);
	background-repeat: no-repeat;
	height: 3em;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-indent:-5000px;
	background-position: left center;
}
#WORKS_DATA ul li p.icon_doc{
	background-image: url(../images/icon_documentary.png);
	background-repeat: no-repeat;
	height: 3em;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-indent:-5000px;
	background-position: left center;
}
#WORKS_DATA ul li p.icon_anime{
	background-image: url(../images/icon_anime.png);
	background-repeat: no-repeat;
	height: 3em;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-indent:-5000px;
	background-position: left center;
}
#WORKS_DATA ul li p.icon_others{
	background-image: url(../images/icon_others.png);
	background-repeat: no-repeat;
	height: 3em;
	width: 100px;
	margin: 0px;
	padding: 0px;
	text-indent:-5000px;
	background-position: left center;
}
#WORKS_DATA ul li p.icon_dorama,
#WORKS_DATA ul li p.icon_doc,
#WORKS_DATA ul li p.icon_anime,
#WORKS_DATA ul li p.icon_others,
#WORKS_DATA ul li p.category,
#WORKS_DATA ul li time {
	float:left;
	line-height:3em;
	margin-right:1em;
}
#WORKS_DATA ul li a {
	padding:0.1em 0.2em;
	display:block;
}
#WORKS_DATA ul li a:hover {
	background-color:rgba(255,255,255,0.5);
	display:block;
	line-height:3em;
}
/* Artistsの詳細 */
section#CONTENTS {
}
section#CONTENTS .artist_box {
	float:left;
	width:635px;
}
dl.artist_box dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 520px;
	padding-left: 5px;
	color: #000;
}
dl.artist_box dd {
	margin-left: 555px;
	margin-top:20px;
}
section#CONTENTS .artists_01 a, section#CONTENTS .artists_02 a, section#CONTENTS .artists_03 a, section#CONTENTS .artists_04 a, section#CONTENTS .artists_05 a, section#CONTENTS .artists_06 a, section#CONTENTS .artists_07 a {
	overflow: hidden;
	display:block;
	height: 0px;
	width: 520px;
	height:68px;
	text-indent:-9999px;
}
section#CONTENTS .artists_01 a {
	background-image: url(../images/artist_sens_nomal.png);
}
section#CONTENTS .artists_01 a:hover {
	background-image: url(../images/artist_sens_over.png);
}
section#CONTENTS .artists_02 a {
	background-image: url(../images/artist_sensproject_nomal.png);
}
section#CONTENTS .artists_02 a:hover {
	background-image: url(../images/artist_sensproject_over.png);
}
section#CONTENTS .artists_03 a {
	background-image: url(../images/artist_morieiji_nomal.png);
}
section#CONTENTS .artists_03 a:hover {
	background-image: url(../images/artist_morieiji_over.png);
}
section#CONTENTS .artists_04 a {
	background-image: url(../images/artist_infinix_nomal.png);
}
section#CONTENTS .artists_04 a:hover {
	background-image: url(../images/artist_infinix_over.png);
}
section#CONTENTS .artists_05 a {
	background-image: url(../images/artist_miyakeitoku_nomal.png);
}
section#CONTENTS .artists_05 a:hover {
	background-image: url(../images/artist_miyakeitoku_over.png);
}
section#CONTENTS .artists_06 a {
	background-image: url(../images/artist_hondamasao_nomal.png);
}
section#CONTENTS .artists_06 a:hover {
	background-image: url(../images/artist_hondamasao_over.png);
}
section#CONTENTS .artists_07 a {
	background-image: url(../images/artist_arimashino_nomal.png);
}
section#CONTENTS .artists_07 a:hover {
	background-image: url(../images/artist_arimashino_over.png);
}
/* 会社概要/プライバシーポリシー */

section.detail h3 {
	margin-top:20px;
}
section.detail dt {
	width:5em;
	float:left;
}
section.detail dd {
	margin-left:5em;
}
section.detail aside {
	margin:20px 0;
}
section.privacy h3 {
	margin-top:20px;
}
section.privacy p, section.privacy ul {
	margin-left:2em;
}
section.privacy p.h {
	margin-left:0;
}
/* フォーム部分 */
#FORM {
}
#FORM table{
	margin-top:30px;
}
#FORM table th{
	font-weight:normal;
	text-align:left;
	width:150px;
	vertical-align:top;
}
#FORM .form_r {
	display:block;
	width:135px;
	float: left;
}
#FORM .float-c {
	clear:both;
}
#FORM .caution {
	margin-left:135px;
}
#FORM #mail, #FORM #mail2, #FORM #address, #FORM #address2, #FORM #com {
	width: 420px;
}
#FORM #zipcode {
	width:100px;
}
#FORM #submit {
	margin:20px 10px 20px 10px;
}
#FORM #nom, #FORM #user, #FORM #number, #FORM #name, #FORM #phone {
	width:200px;
}
/* スペシャルページ*/
section.special .demo h3 {
	margin-top:20px;
}
section.special .demo p, section.special .demo ul {
	margin-left:1em;
}
section.special .demo p.h {
	margin-left:0;
}

section.special .sora_main {
	text-indent:-9999px;
	background-image: url(../special/sora_kokoro/images/sora_kokoro.png);
	background-repeat:no-repeat;
	width:635px;
	height:1055px;
	display:block;
}
section.special .sora_main .text_hidden {
	display:none;
}

/* underconstruction */
section.uc {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* ニュース記事のリスト HTML5なので、aタグでブロック要素囲ってます */
/* かつ、日付と記事を横並びで高さをお互い揃えたいので、display:box使いたいけど、IEで効かないのでやはりfloat */
/* 日付の文字幅は想定文字数なので固定、記事は分からないので可変に（でも親ボックスは固定なのであまり意味ないですが） */
#DATA li a {
	display:block;
	overflow:auto;
	margin:1em 0;
}
#DATA li h3 {
	width:124px;
	float:left;
	font-weight:normal;
}
#DATA li p {
	margin-left:124px;
}
/* SIDEのカラムのバナーは上下1pxの間隔で配置 */
section#MAIN div.banner {
	margin-top:20px;
	width:660px;
}
section#MAIN div.banner ul {
	margin:0;
}
section#MAIN div.banner li {
	padding: 0 3px 3px 0;
	float:left;
}

/* フッタは常に固定、そして透過グラデの背景も入れる */
/* 文字要素の<p>はfooter直下のものだけに適用 */
/* グラデは各ブラウザ用の設定を追加 */
footer {
	margin:0;
	padding:0;
	position:fixed;
	bottom:0;
	width:100%;
	height:54px;
	background: -moz-linear-gradient(top, rgba(190,199,224,0), rgba(190,199,224,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(190,199,224,0)), to(rgba(190,199,224,1.0)));
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#00c1c9e2, endcolorstr=#ffc1c9e2));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#00c1c9e2, endcolorstr=#ffc1c9e2))";
	zoom: 1;
	overflow:hidden;
	padding-left:0px
}
footer>small {
	width:905px;
	line-height:32px;
	margin: 20px auto 0 auto;
	font-size:x-small;
	display:block;
}