@charset "UTF-8";
/*-- V4 r1 --*/
/* #############################################################

[  Grand Top ]

Additional authority person of parts : Web master

############################################################# */


div#wrappingFrame_2nd {
	padding:0 0 29px 0;
}
/* ==========================================================================
 h1
=========================================================================== */
h1 {
	display:none !important;
}


/* ==========================================================================
 メインビジュアル
=========================================================================== */
#mainVisual {
	margin:20px 0 0 0;
	height: 285px;
}


/* ==========================================================================
 サービス切り替えタブ
=========================================================================== */

/* -------------------------------------------------------------- 
タブ部分
-------------------------------------------------------------- */
#content_v4 #serviceSwitchContainer ul.serviceSwitch {
	width: 890px;
	margin-top:20px;
}
#content_v4 #serviceSwitchContainer ul.serviceSwitch li {
	float:left;
	display:inline;
	margin-left: 6px;
}
#content_v4 #serviceSwitchContainer ul.serviceSwitch li a {
	outline:none;
}

/* h2調整 */
#content_v4 #serviceSwitchContainer ul.serviceSwitch li h2,
#content_v4 #serviceSwitchContainer ul.serviceSwitch li h2 a {
	padding:0 !important;
	margin:0 !important;
	background:none !important;
	border:none !important;
}

/* category [sol] -------------------------*/
#content_v4 #serviceSwitchContainer #service1 ul.serviceSwitch {
	border-bottom:4px solid #c288be;
}
/* category [pro] -------------------------*/
#content_v4 #serviceSwitchContainer #service2 ul.serviceSwitch {
	border-bottom:4px solid #57b2dd;
}
/* category [dow] -------------------------*/
#content_v4 #serviceSwitchContainer #service3 ul.serviceSwitch {
	border-bottom:4px solid #5ec6c5;
}
/* category [sup] -------------------------*/
#content_v4 #serviceSwitchContainer #service4 ul.serviceSwitch {
	border-bottom:4px solid #73c06c;
}

/* 調整 */
#content_v4 #serviceSwitchContainer ul.serviceSwitch li.ssSolution {
	margin-left: 0;
}
#content_v4 #serviceSwitchContainer ul.serviceSwitch li img {
	display:block;
}


/* -------------------------------------------------------------- 
本体部分
-------------------------------------------------------------- */
#content_v4 #serviceSwitchContainer .ssBody {
	padding:28px 0 0 0;
	background:url(/index_res/images/service_tab/bg_serviceswitch.gif) no-repeat left top;
}
#content_v4 #serviceSwitchContainer .ssBody .ssInner {
	padding:0 11px 15px 20px;
	background:url(/index_res/images/service_tab/bg_serviceswitch.gif) no-repeat left bottom;
}


/* リンクリスト (.linklists)
--------------------------------------------- */
#content_v4 #serviceSwitchContainer .ssBody .linklists {
	position:relative;
	float:left;
	display:inline;
	width:603px;
	margin-top:-5px;
}
#content_v4 #serviceSwitchContainer .ssBody .linklists h3 {
	padding:0 !important;
	margin:0 !important;
	border:none !important;
}
#content_v4 #serviceSwitchContainer .ssBody .linklists .columnLeft,
#content_v4 #serviceSwitchContainer .ssBody .linklists .columnCenter,
#content_v4 #serviceSwitchContainer .ssBody .linklists .columnRight {
	float:left;
	display:inline;
	width:183px;
	margin: 0 25px 0 0;
}
#content_v4 #serviceSwitchContainer .ssBody .linklists .columnRight {
	margin: 0 0 0 0;
}
/* リスト */
#content_v4 #serviceSwitchContainer .ssBody .linklists ul {
	margin:10px 0 0 0;
}


/* バナーリスト (.bannerlist)
--------------------------------------------- */
#content_v4 #serviceSwitchContainer .ssBody ul.bannerlist {
	position:relative;
	float:right;
	margin-top:-18px;
	width:226px;
}
#content_v4 #serviceSwitchContainer .ssBody ul.bannerlist li {
	padding:10px 0 0 0;
	margin:0;
	line-height:0;
}


/* ==========================================================================
 ニュース
=========================================================================== */
#content_v4 .h2plus .rss{
top:-3px;
}

/* list-news-01
---------------------------------------------------*/
#grandtopNews .list-news-01{
background:url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x 0 0;
margin-bottom:10px;
}
#grandtopNews .list-news-01 dt{
padding:10px 0;
float:left;
clear:both;
font-weight:bold;
}
#grandtopNews .list-news-01 dt img{
margin-right:10px;
}
#grandtopNews .list-news-01 dd{
background:url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x 0 100%;
padding:10px 0 10px 10em;
zoom:0;
}
#grandtopNews .list-news-01 dd a{
padding-left:10px;
background:url(/common_v4/src/jp/images/category_com/mark_link.gif) no-repeat 0 .5em;
display:inline-block;
/display:inline;
/zoom:1;
}

