*{
	margin:0px;
	padding:0px;
}


html,body {
	margin: 0;
	padding: 0;
	height:100% ;
}

.top {
background:url(../img/bg_top.jpg) repeat-x center 0px ;
	margin:0px;
	padding:0px;
}

/*　base　------------------------------------------------*/
a {text-decoration:none;color:#555476;}
a {color:#555476;text-decoration:none;}
a:link {color:#555476;text-decoration:none;}
a:visited {color:#555476;text-decoration:none;}
a:hover {color:#333258;text-decoration:none;}
a:active {text-decoration:none;}



img {border-style : none ;margin:0;padding:0;}
img, div {behavior: expression(IEPNGFIX.fix(this));}
.clr {clear:both;}

strong {color:#83723e;}
span.small {font-size:10px;line-height:14px;}

/*　　--------------------　共　通　----------------------------*/

.bg_out {
background:url(../img/bg_out.jpg) repeat-x center top;
width:100%;
height:100%;
margin: 0px AUTO;
padding: 0px;
text-align:center;
}
.bg_out_ {
background:url(../img/bg_out_.jpg) repeat-x center top;
width:100%;
height:100%;
margin: 0px AUTO;
padding: 0px;
text-align:center;
}


#bg_main {
background:url(../img/bg_side.jpg) repeat-y top left;
margin: 0px AUTO;
width:900px;
min-height: 100%;
height: auto !important;
height:100%;
text-align:left;
position:relative;
border-right:0px solid #376C85;
font-size:12px;
color:#666;
}

#header {
background:;
width:;
height:136px;
margin:0;
padding:0;
}

#open {
background:url(../img/open.png) no-repeat;
width:365px;
height:126px;
position:absolute;
top:125px;
right:0;
z-index:101;
}

#photo1 {
background:url(../img/photo1.png) no-repeat;
width:391px;
height:273px;
position:absolute;
top:0;
right:0;
z-index:100;
}

#photo1_ {
background:url(../img/photo1_.png) no-repeat;
width:391px;
height:273px;
position:absolute;
top:0;
right:0;
z-index:100;
}

#photo2 {
background:url(../img/photo2_.png) no-repeat ;
width:268px;
height:185px;
position:absolute;
top:70px;
left:70px;
z-index:99;
}

#main {
background:;
width:900px;
margin:80px 0 0px 0; 
padding:0;
min-height: 1em;
display: inline-table;
}


.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .main { height: 1em;}
.main { display: block;}
/**/


#left {
width:200px;
height:auto;
margin:50px 0 0 0;
padding:0;
background:;  
border-top:0px solid #376C85;
color:#fff;
float:left;
}
#left:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #left { height: 1em;}
#top { display: block;}
/**/



#right {
background:;
width:700px;
min-height:700px;
height:auto !important;
height:700px;
margin:0;
padding:0;
background:;  
border-top:px solid #376C85;
float: left;
}

#right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #right { height: 1em;}
#top { display: block;}
/**/


#right .title {
background:;
width:;
height:50px;
margin: 10px;
padding:0 0 0 20px;
}

#right p.text1 {
margin:10px 50px;
text-align:center;
}

#right p.text_img {
text-align:center;
margin:30px 0 10px 0;
}

#flow_wrap, #cost_wrap, #qa_wrap {
background:;
margin: 30px 20px 20px 20px;
min-height:500px;
height:auto !important;
height:500px;
text-align:center;
border:px solid;
clear:both;
line-height:18px;
}
#flow_wrap:after, #cost_wrap:after, #qa_wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #flow_wrap, #cost_wrap, #qa_wrap { height: 1em;}
#top { display: block;}
/**/





#footer {
background:;  
width:;
height:auto;
text-align:center;
margin:10px 0 0px 0;
padding:0px 0 30px 130px;
color:#666;
}



#link {
margin:20px auto 10px auto;
text-align:center;

}
#link img {margin:10px 0 0 0;}

rb {font-size:100%;}
rt {font-size:9px;}
/*　　--------------------　トップ　----------------------------*/

#right .top_title {
background:;
width:;
height:auto;
margin:0 10px;
padding:5px 0 0 0px;
}

#top {
background:;
width:;
height:;
}

#top .box1 {
background:url(../img/bk.png) ;
width:;
height:auto;
color:#fff;
margin:20px 0px 0px 260px;
padding:15px 0px;
text-align:center;
clear:both;
}
#top .box1 img {margin:10px 0;}

#top .box1_ {
background:url(../img/white.png) ;
width:;
color:#fff;
margin:0px 0px 20px 260px;
padding:15px 0px 35px 0;
text-align:center;
clear:both;
}

#top .box2 {
background:url(../img/white.pn);
width:220px;
height:auto;
color:#000;
text-align:center;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

*html #top .box2 {margin:15px 0 -5px 0;}
#top .box2 { /margin:15px 0 -25px 0;}

#top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #top { height: 1em;}
#top { display: block;}
/**/





