/* ページ内リンク */
.wrapper .conteiner .content ul.pagein {
margin: 0 auto;
padding: 5px 0 15px;
text-align: left;
width: 700px;
}
.wrapper .conteiner .content ul.pagein li {
margin: 0;
padding: 0 12px 0 15px;
display: inline;
list-style: none;
font-size: 90%;
background: url(../images/arrow_red_down.png) left center no-repeat;
}




/* テーブル（基本） */

.table_base table {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 130%;
}

.table_base table td {
padding: 2px;
border:none;
text-align: left;
}


/* 表（テーブル） */
.date {
margin: 5px 0;
}
.date table {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 130%;
}
.date table th {
padding: 8px;
color: #FFF;
text-align: left;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
background: #e16e6e;
}
.date table th.ctr {
padding: 8px;
color: #FFF;
text-align: center;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
background: #e16e6e;
}
.date table th.none {
background: none;
}
.date table td {
padding: 8px;
text-align: left;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.date table td.ctr {
padding: 8px;
text-align: center;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
}
.date table td.bg {
background: #F0F0F0;
}


/* テーブル（テーブル内テーブル） */

.table_in table {
margin: 0;
padding: 0;
font-size: 100%;
}

.table_in table td {
padding: 2px;
border:none;
text-align: left;
}


/* リンク矢印 */
.wrapper .conteiner .content .mainOsusume ul.linkarrow {
margin: 5px 0 0 0;
padding: 0;
}

.wrapper .conteiner .content .mainOsusume ul.linkarrow li {
margin: 0;
padding: 0 20px 0 0;
display: inline;
list-style: none;
font-size: 90%;
font-weight: normal;
width: auto;
}

.wrapper .conteiner .content .mainOsusume ul.linkarrow li a {
padding: 0 0 0 10px;
color: #000;
background: url(../images/arrow_red.png) left no-repeat;
}

.wrapper .conteiner .content .mainOsusume ul.linkarrow li a:hover {
color: #D73737;
background: url(../images/arrow_red.png) left no-repeat;
}


/* ボタン */
.wrapper .conteiner .content .mainOsusume p.btn {
margin: auto;
padding: 14px;
width: 270px;
color: #333;
font-size: 90%;
font-weight: bold;
text-align: center;
line-height: 100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); /* IE6-9 */
border: 1px solid #E1E1E1;
border-radius: 4px;
}
.wrapper .conteiner .content .mainOsusume p.btn a {
padding: 0 0 0 10px;
color: #D73737;
background: url(../images/arrow_red.png) left no-repeat;
}

.wrapper .conteiner .content .mainOsusume p.btn a:hover {
color: #D73737;
text-decoration: underline;
background: url(../images/arrow_red.png) left no-repeat;
}

/* ボタン（大） */
.wrapper .conteiner .content .mainOsusume p.btnbig {
margin: auto;
padding: 14px;
width: 330px;
color: #333;
font-size: 90%;
font-weight: bold;
text-align: center;
line-height: 100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); /* IE6-9 */
border: 1px solid #E1E1E1;
border-radius: 4px;
}
.wrapper .conteiner .content .mainOsusume p.btnbig a {
padding: 0 0 0 10px;
color: #D73737;
background: url(../images/arrow_red.png) left no-repeat;
}

.wrapper .conteiner .content .mainOsusume p.btnbig a:hover {
color: #D73737;
text-decoration: underline;
background: url(../images/arrow_red.png) left no-repeat;
}

/* ボタン（ミニ） */
.wrapper .conteiner .content .mainOsusume p.btnmini {
margin: auto;
padding: 14px;
width: 150px;
color: #333;
font-size: 90%;
font-weight: bold;
text-align: center;
line-height: 100%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); /* IE6-9 */
border: 1px solid #E1E1E1;
border-radius: 4px;
}
.wrapper .conteiner .content .mainOsusume p.btnmini a {
padding: 0 0 0 10px;
color: #D73737;
background: url(../images/arrow_red.png) left no-repeat;
}

.wrapper .conteiner .content .mainOsusume p.btnmini a:hover {
color: #D73737;
text-decoration: underline;
background: url(../images/arrow_red.png) left no-repeat;
}