/* list-news-02
---------------------------------------------------*/
#grandtopNews .list-news-02{
margin-top:20px;
}
#grandtopNews .list-news-02 .more{
margin:0 -14px 4px 0;
}
#grandtopNews .list-news-02 .more li{
margin-right:14px;
display:inline;
}

#grandtopNews .list-news-02 dl{
background:url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x 0 0;
padding-top:12px;
}
#grandtopNews .list-news-02 dl dt{
margin-bottom:5px;
padding-left:99px;
font-size:85%;
}
#grandtopNews .list-news-02 dl dt img{
margin-right:8px;
float: left;
margin-top: 0.15em;
/*vertical-align:sub;
/vertical-align:middle;*/
}
#grandtopNews .list-news-02 dl dd{
position:relative;
background:url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x 0 100%;
margin-bottom:11px;
padding:0 0 11px 99px;
min-height:35px;
_height:35px;
}
#grandtopNews .list-news-02 dl dd a{
padding-left:10px;
background:url(/common_v4/src/jp/images/category_com/mark_link.gif) no-repeat 0 .45em;
display:inline-block;
/display:inline;
/zoom:1;
}
#grandtopNews .list-news-02 dl dd img{
position:absolute;
top:-25px;
left:0;
}

/* more
---------------------------------------------------*/
#grandtopNews .more{
font-size:85%;
text-align:right;
}
#grandtopNews .more a{
padding-left:10px;
background:url(/common_v4/src/jp/images/category_com/mark_link.gif) no-repeat 0 50%;
}

/* link
---------------------------------------------------*/
#grandtopNews .link{
background-position:0 .6em;
}


/* ==========================================================================
 重要なお知らせ （#Notice）
=========================================================================== */

#content_v4 #Notice {
	margin: 0 0 30px;
	background: url(/common_v4/src/jp/images/misc/dotline.gif) repeat-x left bottom;
	zoom:1;
}
#content_v4 #Notice h2 {
	margin: 0;
	padding:8px 10px !important;
}


/* ==========================================================================
 更新情報 （#updateNews）
=========================================================================== */
#content_v4 #updateNews {
	margin: 40px 0 0 0;
}
#content_v4 #updateNews h2 {
	margin: 0;
	padding:8px 10px !important;
}


/* リスト調整（.releaseList）
--------------------------------------------- */

#content_v4 div.releaseList dl {
	margin:7px 0 0 0;
	padding:0 0 10px 0;
	background-position:0 7px;
	margin-bottom:0px;
	margin-top:-8px;
}
#content_v4 div.releaseList dl dt {
	position:relative;
	top:1.5em;
	float:none;
	width: 11em;
}
#content_v4 div.releaseList dl dt img {
	margin:0 10px 0 4px;
}
#content_v4 div.releaseList dl dd {
margin-bottom:2px;
	background-position:0 0.5em;
}


/* marks */
#content_v4 p.markMeaning {
	padding:5px 0 0 0;
	background:url("/common_v4/src/jp/css/../images/misc/dotline.gif") repeat-x scroll left top transparent;
	text-align:right;
}

.releaseList dd em{
	float:left;
	display:block;
	line-height:0.9em;
	text-align:center;
	border:solid 1px #d9d9d9;
	color:#5c5c5c;
	width:8em !important;
	font-size:85%;
	background:#f8f7f8;
	font-weight:normal;
	padding:4px 6px 5px 6px;
	margin:0 3px 5px 0;
}



/* ==========================================================================
 その他
=========================================================================== */
#content_v4 .subPane .paneR .borderBackBox {
	margin:10px 0 0 0;
}

.borderBackBox ul.relationBanner {
	margin-left:0 !important;
	text-align:center;
}

.borderBackBox ul.relationBanner li a{
	font-size:85%;
	text-decoration:none !important;
}

.borderBackBox ul.relationBanner li a:hover span{
	text-decoration:underline;
}

/* ----------------------------------------------------------- 
clearfix
-------------------------------------------------------------- */
#content_v4 #serviceSwitchContainer .ssBody .ssInner:after,
#content_v4 #serviceSwitchContainer .ssBody .linklists:after,
#content_v4 #serviceSwitchContainer ul.serviceSwitch:after,
#content_v4 #grandtopNews .h2plus ul:after,
.releaseList dd em:after,
.releaseList dd:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

#content_v4 #serviceSwitchContainer .ssBody .ssInner,
#content_v4 #serviceSwitchContainer .ssBody .linklists,
#content_v4 #serviceSwitchContainer ul.serviceSwitch,
#content_v4 #grandtopNews .h2plus ul,
.releaseList dd em,
.releaseList dd {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* A postscript is not added at the following */



/*
background: url(../images/misc/dotline.gif) repeat-x left bottom;
	background:url(../images/category_unbelonging/mark_link.gif) no-repeat 0 0.35em;
*/