@charset "utf-8";

/********************
  base 1
********************/

body{
	margin:0;
	padding:0;
	line-height:150%;
	color:#333;
	background:#fff url(../img/bg_head.gif) repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

body#other{
	margin:0;
	padding:0;
	line-height:150%;
	color:#333;
	background:#fff url(../img/bg_head_other.gif) repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

div#wrap{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:1000px;
}

img{border:none;}
img.mar{vertical-align: bottom;}
td{font-size: 10pt;line-height:150%;}


.clear{clear:both;}
.b{font-weight:bold;}
.cter{text-align:center;}

div#header{
	margin:0;
	padding:0;
	width:1000px;
	height:70px;
	background:#fff url(../img/bg_head.gif) repeat-x;
}

div#header_other{
	margin:0;
	padding:0;
	width:1000px;
	height:70px;
	background:#fff url(../img/bg_head_other.gif) repeat-x;
}

div#navi_top{
	margin:0 0 20px;
	padding:0;
	height:37px;
}

div#contents_left{
	margin:0;
	padding:0px 0 20px 0px;
	float:left;
	width:740px;
	text-align:left;
}

div#contents_right{
	margin:0;
	padding:0px 0px 20px 12px;
	float:right;
	width:248px;
	text-align:left;
}


div#footer{
	margin:0;
	padding:20px 0 0;
	clear:both;
	height:125px;
	background:#fff url(../img/bg_foot.gif) repeat-x;
	color:#fff;
}


/********************
  link
********************/
a:link{text-decoration:underline;color:#333;}
a:visited{text-decoration:underline;color:#333;}
a:hover{text-decoration:none;color:#333;}


a.foot:link{text-decoration:none;color:#fff;}
a.foot:visited{text-decoration:none;color:#fff;}
a.foot:hover{text-decoration:underline;color:#fff;}


/********************
  base 2
********************/

h1{
	margin:0;
	padding:0;
	font-size:120%;
}

h2{
	margin:0;
	padding:0;
	clear: both;
	font-size:110%;
}

h3{
	margin:0;
	padding:0;
	font-size:100%;
}

#header span, #header_other span,#pagetop span{ display: none;}

/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
	background:url(../img/guide_bottom.gif) right bottom no-repeat;
}


.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* --- PRINT --- */

@media print {
body { _zoom: 0.8;}
}


/********************
  header
********************/

#header_in{
	margin: 0px;
	position: relative;
	height: 70px;
	background: url(../img/head.gif) top no-repeat;
}

#header_in h1{ margin: 0 ; float: left;}
#header_in a{ display: block;}
#header_in h1, #header_in h1 a{ width: 340px; height: 70px;}
#header_in div{
	padding:0px 0 0;
	float: right;
	width: 193px;
	height: 28px;
}

#header_in div#sitemap a{ position: absolute; right: 96px; top: 42px; width: 97px; height: 28px;}
#header_in div#privacy a{ position: absolute; right: 0px; top: 42px; width: 96px; height: 28px;}


#title{ margin: 0;}
#title h1{ height: 70px; text-indent: -9000px;}



/********************
  グローバルナビ
********************/

#navi_top{
	margin:0;
	width: 1000px;
	height: 37px;
	background: url(../img/navi.gif);
}

#navi_top ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navi_top li{ float: left;}

#navi_top li, #navi_top a{
	margin: 0;
	padding: 0;
	display: block;
	width: 125px;
	height: 37px;
}

div#navi_top span{display: none;}


#navi_top a:hover{ background-image: url(../img/navi.gif);}

#t1_1 a:hover{ background-position: 0 37px;}
#t1_2 a:hover{ background-position: -125px 37px;}
#t1_3 a:hover{ background-position: -250px 37px;}
#t1_4 a:hover{ background-position: -375px 37px;}
#t1_5 a:hover{ background-position: -500px 37px;}
#t1_6 a:hover{ background-position: -625px 37px;}
#t1_7 a:hover{ background-position: -750px 37px;}
#t1_8 a:hover{ background-position: -875px 37px;}



/********************
  left
********************/

div#left ul{
	margin:0;
	padding:0;
	list-style:none;
}

div#left li{
	margin:0;
	padding:0;
}

/********************
  right
********************/

div#bg_guide{
	margin:0 0 0;
	padding:0 0 20px;
	width:248px;
	background: url(../img/bg_guide.gif) repeat-y;
	text-align:center;
}


/********************
  contents top
********************/
.indx h2{ 
	margin: 0 0 0px;
	width: 193px;
	height: 36px;
	text-indent: -9000px;
}

.indx h2#mn1{ background: url(../img/t_index01.gif);}
.indx h2#mn2{ background: url(../img/t_index02.gif);}
.indx h2#mn3{ background: url(../img/t_index03.gif);}
.indx h2#mn4{ background: url(../img/t_index04.gif);}
.indx h2#mn5{ background: url(../img/t_index05.gif);}

.indx div{ float: left; width: 365px;}
.indx div.clr{ float: none; clear: both; width: 740px; line-height: 1px;}
.indx div div{ float: left; width: 193px;}
.indx img{ margin: 0 5px 30px 0; float: left;}
.indx p{ margin: 0 0 0 5px;}

#main_img{
	margin:0;
	padding:0;
	display:block;
	height:274px;
}

