/* 基本レイアウト */

html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0;}
body {  text-align:center;  margin:0;
  background:url("http://www.hiyokko-make.com/image/back-ground.gif") repeat-y scroll center top #FFFFFF;
}

#debut-kouza {  
  background:url("http://www.hiyokko-make.com/image/debut-kouza-bg.gif") repeat-y scroll center top #FFFFFF;
}

hr  {  height:1px; }

/* リンク色（ページ全体） */

a { color: #1111cc; text-decoration: underline; }
a:hover { color: #ff6699; }


/* リンク色（ヘッダー） */

#banner a { color: #0000ff; text-decoration: none; }
#banner a:hover { color: #666; }


/* リンク色（サイドメニュー） */

.module-content a { color: #ff9900; }
.module-content a:hover { color: #cc0000; }


/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
H1, H2, H3, H4, H5, H6, P, OL, UL, PRE, BLOCKQUOTE
{
   margin-top: 10px;
   margin-bottom: 10px;
font-size : 12px;

}

div#all
{
  margin-left: auto;
  margin-right: auto;



}

div#contents
{

  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 800px;
}

/* ヘッダー*/

div#header{
   position: relative;
   background-repeat: no-repeat;
   background-position: center bottom;

}

#header h1

{
  text-align: left;
  font-size : 12px;
  font-weight : lighter;
  padding-left : 10px;
  padding-top : 10px;
  color : #666666;

}

#header-entry h1

{
  text-align: left;
  font-size : x-small;
  font-weight : lighter;
  color : #666666;

}


div#menu
{
   position: relative; 
   height: 100px;
   margin: 5px 0px 10px;
}

div#menu img
{
     width: 200px;
     height: 46px;
     border: none;

}
#menu div
{
     margin: 0px 0px 0px 0px;
}
  
#m1
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m1-back.gif);

}
#m2
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m2-back.gif);

}
#m3
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m3-back.gif);

}
#m4
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m4-back.gif);

}
#m5
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m5-back.gif);

}
#m6
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m6-back.gif);

}
#m7
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m7-back.gif);

}
#m8
{
     background-image: url(http://www.hiyokko-make.com/image/logo-m8-back.gif);

}



#menu a:hover
{
     background-color: #ffffff;
}

#menu a:hover image
{
     visibility: hidden;
}





div#container
{
	margin: 30px auto 0;
	position: relative;
	width: 800px;


}

div#side-contents
{
 	position: relative;
	width: 184px; 
	float: left;
 	margin: 5px 0 0 5px;

}


.side a {
	display: block;
	width: 184px;
        margin-top: 3px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 27px;
	background-image: url(http://www.hiyokko-make.com/image/logo-left.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
        text-align: left;
}

.side-a a {
    background-repeat: no-repeat;
    background-image: url("http://www.hiyokko-make.com/image/logo-left-2.gif");
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    padding-bottom: 5px;
    padding-left: 26px;
    padding-top: 5px;
    text-align: left;
    text-decoration: none;
    width: 184px;
}

.side-a {

    border: 1px solid #CCCCCC;
}



.side a:link {
	color: #666666;
}
.side a:visited {
	color: #666666;
}
.side a:hover {
	background-image: url(http://www.hiyokko-make.com/image/logo-left2.gif);
	color: hotPink;
}
.hiddenimg {
	display: none;
}


div#main
{

    float: right;
    width:560px;
}

div#main-ml
{

    width:560px;
    margin-left: auto;
    margin-right: auto;

}

div#main-1 img 
{

	border-width: 0px; 

}


div#main-2
{


}

div#main-3
{
    width: 550px;
	height: 130px;
    margin-bottom: 25px;
}

div#main-3 h2

{
	font-weight: 400;
	text-align: left;
	font-size : x-small;
	font-weight : lighter;
	padding-left : 10px;
	color : #666666;	
}

div#main-3 img

{
    width: 536px;
	height: 120px;
}

div#main-4
{

    width: 550px;
	height: 350px;
    background-image: url(http://www.hiyokko-make.com/image/news.gif);
    background-repeat: no-repeat;
    margin-bottom: 0px;

}


div#main-4frame
{
 	position: relative;
    width: 536px;
	height: 298px;
	top: 37px;
    margin: auto;
}

div#main-entry-contents
{


        text-align: left;
}



#hmk-koe
{
   position: relative; 
   margin-left: auto;
   margin-right: auto;
   width: 550px; 
   height: 106px;
   margin-top: -5px;
}

#hmk-koe .hon
{
   position: absolute;
   top: -2px;
   left: 60px; 
   font-size: xx-small;
   line-height: 13px;
   text-align: left;
   margin-left: 80px;
   list-style-type: none;
   color: #666666;

}



div#footer
{
 	clear:both;
 	color:#666666;
 	font-size:12px;
 	margin:10px auto 25px;
 	position:relative;
 	text-align:left;
 	top:10px;
 	width:800px;
}



div#footer2
{
 	position: relative;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
	text-align: left;
	font-size: 10px;
	color: #666666;
	font-weight: 300;
font-weight:lighter;
}

#mass-top
{

border:1px solid #CCCCCC;
color:#666666;
font-size:10px;
font-weight:400;
height:490px;
line-height:0.6;
padding-top:10px;
width:182px;
text-align:center;
}

#mass-top a {

font-size:14px;
/font-size:14px;

}



#book
{
	width: 182px;
	height: 350px;
	border: solid 1px #cccccc;
	padding-top: 5px;
	line-height: 0.6;
	font-size: 10px;
	color: #666666;
	font-weight: 400;
	text-align:center;
}

#book a {

font-size:14px;
/font-size:14px;

}

#merumaga
{
    width: 182px;
	height: 380px;
    border: solid 1px #cccccc;
	padding-top: 5px;
	line-height: 0.8;
	font-size: 10px;
	color: #666666;
	font-weight: 400;
	text-align:center;
}

.kyoutu-oshirase
{
    clear:both;
    display:inline-block;
    margin-top:50px;
}


.box-mini-lesson-form {
background-image:url("http://www.precious-growth.com/image/mini-lesson/minile-midashi-7.gif");
background-repeat:no-repeat;
border:1px solid #FFCCFF;
margin-bottom:50px;
padding-top:85px;
text-align:right;
width:742px;
margin-left: auto;
margin-right: auto;

}

.box-mini-lesson-form p{

	padding-left:15px;
	padding-right:15px;
	font-size: 11px;
	text-align:left;
}

.nagare p{

	margin-left:10px;
	margin-right:10px;

}

img.pic-right-waku {
    background-color: #FFFFFF;
    background-image: url("http://www.hiyokko-make.com/image/amebro-pic.gif");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    border-color: #E1E1E1 #C1C1C1 #C1C1C1 #E1E1E1;
    border-style: double;
    border-width: 3px;
    float: right;
    margin: 5px 0 10px 10px;
    padding: 10px 10px 30px;
}

img.pic-left-waku {
    background-color: #FFFFFF;
    background-image: url("http://www.hiyokko-make.com/image/amebro-pic.gif");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    border-color: #E1E1E1 #C1C1C1 #C1C1C1 #E1E1E1;
    border-style: double;
    border-width: 3px;
    margin: 5px 0 10px 10px;
    padding: 10px 10px 30px;
}

img.pic-waku {
	background-color:#FFFFFF;
	background-image:url("http://www.hiyokko-make.com/image/amebro-pic.gif");
	background-position:50% 100%;
	background-repeat:no-repeat;
	border-color:#E1E1E1 #C1C1C1 #C1C1C1 #E1E1E1;
	border-style:double;
	border-width:3px;
	margin:5px 0 10px 10px;
	padding:10px 10px 30px;
}


img.pic-right {
    float: right;
    margin-left: 5px;
}


.waku-ten {
    border: 1px dashed #D4D4D4;
    padding: 10px;
}


a.form-ov {
	display:block;
	height:65px;
	overflow:hidden;
	position:relative;
	width:400px;
        float:right;

}

a.form-ov:hover img{
	position:relative;
	top:-65px;
}


/*------------------------------------------------------
テーブル
--------------------------------------------------------*/

table.table-lesson{
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	margin:10px 0;
	padding:0;
	width:100%;

}



table.table-lesson th{
	background-color:Snow;
	border:1px solid #999999;
	color:DimGray;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	padding:1.5em;
	vertical-align:middle;
	white-space:nowrap;
	
}

table.table-lesson td{
	border:1px solid #AAAAAA;
	padding:1.8em;
	vertical-align:middle;
	font-size:12px;
	width:412px;
}

table.table-lesson img{
	float:right;
	padding-left:10px;
}


.li-piyo-table {
	background:url(http://www.precious-growth.com/image/lesson/pg-lesson-lv-logo-2-small.gif) 0 0 no-repeat;
	font-size:12px;
	list-style-type:none;
	padding-bottom:4px;
	padding-left:22px;
	margin-left:-51px;
}

.li-normal-table {
	background:url(http://www.precious-growth.com/image/lesson/pg-lesson-lv-logo-6.gif) 0 0 no-repeat;
	font-size:12px;
	list-style-type:none;
	padding-bottom:4px;
	padding-left:22px;
	margin-left:-51px;
}

blockquote {
    background: none repeat scroll 0 0 White;
    border-color: #999999 threedface;
    border-style: dotted double;
    border-width: 1px 8px;
    color: #333333;
    font-size: 13px;
    line-height: 22px;
    margin: 20px 0;
    overflow: auto;
    padding: 15px 25px;
}

.onayami-font {

    font-size: 14px;
    line-height: 20px;

}


div#g-navi-page {
    background: url("http://www.hiyokko-make.com/image/hm-banner-kazari.gif") no-repeat scroll 0 0 transparent;
    height: 126px;
    padding-top: 0;
    position: relative;
    text-align: left;
    top: 12px;
    width: 800px;
    z-index: 1;
}


a.navi-banner:hover img {

	position:relative;
	top:-54px;
}


div#g-navi ul{
	width:100%;
	position:relative;
	top: 35px;

}


div#g-navi li{
	float:left;
	list-style:none outside none;
}



a.navi-banner  {

	display:block;
	height:55px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:200px;
}

a.navi-banner:hover {
	background-color:#FFFFFF;
	color:hotPink;
}

a.navi-banner img {
	background-color:#FFFFFF;
	border:medium none;
}
a.navi-banner:hover img {
	position:relative;
	top:-55px;
}

div#g-navi-page ul{
	width:100%;
	position:relative;
	top: 35px;
    margin: 0;
    padding: 0;
}


div#g-navi-page li{
	float:left;
	list-style-type:none;
}

/*------------------------------------------------------
フォームのテーブル
--------------------------------------------------------*/

#main-entry-contents table.form{
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	margin:10px 0;
	padding:0;
	width:100%;
    text-align: left;

}

#main-entry-contents table.form tr{
	display:table-row;
	vertical-align:inherit;
}


#main-entry-contents table.form th{
	background-color:FloralWhite;
	border:1px solid lightGrey;
	color:DimGray;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	padding:1.5em;
	vertical-align:top;
	width:150px;
    text-align: left;
}

#main-entry-contents table.form td{
	border:1px solid #AAAAAA;
	padding:1.5em;
	vertical-align:middle;
	font-size:12px;
	color:DimGray;
	font-weight: normal;

}

#main-entry-contents table.form textarea{

	font-size:12px;

	width:365px;
}

#main-entry-contents table.form a{
	color: hotpink;

}