@charset "shift_jis";
/*--------------------------------------
基礎設定
---------------------------------------*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{
	border:0;
	vertical-align: bottom;
}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}


html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 13px;
	line-height: 1.6;



	*font-size:small;
	*font:x-small;
}

table {
	font-size:inherit;
	font:100%;
}

input,textarea {
	font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	padding: 2px;
	font-size: 100%;
}

.text10 { font-size:77%; }
address {
	font-style: normal;
}

.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.txt10n { font-size:85%; }

li {
	list-style-type: none;
}

img{
	border-style: none;
	vertical-align: top;
}

a:link , a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #830C34;
	text-decoration: none;
}

.pageup {
	clear: both;
	text-align: right;
}

#h2 a:link,
#h2 a:visited,
#h2 a:hover,
#h3 a:link,
#h3 a:visited,
#h3 a:hover,
#h4 a:link,
#h4 a:visited,
#h4 a:hover{
	text-decoration: none;
}


.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; }

.link_pdf {
	background-image: url(../resources/images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 10px;
}
.link_mark {
	background-image: url(../resources/images/listmark_01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 10px;
}
a.external-link:link {
	background-image: url(../resources/images/icon_external-link_off.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

a.external-link:hover {
	background-image: url(../resources/images/icon_external-link_on.gif);
}



/*--------------------------------------
汎用class
---------------------------------------*/

.m_0 { margin: 0 !important; }

.m_t00 { margin-top: 0px !important; }
.m_t05 { margin-top: 5px !important !important; }
.m_t10 { margin-top: 10px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }

.m_b00 { margin-bottom: 0px !important; }
.m_b05 { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b50 { margin-bottom: 50px !important; }

.m_R05 { margin-right: 5px !important; }
.m_R10 { margin-right: 10px !important; }
.m_R15 { margin-right: 15px !important; }
.m_R20 { margin-right: 20px !important; }
.m_R25 { margin-right: 25px !important; }
.m_R30 { margin-right: 30px !important; }

.m_L05 { margin-left: 5px !important; }
.m_L10 { margin-left: 10px !important; }
.m_L15 { margin-left: 15px !important; }
.m_L20 { margin-left: 20px !important; }
.m_L25 { margin-left: 25px !important; }
.m_L30 { margin-left: 30px !important; }
.notice {
	text-indent: -1em;
	margin-left: 1em;
}


.txt-left { text-align: left }
.txt-right { text-align: right }
.txt-center { text-align: center }
.txt-top { vertical-align: top !important; }
.txt-middle { vertical-align: middle !important; }
.txt-bottom { vertical-align: bottom !important; }


/*--------------------------------------
テーブルレイアウト
---------------------------------------*/

.pagebody table {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-spacing: 0;
}

.pagebody table th {
	background-color: #EFEFEF;
	vertical-align: top;
	font-weight: normal;
	color: #333333;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	white-space: nowrap;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}


.pagebody table th.txt-center {
	text-align: center;
}

.pagebody table td {
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

table.TDcolor01 td{
	background-color: #E6F4F9;
	
}

table.TDcolor02 td{
	background-color: #FEEEE0;
	
}

table.TDcolor03 td{
	background-color: #FFFCD2;
}

table.TDcolor04 td{
	background-color: #E7FBE3;	
}

table.TDcolor03 td.addcolor {
	background-color: #D8EDF5;
}



.pagebody table.noline , .pagebody table.noline td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


/*--------------------------------------
ページレイアウト
---------------------------------------*/

#container {
	width: 948px;
	background: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

#header {
	padding-top: 15px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#header #tglogo {
	margin-bottom: 15px;
}

#header #hdmenu {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 500px;
	text-align: right;
	font-size: 93%;
}
#header #hdmenu ul li a {
	background-image: url(../resources/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-left: 10px;
}


#header #hdmenu ul li {
	display: inline;
}


#content {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	clear: both;
}



#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 30px;
	padding-left: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	position: relative;
	clear: both;
}

#footer #navLowerBox .pipeNav {
	text-align: right;
	width: 500px;
	position: absolute;
	top: 10px;
	right: 0px;
}


#footer #navLowerBox ul li a {
	background-image: url(../resources/images/icon_link_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	padding-left: 8px;
	margin-right: 10px;
	font-size: 77%;
}

#footer #navLowerBox ul li {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

#footer #navLowerBox ul li.first {
	border-left: none;
}


#footer a:link , #footer a:visited {
	line-height: 1;
	border-bottom: medium none;
	color: #828282;
	text-decoration: none;
}

#footer a:hover {
	  border-bottom: medium none;
	color: #0F218B;
	line-height: 1;
	text-decoration: underline;
}



#content h1 {
	background-image: url(../resources/images/pagetitle_bg.gif);
	background-repeat: no-repeat;
	padding-left: 23px;
	font-size: 138.5%;
	font-weight: bold;
	margin-bottom: 20px;
	background-position: left center;
	line-height: 54px;
	padding-top: 6px;
}

#content .pagebody {
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
	margin-bottom: 20px;
}

.pagebody strong {
	font-weight: bold;
}

