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

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);
}

/*------------------------------
  明細-右枠 
-------------------------------*/
#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:#993333;
	background: url(image/bg_h2.jpg) no-repeat;
	margin: 30px 0 0 0;
	padding: 10px 0 10px 20px;
}
#content h4 {
	font-size:12px;
	color: #666666;
	background-color: #f2f2f2;
	margin: 20px 6px 0 6px;
	padding: 6px 0 6px 10px;
}

/*------------------------------
  フッター枠
-------------------------------*/
#footer {
	width: 840px;
	margin-left: 30px;
	margin-right: 30px;
	font-size:12px;
	margin-top: 10px;
}

/*------------------------------------------------------------
  ログインページ 
-------------------------------------------------------------*/
#login {
	width: 800px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/*------------------------------
  左枠
-------------------------------*/
#login_input {
	width: 390px;
	text-align: center;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
/*	border: 1px solid #666666; */
}
/*------------------------------
  右枠
-------------------------------*/
#login_doc {
	width: 390px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

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

/*------------------------------------------------------------
  新規登録ページ 
-------------------------------------------------------------*/
#regst {
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
	overflow: hidden;
}
/*------------------------------
  右枠 - 入力欄
-------------------------------*/
#freebox {
	width: 760px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCC;
}
#freebox h2 {
	font-size:20px;
	color: #000000;
	background: url(image/h2_long.jpg) no-repeat;
	margin: 20px 0 0 0;
	padding: 10px 0 10px 20px;
}
#freebox h3 {
	font-size:16px;
	color: #993300;
	margin: 10px 0 0 0;
	padding: 8px 0 8px 10px;
}
#freebox h4 {
	font-size:12px;
	color: #666666;
	background-color: #f2f2f2;
	margin: 20px 6px 0 6px;
	padding: 6px 0 6px 10px;
}


#text_box {
	width:173px;
	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:568px;
	height:250px;
	padding:10px;
	border:1px solid #000;
	overflow:scroll;
}


.imgdsp {
border-width:0px;
margin-top:10px;
}

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

.imgright {
float:right;
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; /* 背景画像の表示開始基準を右上に変更 */
}

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

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


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

img {
	border:0;
	}

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

td.tblhdtd {
background-color:#DCCF92;
}

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

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 #0066FF;
}

.sikakul{
width: 720px;
padding: 10px;
border: 1px solid #67CCFF;
}

.sikakuxl{
width: 720px;
padding: 20px;
background-color: #F5F2BF;   /*　ページ全体の背景色　*/
border: 1px dashed #C1A16E;
}

.sikakum{
	width: 320px;
	padding: 10px;
	border: 1px solid #CCC;
}

.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: 14px; color: #FF0000; line-height: 200%;}
.red16px {font-size: 16pt; 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: 14px; color: #0000CC; line-height: 200%;}
.blue16px {font-size: 16pt; 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: 14px; color: #000000; line-height: 200%;}
.black16px {font-size: 16pt; 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: 14px; color: #FFFFFF; line-height: 200%;}
.white16px {font-size: 16pt; 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: 14px; color: #993333; line-height: 200%;}
.brown16px {font-size: 16pt; 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: 140%;}
.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; }
.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;}

.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;
}

ul.ckmk {
	font-size: 14px;
	margin: 0 0 0 30px;
	list-style-image: url(../image/ckr.gif) ;
}
ul.ckmk li {
	margin: 0;
	padding: 3px 0 3px 0;
}

------------------------------------
 テキストの装飾設定 クラス
------------------------------------ 
.bg-yell { /*黄色マーカー*/
	background-color: #FFFFF4;
	border: 1px solid #CCCC00;
	margin: 10px;
	padding: 10px;
}

/*--------------------------【文字スタイル】*/

.b { /*　太字　*/
	font-weight: bold;
}
.s { /*　取消線　*/
	text-decoration: line-through;
}
.u { /*　下線　*/
	text-decoration: underline;
}

/*--------------------------【文字サイズ】*/

.f10 { /*　フォントサイズ10px　*/
	font-size: 10px;
	line-height:120%;
}
.f11 { /*　フォントサイズ11px　*/
	font-size: 11px;
	line-height:130%;
}
.f12 { /*　フォントサイズ12px　*/
	font-size: 12px;
	line-height:140%;
}
.f14 { /*　フォントサイズ14px　*/
	font-size: 14px;
	line-height:140%;
}
.f16 { /*　フォントサイズ16px　*/
	font-size: 16px;
	line-height:140%;
}
.f18 { /*　フォントサイズ18px　*/
	font-size: 18px;
	line-height:140%;
}
.f24 { /*　フォントサイズ24px　*/
	font-size: 24px;
	line-height:140%;
}

/*--------------------------【文字配置】*/
.txt-r { /*　右寄せ　*/
	text-align: right;
}
.center { /*　中央揃え　*/
	text-align: center;
}

/*
------------------------------------
 余白の設定 クラス
------------------------------------ 
*/

.mall10 { /*　全余白10px　*/
	margin: 10px;
}
.mall20 { /*　全余白20px　*/
	margin: 20px;
}
.mtop10 { /*　上部余白10px　*/
	margin-top: 10px;
}
.mtop20 { /*　上部余白20px　*/
	margin-top: 20px;
}
.mtop40 { /*　上部余白40px　*/
	margin-top: 40px;
}
.mtop80 { /*　上部余白80px　*/
	margin-top: 80px;
}
.mleft10 { /*　左部余白10px　*/
	margin-left: 10px;
}
.mleft20 { /*　左部余白20px　*/
	margin-left: 20px;
}
.mleft30 { /*　左部余白30px　*/
	margin-left: 30px;
}

/*
------------------------------------
 文章の強調設定 クラス
------------------------------------ 
*/

.wsikaku{ /*コンテンツ部用　四角枠（茶）*/
width: 700px;
margin: 0px 0 10px 20px;
padding: 10px;
background-color: #F8F8F8;   /*　ページ全体の背景色　*/
border: 1px dashed #C1A16E;
}
.wsikakur{ /*コンテンツ部用　四角枠（赤）*/
width: 700px;
margin: 0px 0 10px 20px;
padding: 10px;
background-color: #F2EADD;   /*　ページ全体の背景色　*/
border: 1px dashed #C1A16E;
}


.wtatesen{ /*コンテンツ部用　左縦線（赤）*/
width: 700px;
padding: 10px;
border-left: 5px solid #EE82EE;
}


/*
------------------------------------
 画像（img）の配置設定 クラス
------------------------------------ 
*/

img { /*　画像のボーダーラインをなしに設定　*/
	border:0;
}
.flo-l { /*　テキストの左に配置し、テキストとの間隔を6px開ける　*/
	float: left;
	margin-right: 6px;
}
.flo-r { /*　テキストの右に配置し、テキストとの間隔を6px開ける　*/
	float: right;
	margin-left: 6px;
}
.img-m { /*　垂直中心揃え　*/
	vertical-align: middle;
}