/*   目的運用から探す_詳細ページ   */
/*ベースサイズ指定*/
#sol_index{
	clear: both;
	width: 100%;
	margin: auto;
}

#sol_index a {
	color: #00008A;
	text-decoration: underline;
}


#sol_index a:hover {
	color: #00008A;
	text-decoration: underline;
}

/*グラフ関連*/
#sol_index .graph{
	clear: both;
	width: 490px;
	margin-left: 9px;
	margin-bottom: 20px;
	background-image: url(../image/Back.gif);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#sol_index .graph:after {
	content: "";
	display: block;
	clear: both;
}

#sol_index .graph .g_title {
	width: 490px;
	margin-top: 0px;
	margin-bottom: 3px;
}

#sol_index .graph .exp {
	float: left;
	width: 210px;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 0px;
}

#sol_index .graph .exp ul {
	margin-top: 0px;
	margin-bottom: 10px;
}
#sol_index .graph .exp li {
	list-style-type: none;
	line-height: 170%;
	font-size: 80%;
	font-weight: bold;
}
#sol_index .graph .exp p {
	font-size: 70%;
	text-align: right;
}
#sol_index .graph .image{
	float: left;
	width: 280px;
	vertical-align: text-top;
}
#sol_index .graph .image img{
	vertical-align: middle;
	padding-top: 0px;
	background-position: center;
}

/*Index関連*/
#sol_index .index {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

#sol_index .index .concept {
	width: 515px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#sol_index .index .concept .exp{
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;	
}

#sol_index .index .concept .exp p {
	width: 452px;
	line-height: 140%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-size: 80%;
	letter-spacing: 1px;
}

#sol_index .index .concept .exp p.read_next {
	line-height: 110%;
	margin-top: 8px;
	color: #FF0000;
	text-align: right;
	letter-spacing: 1px;
}

#sol_index .index ul {
	line-height: 25px;
	margin-top: 8px;
	margin-bottom: 0px;
}

#sol_index .index li {
	line-height: 180%;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 80%;
	letter-spacing: 1px;
	list-style-image: url(../../common/image/lnk_arw.gif);
}

#sol_index .indextop{
	float: right;
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.clear_sp{
	clear: both;
	width: 100%;		
	height: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	font-size: 0px;	
}



/***  目的運用から探す_Indexページ_カテゴリ別色指定  ***/
#sol_index .index .leakout .concept {
	clear: both;
	border-right-color: #4687C2;
	border-bottom-color: #4687C2;
	border-left-color: #4687C2;
}

#sol_index .index .security .concept {
	clear: both;
	border-right-color: #A2CB7F;
	border-bottom-color: #A2CB7F;
	border-left-color: #A2CB7F;
}


#sol_index .index .asset .concept {
	clear: both;
	border-right-color: #F09947;
	border-bottom-color: #F09947;
	border-left-color: #F09947;
}


#sol_index .index .trace .concept {
	clear: both;
	border-right-color: #ED5744;
	border-bottom-color: #ED5744;
	border-left-color: #ED5744;
}

#sol_index .index .pmark .concept {
	clear: both;
	border-right-color: #B17AB0;
	border-bottom-color: #B17AB0;
	border-left-color: #B17AB0;
}





/*   目的運用から探す_詳細ページ   */
/*ベースサイズ指定*/
#sol_del{
	width: 517px;
	margin: auto;
}

#sol_del p {
	margin-top: 15px;
	margin-bottom: 10px;
}

/*インデックス関連*/
#sol_del .index {
	width: 517px;
	padding-top: 0px;
	padding-bottom: 10px;
}

#sol_del .index .concept_box{
	line-height: 140%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	font-size: 80%;
}

#sol_del .index .concept_box ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sol_del .index .concept_box ul li {
	line-height: 160%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	letter-spacing: 0.1em;
	list-style-image: url(../../common/image/lnk_arw.gif);
}

#sol_del .index .concept_box ul li p {
	line-height: 120%;
	margin-top: 5px;
}

#sol_del .index .concept_box p.top10 {
	margin-top: 10px;
}

/*運用ポイント関連*/
#sol_del .point{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 80%;
}

#sol_del .point p {
	width: 452px;
	line-height: 140%;
}

/*事例紹介関連*/
#sol_del .cases{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#sol_del .cases ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#sol_del .cases li {
	line-height: 170%;
	margin-left: 0px;
	padding-left: 0px;
	font-size: small;
}

#sol_del .cases a {
	color:#0000FF;
	text-decoration: underline;
}

#sol_del .cases a:hover {
	color:#0000FF;
	text-decoration: none;
}

/*詳細説明関連*/
#sol_del .cont {
	clear: both;
	width: 517px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#sol_del .cont .cont_box {
	float: none;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 80%;
}

#sol_del .cont .cont_box:after {
	content: "";
	display: block;
	clear: both;
}

#sol_del .cont .cont_box .image {
	clear: both;
	vertical-align: text-bottom;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
	padding-right: 0px;
	text-align: left;
}

#sol_del .cont .cont_box .image img {
	clear: both;
	float: left;
	width: 130px;
	margin-bottom: 0px;
	text-align: left;
}

#sol_del .cont .cont_box .image a img{
	border: 1px solid #E4E4E4;
}

#sol_del .cont .cont_box .image p{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	text-align: left;	
}

#sol_del .cont .cont_box .exp {
	width: 460px;
	clear: both;
	line-height: 140%;
	vertical-align: bottom;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 14px;
	padding-top: 0px;
	padding-right: 16px;
	padding-left: 0px;
}

#sol_del .cont .cont_box .exp p {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000000;
	text-indent: 0px;
	letter-spacing: 1px;
}

#sol_del .cont .cont_box .exp ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#sol_del .cont .cont_box .exp ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sol_del .cont .ctl_lnk {
	clear: both;
	line-height: 160%;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 14px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 75%;
}

#sol_del .cont .ctl_lnk a{
	color:#0000FF;
	text-decoration: underline;
}

#sol_del .cont .ctl_lnk a:hover{
	color:#0000FF;
	text-decoration: none;
}

#sol_del .cont .ctl_lnk img {
	vertical-align: top;
	padding-bottom: 2px;
}


/***  目的運用から探す_詳細ページ_カテゴリ別色指定  ***/



/***　フォント関連　***/
.f_msmall {
	font-size: 85%;
}

.f_small {
	font-size: 80%;
}

.f_red {
	color: #FF0000;
}

.f_gray {
	color: #666666;
}

.f_blue {
	color: #000099;
}

.f_orange{
	color: #e76f00;
}

.f_bold {
	font-weight: bold;
}