@charset "utf-8";
/*
 * Support head css
 * Date: 2010.04.21
 * Author: Creative Team
 */
#contents #mainArea {
	padding-bottom: 25px;
}
#contents #mainArea .page_ttl_index{
	width: 576px;
	height: 164px;
	background: url(/knowhow/ss/images/ttl01.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#contents #mainArea .page_ttl{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 30px;
	line-height: 40px;
}
#contents #mainArea .page_ttl span{
display: block;
	font-size: 14px;
	line-height: 20px;
}
#contents .bsc .ttl_index{
	margin-top: 15px;
	width: 576px;
	height: 164px;
	background: url(/knowhow/ss/images/ttl04.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#contents .mid .ttl_index{
	margin-top: 15px;
	width: 576px;
	height: 164px;
	background: url(/knowhow/ss/images/ttl03.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}
#contents .adv .ttl_index{
	margin-top: 15px;
	width: 576px;
	height: 164px;
	background: url(/knowhow/ss/images/ttl02.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
}

#contents #mainArea .ttl{
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
}
#contents #mainArea .sub_ttl{
	padding-left: 0px;
	padding-bottom: 15px;
	font-size: 12px;
	font-weight: bold;
}
#contents #mainArea .ttl03,
#contents #mainArea .ttl02,
#contents #mainArea .ttl01{
	padding-left: 0px;
	padding-top: 15px;
	font-size: 14px;
	font-weight: bold;
	height: 65px;
}
#contents #mainArea .ttl01{
	padding-left: 90px;
	background: url(/knowhow/ss/images/sub_ttl01.gif) no-repeat 0px 0px;
	color: #a349af;
}
#contents #mainArea .ttl02{
	padding-left: 90px;
	background: url(/knowhow/ss/images/sub_ttl02.gif) no-repeat 0px 0px;
	color: #bc813d;
}

#contents #mainArea .ttl03{
	padding-left: 90px;
	background: url(/knowhow/ss/images/sub_ttl03.gif) no-repeat 0px 0px;
	color: #81a454;
}
#contents #mainArea .hid_txt{
	display: none;
}
#contents #mainArea .sub_ttl a{
	text-decoration: none;
}
#contents #mainArea .sub_ttl span{
	display: inline-block;
	margin-right: 5px;
	width: 80px;
	background: #e57c00;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}


#contents #mainArea .sub_sub_ttl{
	padding-left: 20px;
	padding-bottom: 1em;
	background: url(/common/images/bullet_knowhow.gif) no-repeat 0px 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#contents #mainArea .ss_list li:after,
#contents #mainArea .cate_list_index:after,
#contents #mainArea:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #contents #mainArea .ss_list li,
* html #contents #mainArea .cate_list_index,
* html #contents #mainArea { zoom: 1; } /* IE6 */
*:first-child+html #contents #mainArea .ss_list li,
*:first-child+html #contents #mainArea .cate_list_index,
*:first-child+html #contents #mainArea{ zoom: 1; } /* IE7 */
#contents #mainArea p a{
	text-decoration: underline;
}

#contents #mainArea p{
	padding-left: 20px;
	padding-bottom: 1em;
	font-size: 14px;
	line-height: 20px;
}

#contents #mainArea p.lead{
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
#contents .bsc p.lead{
	color: #81a454;
}
#contents .mid p.lead{
	color: #bb813c;
}
#contents .adv p.lead{
	color: #a349af;
}

#contents #mainArea table th,
#contents #mainArea table td{
	padding: 3px 5px;
}
#contents #mainArea a.bk_link{
	padding-left: 15px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 1px;

}


#contents #mainArea ul.ss_list{
	margin-left: 90px;
	margin-top: -50px;
	_margin-top: -35px;
	margin-bottom: 30px;
	padding: 20px 0px;
	font-size: 14px;
}
#contents #mainArea .ss_list li{
	padding-bottom: 7px;
	line-height: 18px;
}
#contents #mainArea .ss_list li.divider{
	margin-top: 15px;
}

