@charset "utf-8";

#mcR {
	width: 569px;}

#totop {
	clear: both;}

h1 {
	text-indent:-9999px;
	height:73px;}

/* index
------------------------------------------------ */
.system#index #wrap #container #mc #mContent #mcR h1 {background:url(../img/system/h1-8system.gif) 0 0 no-repeat;}

.system#index #chart {
	position:relative;
	width:524px;
	margin:0 0 0 24px;}

#chart p {
	position:relative;
	float:left;
	width:262px;
	text-indent:-9999px;}

#chart p a {
	display:block;
	position:absolute;
	width:131px;
	height:28px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;}

#chart #no1 { height:202px; background:url(../img/system/system01.gif) 0 0 no-repeat;}
#chart #no2 { height:202px; background:url(../img/system/system02.gif) 0 0 no-repeat;}
#chart #no3 { float:right; height:216px; background:url(../img/system/system03.gif) 0 0 no-repeat;}
#chart #no4 { height:216px; background:url(../img/system/system04.gif) 0 0 no-repeat;}
#chart #no5 { float:right; height:233px; background:url(../img/system/system05.gif) 0 0 no-repeat;}
#chart #no6 { height:233px; background:url(../img/system/system06.gif) 0 0 no-repeat;}
#chart #no7 { float:right; height:259px; background:url(../img/system/system07.gif) 0 0 no-repeat;}
#chart #no8 { height:259px; background:url(../img/system/system08.gif) 0 0 no-repeat;}

#chart #no1 a { top:136px; left:48px; background-image:url(../img/system/bt-1.gif);}
#chart #no2 a { top:164px; left:62px; background-image:url(../img/system/bt-2.gif);}
#chart #no3 a { top:160px; left:68px; background-image:url(../img/system/bt-3.gif);}
#chart #no4 a { top:174px; left:57px; background-image:url(../img/system/bt-4.gif);}
#chart #no5 a { top:149px; left:81px; background-image:url(../img/system/bt-5.gif);}
#chart #no6 a { top:202px; left:54px; background-image:url(../img/system/bt-6.gif);}
#chart #no7 a { top:118px; left:43px; background-image:url(../img/system/bt-7.gif);}
#chart #no8 a { top:216px; left:55px; background-image:url(../img/system/bt-8.gif);}

#chart a:hover { background-position:-131px 0;}


/* 下層h1
------------------------------------------------ */
.system#select
#wrap #container #mc #mContent #mcR h1      {background: url(../img/system/h1_select.gif) no-repeat top;}
.system#trouble
#wrap #container #mc #mContent #mcR h1     {background: url(../img/system/h1_trouble.gif) no-repeat top;}
.system#comfortable
#wrap #container #mc #mContent #mcR h1 {background: url(../img/system/h1_comfortable.gif) no-repeat top;}
.system#twentyfour
#wrap #container #mc #mContent #mcR h1  {background: url(../img/system/h1-24hour.gif) no-repeat top;}
.system#incase
#wrap #container #mc #mContent #mcR h1      {background: url(../img/system/h1-incase.gif) no-repeat top;}
.system#moveout
#wrap #container #mc #mContent #mcR h1     {background: url(../img/system/h1-moveout.gif) no-repeat top;}
.system#lifeplan
#wrap #container #mc #mContent #mcR h1    {background: url(../img/system/h1_lifeplan.gif) no-repeat top;}
.system#near
#wrap #container #mc #mContent #mcR h1        {background: url(../img/system/h1_near.gif) no-repeat top;}

/* 下層h2
------------------------------------------------ */
.system h2 {
	margin: 0 auto;
	margin-bottom: 5px;
	background: url(../img/system/h2.gif) no-repeat;
	width: 528px;
	height: 100px;
	text-indent: -9999px;}

