@charset "utf-8";
/* CSS Document */


/*基本設定*/

*{
	margin:0;
	padding:0;
	outline:0;
}

h1 {
  font-size:16px;
  font-weight:bold;
  color:#888888;
  text-decoration:none;
}

h1 a:link{
  font-size:16px;
  font-weight:bold;
  color:#888888;
  text-decoration:none;
}


h1 a:hover{
  font-size:16px;
  font-weight:bold;
  color:#888888;
  text-decoration:none;
}

h2{
  width:710px;
  height:40px;
  font-size:17px;
　font-weight:bold;
  padding:12px 0px 0px 23px;
  margin:0px;
  color: #666666;
  text-align:left;
  background:url(../../telsec_images/h2_back.gif) no-repeat;
}

h3{
  width:700px;
  height:22px;
  font-size:14px;
　font-weight:bold;
  padding:3px 10px 0px 20px;
  margin: 0px 0px 10px 0px;
  color: #ffffff;
  background:url(../../telsec_images/h3_back.gif) no-repeat;
}

img {
  border: none;
}

p{
  font-size:15px;
  line-height:23px;
  margin-left:0px;
  padding-left:0px;
  color: #666666;
  text-align:left;
}

.small{
  font-size:10px;
}

.red {
  color:red;
}

.indent1 {
  padding-left:30px;
}

li{
   list-style:none;
   text-decoration:none;
   padding:0;
   margin:0;
}

ul{
  list-style:none;
  text-decoration:none;
  padding:0;
  margin:0;
}

.pad_01{
  padding:0px 0px 15px 0px;
}

.pad_02{
  padding:0px 0px 5px 0px;
}

.pad_03{
  padding:10px 0px 10px 0px;
  font-size:12px;
}

/*リンク下線設定*/

a {
	text-decoration: none;
	color: #0000ff;
}

a:link {
	text-decoration: underline;
	color: #0000ff;
}

a:visited {
	text-decoration: none;
	color: #006;
}
a:hover {
	text-decoration: none;
	text-decoration: underline;
	color:#ff9d00
}
a:active {
	text-decoration: none;
}

.caption {
	font-size: 10px;
	color: #666;
}

#account_box, .right_box{
		background:#e8eefa;
		border:solid 1px #ccc;
		padding:10px 10px;
		margin-bottom:20px;
		text-align:center;
}
#account_box a{
		display:block;
		background:url(../../img/button_blue.gif);
		width:240px;
		height:40px;
		margin:5px auto 0;
		text-align:center;
		line-height:36px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-decoration:none
}
#account_box a:hover{
		text-decoration:underline;
}

/*レイアウト設定*/

body{
  text-align:center;
}


div#header{
  width:900px;
  height:60px;
  text-align:left;
  padding:0px;
  margin:0px;
}


div#headerleft{
  width:220px;
  height:35px;
  float:left;
  padding-top:15px;
  margin:0px;
}

div#headerright{
  width:600px;
  height:50px;
  float:right;
  text-align:right;
  padding:10px 0px 0px 0px;
  margin:0px;
  font-size:11px;
  line-height:20px;
}

div#headermsg{
  width:300px;
  height:39px;
  overflow:scroll;
  overflow-x:hidden;
  float:left;
  text-align:left;
  padding:0px 0px 0px 3px;
  font-size:11px;
  line-height:13px;
  background-color:#fff;
  margin:10px auto 0 auto !important;
}

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

div#pankuzu{
  width:900px;
  height:20px;
  text-align:left;
  font-size:11px;
}

div#pankuzu a{
  text-decoration:underline;
}

/*テーブル関係* **************************************************************************************************/

td{
  font-size:15px;
  color:#444444;
  line-height:18px;
  background: #fcfcfc;
  padding: 8px;
  border: 1px solid #CCCCCC;
}


.td_01{
  padding:5px 0px 5px 0px;
  text-align:left;
}

.td_02{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width: 180px;
 text-align:left;
}

.td_02h{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width: 300px;
 text-align:left;
}

.td_02i{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width: 145px;
 text-align:left;
}

.td_02j{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width: 90px;
 text-align:left;
}

.td_02{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width: 180px;
 text-align:left;
}

.td_02g{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 /* width:40%; */
 width:110px;
 text-align:left;
}

.td_02_confirm{
 background: url(../../telsec_images/td_bg.gif) repeat-x #FFFFFF;
 padding: 8px;
 border: 1px solid #cccccc;
 font-weight:bold;
 color:#666666;
 width:26%;
 text-align:left;
}
.td_02a{
 background:#CDFF66;
 width:20%;
 text-align:center;
}