#contents #mainArea .ss_list li span{
	display: block;
	float: left;
	padding-right: 10px;
	color: #808080;
	min-width: 3.7em;
	_width: 65px;
	background: url(/common/images/bullet01.gif) no-repeat right 3px;
}

#contents #mainArea .ss_list li a{
display: block;
margin-left: 5em;
}


#contents #mainArea .item{
	padding: 0px 0px 30px;
}
#contents #mainArea .line{
	background: url(/common/images/com_bg06.gif) repeat-x 0px 0px;
}
#contents #mainArea .item_ttl{
	margin-bottom: 15px;
	padding: 3px 5px;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
	background: #525252;
}
#contents .bsc .item_ttl{
	border-left: 12px solid #81a454;
}
#contents .mid .item_ttl{
	border-left: 12px solid #bb813c;
}
#contents .adv .item_ttl{
	border-left: 12px solid #a349af;
}

#contents #mainArea .item_sub_ttl{
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	color: #525252;
}
#contents .bsc .item_sub_ttl{
	border-bottom: solid 1px #81a454;
}
#contents .mid .item_sub_ttl{
	border-bottom: solid 1px #bb813c;
}
#contents .adv .item_sub_ttl{
	border-bottom: solid 1px #a349af;
}


#contents #mainArea .item_img{
	float: right;
	padding-left: 15px;
	padding-bottom: 10px;
}
#contents #mainArea .item_img2{
	padding-left: 15px;
	padding-bottom: 10px;
}

#contents #mainArea .item_txt{
	padding-left: 20px;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
}

#contents #mainArea .lead a,
#contents #mainArea .item_txt a{
	text-decoration: underline;
}
#contents #mainArea .item_com{
	padding-left: 20px;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
	padding-bottom: 15px;
}


#contents #mainArea .item_link{
	margin-left: 20px;
	padding-left: 15px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 1px;
}

#contents #mainArea .end_text{
	padding-left: 0px;
	padding-top: 30px;
	font-size: 16px;
	line-height: 22px;
	font-style: italic;
}


#contents #mainArea .backnumber{
	margin-top: 10px;
	margin-left: 95px;
}
#contents #mainArea .backnumber p{
	padding: 0px;
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#contents .bsc .backnumber p{
	border-bottom: solid 2px #81a454;
	color: #81a454;
}
#contents .mid .backnumber p{
	border-bottom: solid 2px #bb813c;
	color: #bb813c;
}
#contents .adv .backnumber p{
	border-bottom: solid 2px #a349af;
	color: #a349af;
}

#contents #mainArea .backnumber li{
	margin-bottom: 3px;
	padding-left: 15px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 4px;
	font-size: 12px;
	line-height: 18px;
}

#contents #mainArea .profile{
	margin-top: 30px;
	border-bottom: solid 1px #808080;
}

#contents #mainArea .profile p{
	padding: 0px;
	border-bottom: solid 1px #808080;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #808080;
}
#contents #mainArea .profile ul{
	margin: 20px 5px 0px;
}
#contents #mainArea .profile li{
	padding-bottom: 20px;
}
#contents #mainArea .profile li img{
	margin-right: 5px;
	float: left;
}
#contents #mainArea .profile li span{
	display: block;
	margin-left: 90px;
}
#contents #mainArea .profile li span.profile_belong{
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#contents #mainArea .profile li span.profile_name{
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}
#contents #mainArea .profile li span.profile_introduce{
	font-size: 12px;
	line-height: 18px;
}

#contents #mainArea .profile li:after,
#contents #mainArea .ditail_list li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #contents #mainArea .profile li,
* html #contents #mainArea .ditail_list li { zoom: 1; } /* IE6 */
*:first-child+html #contents #mainArea .profile li,
*:first-child+html #contents #mainArea .ditail_list li{ zoom: 1; } /* IE7 */