@charset "UTF-8";





/* ========BASIC======== */

html {

   overflow-y:scroll;

}



body {

   margin:0;

   padding:0;

   line-height:1.6;

   letter-spacing:1px;

   font-family:"メイリオ", Verdana, Helvetica, sans-serif;

   font-size:12px;

   color:#333;

  

   

}



br {

   letter-spacing:normal;

}



a {

   color:#0089a1;

   text-decoration:underline;

}



a:hover {

   color:#0089a1;

   text-decoration:none;

}



img {

   border:0;

   vertical-align:bottom;

}



h1,h2,h3,h4,h5,h6 {

   margin:0;

}





/* ========TEMPLATE LAYOUT======== */

#header {

   width:780px;

   margin:0 auto;

   position:relative;

   padding:0 5px;

   text-align:center;

}



#menu {

   width:100%;

   float:left;

   

  

}



#icatchIndexWrap {

   clear:both;

   position:relative;

   z-index:-1

   overflow:hidden;

   height:500px;

  

}



#icatchWrap {

   clear:both;

   position:relative;

   z-index:-1

   overflow:hidden;

   height:475px;

   

}



#icatch {

   width:780px;

   margin:0 auto;

}



#icatchIndexWrap2 {

   clear:both;

   position:relative;

   z-index:-1

   overflow:hidden;

   height:150px;

  

}



#icatchWrap2 {

   clear:both;

   position:relative;

   z-index:-1

   overflow:hidden;

   height:100px;

   

}



#icatch2 {

   width:780px;

   margin:0 auto;

}





#contents {

   clear:both;

   position:relative;

   z-index:100;

   overflow:hidden;

   width:800px;

   margin:-60px auto 0 auto;

  

}



#main {

   float:right;

   width:540px;

   padding:10px;

   

}



#sub {

   float:left;

   width:220px;

	
   height:500px;

   padding:10px;

  

}



#pageTop {

   

   width:800px;

}



#footer {

   clear:both;

  

}



#footMenu {

   clear:both;

   overflow:hidden;

   width:750px;

   margin:0 auto;

   padding:30px 10px 30px 40px;

}





/* ========HEADER CUSTOMIZE======== */

#header h1 {

   margin:0;

   padding:10px 0;

   font-size:24px;



   line-height:70px;

}



#header h1 a {

  

}



#header h1 a:hover {

   

}



#header #pr p {

   margin:0;

   padding:10px 0;

   font-size:11px;

}



#header #gNavi {

   position:absolute;

   top:0;

   right:0;

   margin:0;

   font-size:11px;

}





/* ========MENU CUSTOMIZE======== */

#menu ul {

   overflow:hidden;

   width:780px;

   margin:0 auto;

   padding:0;

  

}



#menu li {

   float:left;

   text-align:center;

   list-style-type:none;

}



#menu li a {

   display:block;

   width:155px;

   line-height:50px;

   text-decoration:none;

  

}



#menu li a.active {

  

   text-decoration:none;

  

}



#menu li a:hover {

   

   text-decoration:none;

 

}





/* ========ICATCH CONTENTS CUSTOMIZE======== */

#icatch h2 {

   padding-top:30px;

}





/* ========MAIN CONTENTS CUSTOMIZE======== */

#main h2 {

   margin-bottom:8px;

   padding:2px 2px 2px 0;

   color:#ff8e8e;

   font-size:30px;

   font-weight:bold;

   

}



#main h3 {

   margin-bottom:5px;

   padding:16px 10px 10px 10px;

   font-size:14px;

   border-bottom:1px dotted #ddd;

   

}



#main h4 {

   margin-bottom:5px;

   padding:5px;

   font-size:14px;

   border-left:5px solid #0089a1;

   

}



#main h5 {

   margin-bottom:5px;

   padding:5px;

   font-size:13px;

   color:#fff;

   

}



#main h6 {

   margin-bottom:5px;

   font-size:13px;

}



#main p {

   margin:0 0 1em 0;

}



#main dt {

   margin-bottom:3px;

}



#main dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

  

}



/* INFORMATION CUSTOMIZE */

* html body #main dl.information dd div {

   display:inline-block;

}



#main dl.information dt {

   float:left;

   width:10em;

   margin:0;

   padding:0;

}



#main dl.information dd {

   margin:0 0 0.5em 10em;

   padding:0;

   

}



#main table {

   width:100%;

   border-collapse:collapse;

}



#main table th {

   padding:5px;

   font-size:12px;

   text-align:center;

   border:1px solid #000;

   background:#f0f7fc;

}



#main table td {

   padding:5px;

   font-size:12px;

   text-align:center;

   border:1px solid #000;

}





/* ========SUBCONTENTS CUSTOMIZE======== */

#sub .section {

   margin: 0 auto;

   margin-bottom:0 auto;

	
   

}



#sub h3 {

   padding:10px 5px;

   font-size:13px;

   font-weight:bold;

   color:#fff;

   text-align:center;

   border-bottom:none;

   

}



#sub ul {

   position:relative; /* 相対配置 */

   left:0%; /* ボタン全体を中央によせる */

   float:left; /* floatでリストを浮遊させる */

   margin: 0;

   padding:5px 5px 1px 5px;

  

   background-size:cover;
}



#sub li {

   position:relative; /* 相対配置 */

   left:10%; /* ボタンの幅の半分だけ左に寄せる */

   float:left; /* ボタン同士を回りこませる */

   margin-left:0.5em; /* ボタン同士の余白 */

   line-height:0; /* いいね！ボタンのズレ防止 */

   margin: 0 auto;

   margin-bottom:0 auto;

   padding:5px;

   line-height:1.4;

   

   list-style:none;

   }



