/* ------------------------------------------------------------
	body setting
------------------------------------------------------------ */

div#mainContents {
	margin-bottom: 20px;
	zoom: 1; /* clearfix*/
	display: inline-block;
	width: 100%;
}
div#mainPrimeContents {
	float: right;
	/*width: 730px;*/
	width: 48.8%;
    margin-right: 17.2%;
    font-family: HelveticaNeue, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.29;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
}
div#sideNavi {
	float: left;
    /*width: 200px;*/
    width: 15.5%;
}
/* link */
a:link {
	text-decoration: none;
	/*color: #0066cc;*/
	color: rgba(0, 0, 0, 0.8);
}
a:visited {
	text-decoration: none;
/* 	color: #800080; */
	color: rgba(0, 0, 0, 0.8);
}
a:hover {
	/*text-decoration: underline;*/
	color: #bf0000;
}
/* ------------------------------------------------------------
	headers setting
------------------------------------------------------------ */
div#mainContents h1.headlineLv1 {
	padding-bottom: 5px;
/* 	color: #3399dd; */
/* 	font-weight: bold; */
/* 	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック"; */
/* 	display: none; */
	font-family: HelveticaNeue, Arial, sans-serif;
 	font-size: 198%;
	font-weight: bold;
	text-align: left;
	color: rgba(0, 0, 0, 0.8);
}
div#mainContents h2.headlineLv2 {
/* 	padding-bottom: 5px; */
/* 	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック"; */
/* 	font-weight: normal; */
/* 	font-size: 150%;; */
  font-family: HelveticaNeue, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
}
div#mainContents div.headlineLv2Area {
	overflow: hidden; /* clearfix*/
	margin-bottom: 10px;
	/*border-bottom: 3px double #d8d8d8;*/
	zoom: 1; /* clearfix*/
	background-color: #ffffff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
	padding-top: 10px;
}
div#mainContents div.headlineLv2Area h2.headlineLv2 {
	padding: 0;
	padding-top: 2px;
	float: left;
}
div#mainContents div.headlineLv2Area ul {
	float: right;
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
div#mainContents div#mainPrimeContents div.headlineLv2Area ul li {
	float: left;
	padding: 0 0 5px 10px;
}
div#mainContents div#mainPrimeContents h3 {
	padding: 0 0 5px 15px;
	background: url(../img/img_square_black.gif) no-repeat 0 3px;
	font-weight: normal;
}
/* ------------------------------------------------------------
	contents setting
------------------------------------------------------------ */
div#contentsArea div.topicPath {
	padding: 10px;
	width: -webkit-fill-available;
	background-color: rgba(255, 255, 255, 0.96);
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
    /* height: 32px;
    box-shadow: inset 0 1px 0 0 var(--black-12), inset 0 -1px 0 0 var(--black-12); */
    padding: 8px 17.2% 10px 17.2%;
    margin-bottom: 24px;
    font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	color: #bf0000;
	display: inline-block;
	width: 100%;
}

div#contentsArea div.topicPath a, i {
  font-family: HelveticaNeue, Arial, sans-serif, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: rgba(0, 0, 0, 0.32);
}

/* ------------------------------------------------------------
	topPageContents setting
------------------------------------------------------------ */
/* infoArea */
div#mainContents div#topPageContents  div.infoArea {
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
div#mainContents div#topPageContents  div.infoArea h2.headlineLv2 {
    padding-top: 10px;
}
div#mainContents div#topPageContents div.infoArea div.mainInfo {
	float: left;
    width:465px;
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
}
div#mainContents div#topPageContents div.infoArea div.additionalInfo {
/*	float: right;
    width: 465px; */
}
/* memberInfo */
div#mainContents div#topPageContents div.memberInfo {
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../img/bg_memberinfo_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoInner {
	padding: 17px 15px;
	background: url(../img/bg_memberinfo_top.gif) no-repeat left top;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain {
    overflow: hidden; /* clearfix */
	margin-bottom: 15px;
    zoom: 1;/* clearfix */
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain dl {
    float: left;
    width: 460px;
    padding-left: 15px;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain dt {
	padding-bottom: 15px;
	color: #bf0000;
	font-weight: bold;
	font-size: 115%;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain ul {
    float: right;
    width: 257px;
    margin-top: 25px;
    padding-right: 60px;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliAdd {
    margin-bottom: 13px;
    padding-top: 3px;
    background: url(../img/bg_btn_addinfo_top.gif) no-repeat left top;
}

div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliAdd a {
    display: inline-block;
	width: 257px;
    padding: 15px 0 18px 0;
    background: url(../img/bg_btn_addinfo.gif) no-repeat bottom left;
}
*:first-child + html div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliAdd a {
	display: inline;
}
* html div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliAdd a {
	display: inline;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliAdd span {
	display: block;
	width: 190px;
	margin-left: 20px;
    padding: 5px 20px;
    background: url(../img/img_arrow_blue_right_big.gif) no-repeat left 7px;
	font-weight: bold;
	font-size: 115%;
	cursor: pointer;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoMain li.appliMerit {
    width: 257px;
	padding: 2px 0;
    background-color: #eaf5fe;
    text-align: center;
}
div#mainContents div#topPageContents div.memberInfo div.memberInfoNote {
    padding: 15px 15px 0 15px;
    border-top: 1px solid #d8d8d8;
}

/* topPageInformation */
div#mainContents div#topPageContents div#topPageInformation {
/*	margin-bottom: 10px;
	padding: 47px 0 28px 41px;*/
	width : 100%;
	height: 832px;
    background: #ffffff url(../img/background_webservice.png) no-repeat center top;
    background-size: cover;
    overflow: auto;
}

div#mainContents div#topPageContents div.headlineMainInfo {
/*	margin-bottom: 10px;*/
	padding: 235px 17.2% 16px 17.2%;
/*	display: inline;
	white-space: nowrap;*/
	list-style-type: none;
	font-family: RakutenGlobal-B;
	font-size: 56px;
	text-align: center;
	color: #ffffff;
    font-weight: 700;
}

div#mainContents div#topPageContents div.whiteSeperatorLine {
  width: 21%;
  height: 2px;
  border: solid 1px #ffffff;
  background: #ffffff;
  margin: 0 39.4% 0 39.4%
}

div#mainContents div#topPageContents div.topPageInformationContent {
  width: 43.3%;
  height: auto;
  font-family: HelveticaNeue, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  margin: 24px 28.3% 0 28.3%
}

div#mainContents div#topPageContents div#topPageInformation div#navigateDown {
/*	margin-bottom: 10px;
	padding: 47px 0 28px 41px;*/
	width : 64px;
	height: 64px;
    background: url(../img/down-arrow-navigate.png) no-repeat center top transparent;
    margin: 119px 47.7% 56px 47.7%
}

div#mainContents div#topPageContents div.contentInformation {
/*	margin-bottom: 10px;
	padding: 47px 0 28px 41px;*/
	width : 100%;
	height: 640px;
    background-color: #000000;
    overflow: auto;
}

