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

 * 基本タグスタイル
 * ラッパー
 * ヘッダー
 * コンテナ
 * 左ナビゲーション
 * メイン
 * フッター
 * リンクスタイル
 * clearfix
 * トップページ
 * ものがたり
 * 人物紹介
 * お問い合わせ
 * プライバシーポリシー
 * インタビュー

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

html {
	background:url(img/back_html.jpg);
	overflow-y:scroll;
}
body,div,object,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

body {
	color:#630;
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	font-size:75% !important;
	line-height:1.5;
	text-align:center;
}
/* Modern browser */
html>/**/body {
	font-size:12px;
}

table {
	font-size: 100%;
}
object {
	display: block;
}
h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: bold;
	font-size:100%;
}
address,em {
	font-style:normal;
}
ul,li {
	list-style-type: none;
}
ol {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.5;
}
ol li {
	list-style:decimal;
	margin-left: 2em;
}
dt {
	font-weight: bold;
}
form,fieldset,legend , label {
	margin: 0;
	padding: 0;
	border: 0;
}
img,fieldset {
	border: none;
}
img {
	vertical-align: middle;
}
hr {
	height:1px;
	border-top:1px dotted #ccc;
	border-bottom:0;
	border-left:0;
	border-right:0;
	clear: both;
}
p {
	text-align:left;
	margin-bottom:1em
}



.word {
	text-indent:-9999px;
	/* for Mac IE \*/
	overflow: hidden;
	/* */
}

.noborder {
	border:0 !important;
}
.nobackground {
	background:none !important;
}

.title {
	margin-bottom:20px;	
}

.f_blue {
	color:#0009BD;
}
.f_green {
	color:#037700;
}
.f_red {
	color:#B10000;
}

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

　ラッパー　

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

#wrap {
	background:url(img/back_body.jpg) repeat-y;
	width:988px;
	margin:0 auto;
}


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

　ヘッダー　

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

div#header {
	background:url(img/header.jpg) no-repeat top;
	width:980px;
	margin:0 auto;
	padding-top:91px;
	position:relative;
}
div#header h1 {
	position:absolute;
	width:280px;
	height:74px;
	left: 13px;
	top: 6px;
}
div#header h1 a {
	display:block;
	width:100%;
	height:100%;
	/* for Mac IE \*/
	overflow: hidden;/**/
}
div#header #flash {
	width:980px;
	height:256px;
}
div#header ul {
	background:url(img/navi.jpg) 0 -61px;
}
div#header li {
	float:left;
}
div#header li a {
	display:block;
	height:61px;
	/* for Mac IE \*/
	overflow: hidden;/**/
}
div#header li a:hover {
	background:none !important;
}
div#header #head_navi01 {background:url(img/navi.jpg) no-repeat 0 0;width:137px;}
div#header #head_navi02 {background:url(img/navi.jpg) no-repeat -137px 0;width:175px;}
div#header #head_navi03 {background:url(img/navi.jpg) no-repeat -312px 0;width:161px;}
div#header #head_navi04 {background:url(img/navi.jpg) no-repeat -473px 0;width:166px;}
div#header #head_navi05 {background:url(img/navi.jpg) no-repeat -639px 0;width:164px;}
div#header #head_navi06 {background:url(img/navi.jpg) no-repeat -803px 0;width:177px;}



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

　	コンテナ

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

div#container {
	width: 980px;
	margin-left: 4px;
}
div#container_main {
	background:url(img/back_container_main.jpg) repeat-y left 0;
	width: 980px;
	margin:0 auto;
}

div#container_character {
	background:url(img/character/back_caracterNavi.jpg) repeat-y 29px top;
	width: 980px;
	margin:0 auto;
}
div#container_other {
	width: 980px;
	margin:0 auto;
	padding:30px 0 0;
}


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

　左ナビゲーション

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

div#navi {
	width: 264px;
	float: left;
	background:url(img/back_left.jpg) repeat-y 0 0;
}

