@charset "UTF-8";

/* ----------------------------------------------------------- 
Navigation
-------------------------------------------------------------- */

#sol .links li.noArrow {
	background-image:none;
	margin-top:5px;
}

/* ----------------------------------------------------------- 
Layout
-------------------------------------------------------------- */

#sol #containerPane.P1 #content_v4 .subPane .paneL div.sectionD01 div.sectionDunit{
	width:315px;
}

/* ----------------------------------------------------------- 
index
-------------------------------------------------------------- */

#sol #content_v4 .mainArea {
	width:890px;
	height:265px;
	background-image: url(../images/pho_top_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sol #content_v4 .topMainBack {
	float:left;
	width:675px;
	height:265px;
	overflow:hidden;
}

#sol #content_v4 ul.mainMaterial {
	float:right;
	width:213px;
	padding-top:8px;
}

#sol #content_v4 ul.mainMaterial li {
	height:125px;
}

#sol #content_v4 ul.mainMaterial li a { 
	position:relative;
	display:block;
	outline-style:none;
	cursor:pointer;
}


/* IE6 */
* html #sol #content_v4 ul.mainMaterial {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}
* html #sol #content_v4 ul.mainMaterial li a {
	filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.firstChild.src+",sizingMethod=scale)");
	width:expression(this.firstChild.clientWidth+"px");
	height:expression(this.firstChild.clientHeight+"px");
}

* html #sol #content_v4 ul.mainMaterial li a img {
	filter:progid:DXImageTransform.Microsoft.BasicImage(Opacity=0);
}

/* sol_SearchArea
--------------------------------------------- */

#sol #content_v4 .SearchArea {
	margin-top:30px;
	widht:890px;
}

#sol #content_v4 .SearchArea .SearchmenuBox {
	padding-top:10px;
	height:20px;
	background-image: url(../images/bg_sol_sbk1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sol #content_v4 .wrapList {
	position:relative;
	zoom:1;
}

#sol #content_v4 .wrapList p {
	position: absolute;
	zoom:1;
	right:0;
	padding-right:15px;
	top:-15px;
	text-align:right;
}

#sol #content_v4 .SearchArea .SearchmenuBk {
	background-image: url(../images/bk_sol_bk3.gif);
	background-repeat: repeat-y;
	background-attachment: scroll;
	padding-bottom:5px;
	padding-left:15px;
	zoom:1;
}

#sol #content_v4 .SearchArea .SearchmenuBox h2 {
	margin:0 0 0 15px;
	background:none;
	border:none !important;
	padding:0 !important;
}

#sol #content_v4 .SearchArea .SearchBox {
	padding-top:5px;
	background-attachment:scroll;
	background-color: transparent;
	background-image: url(../images/bg_sol_sbk.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#sol #content_v4 .SearchArea .inner {
	background-attachment:scroll;
	background-color: transparent;
	background-image: url(../images/bg_sol_sbk.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sol #content_v4 .SearchArea .Searchmenu1,
#sol #content_v4 .SearchArea .Searchmenu2,
#sol #content_v4 .SearchArea .Searchmenu3  {
	margin-top:20px;
	width:276px;
	float:left;
}

#sol #content_v4 .SearchArea .Searchmenu1,
#sol #content_v4 .SearchArea .Searchmenu2  {
	padding-right:15px;
}

#sol #content_v4 .SearchArea .Searchmenu1 dl,
#sol #content_v4 .SearchArea .Searchmenu2 dl, 
#sol #content_v4 .SearchArea .Searchmenu3 dl {
	padding:0 18px;
	zoom:1;
}

#sol #content_v4 .SearchArea .Searchmenu1 dl dt,
#sol #content_v4 .SearchArea .Searchmenu2 dl dt, 
#sol #content_v4 .SearchArea .Searchmenu3 dl dt {
	float:left;
	margin-right:18px;
}

#sol #content_v4 .SearchArea .Searchmenu1 dl dd,
#sol #content_v4 .SearchArea .Searchmenu2 dl dd, 
#sol #content_v4 .SearchArea .Searchmenu3 dl dd {
	text-align:justify;
}

#sol #content_v4 .SearchArea .searchText {
	padding-left:18px;
	padding-top:10px;
	margin-bottom:15px;
	font-weight: bold;
}

#sol #content_v4 .SearchArea p.solMore {
	padding-right:10px;
	margin-bottom:15px;
	font-size:85%;
}


/* sol_CategoryArea
--------------------------------------------- */

#sol #content_v4 .subPane .paneL .narrowContainer {
	margin:0 0 0 15px;
}

#sol #content_v4 .solContentsBox1 h3.linkText  {
	margin:0;
}

#sol #content_v4 .solContentsBox2 h3.linkText  {
	margin-top:30px;
}


#sol #content_v4 .solContentsBox1 .typeTriangle,
#sol #content_v4 .solContentsBox2 .typeTriangle  {
	margin-top:8px;
}