div#mainContents div#topPageContents div#findApisInformation div#apiDoc {
  width: 14.7%;
  height: 10%;
  border: solid 1px #ffffff;
  margin: 32px 42.6% 0 42.6%;
  overflow: hidden;
}

div#mainContents div#topPageContents div#findApisInformation div#apiDoc div#apiDocButtonName{
  font-family: HelveticaNeue, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  margin-top: 22px;
}

div#mainContents div#topPageContents div#tryApiTestForm {
	width : 100%;
	height: 640px;
    background-color: #ffffff;
    background: #ffffff url(../img/background_try_api.png) no-repeat center top;
    background-size: cover;
}

div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox {
	width : 47.7%;
	height: 60%;
  	background-color: rgba(255, 255, 255, 0.9);
  	margin: 165px 0 0 26.1%;
  	float: left;
  	overflow: auto;
}
div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div.headlineMainInfo {
	color: #bf0000;
	padding: 32px 0 0 0;
}
div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div.redSeperatorLine {
  width: 44.1%;
  height: 2px;
  border: solid 1px #bf0000;
  background: #bf0000;
  margin: 24px 29.7% 0 29.7%
}
div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div.topPageInformationContent {
	color: #bf0000;
	margin: 24px 4.6% 0 4.6%;
	width: 90.6%;
}
div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div#apiTestForm {
  width: 24.2%;
  height: 64px;
  border: solid 1px #bf0000;
  margin: 32px 37.7% 32px 37.7%;
  overflow: hidden;
}

div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div#apiTestFormButtonName{
  font-family: HelveticaNeue, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #bf0000;
  margin-top: 24px;
}

div#mainContents div#topPageContents div#makeApplicationInformation {
	background-color: #bf0000;
}

div#mainContents div#topPageContents div#makeApplicationInformation div#registerApplication {
  width: 14.7%;
  height: 10%;
  border: solid 1px #ffffff;
  margin: 32px 42.6% 0 42.6%;
  overflow: hidden;
}

div#mainContents div#topPageContents div#makeApplicationInformation div#registerApplication div#registerApplicationButtonName{
  font-family: HelveticaNeue, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  margin-top: 22px;
}

@media only screen and (max-width: 1920px) and (min-width: 1385px) {

	div#mainContents div#topPageContents div.headlineMainInfo {
		font-size: 50px;
	}
	div#mainContents div#topPageContents div.topPageInformationContent {
	  	font-size: 21px;
	}
	div#mainContents div#topPageContents div#findApisInformation div#apiDoc div#apiDocButtonName{
	  	font-size: 15px;
	}
	div#mainContents div#topPageContents div#makeApplicationInformation div#registerApplication div#registerApplicationButtonName{
	  	font-size: 15px;
	}
	div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div#apiTestFormButtonName{
	  	font-size: 15px;
	}
}
@media only screen and (max-width: 1385px) {

	div#mainContents div#topPageContents div.headlineMainInfo {
		font-size: 42px;
	}
	div#mainContents div#topPageContents div.topPageInformationContent {
	  	font-size: 18px;
	}
	div#mainContents div#topPageContents div#findApisInformation div#apiDoc div#apiDocButtonName{
	  	font-size: 14px;
	}
	div#mainContents div#topPageContents div#makeApplicationInformation div#registerApplication div#registerApplicationButtonName{
	  	font-size: 14px;
	}
	div#mainContents div#topPageContents div#tryApiTestForm div#tryApiTestFormBox div#apiTestFormButtonName{
	  	font-size: 14px;
	}
}

