@CHARSET "UTF-8";



body{
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    text-align: center;
}

table{
    font-size:inherit;
    font:100%;
}

a{
	color: #457427;
}

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

.txt11{ font-size:85%; }       /* 11px */
.txt12{ font-size:93%; }		/* 12px */
.txt13{ font-size:100%; }		/* 13px */
.txt14{ font-size:108%; }		/* 14px */
.txt15{ font-size:116%; }		/* 15px */
.txt16{ font-size:123.1%; }	/* 16px */



/******** Top Header ********/

div#TopHeader{
	margin: 0;
	padding: 0;
	height: 454px;
	background:url(../images/gnavi_bg.gif) repeat-x;
}

div#TopHeader div#TopHeaderInner{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

div#TopHeader div#MainPromotion{
	margin: 0 auto;
	padding: 0;
	height: 400px;
	text-align: center;
}

div#TopHeader div#GlobalMenu{
	width: 900px;
	clear: both;
	margin: auto;
	padding: 0 0 0 0;
	height: 49px;
}

div#TopHeader div#GlobalMenu li{
	display: block;
	float: left;
	margin: 0;
}

/******** Under Header ********/

div#Header{
	margin: 0;
	padding: 0;
	height: 274px;
	background:url(../images/bg_under_head.gif) repeat-x;
}

div#Header div#HeaderInner{
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

div#Header div#HeaderInner p#Logo{
	float: left;
}

div#Header div#HeaderInner div#HeadMenu{
	width: 390px;
	height: 23px;
	font-size:85%;	 /* 11px */
	float: right;
	background: #ea1d1d;
}

div#Header div#HeaderInner div#HeadMenu ul{
	margin: 0 0 0 0;
}

div#Header div#HeaderInner div#HeadMenu ul li{
	display: block;
	float: left;
	margin: 0;
}

div#Header div#HeaderInner div#Promotion{
	width: 660px;
	float: right;
	margin: 21px 0 0 0;
	padding: 0;
}

div#Header div#GlobalMenu{
	clear: both;
	padding: 13px 0 0 0;
}

div#Header div#GlobalMenu li{
	display: block;
	float: left;
	margin: 0;
}

/******** TOP Contents ********/
div#TopContents{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 35px 0;
}
div#TopContents .leftarea{
	float: left;
	width: 378px;
}

div#TopContents .leftarea .news{
	width: 380px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div#TopContents .leftarea .news a{
	color: #666666;
	line-height: 1.2;
}
div#TopContents .leftarea .news p.Title{
	margin: 0;
	padding: 0 0 6px 0;
}
div#TopContents .leftarea .news dl{
	border-bottom: 1px dotted #c3c3c3;
}
div#TopContents .leftarea .news dl dt,
div#TopContents .leftarea .news dl dd{
	margin: 10px 0 0 0;
	padding: 0;
}
div#TopContents .leftarea .news dl dt{
	width: 84px;
	padding: 0 0 4px 11px;
	float: left;
	font-size:85%;	 /* 11px */
	background:url(../images/icon_new.gif)  no-repeat 0.0em 0.2em;
}
div#TopContents .leftarea .news dl dd{
	padding: 0 0 4px 0;
	float: left;
	font-size:85%;	 /* 11px */
}
div#TopContents .leftarea .news dl dd a{
	text-decoration:none;
}
div#TopContents .leftarea .news dl dd a:hover{
	text-decoration:underline;
}
div#TopContents .leftarea .news div{
	font-size: 83%;
}

div#TopContents .leftarea .banner{
	margin: 20px 0 0;
	text-align: left;
}
div#TopContents .leftarea .banner .left{
	float: left;
}
div#TopContents .leftarea .banner .right{
	float: right;
}

div#TopContents .rightarea{
	float: right;
	width: 472px;
}

div#TopContents .rightarea .portfolio{
	width: 225px;
	padding: 0;
	float: left;
	text-align: left;
}
div#TopContents .rightarea .portfolio p.Title{
	padding: 0 0 15px 0;
}
div#TopContents .rightarea .portfolio div.Inner{
	width: 225px;
	float: left;
}
div#TopContents .rightarea .portfolio p.Image{
	margin: 0;
	padding: 0;
	float: left;
}
div#TopContents .rightarea .portfolio p.Text{
	width: 146px;
	margin: 0;
	padding: 0;
	float: right;
	font-size:85%;	 /* 11px */
	line-height: 1.3;
}
div#TopContents .rightarea .portfolio p.Text span{
	display:block;
	font-weight: bold;
	color: #374d09;
	padding: 0 0 5px 0;
}
div#TopContents .rightarea .portfolio p.Text span a{
	color: #374d09;
	text-decoration: none;
}
div#TopContents .rightarea .portfolio p.Text span a:hover{
	color: #374d09;
	text-decoration: underline;
}

div#TopContents .rightarea .it{
	float: right;
	width: 216px;
	text-align: left;
}
div#TopContents .rightarea .it ul{
	padding: 12px 0 10px;
	padding-left: 1em;
}
div#TopContents .rightarea .it ul li{
	padding: 0 0 6px;
	font-size: 85%;	 /* 11px */
	text-indent: -1em;
}
div#TopContents .rightarea .it a{
	text-decoration: none;
	color: #444444;
}
div#TopContents .rightarea .it a:hover{
	text-decoration: underline;
}
div#TopContents .rightarea .it .navi{
	text-align: right;
}
div#TopContents .rightarea .it .navi img{
	margin: 0 0 0 8px;
	cursor: pointer;
}

