*{margin:0; padding:0;}


body{
 color:gray;
background-color:#e8e3d8;
width:100%;
text-align:center; 
font-family:'','telegrafico','didotyoungerRegular',Arial,helvetica nures,helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", 
"Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

@font-face {
font-family: 'didotyoungerRegular';
src: url('./font/didotyounger.eot?') format('oldIE'),
        url('/Chunk.ttf') format('truetype');
}	
		

@font-face {
    font-family:'didotyoungerRegular';
    src: url('../font/didotyounger.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Chisel';
    src: url('../font/Chisel-Normal.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'telegrafico';
    src: url('../font/telegrafico.ttf');
    font-weight: normal;
    font-style: normal;
}



#my_header2{
/*background-color:red;*/
width:100%;
height:100px;}


#wrapper{
width:1000px;
border:5px solid #666666;
//background:  url(../format_img/back2.png)fixed  0 0;  
height:100%;
margin: 0 auto; 
padding:3px;
}



#my_body{
height:100%;
border:2px solid #666666;
//background:  url(../format_img/back3.png)fixed  0 0;  
margin: 0px auto; 
}

h1
{
font-size:120%;
} 

#my_header{
/*background-color:red;*/
width:100%;
height:100%;
 border:solid 0px blue;
}


 ul#my_header{
 list-style:none;
 background-color:gray;
 text-align:center;
 border:solid 0px red;
width:900px; 
height:20px;
 font-size:11pt;
 position:relative; top:-25px; left:0px;
 margin: 0 auto; 
line-height: 22px;
 }
 .sample1 {border:solid 0px #ff6666;float:left; }
 .sample2 {border:solid 0px #ff6666;float:left;border-left:none;}
 a#my_header {
 color:gold;
 display:block;
 width:150px;
 height:20px;
 text-decoration: none;
 }
 a#my_header:hover {
 color:gray;
 background-color:yellow;
 text-decoration:underline;color:"#333333";
 }



#main {
display: inline-block;
border:solid 0px red;
width:900px;
height:100%;
background: rgba(255, 255, 255, 0.4);
text-decoration: none;
}


#c4b_img{
float:right;
}

#c4b_bloc{
padding:0px;
line-height:30px;
float:right;
text-align:left;
}

#c4b_bloc2{
width:420px;
height:350px;
padding:10px;
line-height:30px;
float:left;
border:solid 0px red;
text-align:left;
}

#c4b_bloc3{
width:420px;
height:350px;
padding:10px;
line-height:30px;
float:left;
border:solid 0px red;
text-align:right;
}

#footer {
list-style:none;
text-align:center;
border:solid 0px red;
width:900px; 
 font-size:9pt;
 margin: 0 auto; 
 }
 
 .sample3 {border:solid 0px #ff6666;float:left; }
 .sample4 {border:solid 0px #ff6666;float:left;border-left:none;}
 
a#footer{
height:40px;
color:gray;
display:block;
width:150px;
text-decoration: none;
 line-height: 40px;
}
 
 
 a#footer:hover{
 color:#ff0000;
 text-decoration:underline;color:"#333333";
 }


#foot{
list-style:none;
text-align:center;
border:solid 0px red;
width:900px; 
 height:40px;
 font-size:5pt;
 margin: 0 auto; 
 
 }
 
 a#foot{
 border:solid 1px red;
 color:gray;
 display:block;
 width:300px;
 text-decoration: none;
 }
 
 a#foot:hover{
 border:solid 1px red;
 color:#ff0000;
 background-color:#ccccff;
 text-decoration:underline;color:"#333333";
 }



 a img:hover
   {  
            filter:alpha(opacity=60);  
            -moz-opacity:0.6;  
            -khtml-opacity: 0.6;  
            opacity: 0.6;  
			
    }  
	
	


#footer3
 {list-style:none;
 text-align:center;
 border:solid 0px red;
width:900px; 
 height:40px;
 font-size:7pt;
 margin: 0 auto; 
 clear:both;
 }



#my_contents{
border:solid 0px blue;
height:100%;
width:900px;;
display: inline-block;
margin: 0 auto; 
font-size:9pt;
line-height: 20px;
text-decoration: none;
}



#my_navigation {
float:left;
border:solid 0px red;
width:180px;;
height:100%;
display:block;
 font-size:9pt;
 text-align:left;

}


a#my_navigation{
 text-decoration: none;
}

 a#my_navigation:hover{
 border:solid 0px red;
 color:#ff0000;
 text-decoration:underline;color:"#333333";
 }




#sub_main {
display:block;
float:left;
 border:solid 0px red;
width:80%;
height:100%;
background: rgba(255, 255, 255, 0.5);

}

a#sub_main {
display:block;
float:left;
 border:solid 0px red;
width:80%;
height:100%;
background: rgba(255, 255, 255, 0.4);
}

#mynavi{
padding:1em 0 2em 1em;
border:0px solid #fff;
}



#mymain{
padding:1em;
border-left:1px 
solid #fff;}


#store{
margin: 0 auto; 
border-top:0px solid #ccc;
text-align:left; 
padding:20px;
 font-size:9pt;
 line-height: 150%;
}

#his_photo{
margin: 0 auto; 
border:0px solid black;
text-align:left; 
padding:1em 0;
float:left;
height:280px;
}

#his_bloc{
margin: 0 auto; 
width:550px;
height:300px;
line-height:20px;
border:0px solid black;
text-align:left; 
padding:20px;
font-size:9pt;
float:left;
}

#his_bloc2{
margin: 0 auto; 
line-height:25px;
border:0px solid black;
padding:20px;
font-size:9pt;
}


.left_banner{
text-align:left; 
float:left;
width:717px;
height:600px;
display: inline-block;
}

.right_banner{
float:left;
height:600px;
width:180px;
display: inline-block;
}

.t_banner{
padding-right:10px;
padding-bottom:10px;
border:0px solid black;
}


#my_footer{
width:100%;clear:both;
border-top:2px solid #fff;
text-align:center; 
padding:1em 0;

}


#wrap_footer{
width:100%;clear:both;
text-align:center; padding:1em 0;
height:150px;
}


.contents p{margin:1em 0;}

li {list-style:none;}

h1{padding-left:20px;}

#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #fff;
    background-image : url( ../format_img/loadinfo.net.gif );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}