/* main */
div#mainContents div#topPageContents div.main {
	margin-bottom: 10px;
	padding: 47px 0 28px 41px;
	border: #d8d8d8 solid 1px;
    background: #f1f1f1 url(../img/bg_main.jpg) no-repeat center top;
}
div#mainContents div#topPageContents div.main h1.headlineMain {
	margin-bottom: 40px;
}
div#mainContents div#topPageContents div.main p.lead {
	padding-bottom: 65px;
	width: 500px;
	line-height: 1.8;
	font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック";
	font-size: 115%;
}
/* step */
div#mainContents div#topPageContents ol.step {
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
div#mainContents div#topPageContents ol.step li {
	display: inline-block;
	vertical-align: top;
	width: 270px;
	padding-top: 4px;
	padding-right: 25px;
	background: url(../img/bg_step_top.gif) no-repeat 0 0;
}
*:first-child + html div#mainContents div#topPageContents ol.step li {
	display: inline;
}
* html div#mainContents div#topPageContents ol.step li {
	display: inline;
}
div#mainContents div#topPageContents ol.step li.search div.stepInner {
	background: url(../img/bg_step_sarch_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents ol.step li.try div.stepInner {
	background: url(../img/bg_step_try_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents ol.step li.make div.stepInner {
	background: url(../img/bg_step_make_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents ol.step li div.stepInner div {
	padding-left: 53px;
}
div#mainContents div#topPageContents ol.step li div.stepInner dl {
	padding: 5px 0 0 10px;
}
div#mainContents div#topPageContents ol.step li div.stepInner dl dt {
	margin: 0;
	padding: 0;
	color: #4692c4;
	font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック";
	font-weight: bold;
	font-size: 165%;
}
div#mainContents div#topPageContents ol.step li div.stepInner dl dd {
	font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック";
	font-size: 115%;
}
div#mainContents div#topPageContents ol.step li div.stepInner ul {
	overflow: hidden; /* clearfix*/
	padding: 2px 0 10px 10px;
	zoom: 1; /* clearfix*/
}
div#mainContents div#topPageContents ol.step li div.stepInner ul li {
	display: inline-block;
	width: 80px;
	padding: 0 0 0 10px;
	background: url(../img/img_arrow_blue_right.gif) no-repeat left center;
	font-weight: bold;
}
div#mainContents div#topPageContents ol.step li div.stepInner ul li.single {
	width: 170px;
}
*:first-child + html div#mainContents div#topPageContents ol.step li div.stepInner ul li {
	display: inline;
}
* html div#mainContents div#topPageContents ol.step li div.stepInner ul li {
	display: inline;
}
/* apiState */
div#mainContents div#topPageContents div.apiState p.message {
	font-weight: bold;
	text-align: center;
}
div#mainContents div#topPageContents div.apiState div {
    margin-left: 10px;
	margin-bottom: 10px;
}
/* apiState normal */
div#mainContents div#topPageContents div.apiState div.normal {
	padding: 2px 0;
	background: url(../img/bg_apistate_normal_top.gif) no-repeat left top;
}
div#mainContents div#topPageContents div.apiState div.normal p.message {
	width: 445px;
	background: url(../img/bg_apistate_normal_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents div.apiState div.normal p.message span {
	display: inline-block;
	padding: 15px 10px 15px 40px ;
	background: url(../img/img_apistate_normal.gif) no-repeat left center ;
}
*:first-child + html div.apiState div.normal p.message span {
	display: inline;
}
* html div.apiState div.normal p.message span {
	display: inline;
}
/* apiState slow */
div#mainContents div#topPageContents div.apiState div.slow {
	padding: 2px 0;
	background: url(../img/bg_apistate_slow_top.gif) no-repeat left top;
}
div#mainContents div#topPageContents div.apiState div.slow p.message {
	width: 445px;
	background: url(../img/bg_apistate_slow_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents div.apiState div.slow p.message span {
	display: inline-block;
	padding: 15px 10px 15px 40px ;
	background: url(../img/img_apistate_slow.gif) no-repeat left center;
}
*:first-child + html div.apiState div.slow p.message span {
	display: inline;
}
* html div.apiState div.slow p.message span {
	display: inline;
}
/* apiState bad */
div#mainContents div#topPageContents div.apiState div.bad {
	padding: 2px 0;
	background: url(../img/bg_apistate_bad_top.gif) no-repeat left top;
}
div#mainContents div#topPageContents div.apiState div.bad p.message {
	width: 445px;
	background: url(../img/bg_apistate_bad_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents div.apiState div.bad p.message span {
	display: inline-block;
	padding: 15px 10px 15px 40px ;
	background: url(../img/img_apistate_bad.gif) no-repeat left center;
}
*:first-child + html div.apiState div.bad p.message span {
	display: inline;
}
* html div.apiState div.bad p.message span {
	display: inline;
}
/* apiState maintenance */
div#mainContents div#topPageContents div.apiState div.maintenance {
	padding: 2px 0;
	background: url(../img/bg_apistate_maintenance_top.gif) no-repeat left top;
}
div#mainContents div#topPageContents div.apiState div.maintenance p.message {
	width: 445px;
	background: url(../img/bg_apistate_maintenance_bottom.gif) no-repeat left bottom;
}
div#mainContents div#topPageContents div.apiState div.maintenance p.message span {
	display: inline-block;
	padding: 15px 10px 15px 40px ;
	background: url(../img/img_apistate_maintenance.gif) no-repeat left center;
}
*:first-child + html div#mainContents div#topPageContent div.apiState div.maintenance p.message span {
	display: inline;
}
* html div.apiState div#mainContents div#topPageContent div.maintenance p.message span {
	display: inline;
}
div#mainContents div#topPageContents div.linkDetail {
    padding: 0px 10px 0 0;
    text-align: right;
}
/* information */
div#mainContents div#topPageContents div.information {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
div#mainContents div#topPageContents div.information div.topic {
    margin: 10px;
}

div#mainContents div#topPageContents ul.infoList {
	padding-left: 10px;
}
div#mainContents div#topPageContents ul.infoList li {
	margin-bottom: 10px;
	word-wrap: break-word;
}
div#mainContents div#topPageContents ul.infoList li span {
	margin-right: 8px;
    vertical-align: top;
}
*:first-child + html div#mainContents div#topPageContents ul.infoList li span {
	display: inline;
}
* html div#mainContents div#topPageContents ul.infoList li span {
	display: inline;
}
div#mainContents div#topPageContents ul.infoList li span.icon {
	display: inline-block;
	width: 72px;
	text-align: center;
}
div#mainContents div#topPageContents ul.infoList li a {
    display: inline-block;
	vertical-align: top;
    width: 260px;
}
*:first-child + html div#mainContents div#topPageContents ul.infoList li a {
	display: inline;
}
* html div#mainContents div#topPageContents ul.infoList li a {
	display: inline;
}
div#mainContents div#topPageContents ul.infoList li span.icon {
    font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック";
    font-size: 0.9em;
    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 1px 1px 1px #000000;
    padding: 2px;
    border: solid 1px #CCCCCC;
}

