/* ### PC(基本)レイアウトCSS ### */

/* web全体の指定      background-color:rgba(0, 0, 20, 1); */

body  {
      font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
      background-color:rgb(0, 0, 0);
      }



#header        {
                width: 100%;
                top: 0;
                position: absolute;
				}


/* DolphinBrain Top logo */
#header h1　　　{
                float: left;
                clear: both;
                }

#header img    {
               width: 190px;
              margin: 15px 0 0 50px;
              border: none;
            position: absolute;
            /* height: auto; 
              padding: 0 auto 30px 50px;	
                   (上)(右)(下)(左)
             border: none;
              clear: both;*/
              }

#header p   { 
        font-size: 11px;
            color: #eff;
      font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
            float: right;
           margin: 45px 35px 0 auto;
		 overflow: hidden;
             }


/* navi */				 
#nav           { 
                 font-size: 13px;
                 font-family: 'Maven Pro', Helvetica, Arial, Geneva, sans-serif;
				 width:100%;
				 overflow: hidden;
                 border-top: solid 0px;
                   position: relative;
				        top: 0;
				 background: -moz-linear-gradient(bottom, rgba(33,50,64,0.9), rgba(20,90,80,0.5)); /*Firefox*/
                 background: -webkit-gradient(linear, center bottom, center top, from(rgba(33,50,64,0.9)), to(rgba(20,90,80,0.5))); /*Chrome、Safari*/ 
                 background: -o-linear-gradient(bottom, rgba(33,50,64,0.9), rgba(20,90,80,0.5)); /*IE 10+*/
                 background: linear-gradient(bottom, rgba(33,50,64,0.9),rgba(20,90,80,0.5)); /*Opera*/
				 }


#nav ul          {
                 margin: 0;
                 padding: 0;
                 }
				
#nav li          {
                 list-style-type: none;
                 float: right;
                 }
				
#nav li a        {
                 display: block;
                 width: 150px;
				 padding: 8px 0 8px;
				 border-left: solid 2px rgba(40, 170, 150, 0.5);
				 color:rgb(70, 210, 240);
				 text-align: center;
				 text-decoration: none;
                 }


#nav li a:hover   {
                  color:#FFFFFF;  
                  background-color:rgba(40, 150, 140, 0.6);
                  }

#nav li a:active  {
				  color:#FFFFFF;				  
				  }


/*-------   ### コンテンツ ### 

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



/* ### フッター ### -------------------------- */

#footer	{position:fixed;
         bottom: 0px;
		 width:100%;
		 height:15%;
         font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
	     color:#fff;
		 background-color: rgba(10, 20, 40, 0.8);
		 padding: 0px 20px 1px 12px;
		         /*(上)(右)(下)(左)*/
		 margin-top:0;
         clear:both;
		 }
		 

/* SNSアイコンメニュー */
#iconmenu	    {
                position: relative;
                float:right;
                margin-right: 55px;
                margin-bottom: 0;
                 }
　　　　　　　　　
#iconmenu ul	{ 
	             padding: 0;}

#iconmenu li	{
                 display: inline-block;
	             list-style-type: none;
				 }

#iconmenu img	{  
				  border: none;
                 padding: 30% 8px 0;
                  }

/* 社名 */
#footer p	{float: left;
             margin: 15px 0 0 50px;
			 line-height:1.2;
	         }
			 /*(上)(左右)(下)*/	 

#footer small	{
         font-size: 9px;
		 display: block;
		 margin-bottom: 10%;
         margin-left: 0;
          }

	
/* footer メニュー */
#submenu	{
         font-size: 13px;
          position: relative;
             clear: both;
             }

#submenu ul	{margin: 10px 0;
	         padding: 3px 0 0 50px;
	         }

#submenu li	{display: inline;
	         list-style-type: none;}

#submenu a	{color: #ff1e97;
	         border-right: solid 1px rgba(250, 250, 250, 0.6);
	         padding-right: 6px;
	         margin-right: 3px;
	         text-decoration: none;}

#submenu li:last-child a {border: none;}

#submenu li + li + li + li a	{border: none;}


/* コピーライト */
#footer .copy	{
         font-size: 9px;
		 display: block;
		 color: rgba(250, 250, 250, 0.6);
		 margin-bottom: 23px;
        padding-left: 50px;
          }

/* WEBカウンター */		   				 			 
.style2  { float:right;
           display:block;
           font-family: : "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	       font-size: 8px;
	       color: #666;
		   margin-right: 60px;
         }


a:link   {
	      color: rgb(97, 211, 173);
	      text-decoration: none;
          }
		 
a:visited {
	       color: rgb(143, 136, 201);
	       text-decoration: none;
          }