@charset "utf-8";

/* #############################################################

[ 基本パーツ + 汎用パーツ ]

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

@import "/special/year/2013/css/2013.css";


#str_container h1{
	margin-top:10px;
}
#navi_b{
	padding:3px 0 3px 3px;
	background-color:#000000;
	margin-bottom:10px;
}
#navi_b ul li{
	float:left;
	width:316px;
	height:43px;
	margin-right:3px;
}
#navi_b ul li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.areanavi{
	width:970px;
	margin-right:-10px;
	margin-bottom:10px;
	overflow:hidden;
}

.areanavi li{
	margin-right:10px;
	float:left;
	display:inline;
}
.areanavi li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#recommend{
	margin:0 0 10px;
	border-bottom:10px solid #DF8587;
	width:960px;
	background:#df8587;
	overflow:hidden;
}
#recommend h2{
	padding:10px;
}

#recommend .items{
	width:465px;
	margin:0 0 10px 10px;
	_margin:0 0 10px 5px;
	background:#fff;
	float:left;
}
#recommend .items .coursename{
	margin:0;
	padding:10px 5px 10px 10px;
	background:#edf2fa;
}
#recommend .items .coursename h3{
	margin:0;
	padding:0 0 0 10px;
	border:none;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat 0 5px;
	font-size:14px;
}
#recommend .items .coursename p{
	margin:0;
	padding: 0 0 0 10px;
}
#recommend .items .plans{
	padding:10px;
}
#recommend .items .plans div{
	width:315px;
	padding-bottom:10px;
	float:right;
}
#recommend .items .plans div p{
	margin:0;
	padding:0;
}
#recommend .items .plans div p .txtClPink{
	font-weight:bold;
}

#recommend .items .plans div p.alignR{
	margin-top:5px;
}
#recommend .items .plans div p a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#recommend #recommend03.items,
#recommend #recommend04.items,
#recommend #recommend05.items{
	width:306px;
	padding-bottom: 500px;  
    margin-bottom: -500px;  
}
#recommend #recommend03.items .plans div,
#recommend #recommend04.items .plans div,
#recommend #recommend05.items .plans div{
	width:215px;
}



.autumnlink{
	width:190px;
	float:right;
	margin-left:10px;
	background:#eee;
	border:1px solid #ccc;
}
.autumnlinkname{
	background:#c1002c;
	color:#fff;
	padding: 2px 5px;
}
.autumnlink img{
	margin:5px;
}


#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li a{
	margin:0 3px 0 0;
	padding:3px 3px 1px 13px;
}

		#str_container .tabNavi .secondMenu li a span{
			background:none;
			padding:3px 10px 0px 0px;
			display:inline-block;
			height:17px;
			cursor:pointer;
		} 
		#str_container .tabNavi .secondMenu li a:hover span,
		#str_container .tabNavi .secondMenu li a.current span{
			background:url(/special/gw/2012/images/bg_secondmenu_cobaltblue_right.gif) no-repeat right top;
		}
		

.tabNavi .tabMenu li a{
    font-weight:bold;
}
.tabNavi .dayMenu li a.current {
    background:
        url(/resource/images/tabnavi/bg_thirdmenu_cobaltblue_left.gif)
        no-repeat
        0px 1px
        rgb(89, 134, 177)
    ;
}
.tabNavi .secondMenu{
    overflow:hidden;
}
.tabNavi .secondMenu li a.current {
    background:
        url(/resource/images/tabnavi/bg_secondmenu_cobaltblue_left.gif)
        no-repeat
        left top
    ;
}
dl.thisHorizontalLists {
    display: block;
    text-align: right;
    margin-bottom: 12px;
}
dl.thisHorizontalLists dt {
    display: inline;
    font-weight: bold;
}
dl.thisHorizontalLists dd {
    display: inline;
}
.thisHorizontalLists ul {
    display: inline;
}
.thisHorizontalLists li {
    display: inline;
    list-style: none;
    margin-left: 1em;
}
.thisHorizontalLists li a.current {
    color: black;
}


.tabNavi .dayMenu{
    padding:1px 0 3px;
    background:#003366;
}
.tabNavi .dayMenu ul{
    margin:0;
    padding:0;
    overflow:hidden;
    zoom:1;
}
.tabNavi .dayMenu li{
    margin:0 0 0 5px;
    padding:0;
    float:left;
}
.tabNavi .dayMenu li a{
    margin:0 5px 0 0;
    padding:3px 5px 1px 13px;
    background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat;
    background-position:5px 7px;
    color:#fff;
    display:block;
}
.tabNavi .dayMenu li.holiday a{
    color:#FF9FAC;
}

.tabNavi .dayMenu li.current,
.tabNavi .dayMenu li a:hover{
    background:url(/resource/images/tabnavi/bg_thirdmenu_cobaltblue_left.gif) no-repeat left #5986B1;
    background-position:0 1px;
}

.sort{
    margin:5px 0;
    text-align:right;
    clear:both;
}
.sort dt{
    margin-right:10px;
    display:inline;
    font-weight:bold;
}.sort dd{
    margin-right:10px;
    padding-right:10px;
    display:inline;
    border-right: 1px solid #ccc;
}.sort dd.last{
    margin-right:0;
    border-right:0;
}		



#infomation{
	width:960px;
	overflow:hidden;
	background:#f1f1f1;
}
#infomation h2{
	margin:10px;
	padding: 0 0 5px 1em;
	border-bottom:2px solid #C00B10;
	color:#C00B10;
	font-weight:bold;
	font-size:18px;
}
#infomation dl{
	margin:0 10px 10px;
}
#infomation dt{
	width:10em;
	padding-left:1em;
	float:left;
	font-weight:bold;
	clear:both;
}
#infomation dd{
	margin-bottom:10px;
	padding: 0 0 10px 12em;
	border-bottom:1px dashed #ccc;
}
#infomation dd.last{
	border:none;
}
#infomation dd li{
	margin-left:15px;
	list-style:circle;
}