/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #4D6CAC;
}

a:active, a:hover {
 color: #CC0000;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 list-style-position: outside;
}

dt {
	float: left;
	font-weight: bold;
	color: #4D6CAC;
}f

dd {
	text-indent: 10px;	
}

/* contents styles */

div#container {
 width: 100%;
 height: auto;
 margin: 0 10px;
 padding: 0;
 background-color: transparent;
 text-align: left;
}

/* div#header */
div#header {
 width: auto;
 height: 85px;
 padding: 12px 0;
 background-color: transparent;
 background-image: url("images/preppylogo.gif");
 background-repeat: no-repeat;
 background-position: 0 10px;
 text-align: left;
}

div#header h1 {
 color:#4D6CAC;
 font-size: 150%;
 font-weight: bold;
 text-indent: -9999px;
}

div#header p {
 color:#282828;
  font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size:140%;
 font-weight: normal;
 text-indent: 2px;
 margin-left:195px;
}

/* div#navigation */
div#navigation ul {
display:block;
width:900px;
background-color:#4D6CAC;
margin-top:10px;
margin-bottom:5px;

}

div#navigation li {
display:inline-table;
width:auto;
font-size: 70%;
font-weight: bold;
padding:7px 15px 5px 15px;
border-right:solid 1px #FFFFFF;


}


div#navigation a:link, div#navigation a:visited {
 color: #FFFFFF;
}

div#navigation a:active, div#navigation a:hover {
 color: #996666;
}

#home div#navigation li#index a, #home div#navigation li#index a:link, #home div#navigation li#index a:visited {
 color: #FF6699;
}

#home div#navigation li#index a:active, #home div#navigation li#index a:hover {
 color: #996666;
}

#inside div#navigation li#coding a, #inside div#navigation li#coding a:link, #inside div#navigation li#coding a:visited {
 color: #FF3399;
}

#inside div#navigation li#coding a:active, #inside div#navigation li#coding a:hover {
 color: #000000;
}

/* 装飾文字 */
.midashi{
font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size:150%;}

.midashi2{
font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size:120%;}
 
 .catchcopy{
font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size:100%;}


/* サイドAとB (div#side-a, div#side-b) */

div#side-a {
background-color:#FFFFFF;
	width: 190px;
	padding:0 2px 0 0;
	float: left;
  }
  
/* タイトルロゴ (h3) */

h3#title {
  color: #4D6CAC;
  background-image: url("images/title_back2.gif");
  margin-top:10px;
  vertical-align:middle;
  padding:5px 0 2px 0;
  border-top: 4px solid #4D6CAC;
  border-bottom: 1px solid #4D6CAC;
  }
  

  
P#goIndex {
  height:10px;
  color: #4D6CAC;
  text-align:right;
  padding-right:10px;
  font-size: 70%;
  font-weight:bold
  } 
  
  
  
/* Navigation */
div#main_menu {
color: #4D6CAC;
 background-image: url("images/arrow.gif");
 background-repeat: no-repeat;
 background-position: 10px 15px;
 border-bottom: 1px dotted #4D6CAC;
	font-size: 95%;
	line-height:20px;
	padding:10px 0 0 25px;
  }
  
  div#main_menu_on {
color: #59A632;
background-color:#FFFFFF;
 background-image: url("images/arrow.gif");
 background-repeat: no-repeat;
 background-position: 10px 15px;
 border-bottom: 1px dotted #4D6CAC;
	font-size: 95%;
	line-height:20px;
	padding:10px 3px 3px 25px;
  }
  
  div#submenu {
  background-color:#FFFFFF;
  background-image: url("images/arrow_small.gif");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  color: #59A632;
   height:auto;
   height: 18px;
	font-size: 80%;
	padding:0 0 0 9px;
	margin-top:3px;
	margin-bottom:3px;
  }
  
/* WRAPPER */
div#wrapper_lecture {
  width: 690px;
  float:left;
  margin-bottom:15px;
  }
   
/* LECTURE */
div#lecture1,div#lecture2,div#lecture3 {
  width:216px;
  height:300px;
  float:left;
  height: auto;
  margin:10px 0 0 5px;
  padding:3px 0 0 5px;
  line-height:20px;
  border-left: 4px solid #4D6CAC;
    }
  
P#lecture_photo{
　width:80px;
  position:relative;
  top:0px;
  left:-10px;
    float:right;
    }
	
P#arrow{
font-size: 70%;
color:#4D6CAC;
line-height:15px;
    }
  
 
    