.system#trouble h2     {background-position: 0 -100px;}
.system#comfortable h2 {background-position: 0 -200px;}
.system#twentyfour h2  {background-position: 0 -300px;}
.system#incase h2      {background-position: 0 -400px;}
.system#moveout h2     {background-position: 0 -500px;}
.system#lifeplan h2    {background-position: 0 -600px;}
.system#near h2        {background-position: 0 -700px;}


/* 下層
------------------------------------------------ */
.system .sct {
	margin: 0 auto;
	width: 524px;}


/* 選びやすくて安心 select
------------------------------------------------ */
.system#select .sct#which {margin-bottom: 21px;}

.system#select .sct#which h3 {
	float: left;
	background: url(../img/system/select_h301.gif) no-repeat;
	width: 254px;
	height: 72px;
	text-indent: -9999px;}

.system#select .sct#which p {
	float: left;
	padding-left: 8px;
	width: 253px;}

.system#select .sct#example {
	margin: 0 0 11px 0;
	width: 546px;
	height: 307px;}

.system#select .sct#example h3{
	margin: 0 0 5px 22px;
	background: url(../img/system/select_h302.gif) no-repeat;
	height: 24px;
	text-indent: -9999px;}

.system#select .sct#example dl {
	float: left;
	width: 273px;
	text-indent: -9999px;}

.system#select .sct#example dl.dl01 {
	background: url(../img/system/select_dl01.gif) no-repeat;
	height: 142px;}

.system#select .sct#example dl.dl02 {
	background: url(../img/system/select_dl02.gif) no-repeat;
	height: 142px;}

.system#select .sct#example dl.dl03 {
	background: url(../img/system/select_dl03.gif) no-repeat;
	height: 141px;}

.system#select .sct#example p {
	float: left;
	background: url(../img/system/select_p01.gif) no-repeat;
	width: 273px;
	height: 141px;
	text-indent: -9999px;}

.system#select .sct#case01 {
	margin-left: 25px;
}
.system#select .sct#case01 img {
	position: relative;
	z-index: 999;
	margin: -29px 0 0 0;
	float: left;}
	
.system#select .sct#case01 > img {
	margin: -24px 0 0 0;}

.system#select .sct#case01 p {
	position: relative;
	z-index: 999;
	margin: -29px 0 0 0;
	float: right;
	background: url(../img/system/select_p02.png) no-repeat;
	width: 417px;
	height: 180px;
	text-indent: -9999px;
}

.system#select .sct#case01 > p {
	margin: -24px 0 0 0;}

.system#select .sct#case02 img {float: right;}
.system#select .sct#case02 p {
	background: url(../img/system/select_p03.png) no-repeat;
	width: 417px;
	height: 182px;
	text-indent: -9999px;
	margin-left: 3px;
}
	
.system#select .sct#info01 {
	float: left;
	padding-left: 22px;
	width: 262px;}
	
.system#select .sct#info01 h4 {
	background: url(../img/system/select_h401.gif) no-repeat;
	width: 262px;
	height: 175px;
	text-indent: -9999px;}

.system#select .sct#info01 p,
.system#select .sct#info02 p {
	font-size: 10px;}

.system#select .sct#info01 p {
	width: 210px;
	margin-left: 12px;
}

.system#select .sct#info02 {
	float: left;
	padding-left: 22px;
	width: 262px;}

.system#select .sct#info02 h4 {
	background: url(../img/system/select_h402.gif) no-repeat;
	width: 262px;
	height: 44px;
	margin-left: -11px;
	text-indent: -9999px;}

/* お悩み事も安心 trouble
------------------------------------------------ */
.system#trouble .sct h3 {
	clear: both;
	background: url(../img/system/h3_trouble.gif) no-repeat;
	text-indent: -9999px;
	height: 68px;
	font-size: 1px;}

.system#trouble .sct#guarantor h3  {height: 20px;}
.system#trouble .sct#foreigner h3  {background-position: 0 -20px;}
.system#trouble .sct#senior h3     {background-position: 0 -90px;}
.system#trouble .sct#friends h3    {background-position: 0 -161px;}

