@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
 
/* ========BASIC======== */
* {
  font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
  color:#333;
}

body {
  margin:0; padding:0; line-height:1.6; letter-spacing:1px; /*background:#fff;*/
  padding-bottom:30px; background-image:url("./images/back.gif");
}


br {
  letter-spacing:normal;
}



img {
  border:0; vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
  margin:0;
}



/* ========TEMPLATE LAYOUT======== */
div#top {
  width:850px; margin:auto; background:url("images/bg_contents_left.gif") 0 0 repeat-y; background-color:#fff;
}

div#wrapper {
  width:850px; background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}

div#header {
  position:relative; padding:0 5px; /*background-color:#ddf;*/
  padding:5px 0px 5px 0px; background-image:url("./images/hd-bg.jpg"); margin:0px 5px 0px 5px;
}


div#header #str {
  margin:0px 0px 5px 10px;
}


div#hd1 {
  float:none;
  line-height:90%; margin-left:15px;
}
div#hd1 td.tx1 h1, div#hd1 td.tx1 a {
  color:#005; margin-bottom:0px; padding-bottom:0px; text-decoration:none; font-size:14pt;
}
div#hd1 td.tx2 h1 {
  font-size:11pt;
  color:#666; /*margin-top:0px; padding-top:0px;*/
}



div#pr {
  width:480px; position:absolute; left:280px; top:10px;
}

div#contents {
/*   margin:0 5px;*/
  margin-top:0px;
  padding-left:5px;
/*  padding:5px 20px 0 20px;*/
  overflow: hidden;
/*  border-top:3px double #535D57;*/
}


div#main {
/*  border:solid 2px #dddddd;*/
  margin:20px 20px 0px 20px;
  float:left; /*width:550px;*/ width:auto;
/*  overflow: hidden;*/
  padding-bottom:30px;
}


div#footer {
  margin:0px 5px 0px 5px;
  clear:both;
}





/* ========HEADER CUSTOMIZE======== */
div#header h1 {
  padding:3px; margin:5px 0px 5px 10px;
  font-size:12pt; line-height:15px; letter-spacing:0px;
  font-weight:bold;
  color:#000;
}


div#header h1 a {
  color:#333;
}

div#header h1 a:hover {
  color:#666;
}


div#header #pr p {
  margin:0; font-size:75%;/* 12px相当 */
/*  margin-top:5px;*/
  text-align:left;
}


/**********************************************/
#navi {
/*  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;*/ margin-right:5px;
  padding:3px 1px 3px 3px;
  background-image:url("./images/menu-bg.png");
}
#navi #btn01 {
  float: left;
}

navi h5 {
  float: left; font-size: 105%; font-weight: bold;
}
#navi #btn01 h5 a {
  display: block; height: 25px; width: 130px;
  color: #FFF;
/*	background-color: #023401;*/
/*	background-color: #027;*/
  background-color: #358;
  text-decoration: none;
  text-align: center;
  padding-top: 5px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #EAEEEA;
}
#navi #btn01 h5 a:hover {
  background-color: #567856;
}
#navi #btn01 h5#active {
  display: block; height: 25px; width: 130px; color: #FFF;
  text-align: center; padding-top: 5px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #EAEEEA;
  background-color: #777;
}

.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}




/* ========MAINCONTENTS CUSTOMIZE======== */

div#main a {
  /*color:#0172AB;*/ text-decoration:none;
}


div#main a:hover {
/*  cursor:pointer;*/
  color:#aaaaaa; /*text-decoration:underline;*/
}



div#main h2 {
  margin-bottom:15px; margin-top:5px; padding:2px 22px 2px 0; color:#333; /*font-size:94%;*/ font-size:98%;
/*  font-weight:bold; border-bottom:3px double #535D57;*/ line-height:90%;
}
div#main h2 span {
  font-weight:bold; border-bottom:3px double #535D57; line-height:90%; color:#333;
}

div#main h3 {
  margin-bottom:0px;
  font-size:88%;/* 14px相当 */
}
div#main h3 u {
  cursor:pointer;
}



div#main h4 {
  margin-bottom:20px; text-decoration:underline; /*border-bottom: 1px solid black; padding-bottom:2px;*/
  font-size:82%; font-weight:normal;
}
/*
div#main h4 u {
  text-decoration:none;
  border-bottom: 1px solid black; padding-bottom:-2px;
}
*/

div#main h5 {
  margin-bottom:2px;
  font-size:82%;/* 13px相当 */
}

div#main h6 {
  margin-bottom:2px;
  font-size:82%;/* 13px相当 */
}

div#main p {
  margin:0 0 1em 0; width:100%;
  font-size:85%;
}
div#main p#bb {
/*  margin:0 0 1em 0; width:100%;
  font-size:85%;*/
  line-height:130%;
}

div#main span {
  color:#fa0000; line-height:110%;
  /*font-size:90%;*/
}



div#main table.line {
  margin: 0 auto 0 auto; border-collapse: collapse; border: solid 1px #808080; width:100%; }

div#main table.line td.hd {
	padding: 2px 2px 2px 2px; border: solid 1px #808080; text-align: center; vertical-align: middle;
  background-color: #cceeff; font-size:100%; font-weight:600;}

