/***********************************************/
/* common.css*/
/***********************************************/


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
/*                              */
body {
margin: 0px;
padding: 0px;
background-color: #CCC;
background-image:url('/images-common/bg-body.gif');
}

html, div, form {
margin: 0px;
padding: 0px;
}

img {
	border:none;
}

h1{
margin: 0px;
padding: 0px;
}

h2{
margin: 0 0 30px 0;
padding: 0px;
}
h3{
margin: 0 0 20px 0;
padding: 0px;
}


/* マージン                             */
.mbtm7 {
	margin-bottom: 7px;
}

.mbtm10 {
	margin-bottom: 10px;
}

.mbtm15 {
	margin-bottom: 15px;
}

.mbtm20 {
	margin-bottom: 20px;
}

.mbtm30 {
	margin-bottom: 30px;
}

.mbtm40 {
	margin-bottom: 40px;
}

.mbtm50 {
	margin-bottom: 50px;
}

.mleft5{
	margin-left: 5px;
}

.mleft10{
	margin-left: 10px;
}

.mleft15{
	margin-left: 15px;
}
.mleft20{
	margin-left: 20px;
}
.mleft25{
	margin-left: 25px;
}

.mleft30{
	margin-left: 30px;
}

.mbl15{
	margin: 0 0 15px 15px;
}

.mb15l30{
	margin: 0 0 15px 30px;
}

.mb20l15{
	margin: 0 0 20px 15px;
}

.mb30l15{
	margin: 0 0 30px 15px;
}

.mbt1 {
	margin-top:2px;
}

.mright40 {
	margin-right: 20px;
	margin-bottom: 20px;
}
.m20{
	margin: 20px;}


/* パディング                             */
.padbtm10{
padding-bottom:10px;
}

.padbtm30{
padding-bottom:30px;
}

.padbtm30mar40{
padding-bottom:30px;
margin-right:40px;
}


.padr20{
padding-right: 20px;
}

.padr40{
padding-right: 40px;
}

.padl5{
padding-left: 5px;
}

.padl11{
padding-left: 11px;
}

.padl15{
padding-left: 15px;
}

.padl20{
padding-left: 20px;
}

.padl25{
padding-left: 25px;
}

.padl40{
padding-left: 40px;
}

.pad8{
 padding: 8px 8px 8px 8px;
}

.padall3{
padding: 3px 3px 3px 3px;
}

.pad5-8{
 padding: 5px 8px 5px 8px;
}

.pad8-10{
 padding: 10px 8px 10px 8px;
}

.pad3-3{
 padding: 3px 0px 3px 0px;
}

.pad13-10{
 padding: 10px 13px 10px 13px;
}


/***********************************************/ 
/* リンクカラー                             */

a:link{ color:#000066;text-decoration: none; }
a:visited{ color:#6666CC;text-decoration: none; }
a:hover{ color:#0099CC;text-decoration: underline; }
a:active{ color:#0099CC;text-decoration: underline; }

/***********************************************/ 
/* Header                           */

div#header{
	width: 810px;
	margin: 0!important;
	padding: 0!important;
	clear: both;
}

#header ul{
	width: 810px;
	height: 38px;
	display: list-item;
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
}

#header li.link01{
	display: list-item;
	height: 38px;
	margin: 0 0 0 40px;
	padding: 0!important;
	list-style-type: none;
	float: left;
	display: inline;
}
#header li.link02{
	display: list-item;
	height: 38px;
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
	float: left;
}
#header table.bgimg{
	background-image: url(/images-common/gl-sidebar.gif);
}

div#header_pop{
	margin: 0!important;
	padding: 0!important;
	clear: both;
}


/***********************************************/ 
/* Fooder                           */

div#fooder{
	width: 810px;
	margin: 0!important;
	padding: 0!important;
	clear: both;
}

#fooder ul{
	display: list-item;
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
}
#fooder li.copy{
	dispul01
