/*基本セット
　1.bodyの設定
　2.画像の設定
　3.余白の設定
*/

body{
	background:url(img/bg.gif);
	background-color:#ccc;
	margin:0px; padding:0px;
	font-size:100%;
	color:#000;
	line-height:140%;
	text-align:center;
}
a img{
	border:none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,img{
	margin:0px;
	padding:0px;
}

/*ジョイサービスへのリンク*/
#saitamacyuou{
           background-color:transparent;
           width:680px;          
           padding:0px;
           margin:0px auto;
           text-align:right;
}

/*ページレイアウトの定義*/
#pagebody{
           background:url(img/top-tree2.jpg) no-repeat top right;
           background-color:#fff;
           width:680px;          
           padding:0px;
           margin:0px auto;
           border:1px solid #000; 
           text-align:left;           
}

/*ヘッダーの定義*/
#header{
          width:680px;
          height:100px;
          margin:0px;
          padding:0px;
          background:url(img/top-title.jpg) no-repeat;
          text-indent:-10000px;
}




/*メインエリアの定義*/
#main{
         width:680px;
         margin:0px;
         padding:0px;                          
}


/*フッターの定義*/
#footer{
        width:680px;
        margin:0px;
        padding:0px 0px 3px 0px;
        text-align:center;
        clear:both;        
}

#footer p{
         font-size:10px;
         }

                 
#links{
           width:680px;          
           padding:5px 0;
           margin:0px auto; 
           text-align:center;
		   font-size: 9px;           
}

#links ul{
        list-style-type: none;
}

#links li{
        margin:0;
		padding: 0 3px;
		display: inline;
}				 


/*右コンテンツエリアの定義*/
#content{         
         width:480px;
         margin:0px;
         padding:15px 0px 0px 0px;
         float:right;
         
}

.contentbox{
             width:400px;
             margin:0px;
             padding:0px 0px 25px 20px;
             float:left;
}

.contentbox2{
             width:400px;
             margin:0px;
             padding:20px 0px 25px 20px;
			 font-size:14px;
			 border-top: 1px dashed #000;
             float:left;
}

.contentbox p{
            font-size:14px;
}

p.space{
            margin: 0;
			padding: 20px 0 0 0;
			font-size: 12px;
}
			
.contentbox ul{
          list-style:none;
          font-size:12px;
          line-height:140%;
}


/*左ナビゲーションエリアの定義*/
#leftnavi{
           width:200px;
           margin:0px;
           padding:15px 0px 0px 0px;
           float:left;
}

.navibox{          
          width:180px;
          margin:0px 0px 1px 0px;
          padding:5px 10px 20px 10px;
          list-style-type:none;
          text-align:left;
          line-height:140%;
          font-size:12px;
          background-color:#27238B;
}

.navibox ul{
          list-style:none;
          }
          
                    


.navibox li{
          background:url(img/arrow-1.gif) no-repeat top left;
          padding:0px 0px 0px 12px;
}

.navibox a:link{
          color:#fff;
          text-decoration:none;          
}

.navibox a:visited{
          color:#fff;
          text-decoration:none; 
}

.navibox a:hover{
          color:#fff;
          text-decoration:underline;
}