.td_02b{
 background:#FF8C8C;
 width:20%;
 text-align:center;
}

.td_02c{
 background:#FCFEBC;
 width:15%;
 text-align:center;
}

.td_02d{
 background:#6CF;
 width:20%;
 text-align:center;
}


.td_02 a{
 text-decoration:underline;
}

.td_03 {
	width:150px;
	word-wrap:break-word;
}

.td_03b{
 background: #FAFAFF;
 padding: 8px;
 border: 1px solid #CCCCCC;
}

.td_04{
 background: url(file:///../../telsec_images/td_02_back.gif) repeat-x #FFFFFF;
 padding: 9px;
 border: 1px solid #cccccc;
 font-size:9px;
 text-align:left;
}

.td_05{
 background: #efefdd;
 padding: 10px;
 border-top: 1px dotted #CCCCCC;
 border-bottom: 1px dotted #CCCCCC;
 font-size:12px;
 text-align:left;
 width:97px;
 line-height:12px;
}

.td_06{
 background: #FFFFFF;
 padding: 10px;
 border-top: 1px dotted #CCCCCC;
 border-bottom: 1px dotted #CCCCCC;
 border-right: 1px solid #efefdd;
 font-size:12px;
 text-align:left;
 width:98px;
 line-height:12px;
}

.td_top_01{
 background: #6699CC;
 padding: 6px;
 border: 1px solid #CCCCCC;
 color:#FFFFFF;
 font-weight: bold;
}

.table_01{
  border-collapse: collapse;
  margin:0px 0px 15px 0px;
}

.table_02{
  border-bottom:#CCCCCC 2px solid;
  border-collapse: collapse;
}

.table_workmember{
  border-collapse: collapse;
  width: 100%;
}
.table_siteurl{
  border-collapse: collapse;
  width: 100%;
}
.table_mailaddress{
  border-collapse: collapse;
  width: 100%;
}
.table_scenario{
  border-collapse: collapse;
  width: 100%;
}

.form{
   font-size:12px;
   color:#666666;
   line-height:18px;
   padding-left:20px;
}

.td_sp_01{
    width:215px;
}
.td_sp_02{
    width:220px;
}
.td_sp_03{
    width:65px;
}

/*image*/

div#main_image {
  width:710px;
  height:auto;
  float:right;
  margin:20px 0px 20px 0px;
}

/*left*/

div#left{
  width:180px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-align:left;
}

/*right*/

div#right{
  width:710px;
  height:auto;
  margin:0px;
  padding:0px 0px 20px 10px;
  float:left;
  text-align:left;
}

div#innner{
  width:620px;
  height:auto;
  padding:5px 5px 0px 5px;
}

div#privacy_box{
  width: 630px;
  height:auto;
  border: 1px solid #CCCCCC;
  margin:0px 0px 15px 0px;
}

.privacy_title{
  border-bottom: #CCCCCC 1px solid;
  height:20px;
  line-height:20px;
  padding: 5px 0px 5px 5px;
  font-size:12px;
  font-weight:bold;
  color: #330000;
  margin:0px 0px 10px 0px;
}


/*footer*/

div#footer{
  width:900px;
  clear:both;
  margin:0px;
  padding-top:20px;
  border-top:1px dashed #666666;
}

div#footer_left{
  padding:0px;
  width:800px;
  height:auto;
  text-align:center;
  float:left;
}

div#footer_right{
  width:100px;
  height:auto;
  font-size:12px;
  float:left;
  text-align:right;
  color:#FFF
}

div#footer_line{
  line-height:170%;
}




/*side_menu設定*/

.sidetitle {
	font-size:12px;
	color:#555555;
	font-weight:bold;
	width:180px;
	height:29px;
	text-align:center;
	padding-top:6px;
	margin-bottom:-6px;
	background:url(../../telsec_images/sideheader.gif) no-repeat;
}

.sidemenu {
	width:178px;
	height:auto;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	padding:5px 0px 8px 0px;
	font-size:12px;
	line-height:20px;
}


ul.sidemenu.menuline {
	float: left;
	width: 180px;
	height:auto;
}


/* 通常 */

ul.menuline li.mark1 .notice{
	margin:0px 9px;
	font-size:11px;
	line-height:15px;
	padding:0px 0px 0px 29px;
	color:#888888;
}

ul.menuline li.mark1 a {
	margin:2px 9px;
	padding:1px 0px 0px 20px;
	background:url(../../telsec_images/side_mark1.gif) no-repeat;
	display:block;
	text-decoration:none;
}