/*--
#top .box2 {
background:url(../img/bk.p) red;
width:190px;
height:auto;
color:#000;
margin:5px 5px 0 20px;
padding:0px 0px 0px 0px;
float:left;
}

#top .box2 {
 /width:180px; 
 /margin:0px 10px -15px 10px;
 /padding:0px 10px 0px 10px;
}

*html #top .box2 {
padding:0px 0px 0px 0px;
margin:0px 10px -15px 15px;}
--*/

/*　　--------------------　制作から完成まで　----------------------------*/
#flow_wrap dl {
background:;
width:;
height:;
margin:;
text-align:left;
clear:both;
line-height:25px;
border-top:1px solid #cecece;
}

#flow_wrap dt {
background:;
width:;
height:;
margin:10px 0 0 0;
font-size:18px;
border-bottom:1px dotted;
}

#flow_wrap dd {
background:;
width:;
height:;
margin:10px 0 0 0;
}

#flow_wrap dl img.left {float:left;margin:0px 20px 20px 0;border:5px solid #cecece;}

/*　　--------------------　費用について　----------------------------*/
#cost_wrap table.wrap {
background:#cecece;
width:550px;
height:;
margin:10px auto 30px auto;
border:0;
padding:0;
}

#cost_wrap table.content {
background:;
width:100%;
height:;
color:#333;
font-size:12px;
line-height:18px;
}

#cost_wrap table.content th {
background:#f5f5f5;
width:150px;
 /width:;
text-align:center;
}

#cost_wrap table.content td {
background:#fff;
width:;
height:;
text-align:left;
padding:10px;
}

#cost_wrap table.content td.center {
background:#fff;
text-align:center;
}

#cost_wrap table.content td.right {
background:#fff;
text-align:right;
}

#cost_wrap p {margin:15px 55px;text-align:left;}
#cost_wrap p.button {margin:15px 0 15px 200px;}
#cost_wrap p.list {margin:15px 110px;text-align:left;}

/*　　--------------------　良くある質問　----------------------------*/
#qa_wrap dl {
background:;
width:;
height:;
margin:0px 0 0 0px;
padding:30px 0 0 0px;
text-align:left;
clear:both;
line-height:25px;
border-bottom:0px solid #cecece;
border-left:0px solid #cecece;
border-right:0px solid #cecece;
}

#qa_wrap dt {
background:url(../img/q.jpg) no-repeat left top ;
width:190px;
height:50px;
margin:0px 0 0 0;
padding:5px 0 0 35px;
font-size:;
border-bottom:px dotted;
border-top:1px dotted #cecece;
float:left;
color:olive;
}

#qa_wrap dd {
background:;
width:;
height:;
margin:0px 0 20px 220px;
border-top:1px dotted #cecece;
border-left:0px dotted #cecece;
padding:5px 0 0 10px;
}
*html #qa_wrap dd {
margin:0px 0 20px 190px;

}


/*　　--------------------　体験教室　----------------------------*/

#right .hexagon_wrap {
background:;
margin: 40px 20px 20px 40px;
min-height:500px;
height:auto !important;
height:500px;
text-align:center;
border:0px solid;
clear:both;
}

.hexagon_wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .hexagon_wrap { height: 1em;}
#top { display: block;}
/**/

.hexagon_wrap .hexagon {
background:url(../img/hexagon.jpg) no-repeat ;
width:153px;
min-height:185px;
height:auto !important;
height:185px;
font-size:10px;
margin:5px 5px 5px 0;
float:left;
}
.hexagon_wrap .hexagon p {margin:3px 0;padding:0 3px;clear:both;}


/*　　--------------------　プレゼント　----------------------------*/
#present_wrap {
background:url() no-repeat ;
padding:0px 0 0 50px;
}


#present_wrap dl {
background:;
width:;
height:;
margin:0px 0 0 0px;
padding:30px 0 0 0px;
text-align:left;
clear:both;
line-height:25px;
border-bottom:1px dotted #cecece;
border-left:0px solid #cecece;
border-right:0px solid #cecece;
}

#present_wrap dt {
background:url(../img/pre1.jpg) no-repeat left top ;
width:100px;
min-height: 111px;
height: auto !important;
height:111px;
margin:0px 0 0 0;
padding:5px 0 0 35px;
font-size:;
border-bottom:px dotted;
border-top:1px dotted #cecece;
float:left;
color:olive;
}
#present_wrap dt.pre0 {
background:url(../img/pre0.jpg) no-repeat left top ;
}

#present_wrap dt.pre1 {
background:url(../img/pre1.jpg) no-repeat left top ;
}

#present_wrap dt.pre2 {
background:url(../img/pre2.jpg) no-repeat left top ;
}

#present_wrap dt.pre3 {
background:url(../img/pre3.jpg) no-repeat left top ;
}

#present_wrap dd {
background:;
width:;
min-height: 111px;
height: auto !important;
height:111px;
margin:0px 0 20px 130px;
border-top:1px dotted #cecece;
border-left:0px dotted #cecece;
padding:5px 0 0 10px;
line-height:20px;
}
*html #present_wrap dd {
margin:0px 0 20px 100px;

}

#present_wrap dd p {
margin:10px auto;
}