@charset "shift_jis";

/* 本文中で呼び出すレイアウトに関する指定 */

.right {
  float: right;
}

img.right {
  margin-top: 0.3em;
  margin-left: 0.8em;
}

.left {
  float: left;
}

img.left {
  margin-top: 0.3em;
  margin-right: 0.8em;
}

.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}

.clr {
  clear:both;
}

.clrT {
  clear:both;
  height:0px;
  width:0px;
  text-indent:-999em;
  display:block;
}

.clrfix {
  height: 100%;
}

.clrfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
}

#top ul.globalNavi li.top{background-position:0px -23px;}
#service ul.globalNavi li.service{background-position:-92px -23px;}
#company ul.globalNavi li.company{background-position:-206px -23px;}
#contact ul.globalNavi li.contact{background-position:-329px -23px;}

/************ TOPページ ***************************/

#top h2.h2_01{background-image:url(../img/top/h2_01.gif);}
#top h2.h2_02{background-image:url(../img/top/h2_02.gif);}

#top h3.h3_01{background-image:url(../img/top/h3_01.gif); width:154px;}
#top h3.h3_02{background-image:url(../img/top/h3_02.gif); width:128px;}
#top h3.h3_03{background-image:url(../img/top/h3_03.gif); width:115px;}
#top h3.h3_04{background-image:url(../img/top/h3_04.gif); width:60px; margin-bottom:25px !important;}
#top h3.h3_07{background-image:url(../img/top/h3_07.gif); width:60px; margin-bottom:25px !important;}
#top h3.h3_11{background-image:url(../img/top/h3_11.gif); width:150px; margin-bottom:25px !important;}


#top #portfolio ul{
	width:913px;
	height:106px;
	list-style:none;
	clear:left;
	margin:0px 0px 15px 0px;
	padding:0px;
}


#top #portfolio ul li{
	width:139px;
	height:106px;
	margin:0px 16px 0px 0px;
	padding:0px;
	float:left;
	list-style:none;
	text-indent:-999em;
}

#top #portfolio ul li.port05{
	margin-right:15px;
}

#top #portfolio ul li.port06{
	margin-right:0px;
}

#top #portfolio ul li a{
	width:139px;
	height:106px;
	display:block;
	overflow:hidden;
}
#top #portfolio ul li a:hover{
	width:139px;
	height:106px;
	display:block;
	overflow:hidden;
	border:1px solid #2F639E;
}

#top #portfolio ul.port01 li.port01, #top #portfolio ul.port01 li.port01 a{background:url(../img/top/port01.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port01 li.port02, #top #portfolio ul.port01 li.port02 a{background:url(../img/top/port02.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port01 li.port03, #top #portfolio ul.port01 li.port03 a{background:url(../img/top/port03.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port01 li.port04, #top #portfolio ul.port01 li.port04 a{background:url(../img/top/port04.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port01 li.port05, #top #portfolio ul.port01 li.port05 a{background:url(../img/top/port05.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port01 li.port06, #top #portfolio ul.port01 li.port06 a{background:url(../img/top/port06.jpg) no-repeat 0px 0px;}

#top #portfolio ul.port02 li.port01, #top #portfolio ul.port02 li.port01 a{background:url(../img/top/port07.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port02 li.port02, #top #portfolio ul.port02 li.port02 a{background:url(../img/top/port08.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port02 li.port03, #top #portfolio ul.port02 li.port03 a{background:url(../img/top/port09.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port02 li.port04, #top #portfolio ul.port02 li.port04 a{background:url(../img/top/port10.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port02 li.port05, #top #portfolio ul.port02 li.port05 a{background:url(../img/top/port11.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port02 li.port06, #top #portfolio ul.port02 li.port06 a{background:url(../img/top/port20.jpg) no-repeat 0px 0px;}

#top #portfolio ul.port03 li.port01, #top #portfolio ul.port03 li.port01 a{background:url(../img/top/port13.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port03 li.port02, #top #portfolio ul.port03 li.port02 a{background:url(../img/top/port14.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port03 li.port03, #top #portfolio ul.port03 li.port03 a{background:url(../img/top/port15.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port03 li.port04, #top #portfolio ul.port03 li.port04 a{background:url(../img/top/port16.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port03 li.port05, #top #portfolio ul.port03 li.port05 a{background:url(../img/top/port17.jpg) no-repeat 0px 0px;}
#top #portfolio ul.port03 li.port06, #top #portfolio ul.port03 li.port06 a{background:url(../img/top/port18.jpg) no-repeat 0px 0px;}

#top #contents #leftCont ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#top #contents #leftCont ul li{
	list-style:none;
	text-indent:-999em;
	margin:0px;
	padding:0px;
}


#top #contents #leftCont ul.contList01{
	height:96px;
}

#top #contents #leftCont ul.contList01 li{
	float:left;
	width:96px;
	height:96px;
	margin-right:9px;
	display:block;
}

#top #contents #leftCont ul.contList01 li.li01{background:url(../img/top/list01_01.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList01 li.li02{background:url(../img/top/list01_02.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList01 li.li03{background:url(../img/top/list01_03.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList01 li.li04{background:url(../img/top/list01_04.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList01 li.li05{background:url(../img/top/list01_05.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList01 li.li06{background:url(../img/top/list01_06.gif) no-repeat 0px 0px; margin-right:0px;}

#top #contents #leftCont ul.contList02{
	margin:25px 0 0 0;
	display:block;
}

