/*Html Bodyタグ */
body
	{
		/*面倒臭い事せず、サイトの表示幅は、ここだけを弄れば良いです */
		/* サイト 最大幅  */
		max-width:1050px;
		/* サイト　最小幅 */
		min-width:970px;
		/* font-size:15px;*/
		margin:auto;
		padding:0 5px;
		background-color:skyblue;
	}
/*　サイトヘッダー部 */
#Header
	{
		border-radius:15px;
		padding:2px;
	}
/* サイトヘッダー部　gameha ロゴ */
#Logo_Box
	{
		max-width:390px;
		min-width:390px;			
		width:390px;	
		max-height:105px;
		padding:5px 0;
	}

#Logo_Box #Site_Logo, #Logo_Box img
	{
		width:98%;
		border-radius:5px;
		background-color:white;
		max-height:100px;
		min-height:100px;
		box-shadow:3px 3px 2px black,-2px -1px 2px black;
		opacity:1;
		padding:5px;				
		border-radius:10px;				
	}
/* サイトヘッダー部 広告 */
#HeaderAd_Box	
	{
		flex-grow:2;
		align-items:center;
	}
#Header_Ad
	{
		margin:30px auto 0 auto;
	}
/* yomi-search ログインフォーム */
#Login_Box
	{
		position:fixed;
		top:0;
		left:0;
		width:100%;
        z-index: 100;
	}
#Login_Box #Login_Form
	{
		border:1px dotted black;
		float:right;
		background-color:silver;
		font-weight:bold;
		padding:2px 10px;
		width:400px;
	}
/* メニュー枠 */
#Menu
	{
		/*　幅 */
		width:99%;
		margin:5px auto;
	}
/* Flex Box Class */
.F-Box
	{
		display:flex;
		width:100%;
		max-width:100%;
	}
/* Table Box Class */
.T-Box
	{
		display:table;
		width:100%;
		max-width:100%;
	}
/* TableRow Class */
.T-Row
	{
		display:table-row;
		vertical-align:top;
		padding:0;
	}
/*TableCell Class */
.T-Cell
	{
		display:table-cell;
		vertical-align:top;
		padding:5px;
	}
/* サイトBody 部 */
#Body
	{
		background-color: white;
		border-radius: 2px;
		padding: 5px;
		max-width: 99%;
		min-width: 99%;
		margin: auto;
		box-shadow: 3px 3px 2px, -2px -2px 2px;
	}
/*　サイトBody 左の枠 */
#Body #Left_Box
	{
		width:200px;
		min-width:200px;
		max-width:200px;
		border:1px solid black;
		padding:5px;
		
		border:none;
		border-right:1px dashed black;
		border-left:1px dashed black;
	}
/*　コンテンツ部　LeftBox GoogleAD表示しない */
#Body #Left_Box .google-auto-placed
	{
		display:none;
	}
/* コンテンツ部 右の枠 */
#Body #Right_Box
	{
	}

/* メニュー CSS */
#nav
	{
		margin: 0;
		padding:0;
		background: #7d7d7d repeat-x 0 -110px;
		line-height: 100%;
		text-align: left;
		max-width:100%;
		width:100%;
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;

		-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	}
#nav li
	{
		margin: 0 0 0 5px;
		padding: 5px 0;
		display:inline-block;
		position: relative;
		list-style: none;
	}

#nav hr
	{
		margin:2px;
		color:black;
	}

/* main level link */
#nav a
	{
		font-weight: bold;
		color: #e7e5e5;
		text-decoration: none;
		display: block;
		padding:  5px 5px;
		margin: 0;

		-webkit-border-radius: 1.6em;
		-moz-border-radius: 1.6em;
		text-shadow: 0 1px 1px rgba(0,0,0, .3);
	}
#nav a:hover
	{
		background: #fff;
		color: #fff;
	}

/* main level link hover */
#nav .current a, #nav li:hover > a
	{
		background: #666 repeat-x 0 -40px;
		color: #FFF;
		text-decoration:underline;
	
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
		box-shadow: 0 1px 1px rgba(0,0,0, .2);
	}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a
	{
		background: none;
		border: none;
		color: black;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}
#nav ul a:hover
	{
		background: #0078ff url(gradient.png) repeat-x 0 -100px !important;
		color: #fff !important;

		-webkit-border-radius: 0;
		-moz-border-radius: 0;

		text-shadow: 0 1px 1px rgba(0,0,0, .1);
	}

/* dropdown */
#nav li:hover > ul
	{
		display: block;
	}

/* level 2 list */
#nav ul
	{
		display: none;

		margin: 0;
		padding: 0;
		width: 275px;
		position: absolute;
		top: 35px;
		left: 0;
		background: #ddd url(gradient.png) repeat-x 0 0;
		border: solid 1px #b4b4b4;

		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;

		-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
		box-shadow: 0 1px 3px rgba(0,0,0, .3);
        z-index: 30;
	}
#nav ul li
	{
		display:block;
		margin: 0;
		padding: 0;
	}	

#nav ul a
	{
		font-weight: normal;
		text-shadow: 0 1px 0 #fff;
	}