#sub li a {

   margin: 0 auto;

   display:block;

   padding-left:5px;

   line-height:3.0;

   

}



#sub2 ul {

   margin:0;

   padding:0;

}



#sub2 li {

   line-height:1.4;

   

   list-style:none;

}



#sub2 li a {

   display:block;

   padding-left:20px;

   

   line-height:3.0;

}





/* ========PAGETOP CUSTOMIZE========= */

#pageTop {

   padding:20px 0 4px 0;

   text-align:right;

}



#pageTop a {

   padding:5px 5px 5px 17px;

   background:#ddd url("../images/bg_pagetop.gif") 7px 50% no-repeat;

   font-size:11px;

}





/* ========FOOTMENU CUSTOMIZE======== */

#footMenu .section {

   float:left;

   width:780px;

   margin-right:30px;

   padding:0;

}



#footMenu h3 {

   font-size:12px;

   border-bottom:1px dotted #999;

}



#footMenu ul {

   float:left;

   padding:0;

}



#footMenu li {

   margin:0;

   padding:0;

   list-style:none;

}



#footMenu li a {

   padding-left:10px;

   font-size:11px;

   }





/* ========FOOTER CUSTOMIZE======== */

.copyright {

   clear:both;

   padding:10px 0;

   font-style:normal;

   font-size:11px;

   text-align:center;

}



/*	主にWii用の指定	*/



@media tv {

	/*	ルビの縦ずれを補正

		rbやrtのfont-size、line-heightによらず0.5em

	*/

	html body ruby {

		padding-bottom: 0.5em;

	}

}









/* ruby（ルビ文字組み全体のインライン領域）

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

/* Firefox、Safari、Opera用指定 */

ruby {

	display			: inline-table;

	text-align		: center;

	text-indent		: 0px;

	white-space		: nowrap;

	border			: none;

	margin			: 0px;

	padding			: 0px;

	line-height		: 1;

	height			: 1em;

	vertical-align	: text-bottom;

	border			: none;

}



/* IE8 beta 2用指定 (現在無効) */

/*

html:first-child  ruby {

	white-space		: normal;

}

*/

/* IE7用指定 */

*:first-child+html ruby {

	white-space		: normal;

}

/* IE6用指定 */

* html body ruby {

	white-space		: normal;

	display			: inline-table;

	vertical-align	: baseline;

}





/* rb（本文）

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

/* Firefox、Safari、Opera用指定 */

rb {

	display			: table-row-group;

	line-height		: 1;

	text-align		: center;

	border			: none;

	margin			: 0px;

	padding			: 0px;

	white-space		: nowrap;

}

/* IE8 beta 2用指定 (現在無効) */

/*

html:first-child  rb {

	white-space		: normal;

}

*/

/* IE7用指定 */

*:first-child+html rb {

	white-space		: normal;

}

/* IE6用指定 */

* html body ruby rb {

	display			: table-row-group;

	vertical-align	: bottom;

	white-space		: normal;

}





/* rt（フリガナ）

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

/* Firefox、Safari、Opera用指定 */

rt {

	display			: table-header-group;

	font-size		: 0.625em;	/*	振り仮名のメインテキストに対する相対サイズ	*/

	line-height		: 1.1;

	text-align		: center;

	white-space		: nowrap;

	border			: none;

	margin			: 0px;

	padding			: 0px;

}

/* IE8 beta 2用指定 (現在無効) */

/*

html:first-child  rt {

	white-space		: normal;

}

*/

/* IE7用指定 */

*:first-child+html rt {

	white-space		: normal;

}

/* IE6用指定 */

* html body ruby rt {

	white-space		: normal;

	line-height		: 1em;

	display			: table-header-group;

	position		: static;

	top				: 0em;

}





/* rp（CSS OFF状態での区切り文字、通常不可視）

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

/* 全ブラウザ共通指定 */

rp {

	display			: none;

}





/* hn要素での振り仮名サイズ調整（必要な場合、適当に調整してください）

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

/*

h1 rt	{	font-size: 0.39em;	}

h2 rt	{	font-size: 0.42em;	}

h3 rt	{	font-size: 0.45em;	}

h4 rt	{	font-size: 0.48em;	}

h5 rt	{	font-size: 0.52em;	}

h6 rt	{	font-size: 0.57em;	}

*/







/* マウスオーバーで拡大、振り仮名適用範囲表示

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

ruby:hover							{	border: 1px dashed #CCC;	}

/* IE8 beta 2用指定 (現在無効) */

/*

html:first-child ruby:hover {

	border: none;

}

*/

ruby:hover rt						{	font-size: 1em;			}

/* IE8 beta 2用指定 (現在無効) */

/*

html:first-child ruby:hover rt {

	font-size: 0.625em;

}

*/



/*	IE6でIE7.jsを使用していて、なおかつfixed配置ブロックがある場合、

振り仮名拡大時にfixedブロックが行方不明になるためIE6でのみ機能無効化	*/

/*

*:first-child+html ruby:hover rt	{	font-size: 1em!important;	font-size: 0.625em;	}

*:first-child+html h1 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.39em;	}

*:first-child+html h2 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.42em;	}

*:first-child+html h3 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.45em;	}

*:first-child+html h4 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.48em;	}

*:first-child+html h5 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.52em;	}

*:first-child+html h6 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.57em;	}

*:first-child+html ruby:hover		{

	border: 1px dashed #CCCCCC !important;

	border: none;

	background-color: transparent !important;

	background-color: #CCCCCC;

}

*/