/* ------------------------------------------
適用先：solution/index.html

最終更新日：06年10月5日

★ソリューションページの設定
	○各ブロック毎の設定
		・タイトル
		・トピック
		・リンクボックス
			・タイトル部
			・タイトル帯内リンクボタン
			・本文エリア　角丸ボトム付ボックス
			・本文エリア　横ライン付ボックス
			・本文エリア　リスト
			・本文エリア　サービスのご案内
			・本文エリア　セミナー講習会のご案内
			
------------------------------------------ */


/* ------------------------------------------
各ブロック毎の設定
------------------------------------------ */

/* ------------------------------------------
タイトル */
#title	{
	position:relative;
	width:595px;
	height:155px;
	background-image:url(../images/solution_title_bg.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
	background-color:#FAFAFA;
	margin-bottom:5px;
	}
#title #titleTit	{
	position:absolute;
	top:0px;
	left:0px;
	}
#title #titleTit2	{
	position:absolute;
	top:30px;
	left:239px;
	}
#title #titleText	{
	position:absolute;
	top:62px;
	left:239px;
	}

/* ------------------------------------------
トピック */
#topic	{
	padding:5px;
	background-color:#ECF5F2;
	margin-bottom:10px;
	}
#topic br{
	clear:none;
	}
#topic h2	{
	float:left;
	}
#topic ul	{
	margin-left:75px;
	width:500px;
	margin-top:5px;
	padding-bottom:7px;
	}
#topic ul li	{
	list-style-type:none;
	padding-left:15px;
	background-image:url(../images/g_icon_cercle_greenBGgreen.gif);
	background-position:0% 4px;
	background-repeat:no-repeat;
	}

/* ------------------------------------------
リンクボックス */
#linkBox	{
	clear:both;
	}
/* タイトル部 */
#linkBox h2.linkBoxTitle	{
	position:relative;
	width:595px;
	height:34px;
	background-image:url(../images/solution_linkBox_tit_bg.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;
	}
/* タイトル帯内リンクボタン */
#linkBox h2.linkBoxTitle img	{
	vertical-align:-6px;
	}
#linkBox h2.linkBoxTitle a#experienceBut	{
	display:block;
	position:absolute;
	width:98px;
	height:19px;
	top:11px;
	right:15px;
/*	background-image:url(../images/solution_linkBox_but_exper.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;*/
	}
/*#linkBox h2.linkBoxTitle a#experienceBut:hover	{
	background-image:url(../images/solution_linkBox_but_exper_on.gif);
	}*/
#linkBox h2.linkBoxTitle a#caseBut	{
	display:block;
	position:absolute;
	width:142px;
	height:19px;
	top:11px;
	right:15px;
/*	background-image:url(../images/solution_linkBox_but_case.gif);
	background-position:0% 0%;
	background-repeat:no-repeat;*/
	}
/*#linkBox h2.linkBoxTitle a#caseBut:hover	{
	background-image:url(../images/solution_linkBox_but_case_on.gif);
	}
#linkBox h2.linkBoxTitle a img{
	visibility:hidden;
	}*/
/* 本文エリア　角丸ボトム付ボックス */
#linkBox div.links	{
	padding-bottom:7px;
	margin-bottom:10px;
	background-image:url(../images/solution_linkBox_bottom.jpg);
	background-position:0% 100%;
	background-repeat:no-repeat;
	background-color:#F6F6F6;
	}
/* 本文エリア　横ライン付ボックス */
#linkBox div.links ul.cercle, #linkBox div.links div{
	width:579px;
	padding:7px;
	border-left:1px solid #CACACA;
	border-right:1px solid #CACACA;
	}
/* 本文エリア　リスト */
#linkBox div.links ul li	{
	list-style-type:none;
	}
#linkBox div.links ul.cercle li	{
	padding: 3px 0px 4px 35px;
	background-image:url(../images/g_icon_circle_blueBGgray.gif);
	background-position:20px 6px;
	background-repeat:no-repeat;
	}
/* 本文エリア　サービスのご案内 */
#searviceLink div	{
	position:relative;
	}
#linkBox div.links ul.sarrow	{
/*	width:250px;*/
/*	margin:10px 0px 10px 20px;*/
	margin-top:10px;
	}
#linkBox div.links ul.sarrow li a	{
	display:block;
	width:250px;
	height:20px;
	background-position:0% 0%;
	background-repeat:no-repeat;
	margin:2px 0px 2px 20px;
	}
#linkBox div.links ul#sculum1	{
	float:left;
	}
#linkBox div.links ul#sculum2	{
	float:right;
	}
/*
#linkBox div#searviceLink ul li a#mGyo	{
	background-image:url(../images/solution_service_mGyo.gif);
	}
#linkBox div#searviceLink ul li a#mGyo:hover	{
	background-image:url(../images/solution_service_mGyo_on.gif);
	}
#linkBox div#searviceLink ul li a#mSap{
	background-image:url(../images/solution_service_mSap.gif);
	}
#linkBox div#searviceLink ul li a#mSap:hover	{
	background-image:url(../images/solution_service_mSap_on.gif);
	}
#linkBox div#searviceLink ul li a#mAdo	{
	background-image:url(../images/solution_service_mAdo.gif);
	}
#linkBox div#searviceLink ul li a#mAdo:hover	{
	background-image:url(../images/solution_service_mAdo_on.gif);
	}
#linkBox div#searviceLink ul li a#mBtsu	{
	background-image:url(../images/solution_service_mBtsu.gif);
	}
#linkBox div#searviceLink ul li a#mBtsu:hover	{
	background-image:url(../images/solution_service_mBtsu_on.gif);
	}
#linkBox div#searviceLink ul li a#mKonyu	{
	background-image:url(../images/solution_service_mKonyu.gif);
	}
#linkBox div#searviceLink ul li a#mKonyu:hover	{
	background-image:url(../images/solution_service_mKonyu_on.gif);
	}
#linkBox div#searviceLink ul li a#mBai	{
	background-image:url(../images/solution_service_mBa.gif);
	}
#linkBox div#searviceLink ul li a#mBai:hover	{
	background-image:url(../images/solution_service_mBa_on.gif);
	}
#linkBox div#searviceLink ul li a#mhyo	{
	background-image:url(../images/solution_service_mhyo.gif);
	}
#linkBox div#searviceLink ul li a#mhyo:hover	{
	background-image:url(../images/solution_service_mhyo_on.gif);
	}
#linkBox div#searviceLink ul li a#mKatsu	{
	background-image:url(../images/solution_service_mKatsu.gif);
	}
#linkBox div#searviceLink ul li a#mKatsu:hover	{
	background-image:url(../images/solution_service_mKatsu_on.gif);
	}
#linkBox div.links ul.arrow li a img	{
	display:none;
	}
#linkBox div.links ul#culum2	{
	position:absolute;
	left:320px;
	top:0px;
	}*/

/* 本文エリア　セミナー講習会のご案内 */
#linkBox div.links div p	{
	padding:5px 20px;
	}

/* サービスのご案内部分 */
.svlink a {
	background:url(/biz/solution/images/svarrow01.gif) no-repeat top left;
	padding-left:20px;
	margin-left:20px;
	margin-right:20px;
}

.svlink a:hover {
	background:url(/biz/solution/images/svarrow01_on.gif) no-repeat top left;

}