@charset "utf-8";

/* ------------------------------------------------------------

	index.css

------------------------------------------------------------ */


/* ----------------------------------------------------------- header */

#header{
margin:0 auto 40px;
padding:0 0 40px;
}


/* ----------------------------------------------------------- feature */

#feature{
position:relative;
width:960px;
height:400px;
margin:0 auto;
}

#gallery{
width:960px;
position:relative;
margin:0 auto;
}

#slides{
position:absolute;
top:0;
}

#slides li{
width:995px;
}

#slides li img{
border:8px solid #fff;	
}


#pre{
position:absolute;
top:180px;
left:-20px;
z-index:10;
}

#nex{
position:absolute;
top:180px;
right:-20px;
z-index:10;
}
	
#feature .pagination{ /* clearfix */
position:absolute;
bottom:-20px;
right:0;
z-index:10;
}

#feature .pagination li{
float:left;
margin:0 0 0 5px;
display:inline;
position:relative;
line-height:0;
}

#feature .pagination li a{
display:inline-block;
width:6px;
height:6px;
text-indent:-9999px;
border:1px solid #fff;
line-height:0;
}

#feature .pagination li a{
display:block;
}

#feature .pagination li a:hover,
#feature .pagination li.active a{
background:#fff;
border:1px solid #fff;
}


/* ----------------------------------------------------------- topBanner */

#topBanner{ /* clearfix */
margin:0 0 35px;
}

#topBanner li{
float:left;
margin:0 30px 0 0;
display:inline;
}

#topBanner li.side{
margin:0;
}


/* ----------------------------------------------------------- group */

#group{ /* clearfix */
margin:0;
padding:0 0 20px;
clear:both;
}

#group h2{
float:left;
width:225px;
height:122px;
margin:0 20px 20px 0;
display:inline;
position:relative;
}

#group h2 a{
display:block;
position:absolute;
bottom:0;
left:0;
}

#group li{
float:left;
width:225px;
height:122px;
margin:0 20px 20px 0;
display:inline;
position:relative;
}

#group li.side{
margin:0 0 20px;
}

#group li dt{
display:inline-block;
padding:1px;
border:1px solid #e9e3d7;
overflow:hidden;
}

#group li dt{
display:block;
}

#group li dt.hover{
padding:0;
}

#group li dt.hover img{
margin:-2px;
}

#group li dl.chorishi dt.hover{
border:4px solid #71ac00;
}

#group li dl.seika dt.hover{
border:4px solid #f3284a;
}

#group li dl.ecole_osaka dt.hover{
border:4px solid #0995d9;
}

#group li dl.ecole_tokyo dt.hover{
border:4px solid #ef7200;
}

#group li dl.france dt.hover{
border:4px solid #13498d;
}

#group li dl.c_giken dt.hover{
border:4px solid #096302;
}
 
#group li dl.s_giken dt.hover{
border:4px solid #7d4e00;
}

#group li dl.professions dt.hover{
    border:4px solid #fc6566;
}

#group li dd.guide{
position:absolute;
bottom:10px;
left:9px;
background:#fff;
}

#group li dd.blog{
position:absolute;
bottom:10px;
right:9px;
background:#fff;
}


/* ----------------------------------------------------------- group */

#related{
padding:0 0 25px;
}

#related h2{	
margin:0 0 15px;
}

#related ul{ /* clearfix */
margin:0;
}

#related ul li{
float:left;
width:310px;
margin:0 15px 15px 0;
display:inline;
}

#related ul li.hover{
cursor:pointer;
}

#related ul li.side{
margin:0 0 15px;
}

#related ul li dl{ /* clearfix */
padding:7px 7px 0;
border:1px solid #e9e3d7;
letter-spacing:0;
}

#related ul li.odd dl{
background:#fcf8ec;
}

#related ul li.hover dl{
padding:1px 4px  0;
border:4px solid #a90003;
}

html:lang(ja) #related ul li.hover dl dd{
margin:0 0 -3px;
}

#related ul li dl dt{
font-weight:bold;
font-size:125%;
margin:3px 0 5px;
padding:0 0 0 77px;
}

#related ul li dl dt.figure{
float:left;
margin:0;
padding:0;
}

#related ul li.hover dl dt{
padding-top:3px;
margin-top:0px;
}

html:lang(ja) #related ul li.hover dl dt{
margin-top:3px;
}

html:lang(ja) #related ul li.hover dl dt.figure{
margin:0;
}


#related ul li dl dt span.small{
font-size:75%;
}

#related ul li dl dd{
font-size:90%;
padding:0 0 0 77px;
}

/* ----------------------------------------------------------- twitter */

#twitter{
float:left;
width:210px;
margin-bottom:30px
}

#twitter h2{
margin:0 0 14px;
padding:0 0 15px;
border-bottom:1px solid #f0ece4;
}

#tweets{
height:312px;
overflow-y:scroll;
overflow-x:hidden;
}

.jspContainer{
overflow: hidden;
position: relative;
}

.jspPane{
position: absolute;
left:0 !important;
width:195px !important;
}