div.box01{
	width: 740px;
	background: url(../img/box01_bottom.gif) no-repeat bottom;
	padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 10px;
}

div.box01 .inner{
	background: url(../img/box01_top.gif) no-repeat;
	padding-top: 5px;
}

div.box01 .inner .bg {
	background: url(../img/box01_bg.gif) repeat-y;
	padding: 0 20px;
}



div#topics{
	margin:0;
	padding:5px 0px 5px 0px;
	line-height: 24px;

	}

div#topics dl dt{
	margin: 0 5px 0 0;
	padding: 0 0 0 20px;
	background: url(../img/ya.gif) 0 5px no-repeat;
}

div#topics dl dd{
	margin: -24px 0 0 8.5em;
}

div.pageup{
	margin:0;
	padding:0px 0px 18px 0px;
	clear:both;
	text-align: right;
}


/********************
  contents others
********************/

#main_other_img{
	margin:0;
	padding:0;
	display:block;
	height:156px;
}

/* --- ST --- */

.st_left{
	float:left;
	width:130px;
}


.st_right{
	float:right;
	width:600px;
}


div.box02{
	width: 740px;
	background: url(../img/box02_bottom.gif) no-repeat bottom;
	padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 10px;
}

div.box02 .inner{
	background: url(../img/box02_top.gif) no-repeat;
	padding-top: 5px;
}

div.box02 .inner .bg {
	background: url(../img/box02_bg.gif) repeat-y;
	padding: 0 20px;
}


.t_box02{
	padding:8px 5px;
	background: url(../img/bar01.gif) bottom no-repeat;
	width;715px;
	height:20px;
}

div#st_list,div.ts_list{
		margin: 20px 0 0 0px;
		padding: 0;
}


div#st_list ul,div.ts_list ul{
		margin: 0;
		padding: 0 0 0 0px;
}

div#st_list ul li{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/service.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

p.pad01{padding:0 0 20px 10px;}


/* --- TH --- */

.th_left{
	float:left;
	width:180px;
}


.th_right{
	float:right;
	width:550px;
}


/* --- TS --- */

div.ts_list ul li.ts01{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_ts01.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.ts02{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_ts02.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.ts03{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_ts03.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

/* --- OUTLINE --- */

p.pad02{padding:0 0 0 100px;}
p.pad03{padding:0 0 40px 0;}
.pad04{padding:20px 0 0px 0;}

.outline_list{padding:0px 0 30px 50px;margin:0;}


div.ts_list ul li.outline1_1{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin1_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.outline1_2{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin1_2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.outline1_3{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin1_3.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.outline2_1{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin2_1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

div.ts_list ul li.outline2_2{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin2_2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}


div.ts_list ul li.outline2_3{
	padding-top:10px;
	padding-left: 100px;
	padding-bottom:30px;
	background-image:url(../img/list_outlin2_3.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
}

.ot_table01{width:100px;}
.ot_table02{width:120px;}


/* --- MAP --- */

p.pad05{padding:0 0 0 20px;}

.title_map{
	padding:20px 0 0 20px;
	font-weight:bold;
	font-size:150%;

}

.map_left{
	float:left;
	width:380px;
}

.map_right{
	float:right;
	width:360px;
}


/* --- PRIVACY --- */

p.pad06{padding:0 0 40px 35px;}

p.pad07{padding:0 0 5px 35px;}

/* --- VPN --- */

div#vpn_list{
		margin: 40px 0 0 35px;
		padding: 0;
}


div#vpn_list ul{
		margin: 0;
		padding: 0 0 0 0px;
}

div#vpn_list ul li.subject{
	padding-top:0px;
	padding-left: 25px;
	padding-bottom:10px;
	background-image:url(../img/ya_blue.gif);
	background-repeat:no-repeat;
	background-position:top left;
	list-style:none;
	font-size:140%;
	font-weight:bold;
	color:#003399;
}

div#vpn_list ul li.text{
	padding-top:0px;
	padding-left: 25px;
	padding-bottom:30px;
	list-style:none;
}


div.pagetop{ clear:both; background: #99f; text-align: right;}

/********************
  footer
********************/

div#logo_foot{
	margin:0 auto;
	padding:0;
	width:1000px;
	background: url(../img/logo_foot.gif) right top no-repeat;
	}

div#copy{
	margin:0;
	padding:20px;
	font-size:100%;
	color:#fff;
}

/********************
  form
********************/

.form{
	margin:30px 0 30px 0;
	padding:0 0 0 0;
	width:700px;
	border-collapse: collapse;
}

/* フォーム全体 */
table.form{
	border-top: 1px solid #ccc;
}

table.form td{
	padding:4px 4px 4px 20px;
	border-bottom: 1px solid #ccc;
	text-align:left;
}

.message{ margin: 0 0 10px;}

/* 通常時の<td>の左側（項目名側） */
table.form td.l{
	width: 200px;
	background:#f2f2f2;
}
/* 通常時の<td>の<td>の右側（入力フォーム側） */
table.form td.r{
	background:#fff;
}


/* エラー発生時の<td>の左側（項目名側） */
table.form td.le{
	background:#a7a275;
}


/* エラー発生時の<td>の右側（入力フォーム側） */
table.form td.re{
	background:#dde5a4;
}


/* エラーメッセージ */
div.error{
	color: #7e003f;
}

/* 必須項目の「※」印 */
	span.hissu{
	color:#990033;
}