div#navi h3 {
	width:264px;
	height:40px;
	margin-bottom:13px;
}
div#navi img {
	margin-bottom:12px;
}
div#navi #twitter h3 {
	background:url(img/title/title_left.jpg) no-repeat 0 0;
}
div#navi #blog h3 {
	background:url(img/title/title_left.jpg) no-repeat 0 -40px;
}
div#navi #about h3 {
	background:url(img/title/title_left.jpg) no-repeat 0 -80px;
}
div#navi #link h3 {
	background:url(img/title/title_left.jpg) no-repeat 0 -120px;
}

div#navi #left_banner {
	padding:15px 0 5px;	
}
div#navi #twitter {
	padding:10px 0 15px;
	text-align:center;
}
div#navi #twitter #widget {
	width:234px;
	margin:0 auto;
}
div#navi #twitter #widget h3 {
	background:none;
	width:auto;
	height:auto;
	margin:0;
	apdding:0;
}
div#navi #blog p {
	margin-top:-10px;
}
div#navi #about p {
	text-align:left;
}
div#navi #about_caption{
	background:url(img/back_about.jpg) no-repeat 0 0;
	font-size:90%;
	width:156px;
	padding:22px 0 23px 95px;
	margin:-5px 5px 0;
}
div#navi #about_inquiry {
	padding:0 18px 10px;
	margin:0;
}

div#navi #link {
	background:url(img/back_left_bottom.jpg) no-repeat 0 bottom;
}
div#navi #link h3 {
	background:url(img/title/title_left.jpg) no-repeat 0 -120px;
}


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

　メイン

---------------------------------------- */
div#main {
		width:716px;
		float:right;
}


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

　フッター

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

div#footer {
	clear: both;
	width: 980px;
	margin:0 auto;
}

div#footer_shadow {
	font-size:1px;	
}

div#footer #staff p {
	float:left;
}
div#footer #staff {
	background:url(img/back_staff.jpg) repeat-y 0 0;
	min-height:120px;
}
div#footer #staff p {
	padding:12px 0 12px 30px;
	margin:0;
}
div#footer #sitemap {
	background:url(img/back_sitemap.jpg) repeat-y 0 0;
	min-height:135px;
}
div#footer #sitemap ul {
	width:194px;
	float:left;
	margin-right:2px;
	padding:10px 0;
}
div#footer #sitemap li {
	text-align:left;
	padding-left:15px;
}
/* ----------------------------------------

　リンクスタイル　

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

a:link {color:#630;text-decoration:underline}
a:visited {color:#630;text-decoration:underline}
a:hover {color:#C33;text-decoration:underline}


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

　clearfix　

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

.pkg:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.pkg {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .pkg {
  height: 1%;
}

.pkg {
  display: block;
  position:relative;
}
/* */


/* ■■■■■■■■■■■■■■■　↓↓↓コンテンツ↓↓↓　■■■■■■■■■■■■■■■ */

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

　トップページ

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

/*---　更新情報　---*/
div#update {
	text-align:left;
}
div#update ul {
	padding: 5px 0;
	width:100%;
}
div#update li {
	border-bottom:1px dotted #999;
	padding:5px 0 5px 40px;
}
div#update .date {
	font-weight:bold;
	padding-right:10px;
}

/*---　告知映像　---*/
div#kokuchi table {
	width:655px;
	margin:10px auto;
}
div#kokuchi th {
	padding-right:20px;
}
div#kokuchi td {
	text-align:left;
}

.table_style1 td {
	width:304px;
	padding:0 12px 20px;
	text-align:left;
	line-height:1.4 !important;
}
.table_style1 img {
	margin-bottom:3px;	
}


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

　ものがたり

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

div#story_navi {
	width:245px;
	margin-left:29px;
	float:left;
	display: inline;
	margin-top:0;
}

div#story_navi ul ul {
	text-align:left;
	padding:8px 0 12px 12px;
}

div#story_picture {
	width:685px;
	text-align:center;
	padding:0 12px 10% 0;
	float:right;
}

/*
　↓下記のリンクスタイルはIEのみvisitedのカラーを変える。
　　モダンブラウザではvisitedが機能していないため。
*/
*+html div#story_navi ul li a:visited {color:#C96;} /* for IE7 */


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

　人物紹介

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

