/*-------------------------------------------------------------------------------
 リンク・リストの属性                                                         
--------------------------------------------------------------------------------*/

ul,ol {
	list-style:none;
}

ol, ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	list-style-type: none;
}
/* ____ リンクテキスト ____ */
a {
	color: #0066CC;
	text-decoration: underline;
}
a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover,
a:active, 		/* for IE (Keyboard) */
a:focus {		/* for Netscape (Keyboard) */
	color: #CC0000;
	text-decoration: none;
}

input.default {
   background-color: #ffffff; /* 背景は白 */
   border: 1px solid #CC9966; /* 枠線は淡い茶色 */
}

/*-------------------------------------------------------------------------------
 レイアウトの属性                                                         
--------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color: #CCC;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:12px;
	color: #333333;
}

h1 {
	font-size:12px;
	color:  #333333;
	font-weight: normal;
	margin:0;
	padding: 2px 0 2px 10px;
}

	
/*------------------------------------------------------------
  メインページ 
-------------------------------------------------------------*/
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(image/bg.gif) repeat-y;
}

/*------------------------------
  ヘッダー枠 
-------------------------------*/
#header {
	width: 800px;
	height: 100px;
	margin-left: 50px;
	margin-right: 50px;
	text-align:right;
	background: url(image/web.jpg);

}

#hdmenu {
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
}

#pan {
	width: 790px;
	margin:0 60px 5px 60px;
	text-align: left;
}

/*------------------------------
  メニュー枠 
-------------------------------*/
#gnavi {
	height: 31px;
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	text-align: left;
	background-position: left top;
	clear: both;
}

#gnavi ul {
	padding : 0;
	margin : 0;
}

#gnavi li {
	float: left;
	padding : 0;
	margin : 0;
}

#gnavi li a {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 31px; 
	background-image: url(image/gnav_btnbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 31px;
	width: 133px; 
	text-decoration: none;
}

#gnavi li a:hover {
	color: #333333;
	background-position: top right;
	text-decoration: none;
}

/*------------------------------
  明細枠 
-------------------------------*/

#detail {
	width: 800px;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
	overflow: hidden;
}

/*------------------------------
  明細-左枠
-------------------------------*/
#navi {
	width: 195px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

/*------------------------------
  明細-左枠-ログイン 
-------------------------------*/
#login_form {
	width:190px;
	text-align: center;
	color: #333333;
	background-image: url(image/login_back.png);
}
#login_area {
	width:790px;
	margin-left: 10px;
	margin-top: 5px;
	color: #333333;
	line-height: 200%;
}

/*------------------------------
  明細-右枠 
-------------------------------*/
#content {
	width: 570px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	float: right;
	line-height: 200%;
}
#content h2 {
	font-size:18px;
	color: #333;
	background: url(image/h2bk.jpg) no-repeat;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
}
#content h3 {
	font-size:16px;
	color:#666;
	background: url(image/bg_h2.jpg) no-repeat;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 35px;
}
#content h4 {
	font-size:14px;
	color: #666666;
	margin: 20px 6px 0 6px;
	padding: 6px 0 6px 20px;
	background: url(image/bg_h4.gif) no-repeat;
}
/*------------------------------
  フッター枠
-------------------------------*/
#footer {
	width: 840px;
	margin-left: 30px;
	margin-right: 30px;
	font-size:12px;
	margin-top: 10px;
}

/*------------------------------------------------------------
  ログインページ 
-------------------------------------------------------------*/
#login {
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	overflow: hidden;
}
/*------------------------------
  左枠
-------------------------------*/
#login_input {
	width: 380px;
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/*------------------------------
  右枠
-------------------------------*/
#login_doc {
	width: 390px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*------------------------------------------------------------
  ログアウトページ 
-------------------------------------------------------------*/
#logout {
	width: 780px;
	border: 1px solid #666666;
	background-color:#FFFFCC;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 60px;
	text-align: center;
}

/*------------------------------------------------------------
  新規登録ページ 
-------------------------------------------------------------*/
#regst {
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	overflow: hidden;
}

#center_area {
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	overflow: hidden;
}
/*------------------------------
  右枠 - 入力欄
-------------------------------*/
#regst_input {
	width: 740px;
	margin: 20px;
	padding: 9px;
	border: 1px solid #666666;
}

#center_layout {
	width: 740px;
	margin: 0px 20px 20px 20px;
	padding: 10px;
}

#center_layout h2 {
	font-size:18px;
	color: #000000;
	background: url(image/h2bk710.jpg) no-repeat;
	padding: 12px 0 42px 30px;
}