/* level 3+ list */
#nav ul ul
	{
		left: 201px;
		top: -3px;
	}

/* rounded corners of first and last link */
#nav ul li:first-child > a
	{
		-webkit-border-top-left-radius: 9px;
		-moz-border-radius-topleft: 9px;

		-webkit-border-top-right-radius: 9px;
		-moz-border-radius-topright: 9px;
	}
#nav ul li:last-child > a
	{
		-webkit-border-bottom-left-radius: 9px;
		-moz-border-radius-bottomleft: 9px;

		-webkit-border-bottom-right-radius: 9px;
		-moz-border-radius-bottomright: 9px;
	}

/* clearfix */
#nav:after
	{
		content: "";
		display: block;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
#nav
	{
		display: inline-block;
	}
html[xmlns] #nav
	{
		display: block;
	}

* html #nav
	{
		height: 1%;
	}

/*　タブ ボタン設置枠 */
.Tab_Sw
	{
		margin:2px 0;
		padding:0;
		flex-basis:25px;
		max-height:25px;
	}
/* タブ ボタン */
.Tab_Sw	button
	{
		border:1px solid black;
		width:76px;
		height:26px;
		background-color:silver;
	
		border-radius:5px;
		text-align:center;
		vertical-align:middle;
	}
/* タブ ページ */
.Tab_Page
	{
		border:1px solid black;
		padding:5px;
		display:none;
	}
/* コンテンツ枠 */
.Content_Box
	{
		margin:0 5px 10px 5px;
		padding:5px 10px;
		border:1px solid black;
		border-radius:5px;
		box-shadow:2px 2px 5px;
	}
/*　コンテンツ タイトル部分 */
.Content_Title
	{
		/* font-size:15px; */
		background-color:skyblue;
		color:black;
		border:1px solid black;
		border-left:5px solid black;
		padding:5px 0 5px 10px;
		margin:5px 0 10px 0;
		/* font-size:18px; */
		font-weight:bold・＊;
		box-shadow:-2px -2px 5px black, 2px 2px 5px black;
		vertical-align:middle;
		height:20px;
	}
/*　左枠のタイトル部分 */
#Left_Box .Content_Title
	{
		font-size:medium;
		/* font-size:15px; */
		border-left:5px solid black;
		border-right:5px solid black;
		border-bottom:1px dashed black;
		height:18px;
		background-color:pink;
	}
.Content_Text
	{
		padding:10px 15px;
		line-height:18px;
	}
/* 扉絵 */
#Door
	{
		flex:1;
		flex-basis:500px;
		max-height:500px;
		height:500px;
		overflow-y:auto;
	}
/* Pickup_Link */
#Pickup_Link_Box
	{
		flex:2;
		/* font-size:15px; */
		max-width:250px;
		width:250px;
		display:flex;
		flex-direction:column;
		flex-basis:500px;
		max-height:500px;
		height:500px;
	}
	
/* PickupLink の各タブページ*/
#PickupLink_Tab1, #PickupLink_Tab2, #PickupLink_Tab3
	{
		overflow-y:scroll;
		overflow-x:none;
		max-height:100%;
		height:100%;
	}
/* 各タブの、初期表示 指定 */
#PickupLink_Tab1, #News_Tab1, #AdGallery_Tab1
	{
		display:block;
	}
/* 各タブSWの、初期選択 指定 */
#PickupLink_Tab1_Select, #News_Tab1_Select, #AdGallery_Tab1_Select
	{
		background-color:white;
	}
/* Recommend */
#Recommend_Box li
	{
		margin:2px;
		padding:5px;
		line-height:20px;
		color:black;
		border:1px solid black;
	}
#Recommend_Box li a
	{
		font-weight:bold;
	}
/* Pickup Gallery 部分*/
#Gameha_Gallery_Box
	{
		height:670px;
		max-height:670px;
		overflow-x:hidden;
		overflow-y:scroll;
	}
#AdGallery_Tab1,#AdGallery_Tab2,#AdGallery_Tab3
	{
		height:400px;
		max-height:400px;
		overflow-x:hidden;
		overflow-y:scroll;
	}
/* サイト フッター */
footer
	{
		background-color:gray;
		margin:10px 0;
		padding:5px;
		border-radius:5px;
		box-shadow:-2px -2px 2px;
	}
#Copyright
	{
		text-align:center;
		font-weight:bold;
		color:white;
	}
/* News */
#News_Box .Tab_Page
	{
		max-height:300px;
		overflow-y:auto;
	}
/*　ファンティア ウィジット */
#FantiaWidget_Box
	{
		width:320px;
		max-width:320px; 
		align-items:center;
		flex-grow:1;
		border:1px solid black;
		margin:2px;
		border-radius:5px;
	}
#FantiaWidget_Box #FantiaWidget
	{
		width:300px;
		max-width:300px;
		margin:auto;
	}
#FantiaNews
	{
		flex-grow:2;
	}
/* Refresh_Link */
#Refresh_Link ul
	{
		/* font-size:14px; */
		margin:0;
		padding:0 5px;
		list-style-position:inside;
	}
	
#Refresh_Link lv2 div
	{
		text-align:right;
	}
.link-search
{
    z-index: 10;
}