/*
      lesyn.com CSS
	  
*/

html,body{
margin:0;
padding:0;
}
body
    {
	padding: 0; 
	background: #14289A;
	background-image: url(./image/backbit.jpg);
	color: #303030; 
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif; 

    }

a {color: #5559FF; text-decoration: none;}
a:link {color: #5559FF; text-decoration: none;}
a:hover {color:#004080; text-decoration: underline;}

h2 { font-size:1.5em; border-bottom: 1px solid #79f;border-left: 10px solid #79f;padding: 0px 10px 7px 10px;}
h1 { font-size:2.2em}




#content
	{ 
	width:100%; 
	background:  #f7f7fe;
#	margin:0px auto auto 10px; 
	text-align:left;
#	border-left:double;
#	border-right:double;
		 border-color: #5B5BF9;
	

	}
	

#title
	{ 
		position:relative;
		background:  #0792DC;
		background-image:url(./image/logo.jpg);
			border-bottom: solid 10px #ddd;

	}
		
#logo
	{ 
	color : #fff;
        position: relative; 
        overflow: hidden; 
        height: 120px;
        margin: 0;
		padding-left: 10px;
		padding-bottom: 20px:
		line-height: 120px;

	}

.logo-top { font-size:1.8em; }

      #logo a{
        text-decoration: none;
        color: #fff;
		}
      #logo span {
        color: #14289A;
        font-weight: bold;
      }
      
      #logo a:hover span {
        color: #aaf;
      }
	  		   .logo-x {
        color: #79f;
      }

		
		
#navigation{

        position: absolute;
        display: block;
			width:100%; 
        height: 100%;
        top: -4px;
        text-align: center;
        font-size: 100%;

      }
#navigation ul li{
        display: inline;
		border-left:9px solid #9BBDFB;		
      }
	  #navigation ul, ol {

	  	display:block; 
		margin:90px 0px 0px -40px; 
      }
      
      #navigation li a {
        color: #fff;
        padding: 0px 10px 0px;
		text-decoration:none;

      }
      
      #navigation a:hover {
        color: #cacaca;
		text-decoration:underline;
		}
	
#sbm
	{ 
	margin:0 auto; 
	text-align: right;
	}	
.twitter-share-button {
    width: 95px!important;
}

	
#box
	{ 

	 width:95%;
	 margin-left:auto;
	 margin-right:auto;
	 text-align : left ;
	 background-color:#eee;
	 border: double; 
	 border-color:#aaa;
	 padding-top:20px;
	 padding-bottom:20px;
	 padding-left:10px;
	 font-size:0.8em;
	}	
			
			
#box2
	{ 
	 width:80%;	
	 margin-left:auto;
	 margin-right:auto;
	 text-align : center ;
	 background-color:#eee;
	 border: double; 
	 border-color:#aaa;
	 padding-top:20px;
	 padding-bottom:20px;
	 padding-left:15px;
	 padding-right:15px;
	}	
	
	#box3
	{ 
	 width:90%;	
	 margin-left:auto;
	 margin-right:auto;
	 text-align : center ;
	 background-color:#eee;
	 border: double; 
	 border-color:#aaa;
	 padding-top:12px;
	 padding-bottom:12px;
	 padding-left:15px;
	 padding-right:15px;
	}	
#new
	{ 
	 width:99%;
	 margin-left:auto;
	 margin-right:auto;
	 text-align : center ;
	 background-color:#eee;
	border: 1px solid #999;
	 	 padding-top:5px;
	 padding-bottom:5px;
	}
	
#name
	{ 
	 margin-left:auto;
	 margin-right:auto;
	 text-align : center ;
	 padding-bottom:5px;
	}	
			
			
			
#colum 
	{ 
	margin:20px 15px 40px 10px; 
	}	
#mainbody 
	{ 
	margin:0px auto auto 10px; 
			font-size:1em;
	}
#footer 
	{
	text-align:center; 
	background: #5F73BA;
	color: #ccc;

	padding-bottom:10px;
	        font-size:80%;	
	border-top: solid 5px #999;
	}
	#footer ul{margin-left: -40px;}
	
	
	#footer ul li{
        display: inline;
		border-left:2px solid #999;		
      }
      
      
      #footer li a {
        color: #fff;
        padding: 0px 10px;
		margin-right: 0px;
		text-decoration:none;

      }
      
      #footer a:hover {
        color: #cacaca;
		text-decoration:underline;
		}

	
#info 
	{ 
	 width:99%;
	 margin-left:auto;
	 margin-right:auto;
	 text-align : center ;
	 padding-top:40px;
	 padding-bottom:20px;
	 	        font-size:80%;	
	}		
	
	
	#middle
	{ 
	 width:100%;
	 margin-left:auto;
	 margin-right:auto;
	 text-align : left ;
	 padding-top:20px;
	 padding-bottom:10px;
	 	        font-size:80%;	
	}		
	

#table
{
	width: 100%;
	padding: 0;
	 margin-left:auto;
	 margin-right:auto;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #69c;
}


#table a {font-size:0.5em;}
#table a:link {font-size:0.5em;}
#table a:hover {font-size:0.5em;}

#table th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	color: #039;
	background:#AEC8F2;
	color: #000;
}
#table tbody
{
	background: #eee;
}
#table td
{
	background: #e7f1f8;
	border-top: 1px solid #69c;
	color: #000;
}
#table tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}




.stylebig {
	font-size: x-large;
	font-weight: bold;
}
.manual {
	 width:90%;
	 	padding-left:20px;
	 background-color:#ddd;
	 color:#000;
}

.m-bottom-1 {
	margin-bottom:1em;
	}

.m-bottom-2 {
	margin-bottom:2em;
	}

.m-bottom-3 {
	margin-bottom:1em;
	}

.m-bottom-4 {
	margin-bottom:4em;
	}

.m-bottom-5 {
	margin-bottom:5em;
	}

.m-bottom-10 {
	margin-bottom:10em;
	}
	
img {
max-width: 100%;
height: auto;
}