.system#trouble .sct#guarantor {margin-bottom: 15px;}
.system#trouble .sct#foreigner {margin-bottom: 12px;}

.system#trouble .sct#foreigner p {
	float: left;
	padding: 0 35px 0 0;
	width: 304px;}

.system#trouble .sct#foreigner #sticker {
	float:left;
	width: 185px;}

.system#trouble .sct#foreigner #sticker p {
	width: 90px;
	padding: 0;
	float: right;
	font-size: 10px;}

.system#trouble .sct#certificate {
	position: relative;
	margin-bottom: 11px;
	padding: 14px 0 0 0;
	background: #ffe2bf url(../img/system/trouble_kakumaru01.gif) no-repeat top;
	width: 524px;}

.system#trouble .sct#certificate ul {
	margin-left: 162px;
	list-style-type: none;
	font-weight: bold;}

.system#trouble .sct#certificate img {
	position: absolute;
	top: 14px;
	left: 14px;}

.system#trouble .sct#certificate p {
	margin: 0 18px 0 162px;}

.system#trouble .sct#certificate .btm {
	clear: both;
	background: url(../img/system/trouble_kakumaru02.gif) no-repeat bottom;
	width: 524px;
	height: 10px;}

.system#trouble ul#btn {
	padding: 0 0 40px 22px;}

.system#trouble ul#btn li {
	float: left;
	margin-right:6px;
	list-style: none;}

#btn li a {
	display: block;
	height: 28px;}

#btn li#btn01 a {width: 130px;background: url(../img/system/btn_shop_on.gif) no-repeat top;}
#btn li#btn02 a {width: 196px;background: url(../img/system/btn_international_on.gif) no-repeat top;}
#btn li#btn03 a {width: 190px;background: url(../img/system/btn_policy_on.gif) no-repeat top;}

#btn li a:hover {
	text-indent: -9999px;
	background-color: transparent;} 

.system#trouble .sct#senior {
	width: 526px;}

.system#trouble .sct#senior p {
	margin: 5px 0 20px 10px;
	width: 430px;}

.system#trouble .sct#senior img {
	float: left;}

.system#trouble .sct#senior h4 {
	float: right;
	background: url(../img/system/trouble_h401.gif) no-repeat;
	width: 372px;
	height: 58px;
	text-indent: -9999px;}

.system#trouble .sct#senior ul {
	float: right;
	margin-bottom: 7px;
	background: url(../img/system/trouble_p01.gif) no-repeat;
	width: 372px;
	height: 97px;
	text-indent: -9999px;
	list-style: none;}

.system#trouble .sct#senior02 {
	clear: both;
	margin-bottom: 25px;
	padding: 14px 0 0 0;
	background: #e5fad0 url(../img/system/trouble_kakumaru03.gif) no-repeat top;}

.system#trouble .sct#senior02 ul {
	margin: 0 0 0 15px;
	width: 500px;
	list-style: none;}

#senior02 a {
	margin: 10px 0 0  15px;
	display: block;
	background: url(../img/system/btn_senior_on.gif) no-repeat;
	width: 198px;
	height: 28px;}

#senior02 a:hover {
	text-indent: -9999px;
	background-color: transparent;}

.system#trouble .sct#senior02 .btm {
	background: url(../img/system/trouble_kakumaru04.gif) no-repeat bottom;
	width: 524px;
	height: 12px;}

.system#trouble .sct#friends p {
	margin-top: 13px;
	padding: 15px 0 7px 16px;
	background: #d6f6ff url(../img/system/trouble_kakumaru05.gif) no-repeat top;}

.system#trouble .sct#friends .btm {
	background: url(../img/system/trouble_kakumaru06.gif) no-repeat top;
	width: 524px;
	height: 8px;}

