@charset ”UTF-8”;

/* ------------------------------
   Title: ぷらちなトップページ用CSS
   Author: hira, delta
   Date: 2008/10/14
------------------------------ */

* {
	margin: 0;
	padding: 0;
}

.none {
  display: none;
}
/* レイアウトの設定*/
body {
	margin: 0px;
	padding: 0px;
	background: #EEE;
}

/* ヘッダーの設定*/
#top {
	width: 800px;
	height: 457px;
	background: #FFF url(../../../../content-img/img/topimage.png);
}

/* ラッパーの設定*/
#sub{
    position:relative;
    width:800px;
    background-color:#FFF;
}

/* 左側の設定*/
#contents{
    width:600px;
    float:left;
}

/* 右側の設定*/
#ad{
  margin-top: 10px;
    width:200px;
    float:right;
}

#ad h3 {
  background: #02004a;
  color: #fff;
  width: 100%;
  margin: 0px;
  font-weight: nomarl;
  font-size: 14px;
  margin-top: 15px;
  padding-top: 3px;
  line-height: 25px;
}

/* フッターの設定*/
#foot{
    position:relative;
    width:800px;
    height:100px;
    background-color:#FFF;
    clear:both;
	border-top: solid 1px #009;
}

/* 共通のデザイン */

h1,h2{
	display: none;
}

a:link {
	text-decoration: none;
	color: #00E;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
	color: #808;
}

/* メインコンテンツのデザイン */

#main1 {
	position: absolute;
	top: 75px;
	left: 10px;
	width: 340px;
	height: 110px;
	vertical-align: super;
	text-align: left;
	font: 9pt/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#main2 {
	position: absolute;
	top: 195px;
	left: 10px;
	width: 340px;
	height: 110px;
	text-align: left;
	font: 9pt/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#main1 h3,
#main2 h3 {
	font: bold 9pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 3px;
	line-height: 1.4;
}

#main1 p,
#main2 p {
	font: 8pt/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	padding: 4px;
}

#top_akatsuki {
	position: absolute;
	top: 315px;
	left: 10px;
	width: 340px;
	height: 50px;
}

#top_itoso {
	position: absolute;
	top: 375px;
	left: 10px;
	width: 340px;
	height: 50px;
}

#main1 img,
#main2 img,
#top_itoso img,
#top_akatsuki img {
	float: left;
	clear: both;
	left: 0;
	top: 0;
	margin-right: 10px;
	_margin-right: 5px;
}

#top_itoso img,
#top_akatsuki img {
  margin-right: 5px;
}

#top_itoso h3,
#top_akatsuki h3 {
  font: bold 9pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  padding: 3px 0px;
  line-height: 1.7;
}

#top_itoso p,
#top_akatsuki p {
  font: 8pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  paddin: 4px;
  line-height: 1.2;
}

#updateinfo {
	width: 200px;
	height: 250px;
	background-color: #fff;
	text-align: left;
	overflow-y: scroll; 
	scrollbar-face-color : #fff ;
	scrollbar-track-color: #fff ;
	scrollbar-arrow-color: #669 ;
	scrollbar-shadow-color: #669 ;
	scrollbar-highlight-color: #fff ;
	scrollbar-darkshadow-color: #fff ;
}


#updateinfo ul {
	padding: 5px 5px 5px 5px;
	font: 8pt/1.2 'ＭＳ Ｐゴシック';
	list-style: none;
}

#updateinfo li {
	margin-bottom: 3px;
}

#view_latest {
	position: absolute;
	top: 415px;
	left: 372px;
	width: 200px;
	height: 55px;
	text-align: left;
	font: 10pt/1.5 'ＭＳ Ｐゴシック';
}

#view_latest img {
  margin: 0px;
  padding: 0px;
}

#gallery {
  position: absolute;
  top: 369px;
  left: 525px;
  width: 275px;
  height: 61px;
}

#gallery img {
  margin: 0px;
}

#gallery div {
  float: left;
  margin-right: 5px;
  height: 61px;
}

#illustrator {
	position: absolute;
	top: 346px;
	left: 575px;
	width: 225px;
	height: 15px;
	text-align: right;
	font: 9pt/1.3 'ＭＳ Ｐゴシック';
}

/* サブコンテンツのデザイン */

#contents h2 span {
	display: none;
	}

#contents #novel h3 {
	background: url(../../../../content-img/top/h3_novel.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
}