#top #contents #leftCont ul.contList02 li{
	height:37px;
	width:624px;
	margin:0px;
	display:block;
}

#top #contents #leftCont ul.contList02 dl{
	clear:both;
}

#top #contents #leftCont ul.contList02 dl dt, #top #contents #leftCont ul.contList02 dl dd{
	height:37px;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#top #contents #leftCont ul.contList02 dl dt {
	margin:0px 0px 14px 3px;
	width:152px;
	display:block;
	float:left;
}

#top #contents #leftCont ul.contList02 dl dd {
	width:400px;
	float:right;
}

#top #contents #leftCont ul.contList02 dl.contList01 dt{background:url(../img/top/list02_dt01.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList02 dl.contList01 dd{background:url(../img/top/list02_dd01.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList02 dl.contList02 dt{background:url(../img/top/list02_dt02.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList02 dl.contList02 dd{background:url(../img/top/list02_dd02.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList02 dl.contList03 dt{background:url(../img/top/list02_dt03.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList02 dl.contList03 dd{background:url(../img/top/list02_dd03.gif) no-repeat 0px 0px;}


#top #contents #leftCont ul.contList03{
	margin-top:25px;
}

#top #contents #leftCont ul.contList03 li{
	height:48px;
	width:624px;
}

#top #contents #leftCont ul.contList03 dl{
	clear:both;
}

#top #contents #leftCont ul.contList03 dl dt, #top #contents #leftCont ul.contList03 dl dd{
	height:48px;
	display:block;
	float:left;
	padding:0px;
	margin:0px;
}

#top #contents #leftCont ul.contList03 dl dt {
	margin:0px 0px 3px 0px;
	width:191px;
	float:left;
}

#top #contents #leftCont ul.contList03 dl dd {
	width:400px;
	float:right;
}

#top #contents #leftCont ul.contList03 dl.contList01 dt{background:url(../img/top/list03_dt01.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList03 dl.contList01 dd{background:url(../img/top/list03_dd01.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList03 dl.contList02 dt{background:url(../img/top/list03_dt02.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList03 dl.contList02 dd{background:url(../img/top/list03_dd02.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList03 dl.contList03 dt{background:url(../img/top/list03_dt03.gif) no-repeat 0px 0px;}
#top #contents #leftCont ul.contList03 dl.contList03 dd{background:url(../img/top/list03_dd03.gif) no-repeat 0px 0px;}


#top #contents #leftCont dl.news{
	width:624px;
	height:18px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 14px 0px;
	clear:left;
	border-bottom:#FFFFFF solid 1px;
}

#top #contents #leftCont dl.news dt{
	width:80px;
	height:18px;
	background:#2b456d;
	color:#FFFFFF;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 4px 12px;
}

#top #contents #leftCont dl.news dd{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	background:url(../img/top/news_icon.gif) no-repeat 0px 4px;
	letter-spacing:1px;
}
#top #contents #leftCont dl.news dd a{
color:#000000;
text-decoration:underline;
}
#top #contents #leftCont dl.news dd a:hover{
color:#0066CC;
text-decoration:none;
}

#top #contents #leftCont dl.blog{
	width:624px;
	height:18px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 14px 0px;
	clear:left;
	border-bottom:#FFFFFF solid 1px;
}

#top #contents #leftCont dl.blog dt{
	width:80px;
	height:18px;
	background:#2b456d;
	color:#FFFFFF;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 4px 12px;
	letter-spacing:0.5px;
}

#top #contents #leftCont dl.blog dd{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	background:url(../img/top/blog_icon.gif) no-repeat 0px 4px;
	letter-spacing:1px;
}
#top #contents #leftCont dl.blog dd a{
color:#000000;
text-decoration:underline;
}
#top #contents #leftCont dl.blog dd a:hover{
color:#0066CC;
text-decoration:none;
}

#top #contents #leftCont dl.portfolio{
	width:624px;
	height:18px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 14px 0px;
	clear:left;
	border-bottom:#FFFFFF solid 1px;
}

#top #contents #leftCont dl.portfolio dt{
	width:80px;
	height:18px;
	background:#2b456d;
	color:#FFFFFF;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px 0px 4px 12px;
	letter-spacing:0.5px;
}

#top #contents #leftCont dl.portfolio dd{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 40px;
	background:url(../img/top/portfolio_icon.gif) no-repeat 0px 4px;
	letter-spacing:1px;
}
#top #contents #leftCont dl.portfolio dd a{
color:#000000;
text-decoration:underline;
}
#top #contents #leftCont dl.portfolio dd a:hover{
color:#0066CC;
text-decoration:none;
}


/************ SERVICEページ ***************************/

#service h2.h2_01{background-image:url(../img/service/h2_01.gif);}

#service h3.h3_01{background-image:url(../img/service/h3_01.gif); width:157px;}

#service h4{height:25px; margin:30px 0px 0px 0px}
#service h4.h4_01{background-image:url(../img/service/h4_01.gif); width:263px;}
#service h4.h4_02{background-image:url(../img/service/h4_02.gif); width:175px;}

#service h6{
	background-image:url(../img/service/h6_01.gif);
	margin:0px auto;
	width:567px;
	height:23px;
}

#service #contents div.commentBox{
	width:568px;
	height:110px;
	padding:20px 28px;
	margin:20px 0px;
	background:url(../img/service/contBox_bg.gif) no-repeat 0px 0px;

}

#service #contents p.commentBox{
	margin-top:10px;
}