@charset "UTF-8";

#contents #contents_inner {
	margin: -8px 0 0;
}
.meiryo {!important
	letter-spacing: 0.05em;
	font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*	Top Image
--------------------------------------------- */
#top_image {
	margin: 0;
	height: 202px;
	overflow: hidden;
}

#top_image ul#top_banner {
	width: 740px;
	height: 202px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*	Close up
--------------------------------------------- */
#contents #closeup img {
	vertical-align: top;
}

#closeup {
	margin: 0 0 10px 0;
	padding: 0 0 9px 0;
	background: url(../images/index/closeup_bottom.jpg) no-repeat left bottom;
}

#closeup li {
	display: inline;
	color: #113d75;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.01em;
	font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
#closeup li.cll {
	width: 274px;
	float: left;
	position: relative;
}
#closeup li.cll span {
	position: absolute;
	top:10px;
	left: 24px;
	display: inline;
}
#closeup li.clr {
	width: 276px;
	float: left;
	position: relative;
}
#closeup li.clr span {
	position: absolute;
	top:10px;
	left: 18px;
	display: inline;
}

/*	Example
--------------------------------------------- */
#example {
	margin: 0 0 10px 0;
}
#example .inner {
	width: 524px;
	height: 221px;
	padding: 26px 0 0 26px;
	background: url(../images/index/bg_example.jpg);
}
#example div {
	width: 149px;
	padding: 0 24px 0 0;
}
#example div.last {
	width: 149px;
	padding: 0 0 0 0;
}
#example h3 {
	height: 40px;
}
/* ----------------------------------------------------------------------------- */
#example h3.ex {
	height: 36px;
}
/* ----------------------------------------------------------------------------- */
#example h3 span.l_line{
	display: block;
	padding: 0 0 0 5px;
	border-left: 2px solid #003d7a;
	color: #003d7a;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.0em;
	letter-spacing: 0em;
	font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
#example h3 span.l_line span{
	display: block;
	padding-bottom: 5px;
}

#example dt{
	margin-bottom: 8px;
}
/* ----------------------------------------------------------------------------- */
#example dt.ex_link{
	margin-bottom: 4px;
}
/* ----------------------------------------------------------------------------- */


/*	Service vdc
--------------------------------------------- */

/*	Service01
--------------------------------------------- */
#service01 .left {
	width: 190px;
	height: 135px;
}
#service01 .left {
	background: url(../images/index/vdc01_l_bg.jpg) no-repeat;
}
#service01 .left h4 {
	padding: 43px 0 0 26px;
}
#service01 .right {
	width: 360px;
	height: 135px;
}
#service01 .right {
	background: url(../images/index/vdc01_r_bg.jpg) no-repeat;
}

/*	Service02
--------------------------------------------- */
#service02 .left {
	width: 190px;
	height: 99px;
}
#service02 .left {
	background: url(../images/index/vdc02_l_bg.jpg) no-repeat;
}
#service02 .left h4 {
	padding: 32px 0 0 26px;
}
#service02 .right {
	width: 360px;
	height: 99px;
}
#service02 .right {
	background: url(../images/index/vdc02_r_bg.jpg) no-repeat;
}
/*	Service03
--------------------------------------------- */
#service03 .left {
	width: 550px;
	height: 74px;
}
#service03 .left {
	background: url(../images/index/vdc03_bg.jpg) no-repeat;
}
#service03 .left h4 {
	padding: 19px 0 0 26px;
}

/*	Service connect
--------------------------------------------- */
/*	Service04
--------------------------------------------- */
#service04 .left {
	width: 190px;
	height: 135px;
}
#service04 .left {
	background: url(../images/index/connect01_l_bg.jpg) no-repeat;
}

#service04 .left h4 {
	padding: 50px 0 0 26px;
}

#service04 .right {
	width: 360px;
	height: 135px;
}

#service04 .right {
	background: url(../images/index/connect01_r_bg.jpg) no-repeat;
}

/*	Service05
--------------------------------------------- */
#service05 .left {
	width: 190px;
	height: 99px;
}
#service05 .left {
	background: url(../images/index/connect02_l_bg.jpg) no-repeat;
}

#service05 .left h4 {
	padding: 32px 0 0 26px;
}

#service05 .right {
	width: 360px;
	height: 99px;
}

#service05 .right {
	background: url(../images/index/connect02_r_bg.jpg) no-repeat;
}

/*	Service06
--------------------------------------------- */
#service06 .left {
	width: 190px;
	height: 121px;
}
#service06 .left {
	background: url(../images/index/connect03_l_bg.jpg) no-repeat;
}

#service06 .left h4 {
	padding: 32px 0 0 26px;
}

#service06 .right {
	width: 360px;
	height: 121px;
}

#service06 .right {
	background: url(../images/index/connect03_r_bg.jpg) no-repeat;
}


.pt01 {
	padding-top: 1px;
}

.pt02 {
	padding-top: 2px;
}

.pt03 {
	padding-top: 3px;
}
.pt06 {
	padding: 6px 0 0;
}	
.pt08 {
	padding-top: 8px;
}

.pt05 {
	padding-top: 5px;
}
.pt10 {
	padding: 10px 0 0 0;
}
.pt11 {
	padding: 11px 0 0 0;
}
.pt12 {
	padding: 12px 0 0 0;
}
.pt17 {
	padding: 17px 0 0 0;
}
.pt18 {
	padding: 18px 0 0 0;
}
.pt19 {
	padding: 19px 0 0 0;
}
.pt20 {
	padding: 20px 0 0 0;
}

.pt26 {
	padding: 26px 0 0 0;
}









/*	緊急
--------------------------------------------- */
#kinkyu {
	padding: 0 0 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FF0000;
}

#kinkyu a {
	color: #FF0000;
	text-decoration: underline;
}

#kinkyu a:hover {
	color: #FF0000;
	text-decoration: none;
}