#center_textbox {
	width:650px;
	margin: 0px 20px 20px 20px;
	padding:10px;
	border: 1px solid #CCCCCC;
}
#center_textbox h3 {
	font-size:14px;
	color: #000000;
	background: url(image/b.gif) no-repeat;
	padding: 0px 0px 0px 20px;
}


#text_box {
	width:168px;
	height:200px;
	padding:10px;
	border:1px solid #000;
	overflow:scroll;
	text-align: left;
}

#content_textbox {
	width:570px;
	padding:10px;
	background-color:#F0F0F0;
}

#suport_textbox {
	width:555px;
	height:250px;
	padding:10px;
	border:1px solid #000;
	overflow:scroll;
}

#doc_textbox {
	width:620px;
	padding:10px;
	background-color:#FFFFCC;
}


#user_textbox {
	width:530px;
	padding:10px;
	margin: 10px;
	background-color:#CCFF99;
}

#user1_textbox {
	width:530px;
	padding:10px;
	margin: 10px;
	background-color:#ECF2FF;
}


#user2_textbox {
	width:530px;
	padding:10px;
	margin: 10px;
	background-color:#ECF2FF;
}

#user3_textbox {
	width:530px;
	padding:10px;
	margin: 10px;
	background-color:#ECF2FF;
}


#mailmg_textbox {
	width:535px;
	padding:10px;
	margin: 10px;
	border: 1px solid #ECF2FF;}

.imgdsp {
border-width:0px;
}

.imgleft {
float:left;
border-width:0px;
margin-top:0px;
}

.imgright {
float:right;
border-width:0px;
margin-top:0px;
}

.imgcenter {

border-width:0px;
margin-top:0px;
}

.torikesi {
text-decoration:line-through;
}

.footimg {
background-image:url(image/footer_back.png)
}

.clear {
	clear:both;
}
/*-------------------------------------------------------------------------------
 画像ロールオーバーの属性　（リンクボタンなど）                                                         
--------------------------------------------------------------------------------*/

a#login_scr {
   display: block;
   width: 121px; /* 画像1枚分の横幅 */
   height: 27px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/login.png"); /* 画像ファイル名 */
}
a#login_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#logout_scr {
   display: block;
   width: 121px; /* 画像1枚分の横幅 */
   height: 27px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/logout.png"); /* 画像ファイル名 */
}
a#logout_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#regst_scr {
   display: block;
   width: 121px; /* 画像1枚分の横幅 */
   height: 31px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/regst.png"); /* 画像ファイル名 */
}

a#regst_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}


a#request_scr {
   display: block;
   width: 121px; /* 画像1枚分の横幅 */
   height: 40px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/request.png"); /* 画像ファイル名 */
}

a#request_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#first_contact {
   display: block;
   width: 184px; /* 画像1枚分の横幅 */
   height: 98px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/navi_cons.png"); /* 画像ファイル名 */
}

a#first_contact:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#go_top_scr {
   display: block;
   width: 202px; /* 画像1枚分の横幅 */
   height: 54px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/go_top.png"); /* 画像ファイル名 */
}

a#go_top_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#go_back_scr {
   display: block;
   width: 202px; /* 画像1枚分の横幅 */
   height: 54px; /* 画像1枚分の高さ */
   text-indent: -2000px; /* 文字を見えなくする */
   background-image: url("image/go_back.png"); /* 画像ファイル名 */
}

a#go_back_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#dl1_scr {
   display: block;
   width: 400px; /* 画像1枚分の横幅 */
   height: 40px; /* 画像1枚分の高さ */
   background-image: url("image/dl1.png"); /* 画像ファイル名 */
}
a#dl1_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#dl2_scr {
   display: block;
   width: 400px; /* 画像1枚分の横幅 */
   height: 40px; /* 画像1枚分の高さ */
   background-image: url("image/dl2.png"); /* 画像ファイル名 */
}
a#dl2_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#dl3_scr {
   display: block;
   width: 400px; /* 画像1枚分の横幅 */
   height: 40px; /* 画像1枚分の高さ */
   background-image: url("image/dl3.png"); /* 画像ファイル名 */
}
a#dl3_scr:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}


/*------------------------------
  追加分　CSS 
-------------------------------*/

img {
	border:0;
	}
	
img.right {
	border:0;
	float:right;
	}

.center {
	text-align:center;
	}
	
.right {
	text-align:right;
	}
	
	
.left {
	text-align:left;
	}
	
tr.tblhd {
background-color:#6699FF;
}

td.tblhdtd {
background-color:#6699FF;
}

td.tblshd {
background-color:#DBDBF4;
}

td.tblshd2 {
background-color:#63AD19;
}

td.frm {
width:120px;
height:100px;
}

tr.sitemaphd {
height:50px;
background-color:#8E6B4E;
}

td.sitemap {
height:34px;
}

