@import url("reset.css"); 

@media screen,print{

#wrapper {
width: 880px;
margin:0 auto;
position:relative;
}

#base{
width: 880px;
}

#container {
width:880px;
}

#contents-area{
float:right;
width:645px;
display:inline;
margin-left:20px;
}


#sidemenu{
margin-top:10px;
width:207px;
float:left;
padding:7px 4px;
background-color:#e8f7fd;
}

#menu {margin-bottom:10px;}

#menu ul li{margin-bottom:3px;}


#video-box{
width:194px;
margin:0 auto 10px;
background:url(../../juken/open/img/video_frame.gif) repeat-y top left;
}


#asimo-box{
width:194px;
margin:0 auto 10px;
background:url(../../juken/open/img/video_frame.gif) repeat-y top left;
}

#asimo-box h2{
margin-bottom:7px;
}

#asimo-box #video-box-in p{
margin-bottom:7px;
}

#video-box-in{
padding:0 15px 20px 15px;
background:url(../../juken/open/img/video_frame_btm.gif) no-repeat bottom left;
}

#banner p{margin-bottom:10px;}

#video-box-in ul li{
background:url(../../juken/open/img/dot.gif) repeat-x bottom left;
padding-bottom:10px;
margin-bottom:10px;
}

#video-box-in ul li img{
margin-right:3px;
vertical-align:middle;
}

#footer{
padding:15px;
color:#fff;
background-color:#459aeb;
}

#footer p{margin:0;}

#teach {margin-bottom:1em;}
#teach h4{margin:0;}
#teach dl{
width:611px;
padding:15px 15px 0;
border:1px solid #d6382f;
background-color:#fdf9f9;
}

#teach dl dt{
color:#d6382f;
font-weight:bold;
margin-bottom:.5em;
}

#teach dl dt span{
margin-left:10px;
padding:3px 3px 0;
color:#fff;
font-size:85%;
background-color:#edab2c;
}

#teach .box{
width:611px;
padding:15px 15px 0;
border:1px solid #d6382f;
background-color:#fdf9f9;
}

#teach .box h5{
color:#d6382f;
font-weight:bold;
margin-bottom:.5em;
}

.asimo{
margin-right:1.5em;
margin-bottom:1em;
}

h5 span{
margin-left:10px;
padding:3px 3px 0;
color:#fff;
font-size:75%;
background-color:#edab2c;
}

#teach dl dd{
margin-bottom:1em;
}


table.program{
margin-left:3px;
margin-bottom:2em;
}

table.program.non{
margin-bottom:1em;
}

table.program tr td{
vertical-align:top;
}

table.program tr td p{
margin-bottom:1em;
}

table.program tr td.image img{
margin:0 10px 1em 0;
}

table.layout tr td{
vertical-align:top;
}

.img_l{margin-right:10px;}
.img_r{
float:right;
margin-left:10px;
}

.center{text-align:center;}

h1{margin-bottom:10px;}
h2{margin-bottom:33px;}
h3{margin-bottom:20px;}
h4{margin-bottom:1em;}

h5{
font-weight:bold;
margin-bottom:.5em;
color:#459aeb; font-size:116%;
}


.pagetop{
margin-bottom:20px;
position: relative;
overflow:hidden;
height: 24px;
width:100%;
}

.pagetop a{
text-indent: -7777px;
background: url(../img/pagetop.gif) top left no-repeat ;
position: absolute;
top:0;
right:0;
width:78px;
height: 24px;
display:block;
}


.pagetop a:hover{background-position: 0 -24px;}


.box01{ margin-left:7px; margin-right:7px; }

#top #contents-area h2{
margin-top:20px;
margin-bottom:20px;
}

.col-left,
.col-right{
width:320px;
margin-bottom:30px;
}

.col-left{ float:left; }
.col-right{ float:right; }

.col-left p,
.col-right p{
margin-bottom:0;
}

.col-left h3,
.col-right h3{
text-indent:-9999px;
width:320px;
height:62px;
margin-bottom:0;
}

.col-left h3{ background:url(../../juken/open/img/omiya_ttl.jpg) no-repeat bottom left; }
.col-right h3{ background:url(../../juken/open/img/hirakata_ttl.jpg) no-repeat bottom left; }

.col-inner{
border:1px solid #50a0ec;
border-top:0;
padding:10px 10px 20px 10px;
}

.col-inner ul{ margin-bottom:10px; }

.col-inner ul li{
text-indent:-1em;
padding-left:1em;
line-height:1.6;
}

.col-inner p.photo-area{ text-align:center; }

.col-inner p.attention{
margin-bottom:10px;
color:#FF0000;
font-weight:bold;
}

.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

.right{
text-align:right;
}

.btn{
padding-bottom:10px;
}

.mr{ margin-right:3px; }


/* clearfix */
.clearfix:after {
content: url(../img/pixel.gif);
display: block;
clear: both;
height: 0;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
} 

.clearfix {
display: block;
} 
/* End hide from IE-mac */




/* オープンキャンパス終了時
--------------------------------------------------------------- */
#contents-area img{
vertical-align:bottom;
}

#contents-area .h1-area{
margin-left:8px;
margin-right:8px;
margin-bottom:30px;
}

.photo-box{
width:645px;
background:url(../../juken/open/img/album_bg.gif) no-repeat bottom left;
margin-bottom:25px;
}

.photo-box:after {
content: url(../img/pixel.gif);
display: block;
clear: both;
height: 0;
}

.photo-box {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .photo-box {
height: 1%;
} 

.photo-box {
display: block;
} 
/* End hide from IE-mac */

.left-photo{
float:left;
width:310px;
}

.right-photo{
float:right;
width:310px;
}

.photo-box dt{
margin-bottom:10px;
}

.photo-box dd.photo{
text-align:center;
margin-bottom:5px;
}

.photo-box dd{
margin-bottom:10px;
padding:0 11px;
}


}


@media print{

* html body{
zoom:70%;
}

.break{
page-break-before:always;
}






}