div#mainContents div#topPageContents ul.infoList li span.fault {
	background: #ff4f4f;
	color: #ffffff;
}
div#mainContents div#topPageContents ul.infoList li span.appli {
	background: #5bc6d9;
	color: #ffffff;
}
div#mainContents div#topPageContents ul.infoList li span.news {
	background: #666666;
	color: #ffffff;
}
/* information */
div#mainContents div#topPageContents div.caseApi {
    padding-right: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    display: none;
}
div#mainContents div#topPageContents div.caseApi ul {
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
    margin-bottom: 20px;
}
div#mainContents div#topPageContents div.caseApi ul li {
	display: inline-block;
	width: 140px;
	padding-left: 5px;
	vertical-align: top;
	text-align: center;
}
*:first-child + html div#mainContents div#topPageContents div.caseApi ul li {
	display: inline;
}
* html div#mainContents div#topPageContents div.caseApi ul li {
	display: inline;
}
div#mainContents div#topPageContents div.caseApi ul li dl dt {
	vertical-align: middle;
	text-align: center;
    margin-bottom: 10px;
}
/* socialArea */
div#mainContents div#topPageContents div.socialArea {
	overflow: hidden; /* clearfix*/
	padding-right: 5px;
	padding-left: 10px;
    zoom: 1; /* clearfix*/
}
/* facebookArea */
div#mainContents div#topPageContents div.socialArea div.facebookArea {
	display: none;
}
/* twitterArea */
div#mainContents div#topPageContents div.socialArea div.twitterArea {
	padding: 0px 10px 20px 10px;
	margin: 5px 0;
	background: #f3f3f3;
	display: none;
}
div#mainContents div#topPageContents div.socialArea div.twitterArea p {
	margin-bottom: 10px;
}
/* shareArea */
div#mainContents div#topPageContents div.socialArea div.shareArea {
	padding: 0px 10px 20px 10px;
	margin: 5px 0;
}
div#mainContents div#topPageContents div.socialArea div.shareArea p {
	margin-bottom: 10px;
}
/* ------------------------------------------------------------
	mainPrimeContents setting
------------------------------------------------------------ */
div#mainPrimeContents p.description {
	margin-bottom: 25px;
}
div#mainPrimeContents pre {
	padding: 10px;
	border: 1px solid #d4d4d4;
	/*margin: 5px;*/
	overflow: auto;
}
div#mainPrimeContents p.complement {
	padding-top: 23px;
	margin-bottom: 15px;
}
div#mainPrimeContents p.selector {
/* 	border-left: 7px solid #3399DD; */
/* 	padding: 0.6em 0.8em; */
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: rgba(0, 0, 0, 0.8);
}
/* innerMenu */
div#mainPrimeContents ul.innerMenu {
	overflow: hidden; /* clearfix*/
	margin-bottom: 23px;
	padding: 15px 10px 5px 50px;
	background: #f8f8f8;;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents ul.innerMenu li {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 10px 20px;
	width: 190px;
	background: url(../img/img_arrow_red.gif) no-repeat 0 8px;
}
*:first-child + html div#mainPrimeContents ul.innerMenu li {
	display: inline;
}
* html div#mainPrimeContents ul.innerMenu li {
	display: inline;
}
div#mainPrimeContents ul.innerMenu li a {
	display:inline-block;
	/*color: #000000;*/
}
/* itemTable */
div#mainPrimeContents table.itemTable {
	width: 100%;
    border-spacing: 0;
	border-collapse: collapse;
}
div#mainPrimeContents table.itemTable th {
    vertical-align: top;
}
div#mainPrimeContents table.itemTable thead th {
	vertical-align: middle;
	padding: 8px 15px 8px 15px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	background: url(../img/bg_dot_vertical_dark.gif) repeat-y left;
	background-color: #f0f0f0;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
}
div#mainPrimeContents table.itemTable tbody th, table.itemTable tbody td {
	padding: 8px 15px 8px 15px;
	border-bottom: 1px solid #ddd;
}
div#mainPrimeContents table.itemTable tbody th {
	font-weight: normal;
}
div#mainPrimeContents table.itemTable tbody td {
	vertical-align: top;
	background: url(../img/bg_dot_vertical.png) repeat-y left;
}
/* apilist itemTable */
div#mainPrimeContents table.itemTable thead th.apiName {
	width: 145px;
	background: none;
	background-color: #f0f0f0;
}
div#mainPrimeContents table.itemTable thead th.affiliType {
	width: 60px;
}
div#mainPrimeContents table.itemTable thead th.apiType {
	width: 70px;
}
div#mainPrimeContents table.itemTable thead th.testform {
	width: 115px;
}
div#mainPrimeContents table.itemTable td.affiliType, table.itemTable td.testform {
	text-align: center;
	vertical-align: middle !important;
}
div#mainPrimeContents table.itemTable td.testform {
	width: 111px;
}
div#mainPrimeContents table.itemTable td.testform a {
	width: 111px;
	padding: 5px 10px;
	color: #ffffff;
	background: #74c3ff url(../img/bg_btn_testform.gif) repeat-x left bottom;
	text-decoration: none;
	white-space: nowrap;
}
div#mainPrimeContents table.itemTable td.testform a:hover {
	background: #1d9dff url(../img/bg_btn_testform_hover.gif) repeat-x left bottom;
}
div#mainPrimeContents table.itemTable td.testform span {
	padding: 2px 2px 2px 10px;
	background: url(../img/img_arrow_white.gif) no-repeat 0 center;
}
/* sdklist sdkItemArea */
div#mainPrimeContents div.sdkItemArea {
	margin-bottom: 20px;
}
/* sdklist sdkItemArea itemTable */
div#mainPrimeContents div.sdkItemArea table.itemTable thead th.sdkName {
	width: 130px;
	background: none;
	background-color: #f0f0f0;
}
div#mainPrimeContents div.sdkItemArea table.itemTable thead th.gitUrl {
	width: 260px;
}
div#mainPrimeContents div.sdkItemArea table.itemTable td div {
    width: 260px;
    word-break:break-all;
    word-wrap:break-word;
}
/* sdk detail */
div#mainPrimeContents div#sdkRequirement ul,
div#mainPrimeContents div#sdkDownload ul,
div#mainPrimeContents div#sdkExample ul,
div#mainPrimeContents div#sdkApiDocument ul
{
	padding-left: 20px;
}

div#mainPrimeContents div#sdkRequirement ul li,
div#mainPrimeContents div#sdkDownload ul li,
div#mainPrimeContents div#sdkExample ul li,
div#mainPrimeContents div#sdkApiDocument ul li
{
	list-style-type: disc;
}
div#mainPrimeContents div#sdkHowToUse ul.apilist {
	display: block;
	border: 1px solid #D4D4D4;
	padding: 10px;
	margin: 5px;
	zoom: 1; /* clearfix*/
	overflow: hidden; /* clearfix*/

}
div#mainPrimeContents div#sdkHowToUse ul.apilist li {
	display: block;
	width: 200px;
	float: left;
}

/* apidetail itemDetailTable */
div#mainPrimeContents div.titleTable {
	padding: 5px 0;
}
div#mainPrimeContents table.itemDetailTable {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
    border-spacing: 0;
	border-collapse: collapse;
}
div#mainPrimeContents table.itemDetailTable thead th {
	vertical-align: middle;
	text-align: center;
}
div#mainPrimeContents table.itemDetailTable th {
	padding: 5px;
	margin: 0px;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	background: #f0f0f0;
	text-align: center;
	font-weight: normal;
}
div#mainPrimeContents table.itemDetailTable th.idNo {
	width: 30px;
}
div#mainPrimeContents table.itemDetailTable th.itemName {
	width: 50px;
}
div#mainPrimeContents table.itemDetailTable th.style {
	width: 80px;
}
div#mainPrimeContents table.itemDetailTable th.require {
	width: 40px;
}
div#mainPrimeContents table.itemDetailTable th.default {
	width: 70px;
}
div#mainPrimeContents table.itemDetailTable td.idNo,
div#mainPrimeContents table.itemDetailTable td.require,
div#mainPrimeContents table.itemDetailTable td.default {
	text-align: center;
}
div#mainPrimeContents table.itemDetailTable td.remarks {
	padding: 5px;
}
div#mainPrimeContents table.itemDetailTable td.remarks p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div#mainPrimeContents table.itemDetailTable td.remarks ul {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
div#mainPrimeContents table.itemDetailTable td.remarks ul li {
	list-style-type: disc;
}
div#mainPrimeContents table.itemDetailTable td {
	vertical-align: top;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	padding: 5px;
	margin: 0px;
}
div#mainPrimeContents table.itemDetailTable th.division {
	padding-left: 5px;
	background: #f7f7f7;
	text-align: left;
}
/* hourlyOperationStatus(itemDetailTable) */
div#mainPrimeContents table.itemDetailTable tbody.hourlyOperationStatus th {
	width: 230px;
	text-align: left;
	background-color: #ffffff;
}
div#mainPrimeContents table.itemDetailTable tbody.hourlyOperationStatus th a {
	display: block;
	width: 230px;
	word-break: break-all;
	word-wrap: break-word; /* opera */
	white-space: pre-wrap; /* mozilla */
}
div#mainPrimeContents table.itemDetailTable tbody.hourlyOperationStatus td {
	line-height: 0;
	vertical-align: middle;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