/* メインコンテンツメニュー（index） */
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea {
margin: 0;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl {
margin: 0;
padding: 0;
width: 33%;
float: left;
border-right: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
}

.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt {
margin: 5px 5px 0;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt a {
padding: 10px 5px 8px 20px;
display: block;
font-size: 100%;
font-weight: bold;
color: #FFF;
line-height: 100%;
background: #DF6464 url(../images/arrow_white.png) 10px center no-repeat;
border-right: 2px solid #CF4747;
border-bottom: 2px solid #CF4747;
border-radius: 4px;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt a:hover {
text-decoration: none;
background: #E27676 url(../images/arrow_white.png) 10px center no-repeat;
border-right: 2px solid #CF4747;
border-bottom: 2px solid #CF4747;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt.nolink {
padding: 10px 5px 8px 10px;
display: block;
font-size: 110%;
font-weight: bold;
color: #FFF;
line-height: 100%;
background: #DF6464;
border-right: 2px solid #CF4747;
border-bottom: 2px solid #CF4747;
border-radius: 4px;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt.nolinknobr {
padding: 10px 5px 8px 10px;
display: block;
font-size: 95%;
font-weight: bold;
color: #FFF;
line-height: 100%;
background: #DF6464;
border-right: 2px solid #CF4747;
border-bottom: 2px solid #CF4747;
border-radius: 4px;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dt.nolink1br {
padding: 16px 5px 15px 10px;
display: block;
font-size: 95%;
font-weight: bold;
color: #FFF;
line-height: 100%;
background: #DF6464;
border-right: 2px solid #CF4747;
border-bottom: 2px solid #CF4747;
border-radius: 4px;
}
.wrapper .conteiner .content .contentmain .mainList .indexmenuArea dl dd {
margin: 10px 5px;
padding: 0;
height: 120px;
}


/* トライアルバナー（index） */
.wrapper .conteiner .content .contentmain .trialbanner {
margin: 0 0 30px;
}
.wrapper .conteiner .content .contentmain .trialbanner a:hover {
opacity: 0.8;
}



/* 申し込みの流れ（entry） */

.wrapper .conteiner .content .contentmain .mainOsusume .entry_no dl {
margin: 10px 0 0;
}

.wrapper .conteiner .content .contentmain .mainOsusume .entry_no dl dt.point {
margin: 0 10px 0 0;
padding: 3px 7px 3px;
color: #df6464;
font-size: 90%;
font-weight:bold;
line-height: 120%;
text-align: center;
background: #FFF;
border-radius: 4px;
border: 2px solid #df6464;
float: left;
}
.wrapper .conteiner .content .contentmain .mainOsusume .entry_no dl dd {
margin: 0 0 0 10px;
padding: 5px 0 0;
color: #000000;
font-size: 90%;
line-height: 120%;
}
.wrapper .conteiner .content .contentmain .mainOsusume .entry_no dl dd img {
margin: 0 0 20px 20px;
border: 1px solid #ccc ;
}



/* 動作要件（flow） */
.dousaOS {
font-size: 100%;
font-weight:bold;
color: #e06969;
}


/* TOKAI SAFEをご利用の方（サブタイトル） */
.wrapper .conteiner .content .contentmain .TSuser {
margin: 0 0 20px;
}
.wrapper .conteiner .content .contentmain .TSuser h2 {
margin: 0 0 10px;
padding: 12px 0 8px 20px;
font-size: 150%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 ); /* IE6-9 */
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
border-bottom: 3px solid #E06969;
border-radius: 4px 4px 0 0;
}

/* TOKAI SAFEをご利用の方（flow） */
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu {
margin: 0;
padding: 0;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt {
margin: 0 0 5px;
padding: 0;
display: block;
position: relative;
font-weight: bold;
color: #D73737;
line-height: 100%;
background: #FBF2F2;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linknone {
padding: 15px 30px 15px 16px;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt p.list {
padding: 15px 30px 15px 16px;
display: block;
color: #D73737;
background: url(../images/arrow_red.png) 8px center no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt span {
display: block;
position: absolute;
top: 14px;
right: 5px;
width: 18px;
height: 18px;
cursor: pointer;
text-indent: -9999px;
background: url(../images/btn_mark_red_minus.gif) 0 0 no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt span.active {
background: url(../images/btn_mark_red_plus.gif) 0 0 no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt span:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd {
margin: 0;
padding: 5px 0 0;
display: none;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.opne {
display: block;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd ul {
margin: 0;
padding: 0;
display: block;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd ul li {
margin: 0;
padding: 0;
display: block;
list-style: none;
font-size: 90%;
font-weight: bold;
line-height: 100%;
border-bottom: 1px dotted #CCC;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd ul li a {
padding: 13px 5px 13px 27px;
display: block;
color: #333;
background: url(../images/arrow_red.png) 18px center no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd ul li a:hover {
color: #D73737;
background: #FDF9F9 url(../images/arrow_red.png) 18px center no-repeat;
}


/* インストール/設定マニュアル（緑）（help） */
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR {
margin: 0 0 5px;
padding: 0;
display: block;
position: relative;
font-weight: bold;
color: #ffffff;
line-height: 100%;
background: #37a615;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
/*
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR {
padding: 15px 30px 15px 16px;
}
*/
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR p.list {
padding: 15px 30px 15px 16px;
display: block;
color: #ffffff;
background: url(../images/arrow_white.png) 8px center no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR span {
display: block;
position: absolute;
top: 14px;
right: 5px;
width: 18px;
height: 18px;
cursor: pointer;
text-indent: -9999px;
background: url(../images/btn_mark_green_plus.gif) 0 0 no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR span.active {
background: url(../images/btn_mark_green_minus.gif) 0 0 no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dt.linkGR span:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR {
margin: 0;
padding: 5px 0 0;
display: none;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR {
display: block;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR ul {
margin: 0;
padding: 0;
display: block;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR ul li {
margin: 0;
padding: 0;
display: block;
list-style: none;
font-size: 90%;
font-weight: bold;
line-height: 100%;
border-bottom: 1px dotted #CCC;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR ul li a {
padding: 13px 5px 13px 27px;
display: block;
color: #333;
background: url(../images/arrow_green.png) 18px center no-repeat;
}
.wrapper .conteiner .content .contentmain.mailService .TSuser .userOption dl.snaviMenu dd.linkGR ul li a:hover {
color: #37a615;
background: #fbfffb url(../images/arrow_green.png) 18px center no-repeat;
}


/* サイドメニュー（安全を提供する主な機能） */
.wrapper .conteiner .content .sidemenu .snaviOption dl dd ul li.key {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
display: block;
font-size: 90%;
font-weight: bold;
line-height: 100%;
border-top: 1px dotted #CCC;
}
.wrapper .conteiner .content .sidemenu .snaviOption dl dd ul li.key a {
padding: 13px 5px 13px 27px;
display: block;
color: #333;
background: url(../images/arrow_red2.png) 18px center no-repeat;
}
.wrapper .conteiner .content .sidemenu .snaviOption dl dd ul li.key a:hover {
color: #D73737;
background: #FDF9F9 url(../images/arrow_red2.png) 18px center no-repeat;
}


/* パスワード管理ツール「KEY」（KEY） */
.imgSet .img {
	margin: 0px 10px 10px 0px;
        float: left;
}

.mdTtl4 {
	margin: 0px 0px 10px; padding: 4px 0px 6px 12px; border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(224, 105, 105); border-bottom-width: 1px; border-left-width: 6px; border-bottom-style: solid; border-left-style: solid;
}



/* インストール/設定マニュアル */
.wrapper .conteiner .content .sidemenu .instl {
margin: 0 0 20px;
padding: 10px;
background: #F5E2BA;
border-radius: 4px;
}
.wrapper .conteiner .content .sidemenu .instl .btn {
margin: 0;
padding: 0;
text-align: center;
border: 2px solid #FFF;
border-radius: 4px;
}
.wrapper .conteiner .content .sidemenu .instl .btn a {
margin: 0;
padding: 12px 0 10px 3px;
font-size: 130%;
font-weight: bold;
color: #FFF;
display: block;
background: #43d15e;
background: -moz-linear-gradient(top, #43d15e 0%, #339900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43d15e), color-stop(100%,#339900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #43d15e 0%, #339900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #43d15e 0%, #339900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #43d15e 0%, #339900 100%); /* IE10+ */
background: linear-gradient(to bottom, #43d15e 0%, #339900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43d15e', endColorstr='#339900', GradientType=0 ); /* IE6-9 */
border-radius: 4px;
}
.wrapper .conteiner .content .sidemenu .instl .btn a:hover {
text-decoration: none;
background: #79f468;
background: -moz-linear-gradient(top, #79f468 0%, #339900 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79f468), color-stop(100%,#339900)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #79f468 0%, #339900 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #79f468 0%, #339900 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #79f468 0%, #339900 100%); /* IE10+ */
background: linear-gradient(to bottom, #79f468 0%, #339900 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79f468', endColorstr='#339900', GradientType=0 ); /* IE6-9 */
border-radius: 4px;
}

.wrapper .conteiner .content .sidemenu .instl .info {
margin: 0;
padding: 5px 0 5px 0;
font-size: 130%;
font-weight: bold;
color: #555;
text-align: center;
display: block;
}
.wrapper .conteiner .content .sidemenu .instl .btn.tokaisafe a {
/*line-height: 100%;*/
text-align: center;
}
.wrapper .conteiner .content .sidemenu .instl .txt {
margin: 8px 0 0 0;
padding: 0;
font-size: 90%;
line-height: 130%;
}

/* 字下げ */
p.indent {
  padding-left: 1em;
  text-indent: -1em;
}