/* 快適サポートで安心 24時間対応　h3
------------------------------------------------ */
.system#comfortable h3, .system#twentyfour h3 {
	background: url(../img/system/h3-comfortable-24hour.gif) no-repeat;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;}

.system#comfortable #electric h3    {background-position: 0 -20px;}
.system#comfortable #clean h3       {background-position: 0 -40px;}
.system#comfortable #move h3        {background-position: 0 -60px;}
.system#comfortable #auto h3        {background-position: 0 -80px;}
.system#twentyfour #kanri h3        {background-position: 0 -100px;}
.system#twentyfour #trouble h3      {background: url(../img/system/twentyfour_h3.gif) no-repeat;width: 524px;height: 50px;}
.system#twentyfour #mente h3        {background-position: 0 -160px;}
.system#twentyfour #beautiful h3    {background-position: 0 -180px;}

/* 快適サポートで安心 comfortable
------------------------------------------------ */
.system#comfortable .sct {
	position: relative;
	clear: both;
	margin-bottom: 30px;
	font-size: 12px;}

.system#comfortable .sct#waterSystem {
	margin-bottom: 60px;}

.system#comfortable .sct#electric {
	margin-bottom: 60px;}

.system#comfortable .sct img   {
	position: absolute;
	margin: 5px 8px 0 0;}

.system#comfortable .sct p     {margin: 23px 0 0 212px;}

.system#comfortable .sct#electric img,
.system#comfortable .sct#move img {margin: 25px 0 0 0;}

.system#comfortable .sct#electric a img,
.system#comfortable .sct#move a img {
	margin: 0;
	float: none;}

.system#comfortable .sct a {
	clear: both;
	margin-left: 212px;
	display: block;
	height: 28px;}

.system#comfortable .sct a img {margin: 0;}

.system#comfortable .sct#waterSystem a {
	background: url(../img/system/btn_rent_on.gif) no-repeat top;
	width: 269px;}

.system#comfortable .sct#clean a {
	background: url(../img/system/btn_details_on.gif) no-repeat top;
	width: 119px;}

.system#comfortable .sct#move a {
	background: url(../img/system/btn_move_on.gif) no-repeat top;
	width: 155px;}

.system#comfortable .sct#waterSystem a:hover,
.system#comfortable .sct#clean a:hover,
.system#comfortable .sct#move a:hover {
	text-indent: -9999px;
	background-color: transparent;}
.system#comfortable .sct#auto p     {margin: 23px 0 0 10px;}

/* 24時間対応で安心 twentyfour
------------------------------------------------ */
.system#twentyfour .sct img {
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0 8px 0 0;}

.system#twentyfour .sct {
	position: relative;
	clear: both;
	margin-bottom: 30px;
	font-size: 12px;}

.system#twentyfour .sct h4      {margin: 23px 0 0 212px;}
.system#twentyfour .sct p       {margin: 23px 0 0 212px;}
.system#twentyfour .sct#kanri p {margin: 0 0 0 212px;}

.system#twentyfour .sct#trouble {background: url(../img/system/twentyfour_kakumarubg.gif) repeat-y left;}
.system#twentyfour .sct#trouble .btm {
	clear: both;
	margin-top: 25px;
	background: url(../img/system/twentyfour_kakumaru01.gif) no-repeat;
	width: 524px;
	height: 12px;}

.system#twentyfour .sct#trouble img {
	top: 52px;
	left: 15px;}

.system#twentyfour .sct#trouble p {
	margin: 23px 0 0 160px;
	width: 350px;}

.system#twentyfour .sct#trouble p img {
	position: static;
	margin-right: 10px;}

.system#twentyfour .sct#mente {margin-bottom: 60px;}


/* 万が一でも安心 incase
------------------------------------------------ */
.system#incase h3 {
	margin: 0 auto;
	margin-bottom: 8px;
	background: url(../img/system/h3-incase.gif) no-repeat;
	width: 524px;
	height: 20px;
	text-indent: -9999px;
	font-size:1px;}