div#mainPrimeContents table.itemDetailTable tbody.hourlyOperationStatus td span {
	display: block;
	text-indent: -9999px;
}
div#mainPrimeContents table.itemDetailTable tbody.hourlyOperationStatus strong {
	color: #bf0000;
	font-weight: bold;
}
/* dailyOperationStatus(itemDetailTable) */
div#mainPrimeContents table.itemDetailTable tbody.dailyOperationStatus th {
	width: 230px;
	text-align: left;
	background-image: none;
	vertical-align: middle;
}
div#mainPrimeContents table.itemDetailTable tbody.dailyOperationStatus th a {
	display: block;
	width: 230px;
	word-break: break-all;
	word-wrap: break-word; /* opera */
	white-space: pre-wrap; /* mozilla */
}
div#mainPrimeContents table.itemDetailTable tbody.dailyOperationStatus td {
	line-height: 0;
	padding:7% 5px 2%;
	background-color: #ffffff;
	background-position: 50% 30%;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
/* itemDetailTable status */
div#mainPrimeContents table.itemDetailTable  .statusA {
	background-color: #c7ffcf;
	background-image: url(../img/img_operation_statusA_L.png);
}
div#mainPrimeContents table.itemDetailTable  .statusB {
	background-color: #fff7b6;
	background-image: url(../img/img_operation_statusB_L.png);
}
div#mainPrimeContents table.itemDetailTable  .statusC {
	background-color: #ffd7d7;
	background-image: url(../img/img_operation_statusC_L.png);
}
div#mainPrimeContents table.itemDetailTable  .statusD {
	background-color: #f8f8f8;
	background-image: url(../img/img_operation_statusD_L.png);
}
div#mainPrimeContents table.itemDetailTable  .colStatus {
	width: 40px;
}
/* registAppInformation(itemDetailTable) */
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation th {
	text-align: left;
	vertical-align: top;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation th p{
	width: 190px;
	word-break: break-all;
	word-wrap: break-word; /* opera */
	white-space: pre-wrap; /* mozilla */
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation th p.limit{
	color: #747474;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation th strong{
	margin-left: 10px;
	padding: 3px 5px;
	background: #bf0000;
	color: #ffffff;
	font-size: 65.2%;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td p{
	width:480px;
	word-break: break-all;
	word-wrap: break-word; /* opera */
	white-space: pre-wrap; /* mozilla */
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td input  {
	width: 90%;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td textarea  {
	width: 80%;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td img  {
	display: block;
	margin-right:10px;
	float: left;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td div.authHelp {
	margin-top: 5px;
	padding: 5px;
	float: left;
	background: #f0f0f0;
	font-size: 85%;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td input.authInput {
	display: block;
	width: 80px;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td div.authHelp p.help {
	width: auto;
	padding-left: 20px;
	background: url(../img/img_help.gif) no-repeat 0 50%;
	color: #bf0000;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td.violation {
	text-align: center;
}
div#mainPrimeContents table.itemDetailTable tbody.registAppInformation td.violation p {
	margin: auto;
	font-weight: bold;
	color: #bf0000;
}
div#mainPrimeContents table.itemDetailTable tbody tr td pre {
	width: 400px;
	overflow: auto;
}


/* apidetail .requestSample */
div#mainPrimeContents div.requestSample {
	padding: 10px;
	border: 1px solid #d4d4d4;
}
div#mainPrimeContents div.pageTop, div#topPageContents div.pageTop {
    padding: 10px 10px 20px 0;
    text-align: right;
}
div#mainPrimeContents div.pageTop a, div#topPageContents div.pageTop a {
	display: inline-block;
    padding-right: 20px;
    background: url(../img/arrow-up.svg) no-repeat right 50%;
    /*background: url(../img/img_arrow_blue_above.gif) no-repeat 0 50% transparent;
    color: rgba(0, 0, 0, 0.8);*/
}
div#mainPrimeContents div.separate {
	margin-top: 20px;
	border-top: 1px solid #d4d4d4;
}
div#mainPrimeContents div.help {
    padding: 10px 0;
    text-align: right;
}
div#mainPrimeContents div.help a {
	display: inline-block;
    padding-left: 20px;
    background: url(../img/img_help.gif) no-repeat 0 50% transparent;
}
div#mainPrimeContents div.bottomLink {
	padding: 10px 0 20px 0;
	border-top: 1px solid #d4d4d4;
}
div#mainPrimeContents div.bottomLink ul {
	text-align: right;
}
div#mainPrimeContents li.apiForm a {
	display: inline-block;
	padding: 5px 10px;
/* 	border: 1px solid #d4d4d4; */
/* 	background: #fefefe url(../img/bg_btn_apitestform.gif) repeat-x left bottom; */
	text-decoration: none;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 16px;
	line-height: 1;
	text-align: right;
	color: #bf0000;

}
*:first-child + html div#mainPrimeContents li.apiForm a {
	display: inline;
}
* html div#mainPrimeContents li.apiForm a {
	display: inline;
}
div#mainPrimeContents li.apiForm a:hover {
	background: #f4f4f4 url(../img/bg_btn_apitestform_hover.gif) repeat-x left bottom;
}
div#mainPrimeContents li.apiForm span {
	padding: 2px 28px 2px 10px;
	background: url(../img/arrow-right.svg) no-repeat right;