#contents #chara h3 {
	background: url(../../../../content-img/top/h3_chara.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
	margin-top: 15px;
}

#contents #interview h3 {
	background: url(../../../../content-img/top/h3_interview.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
}

#contents #column h3 {
	background: url(../../../../content-img/top/h3_column.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
}

#contents #creative h3 {
	background: url(../../../../content-img/top/h3_creative.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
}

#contents #progress h3 {
	background: url(../../../../content-img/top/h3_progress.gif) no-repeat;
	display: block;
	height: 20px;
	padding-left: 25px;
}

#contents h3 span {
	display: none;
}

#contents p {
	font: 10pt 'ＭＳ Ｐゴシック';
	padding: 10px 5px;
}


/* ------------------------------
   Tabの内部
------------------------------ */

/* 共通部分のデザイン */

div.tab-content {
  clear: both;
  _display: inline;
  margin: 0px 5px 15px 0px;
}

.tab-content ul {
  margin: 0px 5px;
  width: 590px;
	overflow-y: auto;
  height: 420px;
	scrollbar-face-color : #EEE ;
	scrollbar-track-color: #fff ;
	scrollbar-arrow-color: #669 ;
	scrollbar-shadow-color: #669 ;
	scrollbar-highlight-color: #669 ;
	scrollbar-darkshadow-color: #EEE ;
}

.tab-content li {
  display: block;
  width: 570px;
  height: 50px;
  margin: 0px;
  padding: 5px 0px;
  font: 10pt/1.2 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: 1px solid #e0e0e0;
}

.tab-content li p {
  margin: 0px;
  font: 10pt/1.2 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.tab-content li h3 {
  margin: 0px;
  padding: 0px;
  font: bold 10pt/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.tab-content li img {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}

.tab-content li div {
  margin-right: 5px;
}

/* 最新記事部分のデザイン */

#latest .tab-content li {
  display: block;
  width: 590px;
  height: 70px;
  margin: 0px;
  padding: 5px 0px;
  font: 10pt/1.2 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: 1px solid #e0e0e0;
}

#latest .tab-content div {
}

/* コラム部分のデザイン */

#column-list .tab-content li {
  display: block;
  width: 590px;
  height: 100px;
  margin: 0px;
  padding: 5px 0px;
  font: 10pt/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: 1px solid #e0e0e0;
}

#column-list .tab-content img {
 margin-ritht: 15px;
}

#column-list h3 {
  font: bold 10pt/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.tab-content li.tab_head,
#column-list .tab-content li.tab_head {
  height: 20px;
}

/*tab ギャラリー*/

#illust_gallery .tab-content li {
  display: block;
  width: 570px;
  margin: 0px;
  padding: 5px 0px;
  font: 10pt/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: none;
}

#illust_gallery .tab-content ul ul {
  margin: 0px;
  margin-left: 1px;
  width: 547px;
  overflow: visible;
  height: auto;
}

#illust_gallery .tab-content li li {
  width: 160px;
  height: 128px;
  margin: 0px;
  padding: 0px;
  float: left;
  margin-left: 22px;
  _margin-left: 11px;
  margin-bottom: 5px;
  font: 10pt/15px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border-bottom: none;
}

#illust_gallery .tab-content li img {
  margin: 0;
  padding: 0px;
}

.tab-content li.tab_head,
#column-list .tab-content li.tab_head,
#illust_gallery .tab-content li.tab_head {
  height: 20px;
  border-bottom: 1px solid #e0e0e0;
}

/* amg部分のデザイン */


#amg_tab {
  float: left;
  margin: 0px 5px;
  background: url(../../../../content-img/top/main_tab.png) no-repeat;
}


.amg-dis {
 width: 570px;
 height: 48px;
 font: 10pt/1.2 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 border: none;
 margin: 8px 5px 3px 13px;
 padding: 0px 0px 0px 0px;
}

#amg_tab ul {
 width: 590px;
 height: 236px;
 }

#amg_tab li {
  display: block;
  float: left;
  width: 290px;
  height: 118px;
  margin-left: 5px;
  display: inline;
  font: 9pt/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  border: none;
}

#amg_tab li h3 {
  margin: 0px;
  padding: 5px;
  font: bold 10pt/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#amg_tab li img {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 5px;
}

#eventpr {
        background: #FFFFFF;
	font: 12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border: 0px;
	padding: 0px;
	margin: 5px;
}

