@charset "Shift_JIS";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-text-size-adjust: 100%;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{outline:none;}

body{font-size:90%;/* 基本のフォントサイズ */
line-height:1.8em;/* 基本の行間 */
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;color:#333;max-height: 999999px; }


/* link
---------------------------------------------------- */
a:link,a:visited{color:#3a73bd;text-decoration:underline;}
a:hover,a:active{color:#3a73bd;text-decoration:none;}


/* header
---------------------------------------------------- */

header{  width:100%; border-top:solid 2px #10355A; }
header .inr{ width:1000px; margin:0px auto; text-align: center;}
header #logo{ margin:0px auto;}



/* main
---------------------------------------------------- */
#main{float:right;width:690px; margin-bottom:40px;}


/* pagebody
---------------------------------------------------- */
#pagebody{width:1000px;margin:20px auto;text-align:left; }


/* h2title
---------------------------------------------------- */
#h2Title{clear:both;width:100%;background:#10355A; text-align:center; padding:20px 0px; color:#fff; font-size:24px; margin-bottom:60px;}







/* footer
---------------------------------------------------- */
footer{width:100%; text-align:center; font-size:12px;background: #333;font-size:90%; clear:both;color:#fff;}


			


/* 1-support - remote
----------------------------------------------------------*/
.support_box2{padding-left: 10px;background:url(../images/box_bg.png) left 35px no-repeat; width:760px; margin:0px auto;}
.support_inbox2{padding: 15px;border:10px solid #ecedef; text-align:center;}
.support_inbox2 h3{text-align: center;border-left:10px solid #11457a;color: #fff;margin:-25px 0 60px -35px;font-size: 18px;line-height: 35px;padding:0 25px;background: #115296;}

.support_inbox2 h5{font-size: 100%;line-height:100%;margin-bottom: 10px;}
.ppbox2{background: #fff;margin-bottom: 20px;border:1px solid #ccc;height:150px;overflow-y:scroll;background: #f6f6f6;}


.login_btn{ padding:5px 80px; border-radius:8px;
border: 1px solid #d3d3d3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

font-weight: normal;
color: #555555;

}
.login_btn:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+51,a2daf5+83,bdf3fd+100;Blue+Gloss+%231 */
background: rgb(184,225,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */}

/* 汎用スタイルシート
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}

.form-h{height:80px;}


.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; }
.needinput{background-color:#fee;border:1px solid #ccc;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;}
input{font-size:100%;vertical-align:middle;padding:2px;}
input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}
textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}
.red{color:#c00;}

.f-left{float:left;}
.f-right{float:right;}


.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:120%;line-height:normal;}
.small{font-size:80%;line-height:normal;}


.table{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table th{background-color:#e5e5e5;border:1px solid #ccc;padding:7px 15px; vertical-align:middle;}
.table td{background-color:#fff;border:1px solid #ccc;padding:7px 15px;}
.table ul{margin-left:18px;}
.table .need{
	background:url(../images/icon_need.png) no-repeat 90% center #e5e5e5;
}
.table td span{color:#666;font-size:90%;}




.title{font-size:180%; margin-bottom:20px;}
.subTitle{ background:#3a73bd url(../images/bg_subtitle.jpg) no-repeat 6px center; border-radius:4px;  line-height:100%; padding:8px 10px 8px 24px; font-size:110%; color:#fff; font-weight:bold; margin-bottom:15px; }
.subTitle2{font-size:110%;  font-weight:bold; margin-bottom:10px; }


.textLink a{ background: url(../images/icon_link.gif) no-repeat left center; padding:0px 0px 0px 8px;}
.pdfLink a{ background: url(../images/icon_pdf.png) no-repeat right center; padding:0px 28px 0px 0px;}
.btn a:hover img{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.70;
    opacity:0.70;
		} 
		

.frame img{border:1px solid #b9b9b9;padding:4px;}

.In{ line-height: normal}
.In li{ margin-left:1em; list-style:outside;	}


.w430{width:430px;}




.w25p{width:25%;}
.w100p{width:100%;}


.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb120{margin-bottom:120px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
@media print {

}