/* NetReal! : 総合トップ　サービス概要 */





/* キャッチコピー */
#wrapper #main #contents div.catch {
	width:592px;
}
/* ページ上部メニューボタン */
#wrapper #main #contents div.menu {
	width:592px;
	height:70px;
}
/* ボタン全体 */
#wrapper #main #contents div.menu {
	width:592px;
	margin: 15px 0px 0px 1px;
}
/* コンセプト */
#wrapper #main #contents div.menu div.menu-01 {
	width:145px;
	height:70px;
	background:url(../images/service_menu_01.gif) no-repeat 0 0px;
	margin:0 3px 10px 0px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-01 a {
	display:block;
	width:145px;
	height:70px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-01 a:hover {
	background:url(../images/service_menu_01.gif) no-repeat 0 -70px;
}
/* サービス一覧 */
#wrapper #main #contents div.menu div.menu-02 {
	width:145px;
	height:70px;
	background:url(../images/service_menu_02.gif) top no-repeat;
	margin:0 3px 10px 0px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-02 a {
	display:block;
	width:145px;
	height:70px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-02 a:hover {
	background:url(../images/service_menu_02.gif) no-repeat 0 -70px;
}
/* ポリシー */
#wrapper #main #contents div.menu div.menu-03 {
	width:145px;
	height:70px;
	background:url(../images/service_menu_03.gif) top no-repeat;
	margin:0 3px 10px 0px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-03 a {
	display:block;
	width:145px;
	height:70px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-03 a:hover {
	background:url(../images/service_menu_03.gif) no-repeat 0 -70px;
}
/* 特徴 */
#wrapper #main #contents div.menu div.menu-04 {
	width:145px;
	height:70px;
	background:url(../images/service_menu_04.gif) top no-repeat;
	margin:0 3px 10px 0px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-04 a {
	display:block;
	width:145px;
	height:70px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.menu div.menu-04 a:hover {
	background:url(../images/service_menu_04.gif) no-repeat 0 -70px;
}

/* ボックス */
#wrapper #main #contents div.box-mother {
	width:592px;
}

/* ボックス左 */
#wrapper #main #contents div.box-mother div.left-box {
	width:266px;
	float:left;
	border: solid 2px #20449F;
	background-color:#DCE4F8;
}
/* タイトル左 */
#wrapper #main #contents div.box-mother div.left-box div.title-left {
	width:266px;
}
/* テキスト左 */
#wrapper #main #contents div.box-mother div.left-box p {
    width:246px;
	line-height:18px;
	padding:10px 10px 10px 10px;
}
/* 詳細ボタン */
#wrapper #main #contents div.box-mother div.left-box div.details {
	width:110px;
	height:22px;
	background:url(../images/service_button_01.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
	display:inline;
	margin:10px 5px 10px 0;
}
#wrapper #main #contents div.box-mother div.left-box div.details a {
	display:block;
	width:110px;
	height:22px;
}
#wrapper #main #contents div.box-mother div.left-box a:hover {
	background:url(../images/service_button_01.gif) no-repeat 0 -22px;
}


/* ボックス右 */
#wrapper #main #contents div.box-mother div.right-box {
	width:266px;
	float:left;
	border: solid 2px #20449F;
	background-color:#DCE4F8;
}
/* タイトル右 */
#wrapper #main #contents div.box-mother div.right-box div.title-right {
	width:266px;
}
/* テキスト右 */
#wrapper #main #contents div.box-mother div.right-box p {
    width:246px;
	line-height:18px;
	padding:10px 10px 10px 10px;
}
/* 詳細ボタン */
#wrapper #main #contents div.box-mother div.right-box div.details {
	width:110px;
	height:22px;
	background:url(../images/service_button_01.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
	display:inline;
	margin:10px 5px 10px 0;
}
#wrapper #main #contents div.box-mother div.right-box div.details a {
	display:block;
	width:110px;
	height:22px;
}
#wrapper #main #contents div.box-mother div.right-box a:hover {
	background:url(../images/service_button_01.gif) no-repeat 0 -22px;
}

/* ボックス中央 */
#wrapper #main #contents div.box-mother div.img-box {
	width:51px;
	height:174px;
	float:left;
}


/* 矢印 */
#wrapper #main #contents div.arrow {
	width:176px;
	height:43px;
	margin:0px 0px 0px 208px;
}


/* テキスト */
#wrapper #main #contents div.words {
	width:592px;
	line-height:18px;
	padding:10px 0 0 5px;
}

/* 各特徴 */
#wrapper #main #contents div.characteristic {
	width:592px;
}
/* 特徴内 */
#wrapper #main #contents div.characteristic div.characteristic-left {
	width:206px;
	text-align:center;
	margin-top:10px;
	float:left;
	display:inline;
}
#wrapper #main #contents div.characteristic div.characteristic-right {
	width:380px;
	float:right;
	padding:10px 0 0 0;
	display:inline;
}
/* 文字 */
#wrapper #main #contents div.characteristic div.step-right p {
	line-height:18px;
	padding:15px 0 0 0;
}
/* 詳細ボタン */
#wrapper #main #contents div.characteristic div.button-01 {
	width:110px;
	height:22px;
	background:url(../images/service_button_02.gif) no-repeat;
	float:right;
	text-indent:-9999px;
	display:inline;
}
#wrapper #main #contents div.characteristic div.button-01 a {
	display:block;
	width:110px;
	height:22px;
}
#wrapper #main #contents div.characteristic div.button-01 a:hover {
	background:url(../images/service_button_02.gif) no-repeat 0 -22px;
}


/* ライン */
#wrapper #main #contents div.line {
	width:592px;
}