div#TopContents .rightarea .banner{
	float: left;
	padding: 30px 0 0;
	width: 472px;
}
div#TopContents .rightarea .banner div{
	width: 231px;
	height: 135px;
}
div#TopContents .rightarea .banner div p{
	padding: 5px 10px 0;
	font-size: 85%;
	text-align: left;
	line-height: 1.3;
}
div#TopContents .rightarea .banner div .title{
	padding: 0;
}
div#TopContents .rightarea .banner div p a{
	color: #333333;
	text-decoration: none;
}
div#TopContents .rightarea .banner div p a:hover{
	text-decoration: underline;
}
div#TopContents .rightarea .banner .salesforce{
	float: left;
	background:url(../images/banner_salesforcecrm_bg.jpg)  no-repeat 0 0;
}
div#TopContents .rightarea .banner .android{
	float: right;
	background:url(../images/banner_android_bg.jpg)  no-repeat 0 0;
}


/******** Contents ********/
div#Contents{
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

/******** Breadcrumb List ********/

div#Contents div#BreadcrumbList{
	height: 23px;
	text-align: left;
	background: #62993c;
	margin: 0 0 26px 0;
}

div#Contents div#BreadcrumbList ul li{
	margin: 6px 0 0 13px;
	padding: 0 0 0 18px;
	display: block;
	float: left;
	font-size:93%;	 /* 12px */
	color: #FFFFFF;
	background:url(../images/arrow_BreadcrumbList.gif) no-repeat 0.0em 0.1em ;
}

body:first-of-type div#Contents div#BreadcrumbList ul li{
	line-height: 1.0;
}

div#Contents div#BreadcrumbList ul li.Non{
	background: none;
	margin: 5px 0 0 12px;
	padding: 0;
}

div#Contents div#BreadcrumbList ul li a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

div#Contents div#BreadcrumbList ul li a:hover{
	text-decoration: underline;
}

div#Contents div#BreadcrumbList ul li.Home{
	margin: 0;
	padding: 0;
}

/******** SideNavi ********/

div#Contents div#SideNavi{
	width: 225px;
	float: left;
	text-align: left;
}

div#Contents div#SideNavi h1#Category{
	height: 46px;
	margin: 0 0 40px 0;
}

div#Contents div#SideNavi ul li{
	margin: 0 0 10px 0;
}

/******** Main Contents ********/
div#Contents div#MainContents{
	width: 645px;
	float: right;
	margin: 0 15px 0 0;
	text-align: left;
	display:inline;
}

div#Contents div#MainContents div.ConInner{
	padding: 0 15px;
}

div#Contents div#MainContents p.MainCopy{
	padding: 30px 0 0 0;
}

div#Contents div#MainContents p.MainPhoto{
	padding: 30px 0 0 0;
}

div#Contents div#MainContents p.LeadTxt{
	margin: 30px 0 0 0;
	padding: 27px 10px 0 10px;
	font-size:93%;	 /* 12px */
	line-height: 1.8;
	border-top: 1px dotted #ea1d1d;
}

div#Contents div#MainContents p.LeadTxt{
	margin: 30px 0 0 0;
	padding: 27px 10px 0 10px;
	font-size:93%;	 /* 12px */
	line-height: 1.8;
	border-top: 1px dotted #ea1d1d;
}

div#Contents div#MainContents p.LeadTxt_q{
	margin: 30px 0 0 0;
	padding: 27px 10px 0 10px;
	font-size:93%;	 /* 12px */
	line-height: 1.8;
/*	border-top: 1px dotted #ea1d1d; */
}

div#Contents div#MainContents p.figure{
	margin:  0 auto;
	padding: 30px 0 0 0;
	text-align :center;
}

/******** GoTop ********/

div#GoTop{
	padding: 50px 0 50px 0;
	text-align : center;
}

/******** Footer ********/

div#Footer{
	clear: both;
	margin: 0;
	height: 173px;
	background:url(../images/foot_bg.gif) repeat-x;
}

div#Footer div#FooterNavi{
	width: 900px;
	height: 110px;
	margin: 0 auto;
	text-align: left;
}

div#Footer div#FooterNavi ul{
	margin: 30px 0 0 0;
}

div#Footer div#FooterNavi ul li{
	margin: 0 14px 0 0;
	font-size:85%;	 /* 11px */
	display:block;
	float:left;
}

div#Footer div#FooterNavi ul li a{
	color: #ffffff;
	text-decoration: none;
}

div#Footer div#FooterNavi ul li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

div#Footer div#Copyright{
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: right;
}



/******** Clear ********/

.ClearB{ clear: both;}

div#FooterInner ul:after,
div#TopContents:after,
div#Contents:after,
div#BreadcrumbList ul:after,
div#GlobalMenu ul:after,
div#HeadMenu ul:after,
div#HeadInner:after,
.Clear:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* WinIE7 MacIE5 */
div#FooterInner ul,
div#TopContents,
div#Contents,
div#BreadcrumbList ul,
div#GlobalMenu ul,
div#HeadMenu ul,
div#HeadInner,
.Clear{
	display:inline-table;
	zoom:100%;
}

/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html div#FooterInner ul,
* html html div#TopContents,
* html html div#Contents,
* html html div#BreadcrumbList ul,
* html html div#GlobalMenu ul,
* html html div#HeadMenu ul,
* html html div#HeadInner,
* html html .Clear{
	height:1px;
}

div#FooterInner ul,
div#TopContents,
div#Contents,
div#BreadcrumbList ul,
div#GlobalMenu ul,
div#HeadMenu ul,
div#HeadInner,
.Clear{
	display:block;
}