div#seat{
  width:110px;
  height:18px;
  color:#FF6699;
  text-align:center;
  vertical-align:middle;
  font-size: 65%;
  border: 2px solid #FF6699;
  margin-bottom:5px;
    }
	
p#lecture_name{
 line-height:130%;
 font-size: 80%;
 margin-bottom:15px;
    } 
	
div#explain{
 line-height:140%;
 font-size: 90%;
 padding:8px 10px 20px 0;
} 

  
  
  p#lecture_name{
line-height:130%;
 font-size: 85%;
    } 


div#side-b {
  width: 620px;
  padding:0 0 0 0 6px;
  float: left;
  background-color: white;
  border-left: 1px solid #4D6CAC;
  }
  
/* お問い合わせ */ 
div#tab_bottom {
  background-image: url("images/tab_bottom.gif");
   background-repeat: no-repeat;
margin:0 0 0 6px ;
  }
   
div#mail {
background-image: url("images/tab_back.gif");
  background-repeat: no-repeat;
margin:20px 0 0 6px ;
  padding:8px 8px 0px 8px ;
  font-size: 65%;
  }
   


/* マガジンページ */

  div#photo_left{
  height:480px;
 padding:8px 10px 20px 0;
 float: left;
 } 
 
   div#back_number{
  height:360px;
  width:193px;
 padding:8px 10px 20px 0;
 float: left;
 } 
  
   div#back_number_wrapper{
  height:170px;
 padding:8px 10px 20px 0;
 } 
 
   div#photo_right{
   font-size: 100%;
 padding:0 0 10px 0;
 margin:0 0 0px 10px;
 float: right;
 }
 
 
 div#latest_magazine{
 width: 630px;
 height:500px;
 } 
 
 
 h1#special {
 color: #0099CC;
 margin:3px 0 8px 0;
 }
 
  h2#special {
 color: #0099CC;
 margin:3px 0 8px 0;
 }

  h3#special {
 color: #0099CC;
 margin:3px 0 3px 0;
 padding:3px 0 0 0;
 line-height:140%;
 border-top:1px dotted #666666;
 }
 
 h5#back_number {
 color: #000000;
 margin:1px 0 3px 0;
 padding:1px 0 3px 0;
 }
 
 div#kakomi {
 width:auto;
 color: #FFFFFF;
 background-color:#0099CC;
 margin:3px 3px 3px 3px;
 }

/* アカデミー */
h3#salon_name{
  color: #4D6CAC;
  margin-bottom:10px;
  vertical-align:middle;
  padding:5px 0 5px 3px;
  border-left: 8px solid #4D6CAC;
  border-bottom: 1px solid #4D6CAC;

  }


div#peek-a-boo{
  padding:0 0 10px 200px ;
  height:600px;
  background-image: url("images/peek-a-boo.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
 
} 

div#afloat{
 padding:0 0 10px 200px ;
  height:600px;
  background-image: url("images/afloat.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 


div#minx{
 padding:0 0 10px 200px ;
  height:600px;
  background-image: url("images/minx.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 


div#kakimoto{
 padding:0 0 10px 200px ;
  height:400px;
  background-image: url("images/kakimoto.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 
div#apish{
 padding:0 0 10px 200px ;
  height:600px;
  background-image: url("images/apish.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 

} 
div#garden{
 padding:0 0 10px 200px ;
  height:400px;
  background-image: url("images/garden.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 

} 
div#dim{
 padding:0 0 10px 200px ;
  height:300px;
  background-image: url("images/dimension.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 

} 
div#imaii{
 padding:0 0 10px 200px ;
  height:400px;
  background-image: url("images/imaii.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 

div#artifata{
 padding:0 0 10px 200px ;
  height:240px;
  background-image: url("images/artifata.jpg");
   background-repeat: no-repeat;
 background-position: 0px 3px;
  border-bottom: 1px dotted #4D6CAC;
} 


/* カンパニー */
div#chronological_wrapper{
 width:620px;
 padding:0 0 0 0;
 margin:15px 0 0 0;
 height:110px;
  border-bottom:1px dotted  #000000;
 } 

div#chronological_year{
width:80px;
margin:0 0 0 0 ;
padding:0px 0px 0px 8px ;
font-size: 85%;
 float: left;

}

div#chronological_explain{
float:left;
width:520px;
 line-height:130%;
 font-size: 80%;
 padding:0px 10px 0 0;
 
  float: left;
    }