/* 	background: url(../img/img_arrow_grey.gif) no-repeat 0 4px; */
}
div#mainPrimeContents div.bottomLink li.apiForm {
	padding-top: 5px;
}
div#mainPrimeContents div.headlineLv2Area ul {
	padding: 0;
	text-align: right;
}
/* testformList */
div.testformList {
	overflow: hidden; /* clearfix*/
	padding-bottom: 15px;
	zoom: 1; /* clearfix*/
}
div.testformList ul.formList {
	float: left;
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
div.testformList ul.formList li {
	float: left;
	padding-right: 15px;
}
div.testformList ul.formList li select {
	width: 240px;
}
div.testformList ul.apiDetail {
	float: right;
	padding-top: 10px;
}
/* testformTable */
div#mainPrimeContents div.testformArea {
	overflow: hidden; /* clearfix*/
	padding-bottom: 15px;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.testformArea thead th.value {
	width: 300px;
}
div#mainPrimeContents div.testformArea ul.formList {
	display: block;
	float: left;
	overflow: hidden; /* clearfix*/
	margin: 0;
	padding: 0;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.testformArea ul.formList li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 15px;
}
div#mainPrimeContents div.testformArea ul.formList li select {
	width: 240px;
}
div#mainPrimeContents div.testformArea ul.apiDetail {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
div#mainPrimeContents table.testformTable {
	width: 733px;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
    border-spacing: 0;
	border-collapse: collapse;
}
div#mainPrimeContents table.testformTable th {
	background-color: #f0f0f0;
	padding: 7px;
	font-weight: normal;
	text-align: center;
}
div#mainPrimeContents table.testformTable td {
	padding: 7px;
	text-align: center;
}
div#mainPrimeContents table.testformTable td input {
	width: 290px;
}
/* addCustom */
div#mainPrimeContents div.addCustom {
	width: 620px;
	overflow: hidden; /* clearfix*/
	padding: 15px;
	margin: 0 auto 20px auto;
	background-color: #f0faff;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.addCustom ul {
	display: block;
	float: left;
	overflow: hidden; /* clearfix*/
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.addCustom ul li {
	display: block;
	float: left;
	padding-right:10px;
}
div#mainPrimeContents div.addCustom ul li select {
	width: 210px;
}
div#mainPrimeContents div.addCustom div.action {
	float: right;
	width: 180px;
	text-align: right
}
div#mainPrimeContents div.addCustom div.action a {
	display: inline-block;
	padding: 3px 0 3px 23px;
	background: url(../img/btn_plus.gif) no-repeat left center;
}
*:first-child + html div#mainPrimeContents div.addCustom div.action a {
	display: inline;
}
* html div#mainPrimeContents div.addCustom div.action a {
	display: inline;
}
/* testformSubmit */
div#mainPrimeContents div.testformSubmit {
	width: 650px;
	margin: 0  auto;
	padding-bottom: 20px;
}
div#mainPrimeContents div.testformSubmit #testformSubmit  {
	display: block;
	width: 174px;
	height: 44px;
	margin: 0 auto;
	border: none;
	color: #ffffff;
	background: url(../img/bg_btn_send.gif) no-repeat left bottom;
	font-weight: bold;
	font-size: 125%;
}
div#mainPrimeContents div.testformSubmit .multi-row #testformSubmit  {
	font-size: 100%;
}
div#mainPrimeContents div.testformSubmit #testformSubmit:hover {
	background: url(../img/bg_btn_send_hover.gif) no-repeat left bottom;
}
/* sdkListSimple */
div#mainPrimeContents div.sdkListSimple {
	overflow: hidden;  /* clearfix*/
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #d3d3d3;
	background-color: #f0f0f0;
	zoom: 1;  /* clearfix*/
}
div#mainPrimeContents div.sdkListSimple p.sdkDescription,
div#mainPrimeContents div.sdkList p.sdkDescription {
	float: left;
}
div#mainPrimeContents div.sdkListSimple ul {
	float: right;
	padding: 0 !important;
}
div#mainPrimeContents div.sdkListSimple ul li a span,
div#mainPrimeContents div.sdkList div.description a span {
	padding-left: 12px;
	background: url(../img/img_arrow_red_right.gif) no-repeat left center;
}
div#mainPrimeContents div.sdkList {
	margin: 0 0 10px 0;
	padding: 0px;
	border: 1px solid #d3d3d3;
	background-color: #f0f0f0;
	overflow: hidden;
	zoom: 1; /* clearfix*/
}
/* sdkList */
div#mainPrimeContents div.sdkList div.description {
	overflow: hidden;
	padding: 15px;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.sdkList div.description a {
	float: right;
}
div#mainPrimeContents div.sdkList ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	zoom: 1; /* clearfix*/
}
div#mainPrimeContents div.sdkList ul li {
	display: block;
	float: left;
	width: 128px;
	margin-right: 14px;
	padding: 1px 0 0 0;
	text-align: center;
	background: url(../img/bg_btn_sdk_top.gif) no-repeat top left;
}
div#mainPrimeContents div.sdkList ul li a {
	display: block;
	width: 120px;
	padding: 14px 4px;
	background: url(../img/bg_btn_sdk_bottom.gif) no-repeat left bottom;
	text-decoration: none;
}
div#mainPrimeContents div.sdkList ul li a:hover {
	background: url(../img/bg_btn_sdk_bottom_hover.gif) no-repeat left bottom;
}
/* for code area */
div#mainPrimeContents div.responseArea,
div#mainPrimeContents div.requestUrl,
div#mainPrimeContents div.methodArea,
div#mainPrimeContents div.sampleArea {
	margin-bottom: 20px;
}
/* terms */
div#mainPrimeContents  div.terms p {
	margin-bottom: 1em;
}
div#mainPrimeContents  div.terms ol {
	margin-bottom: 1em;
	padding-left:20px;
	zoom: 1;
}
*:first-child+html div#mainPrimeContents  div.terms ol {
	padding-left:25px;
}
div#mainPrimeContents   div.terms ol li {
	margin-bottom: 0.5em;
	list-style: decimal outside;
}
div#mainPrimeContents   div.terms ul.custum-decimal{
	padding-left: 25px;
	zoom: 1;
}
div#mainPrimeContents   div.terms ul.custum-decimal li {
	margin-bottom: 0.5em;
	text-indent: -2em;
}
div#mainPrimeContents   div.terms ul.custum-decimal li span{
	padding: 0.5em;
}
div#mainPrimeContents   div.terms ul.list-disc {
	margin-bottom: 1em;
}
div#mainPrimeContents   div.terms ul.list-disc li {
	margin-bottom: 0;
	list-style: disc outside;
	text-indent: 0;
}
div#mainPrimeContents   div.terms div.update {
	margin-bottom: 20px;
	text-align: right;
}
div#mainPrimeContents   div.terms div.update p{
	margin-bottom: 10px;
}
div#mainPrimeContents div.terms pre {
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
/* figure */
div#mainPrimeContents div.figure {
	text-align: center;
	padding:20px 0;
}
/* rightBox */
div#mainPrimeContents p.rightBox {
	text-align: right;
}
/* notes */
div#mainPrimeContents p.notes {
	width: auto;
	margin: 1em 0;
	padding-left: 20px;
	background: url(../img/img_notes.gif) no-repeat 0 10%;
	color:
	#BF0000;
}
/* guideButton */
div.guideButton a {
	display: inline-block;
	width: 143px;
	height: 35px;
	background: url(../img/bg_btn_guide.gif) 0 0 no-repeat;
	text-align: center;
	text-decoration: none;
}
div.guideButton a:hover {
	background-image: url(../img/bg_btn_guide_hover.gif);
}
div.guideButton a span{
	display: inline-block;
	padding: 9px 0;
	cursor: pointer;
}
/* listBox */
div#mainPrimeContents div.notesListBox {
	padding: 15px;
	border: 1px solid #d4d4d4;
}
div#mainPrimeContents div.notesListBox p.notes{
	margin: 1em 0 0;
}
/* mainPrimeContents */
.registAppPage div#mainPrimeContents {
	margin: 0 auto;
	width: 730px;
	float: none;
}
/* memberInfo */
.registAppPage #mainPrimeContents div#topPageContents div.memberInfo {
	margin-top: 0;
	background-image: url(../img/bg_memberinfo_bottom730.gif);
	overflow:hidden;
	zoom:1;
}
.registAppPage #mainPrimeContents div#topPageContents div.memberInfo div.memberInfoInner {

}
.registAppPage #mainPrimeContents div#topPageContents div.memberInfo div.memberInfoMain dl {
	width: 400px;
	padding-left: 10px;
}
.registAppPage #mainPrimeContents div#topPageContents div.memberInfo div.memberInfoMain ul {
	padding-right: 15px;
}
/* information */
div#mainPrimeContents   div.information {
	margin: 0 auto 20px;
	padding: 20px 20px 10px 0;
	background: url(../img/img_info.gif) 20px 50% no-repeat;
	border: 1px solid #d4d4d4;
	min-height: 80px;
}
div#mainPrimeContents   div.information p{
	padding-left: 120px;
}
/* terms */
.registAppPage div#mainPrimeContents   div.terms {
	margin: 0 auto 20px;
	padding: 10px;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #d4d4d4;
}
/* appOutline */
.registAppPage div#mainPrimeContents  div.appOutline {
	overflow: hidden;
	zoom: 1;
}

