
/* ページ全体の属性 */
#PAGE{ 
      margin-left : auto; 
      margin-right : auto; 
      width : 942px; 
      background-color : #ffffff;
      color : #000000;             
      font-family : "AR P丸ゴシック体M"; 
      }

/* リンクタグ(a)の文字色とマウスポインター */
a{
	/*リンクされた文字*/
	font-family :"AR P丸ゴシック体M"; 
	font-weight : bold;
    color : #0000FF;
	font-style : normal;
	border: none;
	}
a:hover{
	/*マウスをのせたとき*/
	color : #ff3333;
	font-style : normal;
	border: none;
	} 
a{
	/*マウスポインター*/
	text-decoration : none;
	cursor : pointer;
	}

/* 2px分のスペース */
.spc2px{
   height : 2px;
   background-color : #ffffff;
   color: #0000ff;
   }

/* 5px分のスペース */
.spc5px{
    clear : both;
    height : 5px;
    background-color : #ffffff; 
    color: #ffffff;
   }

/* 20px分の帯 */
.belt20px{
width: 942px;
    height : 20px;
    background-color : #ffffff;
    color: #ffffff;
    }

/* トップタイトルの区画 */
#top{
     width : 942px;
     height : 45px;
	 border-top : #aaaaaa 1px solid;
	 border-bottom : #aaaaaa 0px solid;
     }

    
/* 全幅区画*/

    
.item0{
 	clear : both;
	width :942px;
	}
.item0a{
 /*	clear : both;*/
	width :942px;
	}

/* コラムタイトル */  
    .title1{
        width : 940px;
        float : left;
        height : 25px;
        background-color :#000099;
        border : 0px solid #ffffff;
        font-family: "AR P丸ゴシック体E";
        font-size : 15pt;     
        color :#ffffff ;
        line-height : 25px;
        text-align : center;
        }
    .title2{
        width : 940px;
        float : left;
        height : 25px;
        background-color :#000099;/*#006699;/*#3399cc;/* #000099;*/
        border : 1px solid #ffffff;
        font-family: "AR P丸ゴシック体E";
        font-size : 12pt;     
        color :#ffffff ;
        line-height : 25px;
        text-align : center;
        }
    .title3{
        width : 233px;
        float : left;
        height : 20px;
        background-color :#0000ff;/*#006699;/*#3399cc;/* #000099;*/
        border : 1px solid #ffffff;
        font-family: "AR P丸ゴシック体E";
        font-size : 12pt;     
        color :#ffffff ;
        line-height : 20px;
        text-align : center;
        }

    .title4{
        width : 942px;
        float : left;
        height : 20px;
        background-color :#0000ff;/*#006699;/*#3399cc;/* #000099;*/
        border : 1px solid #ffffff;
        font-family: "AR P丸ゴシック体E";
        font-size : 12pt;     
        color :#ffffff ;
        line-height : 20px;
        text-align : center;
        }
/*ＰＨＯＴＰ*/
  .photo1{

		width : 120px;
        float : left;
        height : 150px;
        margin-left: 10px;
        margin-top: 10px;
        background-color : #ffffff;
        border : 1px solid #ffffff;
        font-family: "AR P丸ゴシック体M";
        font-size : 12pt;     
        color : #000000;
        /*line-height : 20px;*/
        text-align : center;
        }
  .photo2{
		width : 233px;
        float : left;
        height : 250px;
        background-color : #ffffff;
        border : 1px solid #ffffff;
        font-family: "AR P丸ゴシック体M";
        font-size : 12pt;     
        color : #000000;
        line-height : 20px;
       /* text-align : center;*/
        }
   .photo3{
		width : 233px;
        float : left;
       /* height : 250px;*/
        background-color : #ffffff;
        border : 1px solid #ffffff;
        padding-bottom: 4px;
        font-family: "AR P丸ゴシック体M";
        font-size : 12pt;     
        color : #000000;
        line-height : 20px;
       /* text-align : center;*/
        }

/* 記事欄 */

   .colum0{
    width : 942px;
    float : left;
    font-size : 14pt;
    font-weight : normal;
    line-height: 20pt;
    color : #696969;
    font-family: "AR P丸ゴシック体M";
    padding : 0px 20px 20px 20px;
    }

   .column1{
    width : 942px;
    float : left;
    font-size : 14pt;
    font-weight : normal;
    line-height: 20pt;
    color : #696969;
    font-family: "AR P丸ゴシック体M";
    padding : 0px 20px 20px 40px;
    }
    .colum2{
     /*clear : both;*/
    width : 750px;
    float : right;
    font-size : 14pt;
    font-weight : normal;
    line-height: 20pt;
    color : #696969;
    font-family: "AR P丸ゴシック体M";
    padding : 0px 10px 20px 10px;
    }   
    
/*リンクボタン*/
	.link{
	clear: both;
	width: 942px;
	}
   .link1{
    width : 200px;
    height : 25px;
    float : left;
    font-size : 11pt;
    text-align : center;
    color : #000000;
	background-color: #c0c0c0;
    padding : 7px 0px 0px 0px;
   /* border-top : #aaaaaa 1px solid;*/
    }
    
    
     .link2{
    width : 200px;
    height : 25px;
    float : right;
    font-size : 11pt;
    text-align : center;
    color : #000000;
	background-color: #c0c0c0;
    padding : 7px 0px 0px 0px;
   /* border-top : #aaaaaa 1px solid;*/
    }
      
        
     .link3{
      margin-left : auto; 
      margin-right : auto; 
    width : 538px;
    height : 25px;
    /*float : left;*/
    font-size : 11pt;
    text-align : center;
    color : #000000;
	background-color: #c0c0c0;
    padding : 7px 0px 0px 0px;
   /* border-top : #aaaaaa 1px solid;*/
    }
      
    
/*----------pop up---------*/
/* サムネイル縦画像の表示サイズ */  
.size1{
    width:170px;
    height:100px;
}
.size1a{
	widht:200px;
	height:150px;
	}

/* サムネイル横画像の表示サイズ */  
.size2{
    width:100px;
    height:75px;
}

/* 拡大縦画像の表示サイズ */  
.size3{
    width:350px;
    height:260px;
}

/* 拡大横画像の表示サイズ */  
.size4{
    width:410px;
    height:273px;
}

/* コメント */  
#item0{
    width : 942px;
    line-height:180%;
}

/* サムネイルのスペース */
.item2{
    width : 942px;
    height : 100px;
    display: inline-block;
    padding:0px 0px 0px 140px;
}

/* 個々のサムネイル */
.item2a{
    width : 188px;
    float : left;
    padding:4px 7px 0px 4px;
}

/* 拡大画像の表示 */
.popup{
position: relative;
z-index: 1;
}

/* 拡大画像の */
.popup:hover{
z-index: 2;
}

/* 拡大画像 */
.popup span{
position: absolute;
background-color:#cccccc;
padding: 5px;
left: 30px;
top: -60px;
border: 1px #000000;
visibility: hidden;
}

/* 拡大画像の*/
.popup span img{
border-width: 0;
}

/* 拡大画像の */
.popup:hover span{
visibility: visible;
}

