/* ■■■■■■　style.css　■■■■■■ */

@charset "utf-8";

/*  body  */

body.page{
border-top:5px #35318f solid;
}

#head{
width:100%;
border-bottom:1px #e2e2e2 solid;
margin-bottom:1px;
}

#upper{
width:860px;
margin:0 auto;
padding-top:7px;
}

h1{
float:left;
display:inline;
margin-left:30px;
}

h2{
float:left;
display:inline;
margin-left:20px;
}

/*  wrap */

#wrap{
background:url(/images/bg.gif) repeat-x;
}

#container{
width:860px;
margin:0 auto;
background:url(/images/bg2.gif) repeat-y;
padding:30px 0;

}

/* navi */

#nav{
float:left;
display:inline;
width:210px;
margin:0 30px;
}

#nav ul li{
margin-bottom:10px;
line-height:0;
vertical-align:bottom;
font-size:0;
}

/* contents */

#contents{
float:left;
display:inline;
width:560px;
}

.pankuzu{
width:560px;
height:40px;
background-color:#dfdfdf;
color:#4b4c58;
}

.pankuzu p{
font-size:18px;
font-family:Helvetica, Arial, sans-serif;
line-height:100%;
font-weight:bold;
}

.pankuzu p img{
vertical-align:middle;
}

.pankuzu p span{
padding:0 10px;
}

.pankuzu a:link,.pankuzu a:visited { color: #adadad; text-decoration:none;}
.pankuzu a:hover,.pankuzu a:active { color: #FFF; text-decoration:underline;}

h3{
background:url(../images/bar-icon.gif) repeat-y;
margin:23px 0;
padding:0 18px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
font-size:18px;
}

.article{
padding:0 10px;
}

.up{
text-align:right;
display:block;
}

/* Mentors */

h4{
font-size:14px;
margin-bottom:10px;
width:540px;
}

.photo1{
float:left;
margin:0 20px 10px 0;
}

.photo2{
float:right;
margin:0 0 10px 20px;
}

.photo1 img,.photo2 img{
display:block;
}

.mentxt{
width:400px;
float:left;
}

.photo1 a:hover img,.photo2 a:hover img {
filter:alpha(opacity=80);
opacity:0.8;
}

/* Lab */

.labox{
width:260px;
float:left;
font-size:10px;
text-align:center;
}

/* Guidelines */

.faq-box{
background: #eceded url(../images/faq-box-foot.gif) bottom no-repeat;
width:560px;
padding-bottom:25px;
margin-bottom:20px;
}

table.flow{
width:450px;
}

table.flow th{
vertical-align:top;
}

table.flow td{
vertical-align: middle;
padding-left:20px;
}

.step-txt{
width:450px;
float:left;
display:inline;
}

.Q{
font-weight:bold;
color:#0073bd;
padding:10px 10px 10px 50px;
background:#eceded url(../images/q.gif) no-repeat;
}

.A{
padding:10px 10px 10px 50px;
background:#f6f6f6 url(../images/a.gif) no-repeat;
}

/* Apply */

table.apply {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:100%;
margin-bottom:20px;
}

table.apply th{
background:#f6f6f6 url(../images/bar-icon2.gif) repeat-y;
font-size:12px;
text-align:left;
vertical-align:top;
padding:10px 5px 10px 15px;
line-height:1.6;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #e2e2e2 #fff #e2e2e2 #fff;
}

table.apply td{
font-size:12px;
padding:10px 5px 10px 15px;
line-height:1.6;
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #e2e2e2 #fff #e2e2e2 #fff;
}

/* foot */

#foot{
background:url(../images/foot-bg.gif) repeat-x;
width:100%;
height:100px;
}

.copyright{
width:860px;
margin:0 auto;
padding-top:40px;
}

.copyright p{
font-family:Helvetica, Arial, sans-serif;
color:#FFF;
text-align:right;
}