.system#incase h3.t2 {background-position: 0 -20px;}
.system#incase h3.t3 {background-position: 0 -40px;}


.system#incase .sct ul {
	list-style: none;
	width: 493px;
	margin-left: 15px;}

.system#incase .sct ol {
	margin-left: 15px;
	padding-left: 2em;
	width: 453px;
	list-style-type: decimal;}

.system#incase .sct >/**/ ol {margin-left: 10px;}

.system#incase .sct p {
	margin-left: 15px;
	width: 493px;}

.system#incase .sct#trouble {
	margin-bottom: 35px;}

.system#incase .sct#trouble h3 {
	float: left;
	background: url(../img/system/incase_h301.gif) no-repeat;
	width: 200px;
	height: 66px;
	text-indent: -9999px;}

.system#incase .sct#trouble p#cover {
	float: left;
	margin: 0;
	background: url(../img/system/incase_p01.gif) no-repeat;
	width: 324px;
	height: 66px;
	text-indent: -9999px;}

.system#incase .sct#trouble p.read {
	clear:both;*
	float:none;
	margin:0 0 0 2px;
	width:527px;
	height:auto;
	background:none;
	text-indent:0px;}

.system#incase .sct#trouble p#number{
	float:left;
	width:318px;
	text-align:right;
	margin-top:7px;
	color:#666666;
	background:none;
	font-size:10px;}

.system#incase .sct#trouble p.btn {
	float:right;
	width:176px;
	height:29px;
	margin-top:3px;
	background:none;
	text-indent:0px;}

.system#incase .sct#trouble p.btn a {
	display:block;
	width:176px;
	height:29px;
	background:url(../img/system/bt-incase.gif) 0 0 no-repeat;
	text-indent:-9999px;}

.system#incase .sct#trouble p.btn a:hover { background-position:0 -29px;}

.system#incase .sct#mame h3 {
	margin-bottom: 13px;
	background: url(../img/system/incase_h302.gif) no-repeat;
	width: 524px;
	height: 24px;
	text-indent: -9999px;}

.system#incase .sct h4 {
	width: 493px;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #e7368e;
	font-weight: bold;
	font-size: 12px;}

.system#incase .sct#step, .system#incase .sct#step02 {
	margin-bottom: 15px;
	padding: 11px 0 0 0;
	background: #d9f3ff url(../img/system/incase_kakumaru01.gif) no-repeat top;}

.system#incase .sct#step .btm, .system#incase .sct#step02 .btm {
	background: url(../img/system/incase_kakumaru02.gif) no-repeat bottom;
	height: 9px;}

.system#incase .sct#if, .system#incase .sct#check, .system#incase .sct#chart {
	margin-bottom: 15px;
	padding: 11px 0 0 0;
	background: #fff3d9 url(../img/system/incase_kakumaru03.gif) no-repeat top;}

.system#incase .sct#if .btm, .system#incase .sct#check .btm, .system#incase .sct#chart .btm {
	background: url(../img/system/incase_kakumaru04.gif) no-repeat bottom;
	height: 8px;}

.system#incase .sct#if h4 {color: #ff0000;}

.system#incase #mcR img {margin: 0 0 10px 54px;}

.system#incase #mcR * img {margin: 0;}

.system#incase #mcR .sct#chart a {
	margin: 0 0 10px 16px;
	clear: both;
	display: block;
	background: url(../img/system/btn_eigyo_on.gif) no-repeat 0 0;
	width: 130px;
	height: 28px;}

.system#incase #mcR .sct#chart a:hover {
	text-indent: -9999px;
	background-color: transparent;}

.system .totop {height:30px;}

.system .totop {width: 570px;}

.system .totop a {
	position:relative;
	top:5px;
	left:530px;
	display:block;
	width:30px;
	height:11px;
	background:url(../img/c/up.gif) 0 0 no-repeat;
	text-indent:-9999px;
	font-size:1px;
	line-height:11px;}
	
