@charset "utf-8";
/* CSS Document */

.wrap-left{
	width:240px;
	float:left;
	margin-right:15px;
}
.wrap-left h3 {
    background: rgba(0, 0, 0, 0) url("skla_bg_index_column_Rtit.jpg") no-repeat scroll left top;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    padding-left: 13px;
}
.wrap-left li{
	height:31px;
	line-height:31px;
	margin-top:1px;
	background: #d7f0fa;
}
.wrap-left li a{
	background:url(/images/skla_ico_rhombus_blue.png) no-repeat 11px 5px;
	padding-left:24px;
}

.wrap-right{
	width:715px;
	float:left;
}
.wrap-right ol{
/*	height:30px;*/
	line-height:30px;
}
.wrap-right nav{
	float:right;
	margin-right:20px;
}
.wrap-right nav li{
	float:left;
	padding:0 5px;
	line-height:40px;
	font-size:14px;
}
.wrap-right nav li a:hover{
	color:#ff7800;
}
.wrap-right nav input{
	border:1px solid #c8c8c8;
	height:22px;
	line-height:22px;
	width:30px;
	text-align:center;
	margin:0 3px;
	padding:0 2px;
}
.wrap-right nav button{
    background: #0676c0;
    border: none;
    color: #fff;
	height:24px;
	line-height:24px;
    width: 50px;
}


/*outline*/
.wrap-right .wrap-content{
	margin-top:5px;
	background:#fbfbfb;
	border-top:3px solid #0676c0;
}
.wrap-right .wrap-content h2{
	border-left:7px solid #0676c0;
	height:26px;
	line-height:26px;
	color:#006bb1;
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	margin-top:11px;
}
.wrap-right .fontlist,
.wrap-right .piclist{
	margin:15px;
	padding-bottom:20px;
	border-bottom:1px solid #0676c0;
}
.wrap-right .fontlist li{
	line-height:24px;
	background:url(/images/skla_ico_square_orange.gif) no-repeat 3px 11px;
	padding-left:12px;
}
.wrap-right .fontlist li span{
	float:right;
	padding-right:3px;
}

/*people
.wrap-right{
	margin:0 20px;
}*/
.wrap-right .piclist li{
	float:left;
	padding:10px 15px;
}
.wrap-right .piclist li span{
	display: table;
    margin: 0 auto;
	font-weight:bold;
}

/*detail*/
.wrap-article{
	margin:20px 40px;
}
.wrap-article h1{
	color:#006bb1;
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	margin-bottom:20px;
	text-align:center;
}
.wrap-article .titlesub{
	text-align:center;
	background:#e3ebf2;
	height:30px;
	line-height:30px;
}
.wrap-article .article{
	line-height:24px;
	/*! text-indent:2em; */
	padding:10px 0;
}

.wrap-article .article table p{
	text-indent:0;
}

/*morecolumn*/
/*
.wrap-fontlist h2 span a{
	float:right;
	color:#057fb2;
	font-size:12px;
	padding-right:9px;
	padding-top:2px;
}
.wrap-fontlist h2 span a:hover{
	text-decoration:underline;
}
*/

/*detail*/
/*
.wrap-article{
	margin-top:10px;
	border:1px solid #c7e7ed;
	padding:20px 35px;
}
.wrap-article h1{
	text-align:center;
	font-size:16px;
	line-height:30px;
}
.wrap-article .titlesub{
	text-align:center;
	height:30px;
	line-height:30px;
}
.wrap-article p{
	font-size:14px;
	line-height:24px;
	text-indent:2em;
	padding:10px 0 0 0;
}
.wrap-fontlist aside{
	padding:20px 10px;
	border-top:2px solid #bddcf4;
}
.wrap-fontlist aside li{
	background:url(/images/ico_appendix.png) no-repeat 7px 7px;
	line-height:25px;
	padding-left:20px;
}
*/