.sikaku{
width: 540px;
padding: 10px;
border: 1px solid #67CCFF;
}
.sikakus{
	width: 168px;
	padding: 10px;
	border: 1px solid #CCC;
}

.tatesen{
width: 540px;
padding: 10px;
border-left: 8px solid #EE82EE;
}

/*-------------------------------------------------------------------------------
 文字の属性　（サイズ・カラーなど）                                                         
--------------------------------------------------------------------------------*/
.midashi {color: #000000}
.red {color: #FF0000}
.red10px {font-size: 10pt; color: #FF0000; line-height: 200%;}
.red12px {font-size: 12pt; color: #FF0000; line-height: 200%;}
.red14px {font-size: 14pt; color: #FF0000; line-height: 200%;}
.red16px {font-size: 16pt; color: #FF0000; line-height: 200%;}
.red24px {font-size: 24pt; color: #FF0000; line-height: 200%;}

.blue {color: #0000CC}
.blue10px {font-size: 10pt; color: #0000CC; line-height: 200%;}
.blue12px {font-size: 12pt; color: #0000CC; line-height: 200%;}
.blue14px {font-size: 14pt; color: #0000CC; line-height: 200%;}
.blue16px {font-size: 16pt; color: #0000CC; line-height: 200%;}
.blue24px {font-size: 24pt; color: #0000CC; line-height: 200%;}

.black {color: #000000}
.black10px {font-size: 10pt; color: #000000; line-height: 200%;}
.black12px {font-size: 12pt; color: #000000; line-height: 200%;}
.black14px {font-size: 14pt; color: #000000; line-height: 200%;}
.black16px {font-size: 16pt; color: #000000; line-height: 200%;}
.black24px {font-size: 24pt; color: #000000; line-height: 200%;}

.white {color: #FFFFFF}
.white10px {font-size: 10pt; color: #FFFFFF; line-height: 200%;}
.white12px {font-size: 12pt; color: #FFFFFF; line-height: 200%;}
.white14px {font-size: 14pt; color: #FFFFFF; line-height: 200%;}
.white16px {font-size: 16pt; color: #FFFFFF; line-height: 200%;}
.white24px {font-size: 24pt; color: #FFFFFF; line-height: 200%;}

.brown {color: #993333}
.brown10px {font-size: 10pt; color: #993333; line-height: 200%;}
.brown12px {font-size: 12pt; color: #993333; line-height: 200%;}
.brown14px {font-size: 14pt; color: #993333; line-height: 200%;}
.brown16px {font-size: 16pt; color: #993333; line-height: 200%;}
.brown24px {font-size: 24pt; color: #993333; line-height: 200%;}

.blue80 {color: #0000CC}
.blue80b {color: #0000CC; font-weight: bold;}
.blue120 {font-size: 120%;	line-height: 140%; color: #0000CC; font-weight: bold; }
.white80 {color: #FFFFFF}
.white100 {font-size: 100%; color: #FFFFFF}
.white80b {color: #FFFFFF; font-weight: bold;}
.black120 {font-size: 14px;	line-height: 200%;}
.black120y {font-size: 14px; line-height: 200%; background-color: #ffff55;}
.wideyellow { background-color: #ffff55; padding: 0.3em 0px; }

.brown100 {font-size: 12px; color: #993333; }
.brown120 {font-size: 14px; line-height: 140%; color: #993333; }
.brown120b {font-size: 14px; line-height: 140%; color: #993333; font-weight: bold; }
.brown120m {font-size: 14px; line-height: 140%; color: #993333; font-family: "ＭＳ ゴシック", "Osaka－等幅"; }
.komoji70 {font-size: 11px;}
.komoji60 {font-size: 10px;}
.komoji50 {font-size: 9px;}
.green {color: #00CC00}
.green150 {font-size: 150%;	color: #336600;}
.gyoukan {line-height: 200%; font-size:12px;}
.qablue120 {font-size: 14px; line-height: 200%; color: #0066FF;}
.style4 {
	font-size: 10pt;
	color: #0000FF;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
.style5 {font-family: "ＭＳ ゴシック", "Osaka－等幅";}
.style26 {color: #0000FF;}
.style27 {
	color: #FF00FF;
	font-weight: bold;
}
.style28 {
	font-size: 100%;
	font-weight: bold;
}
.style29 {font-size: large;}

.errmsg {
	color:#FF0000;
	background-color:#FFCCFF;
	margin-left:30px;
	margin-right: 30px;
	text-align:left;
	padding-left: 20px;
}

.okmsg {
	color:#000066;
	background-color:#6699FF;
	margin-left:30px;
	margin-right: 30px;
	text-align:left;
	padding-left: 20px;
}