lay: list-item;
	margin: 0!important;
	padding: 0 0 0 20px;
	list-style-type: none;
	float: left;
}
#fooder li.link01{
	display: list-item;
	margin: 0!important;
	padding: 0 0 0 240px;
	list-style-type: none;
	float: left;
}
#fooder li.link02{
	display: list-item;
	margin: 0!important;
	padding: 0!important;
	list-style-type: none;
	float: left;
}

div#fooder_pop{
	margin: 0!important;
	padding: 0!important;
	clear: both;
}


/***********************************************/ 
/* LocalNavi02                           */

div.topt1{
	border-top:1px solid #9EC3EC;
	border-bottom:1px solid #ffffff;
	background-color:#9EC3EC;
	margin-bottom:1px;
	padding:0px;
}

div.topt1on{
	border-top:1px solid #3071C4;
	border-bottom:1px solid #ffffff;
	background-color:#3071C4;
	margin-bottom:1px;
	padding:0px;
}

div.topt2{
	margin:4px 0 4px 0;
	background-color:#9EC3EC;
	padding:1px 0 0 10px;
}

div.topt3{
	background-color:#9EC3EC;

	margin:1px 0 0 8px;
	_margin:1px 0 0 0;
	padding:1px 0 1px 1px;
	_padding:1px 0 1px 10px;
}
div.topt3on{
	background-color:#3071C4;

	margin:1px 0 0 8px;
	_margin:1px 0 0 0;
	padding:1px 0 1px 1px;
	_padding:1px 0 1px 10px;
}

div.topt4{
	border-top:1px solid #9EC3EC;
	border-bottom:1px solid #9EC3EC;
	background-color:#9EC3EC;
	padding:0;
	margin:0 0 2px 0;
}

div.topt4on{
	border-top:1px solid #3071C4;
	border-bottom:1px solid #3071C4;
	background-color:#3071C4;
	padding:0;
	margin:0 0 2px 0;
}


div.mgn1{
	background-color:#FFFFFF;
	margin-bottom:2px;
}



div#lmenu02{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	clear: both;
}

#lmenu02 ul{
	background-color:#FFFFFF;

	margin:0;
	padding:0;
	list-style-type: none;
}

#lmenu02 li.off1{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 1.1em 0.4em;
	_background-position: 1.0em 0.4em;
	background-color:#D4E0EC;

	border-top: 1px solid #fff;

	padding:3px 0 3px 25px;
}

#lmenu02 li.off2{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 1.1em 0.4em;
	_background-position: 1.0em 0.4em;
	background-color:#D4E0EC;

	border-top:1px solid #ffffff;
	border-bottom:1px solid #D4E0EC;

	padding:3px 0 3px 25px;
}

#lmenu02 li.on1{
	background: url('/images-common/lm-arrown10w.gif') no-repeat;
	background-position: 1.1em 0.4em;
	_background-position: 1.0em 0.4em;
	background-color:#3071C4;

	border-top: 1px solid #fff;
	padding:3px 0 3px 25px;
	color:#ffffff;
/*	height:24px;*/
}

#lmenu02 li.on2{
	background: url('/images-common/lm-arrown10w.gif') no-repeat;
	background-position: 1.1em 0.4em;
	_background-position: 1.0em 0.4em;
	background-color:#3071C4;

	border-top: 1px solid #ffffff;
	border-bottom:1px solid #3071C4;

	padding:3px 0 3px 25px;
	color:#ffffff;
/*	height:24px;*/
}

#lmenu02 div.left_title{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 0.3em 0.4em;
	_background-position: 0.2em 0.4em;
	padding:3px 0 3px 15px;
}

#lmenu02 div.left_title2{
	background: url('/images-common/lm-arrown10w.gif') no-repeat;
	background-position: 0.3em 0.4em;
	_background-position: 0.2em 0.4em;
	padding:3px 0 3px 15px;
	color:#ffffff;
}

#lmenu02 div.left_title3{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 0.3em 0.6em;
	_background-position: 0.2em 0.7em;
	padding:6px 0 6px 15px;

	border-top: 1px solid #3071C4;
	border-bottom:1px solid #3071C4;
}


.lmpad1{
 padding: 5px 0px 4px 7px;
}
.lmpad2{
 padding: 3px 0px 3px 0px;
}