.title01 {
	font-size: 123.5%;
	font-weight: bold;
	background-image: url(../resources/images/midashi01_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 2px;
	margin-bottom: 20px;
}
.title02 {
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 22px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #FFF;
	background-color: #830C34;
}

.title03 {
	font-size: 123.1%;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: 22px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	color: #FFF;
	background-color: #0C3585;
}

.title04 {
	font-size: 116%;
	font-weight: bold;
	color: #000000;
}

.title05 {
	font-size: 116%;
	font-weight: bold;
	color: #830C34;
	background-image: url(../resources/images/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.title06 {
	font-size: 116%;
	font-weight: bold;
	color: #0C3585;
	color: #0C3585;
	background-image: url(../resources/images/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
.title07 {
	font-size: 108%;
	font-weight: bold;
	color: #0C3585;
	color: #0C3585;
	margin-bottom: 10px;
}



.box01 {
	background-color: #FEEEE0;
	padding: 15px;
	border: 1px solid #CCC;
}
.box02 {
	background-color: #E6F4F9;
	padding: 15px;
	border: 1px solid #CCC;
}
.box03 {
	/*	background-color: #BCE1EF;
	margin-bottom: 10px;*/
	padding: 5px;
	border: 3px dashed #CC9900;
}

.line_dot_btm {
	background-image: url(../resources/images/line_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}




#top #mainIMG {
	float: left;
	width: 650px;
}
#top #main_wrap {
	margin-bottom: 15px;
}
#top #mainBTN {
	float: right;
	width: 250px;
}

#top #top_news {
	float: left;
	width: 380px;
}
#top  #top_news p {
	font-size: 116%;
	margin-bottom: 10px;
}

#top #top_link {
	float: right;
	width: 250px;
	text-align: center;
}
#top #top_link ul li {
	margin-bottom: 10px;
}

#top h2 {
	margin-bottom: 10px;
}

#layout-two-column #right_column {
	float: right;
	width: 650px;
}
#layout-two-column {
	clear: both;
}
#layout-two-column #left_column {
	float: left;
	width: 250px;
}

#gnavi ul {
	width: 500px;
	position: absolute;
	top: 0px;
	right: 0px;
	letter-spacing: -0.4em;
	text-align: right;
}
#gnavi ul li {
	display: inline;
	position: relative;
}
#gnavi {
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}
.pagebody ol li , .pagebody ul li ol li {
	list-style-type: decimal;
	margin-left: 20px;
	margin-bottom: 5px;
}
.pagebody ul li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 5px;
}
.color01 {
	color: #0C3585;
}
.color02 {
	color: #830C34;
}
.color03 {
	color: #FF0000;
}
.color04 {
	color: #856425;
}
.color05 {
	color: #006600;
}

#faq dl dt {
	background-image: url(../resources/images/icon_q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 15px;
/*	min-height:32px;
	height: auto !important;
	height: 32px;*/
	font-size: 108%;
	color: #006699;
	padding-bottom: 5px;
	width: 860px;
}

#faq dl {
	margin-bottom: 30px;
}
#faq dl dt {
	display: inline-block;
}

#faq dl dd {
	background-image: url(../resources/images/icon_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 860px;
	padding-left: 30px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	/*	min-height:32px;
	height: auto !important;
	height: 32px;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.underline {
	text-decoration: underline;
}

#sales {
	background-color: #EEF5F7;
	padding: 10px;
	border: 3px solid #0C3585;
}


/************************************************************************************************/
/* 以下、画像の上に文字を重ねる為の定義															*/
/************************************************************************************************/

/* （画像と文字）の親となるタグに指定するクラス */
.relative {
	position: relative;
}

/* 以下、画像の上に表示するテキスト（aタグetc）に指定するID */
/* 下の画像との位置関係や文字サイズなどを指定するので部品ごとの定義となる。 */

/* k_main.asp、about.asp、faq_login.aspに共通のヘッダ部の左端タイトル */
a#absolute1 {
	position: absolute;
	font-family: Meiryo, "ＭＳ Ｐゴシック";
	font-size: 22px;
	font-weight: bold;
	left: 15px;
	top: 8px;
	padding: 0px 0px 0px 0px;
	color: #254990;
/*	text-shadow: 0px 0px 1px #254990;   */
	line-height: 1;
	vertical-align: middle;
}

/* k_main.aspのログインボタンのタイトル */
a#absolute2 {
	position: absolute;
	font-family: Meiryo, "ＭＳ Ｐゴシック";
	font-size: 14px;
	font-weight: bold;
	left: 30px;
	top: 20px;
	color: white;
	line-height: 1;
}

/* k_main.asp、net.asp、member.asp、env.aspの左端メニュー（初期非選択） */
a#absolute3 {
	position: absolute;
	vertical-align: middle;
	font-family: Meiryo, "ＭＳ Ｐゴシック";
	font-size: 11px;
	left: 15px;
	top: 8px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	text-shadow: 0px 0px 1px #000000;
	width: 235px;
	height: 46px
	line-height: 1;
}

a#absolute3:hover {
/* 830c34 */
	color: #830c34;
	text-shadow: 0px 0px 1px #830c34;
}

/* about.aspの左端メニュー（初期選択） */
a#absolute4 {
	position: absolute;
	vertical-align: middle;
	font-family: Meiryo, "ＭＳ Ｐゴシック";
	font-size: 11px;
	left: 15px;
	top: 8px;
	padding: 0px 0px 0px 0px;
	color: #830c34;
	text-shadow: 0px 0px 1px #830c34;
	width: 235px;
	height: 46px
	line-height: 1;
}

/* k_gaisan2.asp、k_kaitou.aspのヘッダ部タイトル */
a#absolute5 {
	position: absolute;
	font-family: Meiryo, "ＭＳ Ｐゴシック";
	font-size: 24px;
	font-weight: bold;
	left: 15px;
	top: 17px;
	padding: 0px 0px 0px 0px;
	color: #254990;
	line-height: 1;
	vertical-align: middle;
}

/************************************************************************************************/
/* 以上、画像の上に文字を重ねる為の定義															*/
/************************************************************************************************/