#sol #content_v4 .sol_DotLine,
#sol #content_v4 .sol_Pt0DotLine {
	background-image: url(../../../common_v4/src/jp/images/misc/dotline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#sol #content_v4 .sol_DotLine .sectionDunit,
#sol #content_v4 .sol_NoDotLine .sectionDunit,
#sol #content_v4 .sol_Pt0DotLine .sectionDunit {
	padding-top:20px;
}

#sol #content_v4 .sol_Pt0DotLine .sectionDunit {
	padding-top:0;
}

#sol #content_v4 .sol_DotLine .sectionDunit,
#sol #content_v4 .sol_NoDotLine .sectionDunit,
#sol #content_v4 .sol_Pt0DotLine .sectionDunit {
	padding-bottom:20px;
}

#sol #content_v4 .categoryList li {
	display:inline;
	padding-right:22px;
}

#sol #content_v4 .categoryList li a {
	font-size:100%;
}

#sol #content_v4 div.releaseList dl {
	margin:10px 0 0;
	padding:0 0 10px;
}

#sol  #content_v4 .solMore {
	padding-left:15px;
	float:right;
	background:url(../../../common_v4/src/jp/images/category_sol/mark_link.gif) no-repeat 5px 5px;
	font-size:85%;
}


/* serviceSwitchContainer
--------------------------------------------- */
#sol #content_v4 #serviceSwitchContainer .serviceSwitch li{
	margin-left:7px;
	width:221px;
	text-align:center;
}
#sol #content_v4 #serviceSwitchContainer .serviceSwitch li.ssSolution{
	margin-left:5px;
}

#sol #content_v4 #serviceSwitchContainer .serviceSwitch li span{
	font-size:100%;
	width:210px;
}

#sol #content_v4 #serviceSwitchContainer .serviceSwitch li h2{
	margin:0;
	padding:0 !important;
	border-top:0 none;
	background:none;
}

#sol #content_v4 #serviceSwitchContainer .serviceSwitch li h2 a{
	padding-left:0;
	background:url("/common_v4/src/jp/images/category_sol/bg_functiontab_cur.gif") no-repeat top right;
}

#sol #content_v4 #serviceSwitchContainer .ssBody{
	padding:20px 20px 12px;
	background:url("/solution/index_res/images/bg_serviceswitch.gif") no-repeat 0 100%;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2{
	margin-left:-19px;
	padding-bottom:10px;
	background:url("/solution/index_res/images/bg_laycol2_02.gif") no-repeat 19px 100%;
}
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1{
	margin-left:-19px;
	padding-bottom:10px;
	background:url("/solution/index_res/images/bg_laycol2_03.gif") no-repeat 19px 100%;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column{
	margin-left:19px;
	padding:0 15px;
	float:left;
	width:285px;
	display:inline;
	background:url("/solution/index_res/images/bg_laycol2_01.gif") no-repeat 0 0;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column .layImage .photo,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column .layImage .photo{
	float:left;
	width:87px;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column .layImage .text,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column .layImage .text{
	float:right;
	width:188px;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column h3.linkText,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column h3.linkText{
	margin:8px 0 0;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column p,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column p{
	margin-top:6px;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column ul.typeCircle,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column ul.typeCircle{
	margin-top:0;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column ul.typeCircle li,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column ul.typeCircle li{
	margin-top:6px;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column ul.typeColCircle,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column ul.typeColCircle{
	margin-top:6px;
}

#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column ul.typeColCircle li.cLi,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1 .column ul.typeColCircle li.cLi{
	padding:0 13px;
	display:inline;
	background:url("/common_v4/src/jp/images/category_sol/mark_ul_disc.gif") no-repeat 0 0.2em;

}

/* -------------------------------------------------------------- 
text-size
-------------------------------------------------------------- */
/* Relative size */
#sol .s-small{
	font-size:85%;
	font-size:82%\9; /* IE6,7,8 */
}

/* -------------------------------------------------------------- 
height
-------------------------------------------------------------- */

.sectionDunit div{
	min-height:8em;
	_height:8em; /* IE6 */
}

.sectionDunit * div{
	height:auto;
}

/* ----------------------------------------------------------- 
clearfix
-------------------------------------------------------------- */
#sol .solMore:after,
#sol #content_v4 .SearchArea:after,
#sol #content_v4 .SearchmenuBk:after,
#sol #content_v4 .SearchArea .Searchmenu1:after,
#sol #content_v4 .SearchArea .Searchmenu2:after,
#sol #content_v4 .SearchArea .Searchmenu3:after,
#sol #content_v4 .SearchArea .inner:after,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1:after,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2:after,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column .layImage:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

#sol .solMore,
#sol #content_v4 .SearchArea,
#sol #content_v4 .SearchmenuBk,
#sol #content_v4 .SearchArea .Searchmenu1,
#sol #content_v4 .SearchArea .Searchmenu2,
#sol #content_v4 .SearchArea .Searchmenu3,
#sol #content_v4 .SearchArea .inner,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2only1,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2,
#sol #content_v4 #serviceSwitchContainer .ssBody .layCol2 .column .layImage{ 
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* A postscript is not added at the following */