/***********************************************/ 
/* mainarea                           */

/* LIST                             */

#mainarea ul, li{
	list-style: none;
	margin:0;
	padding:0;
}

#lmenu02 ul, li{
	list-style: none;
	margin:0;
	padding:0;
}


.ul01{
	list-style-image: url(/images-common/cmn-arrow-03.gif); 
	margin:0 0 10px 20px;
	padding:0;
}



.ul02{
	list-style-image: url(/images-common/cmn-arrow-02.gif); 
	margin:0 0 0 15px;
	padding:0;
	line-height: 70%;
}

.ul03{
	list-style-image: url(/images-common/cmn-arrow-03.gif); 
	margin:0 0 15px 15px;
	padding:0;
}


.ul04{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 0.4em 0.1em;
	_background-position: 0.3em 0.1em;
	margin:5px 0 0 0;
	padding: 0 0 0 15px;
	line-height: 100%;
}

.ul05{
	list-style-image: url(/images-common/cmn-arrow-03.gif); 
	margin:0 0 0 15px;
	padding:0;
}

.ul06{
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 0.4em 0.1em;
	_background-position: 0.3em 0.1em;
	margin:0 0 0 -15px;
	padding: 0 0 0 15px;
	line-height: 120%;
}

.ul07{
	list-style: none;
	margin:0;
	padding:0;
	line-height: 80%;
}

.ul08{
	list-style-image: url(/images-common/cmn-arrow-03.gif); 
	margin:0 0 0 20px;
	padding:0;
	line-height: 120%;
}

.ul09{
	background: url('/images-common/cmn-arrow-01.gif') no-repeat;
	background-position: 0.4em 0.1em;
	_background-position: 0.3em 0.1em;
	margin:5px 0 0 0;
	padding: 0 0 0 15px;
	line-height: 100%;
}

.ul10{
	display: list-item;
	background: url('/images-common/lm-arrown10.gif') no-repeat;
	background-position: 0.4em 0.1em;
	_background-position: 0.3em 0.1em;
	margin-top:5px;
	margin-right:20px;
	padding: 0 0 5px 15px;
	list-style-type: none;
	float: left;
}

.ul11{
	list-style-image: url(/images-common/cmn-arrow-04.gif); 
	margin:0 0 0 15px;
	padding:0;
	line-height: 120%;
}

.ul12 {
	margin-left: 5px;
	list-style-type: circle;
}

.ul13{
	list-style-image: url(/images-common/cmn-arrow-05.gif); 
	margin:0 0 0 15px;
	padding:0;
	line-height: 120%;
}

.ul14{
	list-style-image: url(/images-common/cmn-arrow-03.gif); 
	margin:0 0 10px 20px;
	padding:0;
	line-height:50%;
}


.topul{
	margin: 0 0 0 30px;
	padding: 0 0 0 0px;
}



/***********************************************/ 
/* バックグラウンドイメージ                             */
.coff01{ background-image: url(/service/c-office/images/coff-bline.gif);}