div#main table.line td.hd2 {
	padding: 2px 2px 2px 2px; border: solid 1px #808080; text-align: center; vertical-align: middle;
  background-color: #dfeeff; font-size:95%;}

div#main table.line td {
	padding: 5px 1px 5px 3px; /*border: solid 1px #808080;*/ /*vertical-align: middle;*/ vertical-align:top;
  font-size:90%; line-height:150%;}


div#main table.line td.dt { text-align: center; border: solid 1px #808080; }
div#main table.line td.dtr { text-align: right; border-bottom: solid 1px #808080; }
div#main table.line td.dtl { text-align: left; border: solid 1px #808080; }
div#main table.line td.dtl2 { text-align: left; padding-left:10px; border-bottom:solid 1px #808080; }

div#main table.line td.nol {/* height:80%;*/ padding:0px 3px 0px 3px ; text-align: left; border: none; }

div#main table.line td span {/*color:#009999;*/ color:#ff0000;  line-height:130%; }

div#main table.line td span.gray {/*color:#009999;*/ color:#999; }


div#main table.noline {
  margin: 0 auto 0 auto; border:none;
  /*border-collapse: collapse; border: solid 1px #808080;*/
  width:100%; }

div#main table.noline td {
  padding:0px 2px 0px 2px;
  border:none;
	/*padding: 3px 3px 3px 3px;*/ /*border: solid 1px #808080;*/
  vertical-align:top; font-size:95%; line-height:125%; /*text-align: left;*/ }

div#main table.noline td.dtl { text-align: left; font-size:90%; }
div#main table.noline td.title { font-size:large; font-weight:bold; }

div#main table.noline span {
  color:#fa0000; line-height:115%;
  /*font-size:90%;*/
}



div#main a.btn {
  text-decoration:none;
  background-color:#ddeeff;
  border:1px solid #ccc;
  padding:1px;

  border-radius:5px;
  box-shadow:0px 0px 10px #c3e1ff;

  cursor:pointer;
/*  color:#0172AB;*/
  color:#01427B;
}

div#main a.btn:hover {
    color:white;
    background-color:#999;
}



/* ========FOOTER CUSTOMIZE======== */
/*
address {
  margin:0 5px 0 5px;
  font-style:normal; font-size:75%;
  color:#fff; text-align:center; background: #0096E7; line-height:30px;
}
*/


table.contact {
  margin:auto; border-collapse:collapse; font-size:11pt; }

table.contact td {
  border:solid 1px #a0a0a0; padding:3px 3px 3px 3px;/* margin:0px 5px 0px 5px;*/
}

table.contact .err{
  font-size:10pt; border:none;
}


table.contact .tx {
  padding-left:5px;
}

table.contact .txc {
  padding-left:5px; text-align:center;
}

table.contact .txt {
  ime-mode: active; /* 全角モード */
  font-size:11pt; text-align:left; padding-right:3px;
}

table.contact .num {
  ime-mode: inactive; /* 半角モード */
  font-size:11pt; text-align:left; padding-right:3px;
}


.red {color:#f00; }

div#foot {
  clear:both;
}

div#foot p {
  font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
  margin-left:30px;
  font-size:90%; line-height:115%;
}

div#foot p.mail {
  margin-top:-15px;
/*  font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;*/
/*  font-family: Osaka, "ヒラギノ角ゴ Pro W3";*/
/*  font-family: "ＭＳ ゴシック", monospace, Osaka, "ヒラギノ角ゴ Pro W3";*/
/*  font-family: Consolas, 'Courier New', Courier, Monaco, monospace;*/
/*  margin-left:30px;
  font-size:100%; line-height:110%;*/
}


address {
  font-style:normal; font-size:80%;
  color:#fff; text-align:center; background:#3e79ba; /*background:#0096E7;*/ line-height:40px;
}

div#footer a {
  color:#ddd; text-decoration:none;
}
div#footer a:hover {
    color: #333; }







div#tax {
  margin:0px 0px 0px 10px;
  /*float:left;*/ /*width:330px;*/ width:auto; }

div#tax p {
  text-align:left; margin-left:70px;
  font-size:110%; }

div#tax table.tax {
/*border-collapse: collapse; border: solid 1px #808080;*/
  margin-left:5px;
  /*margin: 0 auto 0 auto;*/ /*border:none;*/
  /*width:100%;*/ }

div#tax table.tax td {
  padding:0px 2px 0px 2px;
  border:none;
  /*vertical-align:top;*/ font-size:120%; line-height:100%; /*text-align: left;*/ }

div#tax table.tax td.dtr { text-align: right; }

div#tax table.tax td input.NUM {
  ime-mode: inactive; /* 半角モード */
  font-size:18pt; text-align: right; padding-right:3px; height:30px;
}

div#tax table.tax td input.btn {
  height:60px; width:85px; -webkit-appearance: none;
  font-size:14pt; padding:0; margin-left:5px; }

div#tax table.tax td input.btnnum {
  margin:0 10 0 0; background-color:#9df3f3;
  height:60px; width:60px; -webkit-appearance: none;
  font-size:18pt; padding:0; }