div#novel {
	clear: both;
padding-top: 10px;
	margin: 15px 5px 25px 5px;
}

#chara p,
#novel p {
  background: url(../../../../content-img/top/bg_headline.gif) no-repeat;
}

div.blake {
	clear: both;
	width: 590px;
	margin: 5px 5px 0px 5px;
  padding-top: 10px;
	background: #FFF;
}


#interview, #creative {
	width: 290px;
	float: left;
	background: url(../../../../content-img/top/bg_contents.gif) no-repeat;
	margin: 0px 0px;
}


#column, #progress {
	width: 290px;
	float: right;
	background: url(../../../../content-img/top/bg_contents.gif) no-repeat;
	margin:0px 0px;
}

#interview li,#column li,#creative li,#progress li {
	display: block;
	width: 285px;
	height: 50px;
	margin: 0px 0px 5px 5px;
	font: 10pt/1.2 'ＭＳ Ｐゴシック';
}



#column li { 
  height: 65px; }

#interview dl,#column dl,#creative dl,#progress dl {
	width: 285px;
	margin: 0px 0px 5px 0px;
	font: 10pt/1.2 'ＭＳ Ｐゴシック';
}

#interview dt,#column dt,#creative dt,#progress dt {
	font: bold 11pt/1.2 'ＭＳ Ｐゴシック';
	margin: 0px 5px 0px 5px;
}

#interview dd,#column dd,#creative dd,#progress dd {
	font: 10pt/1.2 'ＭＳ Ｐゴシック';
	margin: 0px 5px 5px 5px;
}

#interview dl img,#column dl img,#creative dl img,#progress dl img {
	float: left;
	margin-right: 5px;
}

#column li span.update {
	color: #E00;
	font: 9pt 'ＭＳ Ｐゴシック';
}

#column li span.back {

  background: url(../../../../content-img/top/list.gif) no-repeat;

  padding-left: 12px;
	font: 9pt 'ＭＳ Ｐゴシック';

	

}

/* フッターのデザイン */

#credit {
	margin: 5px 10px;
	font: bold 10pt/1.2 'ＭＳ Ｐゴシック';
}

#copyright {
	margin: 5px 10px;
	font: 10pt/1.2 'ＭＳ Ｐゴシック';
}

#siteinfo {
	margin: 10px 10px;
	font: 10pt/1.2 'ＭＳ Ｐゴシック';
	color: #FFF;

}

#siteinfo span {
	padding: 2px 5px;
	border: solid 1px #559;
	color: #559
}

/* ------------------------------
   Tab
------------------------------ */

#index {
  margin: 10px 5px 5px 5px;
}

#index h2 {
  background: url(../../../../content-img/top/bg_p-tina_index.png) no-repeat;
  display: block;
  width: 590px;
  height: 34px;
}

#index span {
  display: none;
}

#amg-index {
  margin: 0px 5px 0px 5px;
  }

#amg-index h2 {
 background: url(../../../../content-img/top/header_t4.png) no-repeat;
  display: block;
  width: 590px;
  height: 40px;
}

#amg-index span {
  display: none;
}

ul.subsection_tabs {
  list-style: none;
  padding: 0px;
  clear: both;
  background: url(../../../../content-img/top/bg_tab.png) no-repeat;
  width: 590px;
  height: 21px;
  clear: both;
}

#amg-index ul.subsection_tabs {
  height: 30px;
}

ul.subsection_tabs li.tab {
  float:left;
  text-align:center;
  font-size: 15px;
  line-height: 21px;
}

#amg-index ul.subsection_tabs li.tab {
  line-height: 31px;
}

#amg-index4 ul.subsection_tabs {
  height: 30px;
}

#amg-index4 ul.subsection_tabs li.tab {
  line-height: 30px;
}


ul.subsection_tabs li.latest a {
  display:block;
  height:21px;
  width: 51px;
  margin-left: 12px;
  background: url(../../../../content-img/top/latest_link.png) no-repeat;
}

ul.subsection_tabs li.latest a:hover {
  background: url(../../../../content-img/top/latest_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.latest a.active {
  background: url(../../../../content-img/top/latest_active.png) no-repeat;
}

ul.subsection_tabs li.column-list a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/column-list_link.png) no-repeat;
}

