/*====================================================================================================================================================
   プログラム名: BlackPanty用スタイルシート (Ver 1.0）
   Fail name   : Style-BlackPanty.css
   Copyright   : 大日本電脳開発廠
   E-Mail      : webmaster@blackpanty.ml

------------------------------------------------------------------------------------------------------------------------------------------------------

 2016.04.24 新規リリース

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

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

 ■ 共通定義

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

#Main-Wrapper
	{
		background-attachment      : fixed;
		background-image           : url(http://system.panty.work/img/0304A.png);
		background-repeat          : no-repeat;
		background-position        : 100% 100%;
		background-color           : linear-gradient(to bottom,  rgba(255,215,0,1) 0%,rgba(0,0,36,1) 45%);                                     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		color                      : #DDDDAA;
		FONT-SIZE                  : 9pt;
		height                     : 100%;
	}

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

 ■ ヘッダー関連定義

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

#Header
	{
		display                    : block;
		width                      :  960px;
		margin                     :    0px auto;
		padding                    :   10px 0px 0px 0px ;
		overflow                   : hidden;
	}

#Header H1
	{
		color                      : #fff;
/*		width                      :  800px;*/
		font-size                  :   40pt;
		font-weight                : bold;
		font-style                 : italic;
		float                      : left;
		padding                    :  20px 0px 0px 0px;
	}

.Head-TitleArea
	{
		display                    : inline-block;
		height                     :  110px;
		text-align                 : middle;
	}

.Head-PicArea
	{
		display                    : inline-block;
		height                     :  110px;
		overflow                   : hidden;
	}

A
	{
		text-decoration            : none;
	}
A:hover
	{
		text-decoration            : underline;
	}

/*	< FORM >	*/

#FormArea
	{
		display                    : inline-block;
		vertical-align             : top;
		padding-top                :   45px;
		margin-left                :  170px;
		text-align                 : right;
	}

#Header FORM
	{
		margin                     :    0px auto;
		margin-bottom              :    5px;
		border-radius              :   10px !important;
	}

#Header INPUT[type='text']
	{
		margin                     :    0px auto;
		background-color           : transparent;
		Color                      : #00FFFF;
		width                      :  100px;
		font-size                  :    9pt;
		padding                    :    2px;
		border                     :    1px solid #FFFFFF;
		border-radius              :    5px !important;
		-moz-border-radius         :    5px;                /* firefox */
		-webkit-border-radius      :    5px;                /* chrome */
		-o-border-radius           :    5px;                /* opera */
	}

#Header INPUT[type='button']
	{
		margin                     :    0px auto;
		margin-top                 :   10px;
		Color                      : #FFFF00;
		width                      :   80px;
		font-size                  :    9pt;
		padding                    :    2px;
		background-color           : rgba(128,0,0,0.75);
		border                     :    1px;
		border-radius              :    5px !important;
		-moz-border-radius         :    5px;                /* firefox */
		-webkit-border-radius      :    5px;                /* chrome */
		-o-border-radius           :    5px;                /* opera */
		cursor                     : pointer;
	}

:placeholder-shown          { color:#777777; font-style : italic; }
::-webkit-input-placeholder { color:#777777; font-style : italic; }
:-moz-placeholder           { color:#777777; font-style : italic; }
::-moz-placeholder          { color:#777777; font-style : italic; }
:-ms-input-placeholder      { color:#777777; font-style : italic; }

#Banner
	{
		margin                     :    0px auto;
	}

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

 ■ Footer関連定義

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

#FooterMenu
	{
		Position                   : relative;
		box-sizing                 : border-box;
		top                        :    0px;
		height                     :   50px !important;
		width                      :  100%;
		margin                     :    0px auto;
		border-top                 :    1px solid #C0C0C0; /* Silver */
		background                 : rgba(32,64,128,0.75);
	}