@charset "utf-8";

/* リンクリスト */
.tap-link > li{
	border-bottom:1px solid #9da2a8;
	font-size:14px;
	background-color: #F3F3F3;
}
.tap-link > li a{
	color:#333;
	display:block;
	padding:10px 26px 10px 10px;
	font-weight:bold;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrUmMtKG1Ecxk8ualWQwUuEGmiMgpqFzMJiV8E+Qe2m26roXp/A9gnEtaIxL2C7bDemy2xCkJD1BF10oWYQTMRb+n3DnBLGzEzSesb2Dx8nxpw53+9/7hNqNBrif45opxV2d3d1FJr8Gwkorq2tmc8FEPLrgZ2dHS0cDi9C7+xShEKh3/9/eHgghIEyd39/v726ulr8ZwD29vbWI5HIZjQa1SBB81RzsD4hYN7S3d1dDloGiPFsABgmWldX1yG0QOOAsOTMvgSQgnFLt7e3JrSxsrKSCRyA5ru7u48gHQDCmXkngIRgsAfYGzAvbm5uqGWEUoiw8wua7+np0SF+FrIHaLyVeQlF8Xf8PeuxPrSPWAoM4ODgYIvmpfFWQ4YxNDTkCsI6EsLWFuZSQjkAMpXAkFlvHjatzM/Ozor5+XkRj8fdx6XdG3wWADif9pUDoJHNdsxL482f/SC4GGQyGV0ZALKvobElNuZmvre3V4yOjroC+Q0p6KMyAJhf8Mo8o16vi3w+b60w7UJIALsnPigDwMR9I827ATAuLy//GALlS2UA/f39r72y/zcQMilUNptdUAKAhyf9su+EKBQKLSd5qyVW9oLzGPKUc+BFJ5U42WdmZh59f3p6Ks7Pz13rTU1N6UoAYrHYdSfmuQ8MDAw8Mn98fOxZF73zUwlAX1/ftUrzPCtxlUsmk2oAhoeHv9nneiXmGSMjIywMVQBFGvOCYAa5mXU6bOSlB5tgTRkAIjcxMWE15BbOjawd8/Kyw5Mpnv9d5VnIGB8fLw4ODnr2gtwDDMNoK/PyjsDlFfFV9XF6mw1xrZY3LDeIcrns+2DWp3lubmNjYxw6GdUAGU3TcrquWw03T8BOQw4d7PAy+xtB3cg2kC1zbm7O2j29esLPPJIh0uk07wPM/JcgL/WL0KFpmqJUKolqtep5H3Ze7ml+cnJSpFIpfs1XLG8hM0gACcFblFapVMTJyYm4uLhoCSKNc5nFji6mp6etocOVDXqv0rzfeyGeW7Yg6wR5dXUlzs7ORK1Ws5ZUltg/LPMs7Y1KxmfoUyBvtprf67hoCTpq+EcV2ocSbTzzyRTqYJIm7N5g+couf8iN0Fbg8UuAAQBwSDbflQguKwAAAABJRU5ErkJggg==) no-repeat right center;
	-webkit-background-size: 24px 15px;
	-moz-background-size: 24px 15px;
}
.tap-link > li a:not([href]){
	color:#888;
	background:none;
}
.tap-link .noarrow{
	background:none;
}
/* 表示モード*/
#display_mode {
	text-align:center;
	padding:30px 0 15px;
}
#display_mode ul li {
	display:inline;
}
#display_mode ul li:first-child {
	border-right:1px solid #8f8f8f;
}
#display_mode ul li a{
	padding:0 5px;
	color:#0044ff;
}
#display_mode ul li a:not([href]){
	font-weight:bold;
	color:#000000;
}
/* ボタン */
.gradient-button{
	margin: 10px;
}
.gradient-button a{
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%, #FBFBFB), color-stop(51%, #ECECEC), to(#EBEBEB));
	border:1px solid #BFBFBF;
	-webkit-border-radius:3px;
	color:#333;
	display:block;
	font-weight:bold;
	padding:4px;
	text-align:center;
	text-shadow:0 -1px 0 #fff;
}
/* コンテンツ */
.toolbar {
	background-color:#0083CB;
//	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#525252));
	position: relative;
	height: 42px;
	border-top:1px solid #00527F;
	border-bottom:1px solid #00527F;
}
.toolbar h1 {
	line-height: 41px;
	background: -webkit-gradient(linear, left top, left bottom, from(#00A2FC), to(#0083CB));
	color: #FFFFFF;
	text-shadow:0 -1px 0 #000;
	font-size: 16px;
	padding-left: 10px;
	border-top: solid 1px #65C8FD;
}
.toolbar .detail {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 12px;
	border: solid 1px #252525;
	-webkit-border-image: url(/static/docs/PC/old/images/lite/common/button_black.png) 8 8 8 8/ 4px;
	color: #FFFFFF;
	text-shadow:0 -1px 0 #000;
	padding: 2px 6px;
	width: 30px;
	text-align: center;
}
.section-box .body {
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}
.section-box .body p {
	margin: 4px 0 0 0;
}
.toolbar .back {
	display: block;
	position: absolute;
	left: 6px;
	top: 5px;
	border: solid 1px #252525;
	-webkit-border-image: url(/static/docs/PC/old/images/lite/common/button_back.png) 8 8 8 22/ 4px 4px 4px 11px;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 #000;
	font-size: 12px;
	text-align: center;
	padding: 2px 6px;
}
/* 角丸リスト */
.radius-list {
	margin-top: 10px;
}
.radius-list > li {
	border-top: solid 1px #BFBFBF;
	border-right: solid 1px #BFBFBF;
	border-left: solid 1px #BFBFBF;
	position: relative;
	background: #FFFFFF;
}
.radius-list > li:after {
	content: "";
	display: block;
	clear: both;
}
.radius-list > li:first-child {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

.radius-list > li:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border: solid 1px #BFBFBF;
}
.radius-list a {
	color:#333;
	display:block;
	padding:10px 26px 10px 10px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0hJREFUeNrUmMtKG1Ecxk8ualWQwUuEGmiMgpqFzMJiV8E+Qe2m26roXp/A9gnEtaIxL2C7bDemy2xCkJD1BF10oWYQTMRb+n3DnBLGzEzSesb2Dx8nxpw53+9/7hNqNBrif45opxV2d3d1FJr8Gwkorq2tmc8FEPLrgZ2dHS0cDi9C7+xShEKh3/9/eHgghIEyd39/v726ulr8ZwD29vbWI5HIZjQa1SBB81RzsD4hYN7S3d1dDloGiPFsABgmWldX1yG0QOOAsOTMvgSQgnFLt7e3JrSxsrKSCRyA5ru7u48gHQDCmXkngIRgsAfYGzAvbm5uqGWEUoiw8wua7+np0SF+FrIHaLyVeQlF8Xf8PeuxPrSPWAoM4ODgYIvmpfFWQ4YxNDTkCsI6EsLWFuZSQjkAMpXAkFlvHjatzM/Ozor5+XkRj8fdx6XdG3wWADif9pUDoJHNdsxL482f/SC4GGQyGV0ZALKvobElNuZmvre3V4yOjroC+Q0p6KMyAJhf8Mo8o16vi3w+b60w7UJIALsnPigDwMR9I827ATAuLy//GALlS2UA/f39r72y/zcQMilUNptdUAKAhyf9su+EKBQKLSd5qyVW9oLzGPKUc+BFJ5U42WdmZh59f3p6Ks7Pz13rTU1N6UoAYrHYdSfmuQ8MDAw8Mn98fOxZF73zUwlAX1/ftUrzPCtxlUsmk2oAhoeHv9nneiXmGSMjIywMVQBFGvOCYAa5mXU6bOSlB5tgTRkAIjcxMWE15BbOjawd8/Kyw5Mpnv9d5VnIGB8fLw4ODnr2gtwDDMNoK/PyjsDlFfFV9XF6mw1xrZY3LDeIcrns+2DWp3lubmNjYxw6GdUAGU3TcrquWw03T8BOQw4d7PAy+xtB3cg2kC1zbm7O2j29esLPPJIh0uk07wPM/JcgL/WL0KFpmqJUKolqtep5H3Ze7ml+cnJSpFIpfs1XLG8hM0gACcFblFapVMTJyYm4uLhoCSKNc5nFji6mp6etocOVDXqv0rzfeyGeW7Yg6wR5dXUlzs7ORK1Ws5ZUltg/LPMs7Y1KxmfoUyBvtprf67hoCTpq+EcV2ocSbTzzyRTqYJIm7N5g+couf8iN0Fbg8UuAAQBwSDbflQguKwAAAABJRU5ErkJggg==) no-repeat right center;
	-webkit-background-size: 24px 15px;
	-moz-background-size: 24px 15px;
}
/* content */
div.content{
	padding:10px 0;
}
a.guide_button {
    background: url("/static/docs/SMART/images/common/button-guide.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 34px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    text-indent: -9999px;
    top: -5px;
}
/* Reset */
/* ------------------------------------- */
/* ブラウザのデフォルトのスタイルをリセットする */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1.0;
	-webkit-text-size-adjust: none;
	min-width: 320px;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}
img {
	border:none;
   	vertical-align: bottom;
}
ul, ol {
	list-style: none;
}
li {
	list-style: none;
}
table {
	border-spacing: 0;
	empty-cells: show;
}
div {
    zoom:1;
}
a {
	outline:0;
	text-decoration: none;
}
/* ------------------------------------- */
/* Layout */
/* ------------------------------------- */
html {
 overflow-y: scroll;
}
/* Utilities */
.clearfix:after,
#content_inner:after {
	content:"";
	display:block;
	clear: both;
}
.clearfix,
#content_inner {
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix,
* html #content_inner {
	height: 1%;
}
.clearfix,
#content_inner {
	display: block;
}
/* サイト全体の基本スタイル */
body {
	color: #440A0A;
	font-family: "メイリオ", "Meiryo", "Lucida Grande", "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height: 1.6;
	font-size: 14px;
}
#home {
	color: #440A0A;
	font-family: "メイリオ", "Meiryo", "Lucida Grande", "Helvetica", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height: 1.6;
	font-size: 14px;
}
a {
	color: #039DE7;
	text-decoration: none;
}
p {
	margin-bottom: 1em;
}
em {
	font-style: normal;
}
input {
	padding: 5px;
	font-size: 14px;
}