ul.subsection_tabs li.column-list a:hover {
  background: url(../../../../content-img/top/column-list_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.column-list a.active {
  background: url(../../../../content-img/top/column-list_active.png) no-repeat;
}

ul.subsection_tabs li.recommend a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/recommend_link.png) no-repeat;
}

ul.subsection_tabs li.recommend a:hover {
  background: url(../../../../content-img/top/recommend_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.recommend a.active {
  background: url(../../../../content-img/top/recommend_active.png) no-repeat;
}

ul.subsection_tabs li.anime a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/anime_link.png) no-repeat;
}

ul.subsection_tabs li.anime a:hover {
  background: url(../../../../content-img/top/anime_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.anime a.active {
  background: url(../../../../content-img/top/anime_active.png) no-repeat;
}

ul.subsection_tabs li.manga a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/manga_link.png) no-repeat;
}

ul.subsection_tabs li.manga a:hover {
  background: url(../../../../content-img/top/manga_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.manga a.active {
  background: url(../../../../content-img/top/manga_active.png) no-repeat;
}

ul.subsection_tabs li.lightnovel a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/lightnovel_link.png) no-repeat;
}

ul.subsection_tabs li.lightnovel a:hover {
  background: url(../../../../content-img/top/lightnovel_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.lightnovel a.active {
  background: url(../../../../content-img/top/lightnovel_active.png) no-repeat;
}

ul.subsection_tabs li.ex a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/ex_link.png) no-repeat;
}

ul.subsection_tabs li.ex a:hover {
  background: url(../../../../content-img/top/ex_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.ex a.active {
  background: url(../../../../content-img/top/ex_active.png) no-repeat;
}

ul.subsection_tabs li.gallery a {
  display:block;
  height:21px;
  width: 51px;
  background: url(../../../../content-img/top/gallery_link.png) no-repeat;
}

ul.subsection_tabs li.gallery a:hover {
  background: url(../../../../content-img/top/gallery_hover.png) no-repeat;
  text-decoration: none;
}

ul.subsection_tabs li.gallery a.active {
  background: url(../../../../content-img/top/gallery_active.png) no-repeat;
}

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

          tab4

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

ul.subsection_tabs li.technic_4 a {
  display:block;
  height: 30px;
  width: 147px;
  background: url(../../../../content-img/top/ila_t4.png) no-repeat;
}


ul.subsection_tabs li.technic_4 a.active {
  background: url(../../../../content-img/top/ila_ac4.png) no-repeat;
}

ul.subsection_tabs li.amg-interview_4 a {
  display:block;
  height: 30px;
  width: 148px;
 background: url(../../../../content-img/top/int_t4.png) no-repeat;
}


ul.subsection_tabs li.amg-interview_4 a.active {
  background: url(../../../../content-img/top/int_ac4.png) no-repeat;
}

ul.subsection_tabs li.event_4 a {
  display:block;
  height: 31px;
  width: 147px;
  background: url(../../../../content-img/top/event_t4.png) no-repeat;
}

ul.subsection_tabs li.event_4 a.active {
  background: url(../../../../content-img/top/event_ac4.png) no-repeat;
}

ul.subsection_tabs li.about_amg_4 {
  display:block;
  height: 30px;
  width: 148px;
  background: url(../../../../content-img/top/amg_t4.png) no-repeat;
}


ul.subsection_tabs li.about_amg_4 a.active {
  background: url(../../../../content-img/top/amg_ac4.png) no-repeat;
}

/*---------
ギャラリー用
----------*/



.tab-content table{
 width: 560px;
 list-style: none;
 margin-left: 11px;
 }
 
.tab-content tr {
 width: 550px;
 height: 151px;
 margin-top: 20px;
 border: none;
 font: normal  10pt/1.6 'ＭＳ Ｐゴシック';
}

.tab-content tr.bn_list {
 width: 550px;
 height: 30px;
 padding-top: 10px;
 margin-top: 10px;
 border: none;
 font: normal  10pt/1.6 'ＭＳ Ｐゴシック';
 background: url(../../../../content-img/top/tenten.png) repeat-x;
}


.tab-content tr.spece {
 width: 550px;
 height: 0px;
 margin: 0px;
 padding: 0px;
 border: none;
}

.tab-content tr img {
  text-align: center;
  }

.tab-content tr a {
  border: none;
  }

.tab-content td {
  width: 160px;
  margin-left: 20px;
  margin-right: 20px;
  }