.registAppPage div#mainPrimeContents  div.appOutline div.text{
	width: 100%;
}
.registAppPage div#mainPrimeContents  div.appOutline div.text p{
	word-break: break-all;
	word-wrap: break-word; /* opera */
	white-space: pre-wrap; /* mozilla */
}
.registAppPage div#mainPrimeContents div.appOutline  a{
    display: block;
    padding-bottom: 0.5rem;
}

.registAppPage div#mainPrimeContents div.appOutline span {
    font-weight: bold;
}
/* testformSubmit */
.registAppPage div#mainPrimeContents div.testformSubmit input#testformSubmit {
	font-size: 100%;
}
/* itemTable */
.creditPage div#mainPrimeContents table.itemTable {
	margin: 10px 0 20px;
}
.creditPage div#mainPrimeContents table.itemTable tbody th {
	width: 145px;
}
.creditPage div#mainPrimeContents table.itemTable tbody td {
	vertical-align: middle;
}
/* usageNoteSet */
.creditPage div#mainPrimeContents div.usageNoteSet {
	margin: 15px 0;
}
/* sampleArea */
.creditPage div#mainPrimeContents div.sampleArea p {
	margin-bottom: 10px;
}
/* help */
.guidePage div#mainPrimeContents div.help {
	text-align: left;
	padding: 0 0 5px;
}
/* notes */
.guidePage div#mainPrimeContents p.notes {

}
/* guideButton */
.guidePage div#mainPrimeContents div.guideButton {
	float: right;
}
/* aboutService */
.guidePage div#mainPrimeContents div#aboutService {
	margin-bottom:30px;
}
/* howToDevelop */
.guidePage div#mainPrimeContents div#howToDevelop  ol.stepList li {
	border-top: 1px solid #d4d4d4;
	overflow: hidden;
	zoom: 1;
}
.guidePage div#mainPrimeContents div#howToDevelop  ol.stepList li:first-child {
    border-top: none;
}
.guidePage div#mainPrimeContents div#howToDevelop  ol.stepList ul li {
	border-top: none;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList dt {
	/*width: 220px;*/
	width: 40%;
	float: left;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList ul dt {
	width: auto;
	float: none;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList dt span{
	display: block;
	padding: 20px 0 0 15px;
	font-size: 280%;
	font-family: RakutenGlobal-B;
    color: #bf0000;
	/*color: #3399dd;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック";
	font-size: 280%;
	font-weight: bold;*/
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList dd {
	padding: 10px 0;
	/*width: 490px;*/
	width: 60%;
	float: left;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList ul dd {
	width: auto;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList p {
	display: block;
	width: 310px;
	margin-bottom: 10px;
	float: left;
	/*word-break: break-all;
	word-wrap: break-word;  opera
	white-space: pre-wrap;  mozilla */
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep1 {
	/*background: url(../img/bg_guide_serviceStep1.gif) 0 0 no-repeat;*/
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep2 {
	/*height: 100px;
	background: url(../img/bg_guide_serviceStep2.gif) 0 0 no-repeat;*/
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep3 {
	/*background: url(../img/bg_guide_serviceStep3.gif) 0 0 no-repeat;*/
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep3 p {
	margin: 0 0 5px 0;
	width: auto;
	float: none;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep3 ul {
	width: 310px;
	float: left;
}
.guidePage div#mainPrimeContents div#howToDevelop ol.stepList li.serviceStep3 ul dd {
	padding: 0;
}
/* aboutApp */
.guidePage div#mainPrimeContents div#aboutApp p {
	margin-bottom: 10px;
}
.guidePage div#mainPrimeContents div#aboutApp ul {
	padding-left: 20px;
}
.guidePage div#mainPrimeContents div#aboutApp ul li{
	list-style-type: disc
}
/* merrit */
.guidePage div#mainPrimeContents div#merrit p {
	margin-bottom: 10px;
}
.guidePage div#mainPrimeContents div#merrit ul {
	padding-left: 20px;
}
.guidePage div#mainPrimeContents div#merrit ul li{
	list-style-type: disc
}
/* caseExample */
.guidePage div#mainPrimeContents div#caseExample  {
	overflow: hidden;
	zoom: 1;
}
.guidePage div#mainPrimeContents div#caseExample img {
	display: block;
	float: left;
}
.guidePage div#mainPrimeContents div#caseExample div.text {
	padding-top: 40px;
}
.guidePage div#mainPrimeContents div#caseExample p {
	display: block;
	width: 350px;
	float: left;
}
/* forUsers */
.guidePage div#mainPrimeContents div#forUsers p{
	margin-bottom:10px;
}
/* ------------------------------------------------------------
itemDetailLegend
------------------------------------------------------------ */
/* itemDetailLegend*/
div#mainPrimeContents ul.itemDetailLegend {
	margin-bottom: 10px;
	float: right;
}
div#mainPrimeContents ul.itemDetailLegend li {
	display: inline;
	padding-left: 35px;
}
div#mainPrimeContents ul.itemDetailLegend li {
	background: 15px 50% no-repeat;
}
/* itemDetailLegend status*/
div#mainPrimeContents ul.itemDetailLegend li.statusA {
	background-image: url(../img/img_operation_statusA_S.gif);
}
div#mainPrimeContents ul.itemDetailLegend li.statusB {
	background-image: url(../img/img_operation_statusB_S.gif);
}
div#mainPrimeContents ul.itemDetailLegend li.statusC {
	background-image: url(../img/img_operation_statusC_S.gif);
}
div#mainPrimeContents ul.itemDetailLegend li.statusD {
	background-image: url(../img/img_operation_statusD_S.gif);
}
/* ------------------------------------------------------------
tab contents
------------------------------------------------------------ */
/* tabContents */
div#mainPrimeContents .hidden {
	display: none;
}

