/*
	Style Sheet for George's Web Sites   Rev 3.08

	Revision History:
		Rev 1.00	Aug 29th, 2014
		Rev 1.01	Sep 28th, 2014
		Rev 1.02	Oct  3rd, 2014
		Rev 1.03	Oct 10th, 2014
		Rev 1.04	Oct 24th, 2014
		Rev 1.05	Oct 26th, 2014
		Rev 1.06	Jan  2nd, 2015
		Rev 2.00	Apr  1st, 2015
		Rev 2.01	May 12th, 2015
		Rev 3.00	Dec 24th, 2015
		Rev 3.01	Jul  3rd, 2016
		Rev 3.02	Sep 15th, 2016
		Rev 3.03	Oct 23rd, 2016
		Rev 3.04	Jan 30th, 2017
		Rev 3.05	Aug 17th, 2017
		Rev 3.06	Apr 12th, 2026
		Rev 3.07	May 11th, 2026
		Rev 3.08	Jul 21st, 2026

	Author:
		George Ryosuke Shimada for G Corporation

	All rights reserved, Copyright (C) 2014-2026, G Corporation, Japan

	%GNF/KEYWORD/REVISION 3.08
	%GNF/KEYWORD/DATE 21-Jul-2026
*/

/* Colors of links */
/* Be careful for definition order */
	a:link		{color: Blue;}
	a:visited	{color: Navy;}
	a:focus		{color: Red;}
	a:hover		{color: Red;}

/* Table Collapse */
	.TableCollapse	{border-collapse: collapse;}

/* No underline for links */
	.NoUnderline	{text-decoration: none;}

/* Background color */
	.BGWhole	{background-color: LightYellow;}
	.BGBlack	{background-color: Black;}

/* Foreground color */
	.FGWhite	{color: White;}
	.FGLime		{color: Lime;}
	.FGYellow	{color: Yellow;}
	.FGBlue		{color: Blue;}
	.FGRed		{color: Red;}

/* Banner Information */
/*
	Note: The root of "background-image" URL must be the directory of this CSS file,
              not a HTML file which is using this CSS.
*/
	.BannerLayout	{width: 800px; height: 30px;}
	.BInfoCenter	{text-align: right; width: 55%; background-image: url(banner_bg.jpg); color: White;}
	.BInfoRight	{text-align: right;  width: 45%; background-image: url(banner_bg.jpg); color: White;}

/* Links position */
	.LinksTable	{width: 100%;}
	.LinksLayout	{width: 350px; height: 200px; vertical-align: top;}
	.LinksEachOne	{width: 350px; height: 30px;}

/* Facebook Icon */
	.FBIcon		{position: relative; top: 2px;}

/* Totoro layout */
	.TotoroLayout	{width: 100px; height: 100px; border: 0px;}

/* Play/Pause Button */
	.PPButton	{position: relative; top: 2px; width: 12px; height: 12px;}

/* Access Counter Position */
	.ACPosition	{position: absolute; top: 55px; left: 350px;}
	.NoBorder	{border: 0px;}
	.ACWidth	{width: 105px;}
	.ACHeight	{height: 20px;}
	.SinceHeight	{height: 15px;}
	.Since		{border-top-style: solid; border-top-width: 1px; border-color: Grey; color: cyan;}
	.SinceFont	{font-size: 12px;}

/* Transparent Body Color */
	.TransparentBody {background-color: transparent;}

/* Frame */
	.FrameBorder	{border: 0px;}
	.FrameMargin	{margin: 0px; padding: 0px;}

/* Link line definitions */
/* This is why the size of <hr> is Not same size on each browsers */
	.LineFamily	{border-top: 0px hidden Black; border-bottom: 2px solid DarkViolet; border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineWeather	{border-top: 0px hidden Black; border-bottom: 2px solid Blue;       border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineCapital	{border-top: 0px hidden Black; border-bottom: 2px solid Orange;     border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineDVD	{border-top: 0px hidden Black; border-bottom: 2px solid Red;        border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineBlog	{border-top: 0px hidden Black; border-bottom: 2px solid #336666;    border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineBoard	{border-top: 0px hidden Black; border-bottom: 2px solid #385C70;    border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineFacebook	{border-top: 0px hidden Black; border-bottom: 2px solid Lime;       border-left: 0px hidden Black; border-right: 0px hidden Black;}
	.LineSpecial	{border-top: 0px hidden Black; border-bottom: 2px solid Navy;       border-left: 0px hidden Black; border-right: 0px hidden Black;}

/* Funny Definitions */
	.FunnyTitle	{width: 350px; height: 20px; vertical-align: middle; border-top: 1px solid  Black; border-bottom: 0px;}
	.FunnyTitle2	{width: 350px; height: 20px; vertical-align: middle; border-top: 0px; border-bottom: 1px solid Black;}
	.FunnyComment	{width: 350px; height: 20px; vertical-align: middle; border-top: 1px dotted Black; border-bottom: 1px solid Black;}
	.FunnyPhoto	{width: 350px; border: 0px;}
	.FunnyVideo	{width: 350px; height: 200px;}
	.FunnyWidth	{width: 350px;}

/* Update Notice */
	.UpdateWidth	{width: 350px;}
	.UpdateTitle	{width: 350px; text-align: center;}
	.UpdateNotice	{width: 350px; height: 150px; border: none; display: block; overflow: auto; white-space: nowrap;}

/* Slide */
	.SlidePosition	{position: absolute; top: 110px; left: 400px;}
	.SlideLayout	{height: 500px; border: 0px;}
	.SlideVisibility {visibility: hidden;}
	.SlideButton	{text-align: right; vertical-align: middle; width: 180px; height: 25px;}
	.SlideNumber	{text-align: right; vertical-align: middle; width: 150px; height: 25px;}
	.SlideRemark	{border-collapse: collapse; width: 350px; border: 1px solid Black;}
	.SlideRemarkW	{width: 350px; height: 90px;}

/* Text Alignment */
	.AlignLeft	{text-align: left;}
	.AlignCenter	{text-align: center;}
	.AlignRight	{text-align: right;}
	.VAlignBottom	{vertical-align: bottom;}
	.VAlignTop	{vertical-align: top;}

/* Image Border size */
	.BorderImage	{border-width: 0px;}

/*
	2015年03月29日
	iPhone で iframe の height 指定が効かない問題の対策
	詳細はあまり理解していない。
	参照URL: http://qiita.com/Shoesk/items/9f81ef1fd7b3a0b516b7

	2026年04月12日
	今回の改善でiframeを使わなくなったので、
	下記のStyleSheetを未使用となった。
	新しい実装がiPhoneで動作するか未確認！
*/

	.ControlIframe {
	    width: 100%;
	    height: 100%;
	    border: none;		/* 追加で指定 */
	    display: block;		/* 追加で指定 */
	  }

	.ControlIframeDiv {
	    width: 350px;
	    height: 150px;
	    overflow: auto;		/* scrollからautoに変更 */
	    -webkit-overflow-scrolling: touch;
	    border: 0px;		/* ついでに枠線も整形 */
	  }

/* 取り消し線 */
	.LineNegation	{text-decoration: line-through;}

/* HR definition */
	.HRLayout	{width: 800px;  margin-left: 0px;}