@charset "utf-8";

/* **************************************************

Name: special.css

Description: Setting of special page

***************************************************** */



/* content===========================================

[t1] トップページ
[t2] ブランディング画像

===================================================== */


/* [t1] トップページ
=========================================================================================== */
div#GlobalNavi {
	height: 53px;
	overflow: hidden;
}

div.GridTop {
	color: #454545;
	margin: -10px 0 0 0;
}

div.GridTop p.TextStyle1 {
	margin-bottom: 10px;
}

/* [t2] ブランディング画像
=========================================================================================== */

/* ---[c1-2] ブランディング画像 > 4グリッド >　グローバルナビあり--- */
p#BrandingImgStyle {
	position: relative;
	z-index: 1;
	margin: 0 0 20px;
}

/* ソリューション
=========================================================================================== */

div.topBoxStyle {
	width: 640px;
	margin: 0 0 22px; 
	padding: 0 0 7px 0;
	background: url("../images/top/topbox_bg_btm.gif") no-repeat 0 bottom;
}
div.topBoxStyle .boxTop{
	padding: 7px 0 0 0;
	background: url("../images/top/topbox_bg_top.gif") no-repeat 0 top;
}
div.topBoxStyle .Inner{
	border: 1px solid #b0afaf;
	border-width: 0 1px;
}
/* ---サムネール+リスト---*/
div.topBoxStyle .boxItem{
	clear: both;
	padding: 12px 14px;
	background: transparent url("../images/dotline_h.gif") no-repeat 14px bottom;
}
div.topBoxStyle .boxItem:hover{
	background-color: #f2f2f2;
}
div.topBoxStyle .boxItem .itemLeft{
	position: relative;
	float: left;
	width: 85px;
	margin: 3px 0 0 0;
	padding: 0;
}
div.topBoxStyle .boxItem .itemLeft img {
	border: 1px solid #c2c3c3;
}
div.topBoxStyle .boxItem .itemRight{
	float: left;
	width: 525px;
	_width: 512px;
}
div.topBoxStyle .boxItem.LastItem {
	background-image: none;
}

/* ---リンクリスト--- */
dl.topLinkListStyle {
	margin: 0;
}
dl.topLinkListStyle dt {
	min-height: 14px;
	margin: 0 0 6px;
	padding: 0 0 0 20px;
	background: url("../images/top/top_icon_link_right_1.gif") no-repeat 0 0.2em;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.35;
}
dl.topLinkListStyle dd {
	margin: 0;
	padding: 0;
	line-height: 1.35;
}
dl.topLinkListStyle dt a,
dl.topLinkListStyle dd a { line-height: 1.35; }

/* ---リンクリスト 横並び--- */
dl.topLinkListStyle ul.LinkListStyleH1 {
	margin: 0;
}
dl.topLinkListStyle ul.LinkListStyleH1 li {
	min-height: 15px;
	margin: 0 20px 4px 0;
	padding: 1px 0 1px 14px;
	background: url("../images/top/top_icon_link_right_2.gif") no-repeat 0 0.2em;
}

/* サービス
=========================================================================================== */

div.topBoxStyle2 {
	width: 640px;
	height: 116px;
	margin: 0 0 22px;
	background: url("../images/top/topbox_bg_service.gif") no-repeat 0 0;
	overflow: hidden;
}

/* ---リンクリスト（画像）--- */
div.topBoxStyle2 ul.topLinkListImg {
	margin: 13px 0 0 15px;
	font-size: 0;
}
div.topBoxStyle2 ul.topLinkListImg li {
	float: left;
	margin: 0 11px 19px 0;
}


/* プロジェクト紹介
=========================================================================================== */
div#TopProjectTabContainer {
	margin: 0 0 22px;
}
div#TopProjectTabContainer ul#TopProjectTabContainer-nav{
	width: 640px;
	height:33px;
	overflow: hidden;
	vertical-align: bottom;
}

div#TopProjectTabContainer ul#TopProjectTabContainer-nav li{
  float:left;
}
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li a{
	display: block;
	float: left;
	width:100px;
	height: 33px;
	text-indent: -9999px;
}
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi01 a{ width:100px; background: url("/images/top_tab01.gif") no-repeat 0 0; }
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi02 a{ width:140px; background: url("/images/top_tab02.gif") no-repeat 0 0; }
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi03 a{ width:100px; background: url("/images/top_tab03.gif") no-repeat 0 0; }
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi04 a{ width:100px; background: url("/images/top_tab04.gif") no-repeat 0 0; }
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi05 a{ width:100px; background: url("/images/top_tab05.gif") no-repeat 0 0; }
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li#TabNavi06 a{ width:100px; background: url("/images/top_tab06.gif") no-repeat 0 0; }

