/*  layout.css     */

/*     }EXΦAfont         
------------------------------------------------------------------***/
a     {@/*@N³κ½Ά@*/@
@@@@@@text-decoration:none;  @
@@@}	
a:link  {  /*    ’KβNiΚνΜNj     */
     color:#C0354E;
	 text-decoration:none;
	 line-height:17px;
	 letter-spacing:0.6px;
 	 font-family: "CI","Meiryo","lr oSVbN","MS P Gothic","qMmpS Pro W3", "Hiragino Kaku Gothic Pro",
		"Osaka", Verdana,Arial, Helvetica, sans-serif;
	 font-size: 10.5pt;
	 }
a:visited { /*@KβγΜLink @*/
@@ color: #8b0000;
@@ text-decoration:underline;
}    
a:hover   {  /*@|CgΜFi}EXJ[\ΜΪΉ½Nj@ @*/@
@@color: #00002F; 
@  text-decoration:underline;
} @@
a:active  {@ /*@ NbN@*/@
@@color: green; @@
@@text-decoration:none;
@@}

body {
	width:800px;
	margin-left:auto;
	margin-right:auto; 
	text-align: center;
/*	background-image:url("../images/haikei/bg_sakura_8.gif");@@@@*/
@@background-color:white;@
    line-height:20px;
	letter-spacing:1px;
	font-family: "CI","Meiryo","lr oSVbN","MS P Gothic""qMmpS Pro W3", "Hiragino Kaku Gothic Pro",
		"Osaka", Verdana,Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
}

#container  {
   	margin:0;
	padding:0;
    width:800px;
	margin-left:auto;
	margin-right:auto; 
	text-align:left;
   	border-left:1px solid #a8002f;
	border-right:1px solid #a8002f;
	background-color:#ffffff;
	text-decoration:none;
	line-height:17px;
    letter-spacing:0.6px;
 	font-family: "CI","Meiryo","lr oSVbN","MS P Gothic","qMmpS Pro W3", 
    		"Hiragino Kaku Gothic Pro",	"Osaka", Verdana,Arial, Helvetica, sans-serif;
	font-size: 10.5pt;	
	font-weight:normal;}
	

#header_300    {
    width:1000px;
	height:300px;
	margin-left:auto;
	margin-right:auto;  
	margin-bottom:0px;
	}
	
#header_400    {
    width:1000px;
	height:400px;
	margin-left:auto;
	margin-right:auto;  
	margin-bottom:0px;
	}	

#header_800_500    {
    width:800px;
	height:500px;
	margin-left:auto;
	margin-right:auto;  
	margin-bottom:0px;
	}	

	

#flash_80   {
    width:800px;
	height:80px;
	margin-left:auto;
	margin-right:auto;  
	margin-bottom:0px;
	}


#flash_200   {
    width:1000px;
	height:200px;
	margin-left:auto;
	margin-right:auto;  
	margin-bottom:0px;
	}

 
#contents  {
        width:780px;
	    margin-left:10px;
	    margin-right:10px;
        margin-top:5px;
		padding-top:0px;  
	    padding-bottom:10px; 
		font-size: 11pt; 
        text-decoration:none;
	    line-height:17px;
	    letter-spacing:0.6px;
 	    font-family: "CI","Meiryo","lr oSVbN","MS P Gothic","qMmpS Pro W3", 
		        "Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
	    font-size: 10.5pt;
        text-align:left;
        font-weight:normal;
		background-color:#ffffff;	
             }
   	   
	
#copy_right {
	    font-style:normal;
		letter-spacing:0.6px;
 	    font-family: "CI","Meiryo","lr oSVbN","MS P Gothic","qMmpS Pro W3", 
    		"Hiragino Kaku Gothic Pro",	"Osaka", Verdana,Arial, Helvetica, sans-serif;
	    line-height:17px;
		font-size: 10.5pt;
        text-align:left;
        font-weight:normal;
        border-top:solid 1px #a8002f;
		border-bottom:solid 1px #a8002f;
		width:800px;
		padding-top:5px;
        padding-bottom:5px;
		text-align:center;
		background-color:#a8002f; 
		color:#ffffff;
        clear:left;
	        }

 	
/*****************    CSS Library: Vertical CSS Menus   *****************************/
.myslidemenu {
width: 190px; /*width of menu*/
}

.sidemenu {
width: 190px; /*width of menu*/
}

.sidemenu  .headerbar{
font-family: "CI","Meiryo","lr oSVbN","MS P Gothic""qMmpS Pro W3", "Hiragino Kaku Gothic Pro",
		"Osaka", Verdana,Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color: white;      /*  white   */
background: #a8002f url("../images/vertical_css_menu/arrowstop.gif") no-repeat 8px; /*last 2 values are the x and y coordinates of bullet image*/
/*** moto_background color  #606060  ***/ 
margin-bottom:1px; /*bottom spacing between header and rest of content*/
margin-top:1px;
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.sidemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.sidemenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sidemenu ul li a{
font-family: "CI","Meiryo","lr oSVbN","MS P Gothic""qMmpS Pro W3", "Hiragino Kaku Gothic Pro",
		"Osaka", Verdana,Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color: black;
background: #E9E9E9;      /*** moto_background color  #E9E9E9  steady grey ******/ 
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

/*** moji no color ******/ 
.sidemenu ul li a:visited{
color: black;             
}

.sidemenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #384D98;          /*** moto_background color black ******/ 
}                             /*** #384D98  ultra marine blue  ******/ 
		
		
		
/***************  for@h18 `@h20  Endo's photo  page @*******/

.thumbnail_box   {
        width:130px;
		float:left;
				}		
				
.comment_box    {
        width:630px;
		float:right;
		}	
		
/* p­Έ
--------------------------------------------------------------- */
#pankuzu_580 {
clear:both;
margin:0px auto;
padding:2px;
width:580px;
text-align:left;
background-color:#FF7F8F;
}
#pankuzu_780 {
clear:both;
margin:0px auto;
margin-left:0px;
padding: 7px 7px 3px 10px;
width:783px;
text-align:left;
text-decoration: none;
background-color:#FF7F8F;       /*  coral read  */
}		

					