@charset "utf-8";

/* CSS Document */
/**********************************************************
	service.css
***********************************************************/

/*********************************************************************************************
	課題解決トップ
**********************************************************************************************/

/*------------------------------------------------------------
	タイトル
------------------------------------------------------------*/
.sol_ttl01 {
	margin-bottom: 10px;
	color:#333;
	padding: 5px;
	text-indent:15px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #ff6600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	background-image: url(../../common/img/ttl_bg_org.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-size:16px;
	font-weight:bold;
}
.sol_ttl02 {
	margin-bottom: 10px;
	color:#333;
	padding: 5px;
	text-indent:15px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #2797f6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	background-image: url(../../common/img/ttl_bg_blue.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-size:16px;
	font-weight:bold;
}

/*------------------------------------------------------------
	課題解決の一覧
------------------------------------------------------------*/
.kadaiList {
	width:920px;
	margin:10px auto;
}
.kadaiList li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	overflow:hidden;
	padding:10px 0px;
}
.kadaiList li .kkcoment {
	width:740px;
	float:left;
}
.kadaiList li .kkbtn {
	width:172px;
	float:right;
}
/*-- 課題アイコン --*/
.kadaiList li .kkcoment .kadai {
	background-image: url(../../common/img/icon_kasai.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
.kadaiList li .kkcoment .kadai01 {
	background-image: url(../../common/img/icon_kadai01.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
.kadaiList li .kkcoment .kadai02 {
	background-image: url(../../common/img/icon_kadai02.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
.kadaiList li .kkcoment .kadai03 {
	background-image: url(../../common/img/icon_kadai03.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
.kadaiList li .kkcoment .kadai04 {
	background-image: url(../../common/img/icon_kadai04.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
.kadaiList li .kkcoment .kadai05 {
	background-image: url(../../common/img/icon_kadai05.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
/*-- 解決アイコン --*/
.kadaiList li .kkcoment .kaiketu {
	background-image: url(../../common/img/icon_kaiketu.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	font-size: 17px;
	font-weight: bold;
	color: #333;
	padding-left: 48px;
}


/*********************************************************************************************
	課題解決詳細
**********************************************************************************************/

/*------------------------------------------------------------
	コンテンツレイアウト
------------------------------------------------------------*/
#contsinnr {
	width: 960px;
	margin:0px auto 15px;
}
#main {
	width:660px;
	float:left;
}
#side {
	width:280px;
	float:right;
}
/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/
#main .kkArea {
	width:598px;
	border: 1px solid #CCC;
	background-image: url(../img/bg_kkarea.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 30px;
	margin-bottom:20px;
}
#main .kkArea .kadai {
	background-image: url(../../common/img/icon_kasai.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	padding-left: 48px;
}
#main .kkArea .kaiketu {
	background-image: url(../../common/img/icon_kaiketu.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding-left: 48px;
}


/*------------------------------------------------------------
	サイドメニュー性能
------------------------------------------------------------*/
#side #smenus {
	width:280px;
	margin-bottom:20px;
	line-height:1.6;
}
#side #smenus li {
	background-color: #f5f4f4;
	margin-bottom: 1px;
}
#side #smenus li a {
	display:block;
	padding:8px 15px;
}
#side #smenus li.ttl {
	background-color:transparent;
	background-image: url(../img/dsttl_bg_sein.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	line-height:30px;
	width: 280px;
	font-weight: bold;
	color: #ff6600;
	text-indent: 30px;
}

/*-- リンク色 --*/
#side #smenus li a:link, #side #smenus li a:visited {
	color: #333333;
	text-decoration:none;
}
#side #smenus li a:hover, #side #smenus li a:active {
	color: #F90;
	text-decoration:none;
}

/*------------------------------------------------------------
	サイドメニュー運用
------------------------------------------------------------*/
#side #smenuu {
	width:280px;
	margin-bottom:20px;
	line-height:1.6;
}
#side #smenuu li {
	background-color: #f5f4f4;
	margin-bottom: 1px;
}
#side #smenuu li a {
	display:block;
	padding:8px 15px;
}
#side #smenuu li.ttl {
	background-color:transparent;
	background-image: url(../img/dsttl_bg_unyo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	line-height:30px;
	width: 280px;
	font-weight: bold;
	color: #208ce8;
	text-indent: 30px;
}

/*-- リンク色 --*/
#side #smenuu li a:link, #side #smenuu li a:visited {
	color: #333333;
	text-decoration:none;
}
#side #smenuu li a:hover, #side #smenuu li a:active {
	color: #208ce8;
	text-decoration:none;
}