/***********************************************/ 
/* バックグラウンドカラー                             */
.not {background-color:#CCFFFF;}
.framebg03 {background-color:#FFFFF1;}
.bgcc{background-color:#CCCCCC;}
.bgff{background-color:#FFFFFF;}
.bg1b{background-color:#1B2133;}
.bg9e{background-color:#9EC3EC;}
.bg30{background-color:#3071C4;}
.bgD4{background-color:#D4E0EC;}
.bg56{background-color:#0056BC;}
.bg00{background-color:#000000;}
.bgf3{background-color:#FF3200;}
.bgeb{background-color:#EBF4FD;}
.bgc0{background-color:#C0DBF8;}



/******以下は移行CSS*******************************/ 
/* バックグラウンドイメージ                             */
.bg01{ background-image: url(/images-common/right-bg.gif);}
.bg02{ background-image: url(/images-common/line-m.gif);}
.bg03{ background-image: url(/images/keyimg.jpg);}


.loset01{ background-image: url(/images-common/lo-me-set01.gif);}
.loset02{ background-image: url(/images-common/lo-me-set02.gif);}

/* フレームイメージ                             */
.frameto01{ background-image: url(/images-common/frame-to01.gif); background-repeat:repeat-x;}
.frameli01{ background-image: url(/images-common/frame-li01.gif); background-repeat:repeat-y;}
.framere01{ background-image: url(/images-common/frame-re01.gif); background-repeat:repeat-y;}
.framebo01{ background-image: url(/images-common/frame-bo01.gif); background-repeat:repeat-x;}


.frameto02{ background-image: url(/images-common/frame-to02.gif); background-repeat:repeat-x;}
.frameli02{ background-image: url(/images-common/frame-li02.gif); background-repeat:repeat-y;}
.framere02{ background-image: url(/images-common/frame-re02.gif); background-repeat:repeat-y;}
.framebo02{ background-image: url(/images-common/frame-bo02.gif); background-repeat:repeat-x;}

.framebg01{ background-image: url(/images-common/frame-bg01.jpg);}
.framebg02{ background-image: url(/images-common/frame-bg02.jpg);}
.framebg04{ background-image: url(/images-common/frame-bg03.jpg);}
.framebg05{ background-image: url(/images-common/frame-bg04.jpg);}

.dummy{ background-image: url(/images-common/dummy.gif);}

.table01tl{ background-image: url(/images-common/cmn-tbltop01.gif);}
.table01tm{ background-image: url(/images-common/cmn-tbltop02.gif);}
.table01tr{ background-image: url(/images-common/cmn-tbltop03.gif);}
.table01l{ background-image: url(/images-common/cmn-tblborder01.gif);}
.table01r{ background-image: url(/images-common/cmn-tblborder02.gif);}
.table01bl{ background-image: url(/images-common/cmn-tblbtm01.gif);}
.table01bm{ background-image: url(/images-common/cmn-tblbtm02.gif);}
.table01br{ background-image: url(/images-common/cmn-tblbtm03.gif);}


.topimgbg{ background-image: url(/images/bg-top.gif) }
.topbg01{ background: url(/images/bg-m01.gif) no-repeat;}
.topbg02{ background: url(/images/bg-m02.gif) no-repeat;}
.topbg03{ background: url(/images/bg-m03.gif) no-repeat;}
.topbg04{ background: url(/images/bg-m04.gif) no-repeat;}


/***********************************************/ 
/* ブレットクラムマージン                             */
.breadcrumb {
font-size:10px;
margin: 5px;
}

/***********************************************/ 
/* 現在地カラー                             */
.green {color: #259689;}
.green02 {color: #259689;}
/***********************************************/ 
/* textカラー                             */
.gray {color: #999999;}
.blue {color: #0033CC;}

/***********************************************/ 
/* 見出し、テキストカラーとウェイト                             */
td, div { color: #000000;}


.squaretitle{
color: #6b8299;
font-weight:bold;
}

.squaretitle02{
color: #CC6600;
font-weight:bold;
}

.texttitle {
color: #333333;
font-weight:bold;
}

.texttitle02 {
color: #ff3300;
font-weight:bold;
}


.texttitleb02 {
color: #ff3300;
font-weight:bold;
}

.text01 {
color: #000000;
line-height:130%;
}

.text0102 {
color: #ff3300;
line-height:130%;
}

.text0103 {
color: #CC6600;
line-height:130%;
}


.text02 {
color: #333333;
line-height:130%;
}

.text0202 {
color: #333333;
}

.text0203 {
color: #ff3300;
}

.textff {
color: #ffffff;
}

.text06b{
	font-weight:bold;
}
.b{
	font-weight:bold;
}
.style1 {color: #FF0000}

.txth{
vertical-align:30%;
}
/***********************************************/ 
/* Table カラー                             */
.white {background-color:#ffffff;}

.tline01 {background-color:#cccccc;}

.tline02 {background-color:#000000;}

.tgray01 {background-color:#eeeeee;}

.tpurple01 {background-color:#dedfff;}
.tpurple02 {background-color:#F1F0FF;}

.tbrown01 {background-color:#FAF8D5;}

.tbrown02 {background-color:#FEFFE8;}

.tblue01 {background-color:#E1EBF5;}

.torange{background-color:#FEEFBE;}
.tyellow{background-color:#FFFFCC;}


/******以下は移行CSS2/*******************************/ 

/*テーブル背景画像 */
.hbg{ background-image: url(/common_images/glo_bg.gif); }

.fc01{ background-image: url(/common_images/f_c01_tc.gif); }
.fc02{ background-image: url(/common_images/f_c01_ml.gif); }
.fc03{ background-image: url(/common_images/f_c01_mr.gif); }
.fc04{ background-image: url(/common_images/f_c01_bc.gif); }
.fc04a{ background-image: url(/common_images/f_c01_bc2.gif); }

.fc11{ background-image: url(/common_images/f_c13_tc.gif); }
.fc12{ background-image: url(/common_images/f_c13_ml.gif); }
.fc13{ background-image: url(/common_images/f_c13_mr.gif); }
.fc14{ background-image: url(/common_images/f_c13_bc.gif); }

.fc21{ background-image: url(/common_images/f_c20_tc.gif); }
.fc22{ background-image: url(/common_images/f_c20_ml.gif); }
.fc23{ background-image: url(/common_images/f_c20_mr.gif); }
.fc24{ background-image: url(/common_images/f_c20_bc.gif); }

.fc31{ background-image: url(/common_images/f_c34_tc.gif); }
.fc32{ background-image: url(/common_images/f_c34_ml.gif); }
.fc33{ background-image: url(/common_images/f_c34_mr.gif); }
.fc34{ background-image: url(/common_images/f_c34_bc.gif); }

.bt01{ background-image: url(/common_images/tab_ml.gif); }
.bt02{ background-image: url(/common_images/tab_mr.gif); }
.bt03{ background-image: url(/common_images/tab_bc.gif); }
.bt04{ background-image: url(/common_images/tab_part.gif); }

.bgpop600{ background: url(/images-common/pup-line.gif) };

/* テーブル背景色 */
.c01{background-color:#ffffff;}
.c10{background-color:#666666;}
.c11{background-color:#bbbbbb;}
.c13{background-color:#EBF0F5;}
.c12{background-color:#ffffff;}

.c20{background-color:#E7FAF2;}
.c21{background-color:#ffff00;}
.c22{background-color:#fff0e1;}
.c30{background-color:#7092B8;}
.c31{background-color:#6699cc;}
.c32{background-color:#BCE4EE;}
.c33{background-color:#006699;}
.c34{background-color:#bbddee;}
.c35{background-color:#f1f6fc;}

.c40{background-color:#00cc00;}

.c50{background-color:#ff0000;}
.c51{background-color:#990000;}
.c52{background-color:#ffcccc;}
.c53{background-color:#ff9900;}

@media print {
	body {
		background-color: #FFFFFF;
		background-image:url('/images-common/dummy.gif');
	}
	div#lmenu02{
		width: 100%;
		padding: 0 0 30px 0;
		margin: 0;
		clear: both;
	}

/*テーブルテキスト設定*/
}.cat_text {
	font-size: 12px;
	margin-right: 3px;
	margin-left: 3px;
	line-height: 15px;
	margin-top: 2px;
}
.mright20 {

	margin-right: 20px;
	margin-bottom: 0px;
}



/*************ABE追記テーブル枠線*****************/
.wakuOrange_top	{
	border-top:solid 2px #FF3800;
	border-right:solid 2px #FF3800;
	border-left:solid 2px #FF3800;
	}
.wakuOrange_body	{
	border-right:solid 2px #FF3800;
	border-left:solid 2px #FF3800;
	}
.wakuOrange_bottom {
	border-right:solid 2px #FF3800;
	border-left:solid 2px #FF3800;
	border-bottom:solid 2px #FF3800;
	}

/*************ABE追記※マークなど1文字下げリスト*****************/
ul.indent{
	padding-left:1em;
    }
ul.indent li{
	text-indent:-1em;
	list-style-type:none;
    }