/* tabMenu */
div#mainPrimeContents ul.tabMenu {
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #bababa;
	zoom:1;
}
div#mainPrimeContents ul.tabMenu li {
	float: left;
	margin-right: 5px;
	background: url(../img/bg_tabmenu_right.gif) 100% 0 no-repeat;
}
div#mainPrimeContents ul.tabMenu h2 {
	font-weight: normal;
}
div#mainPrimeContents ul.tabMenu li  a{
	display: block;
	padding:8px 20px;
	background: url(../img/bg_tabmenu_left.gif) 0 0 no-repeat;
	color: #333333;
}
div#mainPrimeContents ul.tabMenu li.active,
div#mainPrimeContents ul.tabMenu li:hover {
	background-image: url(../img/bg_tabmenu_right_on.gif);
}
div#mainPrimeContents ul.tabMenu li.active a,
div#mainPrimeContents ul.tabMenu li a:hover {
  background-image: url(../img/bg_tabmenu_left_on.gif);
}
/* ------------------------------------------------------------
	sidenavi setting
------------------------------------------------------------ */
div#sideNavi {
/*	border: 1px solid #d8d8d8; */
	background-color: #ffffff;
	margin-left: 17.2%;
	background-color: #ffffff;
	box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);

}
div#sideNavi h3.navHeadlineLv2 {
	/*margin: 0;
	padding: 15px 0 15px 10px;
	border-top: 1px solid #d8d8d8;
	font-weight: bold;
	zoom: 1; */
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	color: rgba(0, 0, 0, 0.8);
}
div#sideNavi h3.first {
	border-top: none;
}
div#sideNavi ul.list {
	padding: 16px 0 10px 10px;
}
div#sideNavi ul.list li {
	padding: 0 0 20px 10px;
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #bf0000;
	/*color: rgba(0, 0, 0, 0.8);*/
	background: url(../img/img_dot_grey.gif) no-repeat 1px 7px;
}
div#sideNavi ul.list li:last-of-type {
	padding-bottom: 5px;
}
div#sideNavi ul.list li a {
	font-family: HelveticaNeue, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	/*color: rgba(0, 0, 0, 0.8);
	background: url(../img/img_dot_grey.gif) no-repeat 1px 7px;*/
}
div#sideNavi ul.list li a.selectedSideMenu {
	color: #bf0000;
}
div#sideNavi ul.list li.separator {
	padding: 0;
	height: 10px;
	background: none;
}
span.newapi {
	color: #CC0000;
	margin-left: 5px;
}
div#sideNavi ul.list li.first {
	margin-top: 15px;
}
div h3.navHeadlineLv2 {
	background: url(../img/ic-arrow-drop-up.svg) no-repeat 95% center;
	cursor: pointer;
}
div h3.navHeadlineLv2:hover {
	color: #0066cc;
}
div.closed h3.navHeadlineLv2 {
	/*background: url(../img/img_subnavi_open.gif) no-repeat 95% center;*/
	background: url(../img/ic-arrow-drop-down.svg) no-repeat 95% center;
	background-size: 24px;
	cursor: pointer;
}
div#sideNavi div.closed ul.list, div#sideNavi div.closed dl {
	display: none;
}
/* userGuide */
div#sideNavi div.userGuideList h2 {
	border: none;
}
div#sideNavi div.userGuideList ul.list{
	padding-top: 15px;
	border-top: 1px solid #d8d8d8;
}
/* ------------------------------------------------------------
	sideNavi
------------------------------------------------------------ */
div#sideNavi dl {
	padding: 0 0 10px 10px;
}
div#sideNavi .navHeadlineLv2 {
	margin: 0;
	padding: 17px 0 17px 10px !important;
	font-weight: bold;
	border-bottom: 1px solid #d8d8d8;
	zoom: 1;
}
div#sideNavi .navLv3 dt {
	padding: 5px 0 5px 10px;
}
div#sideNavi .navLv3 dd {
	padding: 5px;
}
div#sideNavi input.checkbox {
	margin-right: 6px;
	vertical-align: bottom;
}

/* ------------------------------------------------------------
	select_date
------------------------------------------------------------ */
.select_date {
	margin-top: 20px;
	margin-bottom: 20px;
}
.select_date select {
	width:210px;
	height:28px;
	padding:4px;
	margin-bottom:9px;
	font-size:13px;
	line-height:28px;
	color:#555555;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color:#ffffff;
}
/* ------------------------------------------------------------
	chartBox
------------------------------------------------------------ */
.chartBox {
	margin-bottom: 40px;
	background: #f2f2f2;
	text-align: center;
}
/* ------------------------------------------------------------
	btn_download
------------------------------------------------------------ */
.btn_download {
	margin-bottom:40px;
}
.btn_download button {
	display: block;
	width:180px;
	height:28px;
	margin: 0 auto;
	font-size:13px;
	line-height:13px;
	color:#fff;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background-color: #0055cc;
	cursor: pointer;
}
.btn_download button:hover {
	background-color: #333;
}