div#caracter_navi {
	width:245px;
	margin-left:29px;
	float:left;
	display: inline;
	margin-top:39px;
}
div#caracter_navi ul {
	background:url(img/character/button_caracter.jpg) no-repeat 0 0;
	padding:2px 0;
}
div#caracter_navi li {
	padding-bottom:3px;
}
div#caracter_navi li a{
	display:block;
	height:50px;
	/* for Mac IE \*/
	overflow: hidden;/**/
}

div#caracter_navi a#ujyu:hover,div#character_ujyu a#ujyu {
	background:url(img/character/button_caracter.jpg) no-repeat -245px -2px;		
}
div#caracter_navi a#momijyu:hover,div#character_momijyu a#momijyu {
	background:url(img/character/button_caracter.jpg) no-repeat -245px -55px;		
}
div#caracter_navi a#suzuhime:hover,div#character_suzuhime a#suzuhime {
	background:url(img/character/button_caracter.jpg) no-repeat -245px -108px;		
}
div#caracter_navi a#ai:hover,div#character_ai a#ai {
	background:url(img/character/button_caracter.jpg) no-repeat -245px -161px;		
}
div#caracter_navi a#chart:hover,div#character_chart a#chart{
	background:url(img/character/button_caracter.jpg) no-repeat -245px -229px;		
}
div#caracter_navi a#kachinta:hover,div#character_kachinta a#kachinta{
	background:url(img/character/button_caracter.jpg) no-repeat -245px -329px;		
}

/*　メインキャラクターは53px　相関図との間隔68px　かちん太100px*/

/*---　キャプション　---*/
div#caption {
	background: url(img/character/back_caption.jpg) repeat-y;
	float: right;
	display: inline;
	width: 669px;
	margin: 525px 18px 10% 0px;
	text-align: left;
}
div#caption h3,
div#caption p, 
#caption_bottom {
	padding:0 20px;
	clear: both;
}
div#caption h3 {
	font-size:14px;
	color:#600;
	padding-top: 5px;
	padding-bottom: 3px;
}
div#caption .f_green {
	color:#596918;
}
div#caption p#caption_bottom {
	background:url(img/character/caption_bottom.jpg) no-repeat left bottom;
	margin: 0px;
	padding-bottom: 1em;
}
div#caption br {
	line-height:0.8em;
}
div#caption dl {
	margin-bottom:1.2em;
	padding:0 20px;
}
div#caption dt {
	padding-right:0.2em;
	float:left;
	clear:both;
}
div#caption hr {
	width:640px;
	height:1px;
	border:0;
	border-top:1px dotted #600;
	margin: 0px auto;
	text-align: center;
}
/*---　キャラクター背景　---*/
div#character_ujyu {
	background:url(img/character/ujyu.jpg) no-repeat left top;
	width:100%;
}
div#character_momijyu {
	background:url(img/character/momijyu.jpg) no-repeat left top;
	width:100%;
}
div#character_ai {
	background:url(img/character/ai.jpg) no-repeat left top;
	width:100%;
}
div#character_suzuhime {
	background:url(img/character/suzuhime.jpg) no-repeat left top;
	width:100%;
}

#closed h3 {
	color:#900 !important;
}
#closed p {
	color:#F7ECCE;
}



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

　お問い合わせ

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

div#inquiry table {
	background-color:#666;
	width:580px;
	margin: 0px auto 20px;
}
div#inquiry th {
	background-color:#AD915A;
	color:#fff;
	font-size:14px;
	padding:10px;
	white-space:nowrap;
}
div#inquiry td {
	background-color:#fff;
	padding:10px;
	text-align: left;
	
}
.necessary {
	color:#C00;
}


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

　プライバシーポリシー

---------------------------------------- */
.content {
	padding:0 30px;	
}
div#policy {
	width:890px;
	padding:0 0 10%;
	margin:0 auto;
	text-align:left;
}


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

　インタビュー

---------------------------------------- */
p#interveiw_main {
	padding:6px 0 20px;	
}
div.interview {
	padding:0 25px 50px 30px;
	text-align:left;
}
div.interview ul {
	padding-top:20px;	
}


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

　ツイッター

---------------------------------------- */
.twtr-hd{padding-bottom:0 !important}