.jspVerticalBar{
position: absolute;
top:0;
right:0;
width:8px;
height:312px;
background:#e0d4cb;
}

.jspVerticalBar *{
margin:0;
padding:0;
}

.jspCap{
display:none;
}

.jspTrack{
background:transparent;
position:relative;
}

.jspDrag{
background:#490a00;
position:relative;
top:0;
left:0;
cursor:pointer;
}

.jspVerticalBar .jspHover{
background:#5e160b;
}

.jspVerticalBar .jspActive{
background:#791100;
}

.jspHorizontalBar{
display:none;
}

.jta-tweet-list{
width:195px;
}

.jta-tweet-list-item{ /* clearfix */
position:relative;
margin:0 0 10px;
padding:0 0 5px;
background:url(../img/common/dotted.gif) repeat-x left bottom;
}

.jta-tweet-profile-image{
margin:0 0 5px;
}

.jta-tweet-user-name{
display:block;
width:155px;
position:absolute;
top:0;
left:55px;
}

.jta-tweet-user-name a{
text-decoration:none;
}

.jta-tweet-user-name a:hover{
text-decoration:underline;
}

.jta-tweet-user-screen-name{
display:block;
font-weight:bold;
}

.jta-tweet-user-full-name{
display:block;
}

.jta-tweet-user-full-name a{
color:#9c9d9c;
}


/* ----------------------------------------------------------- container */

#container{
width:700px;
float:right;
}

/* ----------------------------------------------------------- container2 */

#container2{
width:700px;
float:right;
margin-bottom:30px
}



/* ----------------------------------------------------------- news */

#news{
margin:0 0 15px;
}

#news h2{
width:700px;
height:20px;
position:relative;
margin:0 0 10px;
}

#news h2 a.rss{
position:absolute;
top:0;
right:40px;
}

#news h2 a.list{
position:absolute;
top:0;
right:0;
}

#news ul.tab{ /* clearfix */
border-bottom:5px solid #55120a;
}

#news ul#active_blog01{ border-bottom:5px solid #55120a;  }
#news ul#active_blog02{ border-bottom:5px solid #76b30a; }
#news ul#active_blog03{ border-bottom:5px solid #f81a41; }
#news ul#active_blog04{ border-bottom:5px solid #1093de; }
#news ul#active_blog05{ border-bottom:5px solid #f6710a; }
#news ul#active_blog06{ border-bottom:5px solid #13468c; }
#news ul#active_blog07{ border-bottom:5px solid #10670d; }

#news ul.tab li{
float:left;
margin:0 4px 0 0;
display:inline;
}
#news ul.tab li.last{margin-right: 0;}

#newsContent{
padding:10px 7px;
background:#fbf7ef;
}

#newsContent #blog01{
padding-top:15px;
}

#newsContent ul{ /* clearfix */
margin:0 0 5px;
}

#newsContent ul li{
float:right;
margin:0 0 0 5px;
display:inline;
}

#newsContent dl dt{
padding:0 10px;
margin:0 0 0.3em;
font-weight:bold;
}

#newsContent dl dt .icon{
margin:0 0 0 10px;
vertical-align:-3px;
}

#newsContent dl dd{
padding:0 10px 0.7em;
margin:0 0 0.6em;
background:url(../img/common/dotted.gif) repeat-x left bottom;
}

#newsContent dl dd.last{
margin:0;
background:none;
}

#otherBanner{ /* clearfix */

}

#otherBanner li{
float:left;
margin:0 22px 0 0;
display:inline;
}
#otherBanner li:nth-child(2){
margin:0 24px 0 0;
}
#otherBanner li.side{
margin:0;
}


/* ----------------------------------------------------------- sub */

#sub{
float:left;
width:215px;
}

#sub p.banners{
position:relative;
margin:-10px -3px 5px;
}

#targetNav{
margin:0 0 15px;
}

#sub ul.banners{
position:relative;
margin:0 -3px 15px;
}

#sub ul.banners li{
margin:0 0 5px;
}

#sub ul.banners li.protrude{
position:relative;
margin-top:-10px;
z-index:5;
}

#asideNav li{
margin:0 0 0.3em;
}

#asideNav li a{
padding:0 0 0 20px;
background:url(../img/common/arrow.gif) no-repeat 10px 0.5em;
}

/* ----------------------------------------------------------- clearfix */

#feature .pagination:after,
#topBanner:after,
#group:after,
#related ul:after,
#related ul li dl:after,
.jta-tweet-list-item:after,
#news ul.tab:after,
#otherBanner:after,
#newsContent ul:after{
content:url(../img/common/pixel.gif);
display:block;
clear:both;
height:0;
}

#feature .pagination,
#topBanner,
#group,
#related ul,
#related ul li dl,
.jta-tweet-list-item,
#news ul.tab,
#otherBanner,
#newsContent ul{
display:inline-block;
}

#feature .pagination,
#topBanner,
#group,
#related ul,
#related ul li dl,
.jta-tweet-list-item,
#news ul.tab,
#otherBanner,
#newsContent ul{
display:block;
}