div#TopProjectTabContainer ul#TopProjectTabContainer-nav li a:hover,
div#TopProjectTabContainer ul#TopProjectTabContainer-nav li.activeli a{
 background-position: 0 -33px !important;
}
div#TopProjectTabContainer div.tab{
	width: 640px;
	margin: 0;
  padding: 0 0 12px 0;
	background: url("../images/top/topbox_bg_btm.gif") no-repeat 0 bottom;
}
div#TopProjectTabContainer div.tab .Inner{
	padding: 16px 15px 0;
	border: 1px solid #b0afaf;
	border-width: 0 1px;
	height: 65px;
	overflow-y: scroll;
}
/* ---リンクリスト 横並び--- */
div#TopProjectTabContainer ul.LinkListStyleH1 {
	margin-bottom: 0;
}
div#TopProjectTabContainer ul.LinkListStyleH1 li {
	padding-left: 16px;
	background-image: url("../images/icon/icon_link_right_1.gif");
}
div#TopProjectTabContainer p.LinkImgButton {
	margin: 0;
}
/* Topics
=========================================================================================== */
div.TopRightUnit h2.ImgStyle {
	margin-bottom: 0;
}
div.topBottomLineStyle {
	margin-bottom: 19px;
	padding: 0 0 1px 0;
	background: transparent url("../images/dotline_h.gif") no-repeat 0 bottom;
}
div.topBottomLineStyle p {
	margin-bottom: 0;
}
div.topTopicsBoxStyle {
	margin: 0 0 18px;
	padding: 0 5px 5px;
	background-color: #e8e7e7;
}
div.topTopicsBoxStyle .Inner{
	padding: 10px 14px 17px;
	border: 1px #c5c4c4 solid;
	border-width: 0 1px 1px;
	background-color: #FFF;
}


/* ---リンクリスト 縦並び--- */
ul.topLinkListStyleV,
div.topTopicsBoxStyle ul.LinkListStyle1 {
	margin: 0 0 15px !important;
	font-size: 83%;
}
ul.topLinkListStyleV li,
div.topTopicsBoxStyle ul.LinkListStyle1 li {
	min-height: 14px;
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	background: url("../images/top/top_icon_link_right_3.gif") no-repeat 0 0.2em;
	line-height: 1.35;
}
ul.topLinkListStyleV li ul,
div.topTopicsBoxStyle ul.LinkListStyle1li ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ul.topLinkListStyleV li a,
div.topTopicsBoxStyle ul.LinkListStyle1 li a {line-height: 1.35; }

div.topTopicsBoxStyle .newTopics {
	margin: 0 0 15px;
	padding: 0 0 5px 0;
	background: transparent url("../images/dotline_h.gif") no-repeat 0 bottom;
	font-weight: bold;
}

p.topLinkText {
	margin: 22px 15px 10px;
	font-size: 83%;
	line-height: 1.35;
	text-align: right;
}
p.topLinkText a {
	min-height: 15px;
	padding: 1px 0 1px 14px;
	background: url("../images/top/top_icon_link_right_2.gif") no-repeat 0 0.2em;
}

/* [-] 共通クラス
=========================================================================================== */
/*　枠囲み */
div.GridTop div.boxPattern1 {
	width: 214px;
	margin: 0 auto 15px;
}
div.GridTop div.boxPattern1 .Inner {
	padding-bottom: 0 !important;
	background-color: #edefef;
}
div.GridTop div.boxPattern1 .Inner p {
	margin-bottom: 10px;
}


div.GridTop div.TopLeftUnit {
	float: left;
	width: 640px;
	text-align: left;
}
div.GridTop div.TopRightUnit {
	float: right;
	width: 271px;
}

div.GridTop:after,
div.topBoxStyle .boxItem:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}
div.GridTop {
	display: inline-block;
	width: 930px;
	text-align: left;
}
div.topBoxStyle .boxItem { display: inline-block; }

/* Hides from IE 4-6 \*/
* html div.GridTop,
* html div.topBoxStyle .boxItem { height: 1%; }

div.GridTop,
div.topBoxStyle .boxItem { display: block; } 
/* End hide from IE 4-6 */


/* 20131212 追加 */
div.topTopicsBoxStyle p.newTopics {
	padding-bottom: 15px;
}