@charset "utf-8";

/* ==================================================================

	■ページ共通のパーツの指定
	　基本レイアウト。
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ body
-------------------------------- */ 
body{
	/*
		font-family:  "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ" , Meiryo, "ＭＳ Ｐゴシック",Verdana, Arial, Helvetica, sans-serif;
	*/
	/* font-family:  "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ" , Meiryo, "ＭＳ Ｐゴシック",Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;

	text-align: center; 	/* IE用 */

	color: #000;
	background:#fff;
}

/* --------------------------------
   □ text
-------------------------------- */
p { 
	margin:0 0 0.8em 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

p,table,ul,dl,ol,address{
	line-height:1.5;
}

/* --------------------------------
   □ form
-------------------------------- */
input.text{
	line-height:1.2;
}

input.text,
textarea {
	border: 1px solid #aaa;
	padding:4px;
}

* html input.text,
* html textarea {
	padding:4px 4px 0px 4px;
}

*:first-child + html input.text,
*:first-child + html textarea {
	padding:4px 4px 0px 4px;
}

input.text:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input.text:focus,
textarea:focus {
	border: 1px solid #333333;
}

input.submit{
	line-height:100%;
	padding-top:2px;
}

/* --------------------------------
   topページのテキスト
-------------------------------- */


.index_txt h2{
padding: 0.5em;/*文字周りの余白*/
color: #ff2ba4;/*文字色*/
background: #fdf3f7;/*背景色*/
border-bottom: solid 3px #ff2ba4;/*下線*/
margin:10px auto;


}

.index_txt h3{
padding: 0.5em;/*文字周りの余白*/
color: #ff0099;/*文字色*/
margin:10px auto 0 auto;


}

.index_txt p{
	padding:0 0.5em;
	line-height:1.6;
	}
	
.q_boxs{
	padding:10px;
	background:#e7edff;
	line-height:180%;
	text-align:left;
	background-repeat:no-repeat;
	margin:10px 0;
	color:#154eff;
	font-weight: bold;
	

	
}

.a_boxs{
	padding:0 10px 10px 10px;
	line-height:180%;
	text-align:left;
	background-repeat:no-repeat;
	margin:0 auto;
}


/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a,
a:link{
	color:#0033cc;
	text-decoration:none;
}

/* 訪問済 */
a:visited {
	color:#0033cc;
}

/* ロールオーバー */
a:hover{
	color:#245fbb;
	text-decoration:underline;
}

/* =================================
   ■ レイアウト
================================== */

/* --------------------------------
   □ 大枠 
-------------------------------- */

body{
	background:url(../images/common/background-repeat.gif) 0 0 repeat;
}

.page{ 
	background:url(../images/common/background.jpg) 50% 0 repeat-y;
}


.site .area,
.contents,
.publication{ 
	width:1016px;
	margin: 0 auto 0 auto;
	text-align: left;	
}

/*
body > .site,
body > .contents,
body > .publication{ 
	width:700px;
}
* /

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
.site{
	height:218px;
	background:url(../images/common/header/background.jpg) 50% 0 no-repeat;
}

.site .area{
	position:relative;
}

.logo{
	position:absolute;
	top:24px;
	left:319px;
}

.site .area ul.btns{
	position:absolute;
	top:14px;
	left:-5px;
}

.site .area ul.btns li{
	display:inline;
	margin:0 5px;
}


.site .area ul.hours{
	position:absolute;
	top:14px;
	right:-5px;
}

.site .area ul.hours li{
	display:inline;
	margin:0 5px;
}


.site .area .tel{
	position:absolute;
	top:95px;
	right:0px;
}

	/* --------------------------------
	   □ トップメニュー
	   	
		個別に指定
	-------------------------------- */
	
	.site ul.navigation{
		position:absolute;
		top:166px;
		left:0;
		width:1020px;
	}
	
	.site ul.navigation li{
		display:inline;
		float:left;
		width:101px;
		height:52px;
		background:0 0 no-repeat;
	}
	
	.site ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}
		
	/* ロールオーバー */
	html .site ul.navigation li a:hover{ visibility:inherit;}
	html .site ul.navigation li a:hover img{ visibility:hidden; display:inline-block;}
	html.chrome .site ul.navigation li a:hover img,
	html.firefox .site ul.navigation li a:hover img{ display:block; }