ul.menuline li.mark2 .notice{
	margin:0px 9px;
	font-size:11px;
	line-height:15px;
	padding:0px 0px 0px 29px;
	color:#888888;
}

ul.menuline li.mark2 a {
	margin:2px 9px;
	padding:1px 0px 0px 29px;
	background:url(../../telsec_images/side_mark2.gif) no-repeat;
	display:block;
	text-decoration:none;
}

/* オンマウス */

ul.menuline li.mark1 a:hover{
	text-decoration: none;
	text-decoration: underline;
	color:#ff9d00;
	padding:1px 0px 0px 17px;
	margin-left:12px;
}

ul.menuline li.mark2 a:hover{
	text-decoration: none;
	text-decoration: underline;
	color:#ff9d00;
	padding:1px 0px 0px 26px;
	margin-left:12px;
}


/* 選択 */

ul.menuline li.mark1 a.sel{
	text-decoration: none;
	color:#ff9d00;
}

ul.menuline li.mark2 a.sel{
	text-decoration: none;
	color:#ff9d00;
}


/*その他*/

.news1{
	width:580px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 23px 0px;
	background-color:#f5f5f5;
	border-top:1px #aaaaaa dotted;
}

.news2{
	width:580px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 23px 0px;
	background-color:#ffffff;
	border-top:1px #aaaaaa dotted;
}

.news_left{
	width:50px;
	height:20px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font-size: 12px;
	float:left;
}

.news_right{
	width:480px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	float:left;

}

.text {
	display: none;
}

.arrow1 {
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	color: #009900;
	text-align:left;
	background:url(file:///../../telsec_images/headmark.gif) no-repeat;
	padding:0px 0px 0px 16px;
	margin:0px 0px 0px 15px;
}


#footer {
		clear:both;
		color: #666;
		font-size: smaller;
		text-align: center;
		height:40px;
		width:100%;
}

.qa1 {
	margin:6px 0px 6px 10px;
	padding:1px 0px 0px 20px;
	background:url(../../telsec_images/side_mark3.gif) no-repeat;
	color:#333333;
}

.qa2 {
	margin:6px 0px 6px 10px;
	padding:1px 0px 0px 20px;
	background:url(../../telsec_images/side_mark4.gif) no-repeat;
	color:#333333;
}

.column1 {
	border:dotted 1px #999999;
	padding:3px;
	background-color:#EFF;
	font-size:12px;
}

.step {
	width:300px;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	padding:10px;
	margin:10px;
	border:1px solid #aaaaaa;
	background-color:#efefef;
}

.step2 {
	width:320px;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:10px;
	border:1px solid #aaaaaa;
	background-color:#F90;
	margin-bottom:35px;
}

.cap {
	margin-top:4px;
	line-height:15px;
	font-size:12px;
}

.postcode {
  ime-mode: inactive; /* 半角モード */
}

.fax_table{

}
.fax_table td.blue {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #ADDFFF;
}
.fax_table td.gray {
	border-bottom: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	background-color: #CCCCCC;
}

#headerR{
	width:360px;
	float:right;
	text-align:right;
    font-size:11px;
    line-height:1;
    padding:10px 0px 0px 0px;
}
	#headerR ul{
		margin-bottom:5px;
	}
		#headerR li{display:inline;margin-right:1px;}
		#headerR li a{
			display:inline-block;
			*display: inline;
			*zoom: 1;
			border:1px solid #d9d9d9;
			border-radius:2px;
			margin-left:-3px;
			margin-left:0\9;
			text-decoration:none;
			color:#333;
			background: #fefefe;
			background: -moz-linear-gradient(top,  #fefefe 0%, #ebebeb 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ebebeb));
			background: -webkit-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: -o-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: -ms-linear-gradient(top,  #fefefe 0%,#ebebeb 100%);
			background: linear-gradient(to bottom,  #fefefe 0%,#ebebeb 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebebeb',GradientType=0 );
		
		}
		#headerR li a span{
			height:20px;
			line-height:20px;
			padding:0 13px 0 15px;
			overflow:hidden;
			background:url(/img/h_btn_arrow.gif) 5px 50% no-repeat;
		}
			#headerR li a:hover{
				color:#20b8f1;
				background:#fefefe;
			}
			#headerR li a:hover span{background:url(/img/h_btn_arrow_on.gif) 5px 50% no-repeat;}

/* success message */
#success{
  background-color: #FFFAC2;
  border: 1px solid #DBD6A2;
  color: red;
  font-size: 12px;
  padding: 9px 10px 9px 15px;
  font-weight:bold; 
}