/*
	toda_webservice_guide.html¤Ë¥¤¥ó¥¯¥ë©`¥É¤µ¤ì¤ëCSS¥Õ¥¡¥¤¥ë¤Ç(PCÓÃ)
	*/

	body {
		font-family:"Yu Gothic","¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo UI", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
		font-size:15px;
		margin:auto;
		width:1140px;
	}

	h1 {
		margin:20px 0px 20px 0px; width: 100%;
		text-align: center;
		font-size:26px;

	}


	h2 {
		padding:4px 0px 4px 10px;
		font-size:20px;
		border-left: solid 6px #32cef5;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);

	}



	ul {
		padding-left:0px;
		margin-top:0px;

	}

	li {
		line-height:1.5em;
		list-style-type:disc;
		margin-left:15px;
	}


	#header{

		font-size:28px;
		font-weight:bold ;
		padding-top:5px;
		margin-bottom:55px;
		margin-right:5%;

	}


	#container {
		max-width:1140px;
		min-width:1090px;
		width:100%;
		margin:0 auto;
		background-color:white;

	}

	.explanation {
		margin:32px 20px 0px 0px;
		font-size:16px;

	}


	#mainframe {
		overflow:hidden;

	}

	#middleframe {

	border-top:3px solid #d3d3d3;
	border-bottom:3px solid #d3d3d3;
	margin-bottom:40px;
	text-align:center;
	line-height: 35px;
	background-color:#e2ffe0;
	height: 35px;
	font-weight: bold;
	font-size:18px;

	}


	#left-box {
		float:left;
		width:45%;
		line-height:1.5em;
		font-size:16px;
		margin-left:15px;
		font-weight:bold ;
	}


	#right-box {
		float:left;
		margin-left:95px;
		/*margin-top:-12px;*/
		width:45%;
		line-height:1.5em;
		font-size:16px;
		font-weight:bold ;
	}

	#faq {
		margin:0px 0px 0px 15px;

	}

	#download {
		margin:1px 0px 1px 0px;
	}

	#system {
		margin:1px 0px 1px 0px;
	}

	#footer {
		margin-top:10px;
		text-align:center;
		font-size:14px;
		line-height:2em;
	}

	.blink {
		animation: blinkAnime 1s infinite alternate;
	  }
	  @keyframes blinkAnime{
		 0% { color:white }
	   100% { color:#3972bd }
	  }

	  .top {
		display: block;
		font-weight: bold;
		font-size: 28px;
		padding: 0px 0 0 0;
		text-align: center;

	}


	/* ¤Û¤Ã¤È¤é¤¤¤ó */

	#address {
		margin:10px 0px 0px 90px;
		font-weight:bold;
		font-size:15px;

	}

	.webservicedial{
		display: block;
		font-size:25px;
		font-weight:bold;
		margin:0px 0px 0px 20px;
		float: left;
		line-height: 2em;
	}

	.webservicedial2{
		font-size:17px;
		font-weight:bold;
		margin:0px 0px 0px 10px;

	}

	.webservicedial3{
		font-size:19px;
		font-weight:bold;
		letter-spacing: 1px;
		line-height: 1.5em;
	}

	.webservicedial4{
		display: block;
		font-size:17px;
		font-weight:bold;
		line-height: 1.5em;
		width: 340px;
		float: left;
	}


	#hotline{
	    width: 340px;
		margin:0px 0px 0px 110px;
		float: left;


	}

	#hotall{
		width: 700px;
		padding: 0px 0px 5px 0px ;
		margin: 0px 0px 0px 0px ;
		float:right;

	}
	#hotall a:link {

		color: blue;

	}


	/* ¤è¤¯¤¢¤ë¤´Ù|†– */


	a:link {

		color: rgb(67, 85, 190);
		text-decoration:none;
	}


	a:hover {
		color: rgb(161, 21, 119);
		background-color: #EEEEEE;
		cursor: pointer;
	}

	a:visited{
		color: rgb(67, 85, 190);
		text-decoration:none;

	}




	.hidden_box {
		padding: 0;
		color: rgb(67, 85, 190);
		font-weight:bold;
	}



	/*¥Ü¥¿¥ó¥Û¥Ð©`•r*/
	.hidden_box label:hover {
		color: rgb(161, 21, 119);
		background-color: #EEEEEE;
		cursor: pointer;
	}


	/*¥Á¥§¥Ã¥¯¤ÏÒŠ¤¨¤Ê¤¯¤¹¤ë*/
	.hidden_box input {
		display: none;
	}

	/*ÖÐÉí¤ò·Ç±íʾ¤Ë¤·¤Æ¤ª¤¯*/
	.hidden_box .hidden_show {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.5s;
	}

	/*¥¯¥ê¥Ã¥¯¤ÇÖÐÉí±íʾ*/
	.hidden_box input:checked+label+.hidden_show {
		padding: 10px 0;
		height: auto;
		opacity: 1;
	}


	#page-top{
		margin-top:20px;
		text-align: right;

	}

	.blink {
		animation: blinkAnime 1s infinite alternate;
	  }
	  @keyframes blinkAnime{
		 0% { color: #000000 }
	   100% { color: #00ff15 }
	  }