/*
	html:not(:target) .site ul.navigation li a:hover img{ display:block; display:inline-block¥9;}
	html.ie9 .site ul.navigation li a:hover img{ display:block;}
*/	

	/* 個別指定 */
	.site ul.navigation li.home { width:103px;	background-image:url(../images/common/navigation/home-over.gif)}
	.site ul.navigation li.system {	background-image:url(../images/common/navigation/system-over.gif)}
	.site ul.navigation li.cast {	background-image:url(../images/common/navigation/cast-over.gif)}
	.site ul.navigation li.day {	background-image:url(../images/common/navigation/day-over.gif)}
	.site ul.navigation li.new_face {	background-image:url(../images/common/navigation/new_face-over.gif)}
	.site ul.navigation li.bbs {	background-image:url(../images/common/navigation/bbs-over.gif)}
	.site ul.navigation li.diary {	background-image:url(../images/common/navigation/diary-over.gif)}
	.site ul.navigation li.entry {	background-image:url(../images/common/navigation/entry-over.gif)}
	.site ul.navigation li.mail_maga {	background-image:url(../images/common/navigation/mail_maga-over.gif)}
	.site ul.navigation li.link { width:103px;	background-image:url(../images/common/navigation/link-over.gif)}

	
	/* オン */
	#home .site ul.navigation li.home img,
	.system .site ul.navigation li.system img,
	.cast .site ul.navigation li.cast img,
	.day .site ul.navigation li.day img,
	.new_face .site ul.navigation li.new_face img,
	.bbs .site ul.navigation li.bbs img,
	.entry .site ul.navigation li.entry img,
	.mail_maga .site ul.navigation li.mail_maga img,
	.diary .site ul.navigation li.diary img,
	.link .site ul.navigation li.link img{ visibility:hidden;}



/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	padding:13px 8px 45px 8px;
	background:url(../images/common/background.png) 0 0 repeat-y;
}

html > body .contents{
	width:1000px;
}

.secondary .contents{
	padding:33px 8px 45px 8px;
}

/* --------------------------------
   タイトルエリア
-------------------------------- */ 
.title_area{
	width:948px;
	height:66px;
	margin:0 auto;
	position:0 0 0 13px;
	background:url(../images/common/title_backgound.png)0 0 no-repeat;
}

.title_area h1{
	color:#FFF;
	font-size:24px;
	margin:0 auto;
	position:0 0;
	font-weight:bold;
	text-align:left;
	text-shadow: 0 0 3px #ff8aa9;
	top:20px;
	left:60px;
	position:relative;
}

.edit .frame-area{
	box-sizing:border-box;
	width:938px;
	padding:10px;
	margin:0 auto;
	background:#fff;
}

.frame-area img{
	max-width:100%;
	height:auto;
}


/* --------------------------------
   パンくず設定
-------------------------------- */
#breadcrumbs{
	text-align:left;
	margin:0 auto;
	padding:0 0 0 20px;
	font-weight:bold;
	

}

#breadcrumbs ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
		font-size:80%;
}

#breadcrumbs ol li:before {
        /* liの前に記号追加*/
        content: " > ";
}

#breadcrumbs ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

#breadcrumbs ol li a{
	color:#000;
}


/* --------------------------------
   □ ページ送り
-------------------------------- */
.lcp_paginator ul li{ 	

    display: inline;

 } 

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
.publication{
	position:relative;
	clear:both;
	height:136px;
	background:url(../images/common/footer/background.gif) 0 0 no-repeat;
}

.publication p.pagetop{
	position:absolute;
	top:-21px;
	right:37px;
	margin:0;
}


.publication p.logo{
	position:absolute;
	top:40px;
	left:40px;
	margin:0;
}

.publication p.tel{
	position:absolute;
	top:30px;
	right:37px;
	margin:0;
}

.footer-link{
	overflow:hidden;
	position:relative;
	background:#222222;
	padding:30px 0 ;
}

.footer-link ul{
	overflow:hidden;
	width:1016px;
	margin: 0 auto 0 auto;
}

.footer-link ul li{
	float:left;
	padding:0 0 0 18px;
}

.footer-link ul li a{
	color:#fff;
	padding-left:10px;
	background:url(../tdk/images/footer/arrow.gif) 0 50% no-repeat;
}


/* --------------------------------
   □ indexリンク
-------------------------------- */

.index-link{
	overflow:hidden;
	position:relative;
	padding:10px 0 30px 0;
}

.index-link ul{
	overflow:hidden;
	margin: 0 auto 0 auto;
	width:900px;
}

.index-link ul li{
	float:left;
	padding:0 0 0 18px;
}

.index-link ul li a{
	color:#000;
	font-weight:bold;
	padding-left:10px;
	background:url(../tdk/images/footer/index_arrow.png) 0 50% no-repeat;
}