/* 退室時もあんしん　moveout
------------------------------------------------ */
.system#moveout .sct#anshin h3 {
	float: left;
	margin: 0 8px 0 0;
	background: url(../img/system/moveout_h3.gif) no-repeat;
	width: 185px;
	height: 67px;
	text-indent: -9999px;}

.system#moveout .sct h3 {
	background: url(../img/system/h3_moveout.gif) no-repeat;
	margin: 20px 0 13px 0;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;}

.system#moveout .sct#tachiai h3 {background-position: 0 -20px;}
.system#moveout .sct#tesuryo h3 {background-position: 0 -40px;}

.system#moveout .sct#check ol {
	background: url(../img/system/moveout_img01.jpg) no-repeat;
	height: 211px;
	text-indent: -9999px;
	list-style: none;}

.system#moveout .sct#check ul {
	list-style: none;}

.system#moveout .sct#tachiai p strong {
	display: block;
	margin: 0 0 10px 0;
	background: url(../img/system/moveout_strong.gif) no-repeat;
	height: 78px;
	text-indent: -9999px;
	font-size: 1px;
	border: none;}
	
.system#moveout .sct#tesuryo {
	position: relative;
	border: 1px solid #fff;}

.system#moveout .sct#tesuryo img {
	position: absolute;
	top: 43px;
	left: 0;}

.system#moveout .sct#tesuryo p {
	margin-left: 147px;}

.system#moveout .sct#tesuryo a img {
	position: static;
	top: auto;
	left: auto;}

.system#moveout .sct#tesuryo a {
	display: block;
	background: url(../img/system/btn-detail-on.gif) no-repeat;
	width: 148px;
	height: 28px;}

.system#moveout .sct#tesuryo a:hover {
	background-color: transparent;
	text-indent: -9999px;}

/* 生涯設計もまかせて安心　lifeplan
------------------------------------------------ */

.system#lifeplan h3 {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 524px;
	text-indent: -9999px;}

.system#lifeplan h3.t1 {
	background: url(../img/system/lifeplan_h301.gif) no-repeat;
	height: 20px;}

.system#lifeplan h3.t2 {
	background: url(../img/system/lifeplan_h302.gif) no-repeat;
	height: 73px;}

.system#lifeplan #mcR p {
	margin: 0 auto;
	margin-bottom: 15px;
	background: url(../img/system/lifeplan_p01.gif) no-repeat;
	width: 453px;
	height: 139px;
	text-indent: -9999px;}

.system#lifeplan #mcR ul {
	position:relative;
	margin: 0 auto;
	background: url(../img/system/lifeplan_ul.gif) no-repeat;
	width: 543px;
	height: 546px;
	text-indent: -9999px;
	list-style: none;}

.system#lifeplan #mcR ul li.btnshop {
	position:absolute;
	top:302px;
	left:218px;}

.system#lifeplan #mcR ul li.btnshop a {
	display:block;
	width:116px;
	height:22px;
	background:url(../img/system/btn-lifeplan.gif) 0 0 no-repeat;}

.system#lifeplan #mcR ul li.btnshop a:hover {background-position: 0 -22px;}


/* 生涯設計もまかせて安心　lifeplan
------------------------------------------------ */
.system#near h3 {position: absolute;left: -9999px;}

.system#near .sct {margin-bottom: 15px;}

.system#near .sct p {margin-left: 170px;}

.system#near #mcR img {
	margin: 0 0 16px 42px;}

.system#near .sct ul {
	list-style: none;
	margin: 20px 0 0 170px;}

.system#near .sct#lead p {margin: 0 0 30px 0;}

.system#near .sct#speedy {
	padding: 40px 0 0 0;
	background: url(../img/system/near_h301.gif) no-repeat top left;}

.system#near .sct#heart {
	padding: 40px 0 0 0;
	background: url(../img/system/near_h302.gif) no-repeat top left;}