@charset "UTF-8";

/* ---------------
 main visual
--------------- */
.main01{background:url(../img/index/main.png) no-repeat; height:340px; position:relative;}
.main02{text-indent: -99999px;}
.main03{background:url(../img/index/mainTop_bg.png) repeat-x;}
	
/* ---------------
 topGnavi
--------------- */
.topGnavi01{background:url(../img/index/gnaviTop_bg.png) repeat-x;}
.topGnavi02 li{float:left;}


/* ---------------
 パートナー
--------------- */
#partner{padding-bottom:40px;}

#partner .x01 p{font-size:16px; padding:0 20px 20px 20px;}
#partner .x02{background:#eee; width:960px;}
#partner .x03{background:#eee; float:left; width:470px; height:275px;}
#partner .x03 ul{padding: 20px 20px 0 20px; line-height:2;}
#partner .x03 ul li{line-height:2; font-weight: bold;}

#partner .x04{background:#eee; float:right; width:470px; height:275px;}
#partner .x04 ul{padding: 20px 20px 0 20px; line-height:2;}
#partner .x04 ul li{line-height:2; font-weight: bold;}

#partner .x05{background:#eee; float:left; width:470px; height:235px;}
#partner .x05 ul{padding: 20px 20px 0 20px; line-height:2;}
#partner .x05 ul li{line-height:2; font-weight: bold;}

#partner .x06{background:#eee; float:right; width:470px; height:235px;}
#partner .x06 ul{padding: 20px 20px 0 20px; line-height:2;}
#partner .x06 ul li{line-height:2; font-weight: bold;}

#partner .a01{background:#fcfcfc; padding:10px 10px 20px 10px;}
#partner .a02{float:left; width:210px;}

#partner .b01{background:#fcfcfc; padding:10px 10px 20px 10px;}
#partner .b02{float:right; width:210px;}

#partner .c01{background:#fcfcfc; padding:10px 10px 20px 10px;}
#partner .y01{text-align:right; padding-top:20px;}

#partner .attention{width:960px; margin-left: auto; margin-right: auto; font-size: 12px; color: #666;}
#partner .attention  dl{margin-top: 10px;}
#partner .attention  dl dt{font-weight: bold;}

#partner .ev{
	background: url(../img/index/bpb.png) no-repeat 0 0;
	width: 960px;
	height: 400px;
}

#partner .ev dl{
	padding: 150px 0 0 40px;
	line-height: 2;
}

#partner .ev dl dt a{
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

#partner .ev dl dd{
	margin-bottom: 20px;
	font-size: 14px;
	color: #fff;
}

/* ---------------
 事例紹介
--------------- */
#case{padding-bottom:40px;}

#case .case01{
	background: url(../img/index/logo_case01.png) left 20px no-repeat;
	padding: 20px 0 10px 180px;
	}

#case .case02{
	background: url(../img/index/logo_case02.png) left 20px no-repeat;
	padding: 20px 0 20px 180px;
	}

#case .case01 dl dt,
#case .case02 dl dt{font-weight: bold;}

#case .title02{font-size: 18px; font-weight: bold;}



#case .a01{float:left; width:306px;}

#case .b01{float:left; width:306px; margin-left: 21px;}

#case .c01{float:right; width:306px;}

#case .x01{padding-right:20px; background:url(../common/img/icon_blank_02.png) right 1px no-repeat; font-weight:bold;}

/* ---------------
 ご相談
--------------- */
#contact{padding-bottom:40px;}

#contact .a01{position:relative;}
#contact .a02{position:absolute; top:28px; left:428px;}

/* ---------------
 期間限定クラウドバナーエリア
--------------- */
#cloudbar {width: 960px; background-color: #fff8f9; border: 2px solid #f0c2ca; position: relative;}
#cloudbar .cloudleft{float: left; width: 580px; padding:15px; font-size: 16px;}
#cloudbar .cloudleft h1{font-size: 24px; font-weight: bold;}
#cloudbar .cloudleft h2{font-size: 18px; font-weight: bold; margin-top: 20px;}
#cloudbar .cloudleft .largemarker {
      background-color: #ffff00;
      padding: 0.2em;
      }

#cloudbar .cloudright{float: right; width: 270px; display: table-cell; vertical-align: middle; text-align: center; position: absolute; top:50%; right: 0; margin-top: -31px; margin-right: 40px;}
#cloudbar .cloudright img{width:270px;}

#cloudbar .x01{padding-right:20px; background:url(../common/img/icon_blank_02.png) right 1px no-repeat; font-weight:bold; font-size: 14px;}



/* ---------------
 お知らせ
--------------- */
#news{padding-bottom:40px; float:left; width:470px;}
#event{padding-bottom:40px; float:right; width:470px;}

#news dd.fst,
#news dt.fst,
#event dd.fst,
#event dt.fst{padding:6px 12px 9px 12px; border-bottom:1px solid #eaeaea;}

#news dt.fst,
#event dt.fst {font-size:14px; padding-bottom:4px;}
#news dd.fst a,
#event dd.fst a{background:url(../common/img/icon_arrow_01.png) left 3px no-repeat; padding-left:16px; display:block;}
#news dd:nth-child(even),
#event dd:nth-child(even){background:#f8f8f8;}
#news dd:first-child,
#event dd:first-child{padding-top:0px;}
#news dd:last-child,
#event dd:last-child{border-bottom:none;}

#news p,
#event p{float:right; background:url(../common/img/icon_arrow_01.png) left 5px no-repeat; padding-left:16px;}