@charset "utf-8";
/* CSS Document */
/****base*****/

body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object	{
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:62.5%;/**62.5%で、1.0emでデフォルト16pxを10pxにサイズダウン***/
	
	font-family: 'ヒラギノ角ゴ Pro','W3Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	line-height:1.5;
	/*text-align:center;*/
	/*\*/
	letter-spacing:0.1em;
	/*MacIE5回避（Backslash Hack）P71*/
}
/****終了　base*****/
/*****general*********/

h1 {font-size:12px;
	color:#cfcfcf;
}

h2 {
	font-size:1.6em;
	line-height:1.2em;
}

h3 {	font-size:1.4em;}
h4,h5,h6 {font-size:1.3em;}

h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-weight:normal;
}

p {
	font-size:1.4em;
	color:#989d9f;

}

ul {
	font-size:1.4em;
	list-style:none;
} 

table {border-spacing:0;}

table,td,th,img {	border:0;}

strong {color:#00abee;}
.strong01 {color:#FF9900;}
.strong02 {color:#ec0064;}
.strong03 {color:#ac00ff;}

a {
	color :#989d9f;
	font-size:1.2em;
	text-decoration:none;

}

a:visited {
	text-decoration:none;
	color:#989d9f;
}

a:hover {
	color:#ff9000;
	text-decoration:none;/*underline;*/
}
img {
	vertical-align:bottom;
}		
/*****終了　general*********/

/*****ST-System　主要ＣＳＳ*******/

/*背景表示ハック*/	
.modan:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
	
/*\*/
* html .modan {
    height: 1em;
    overflow: visible;
}
/**/


/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
html{
height:100%;
}
body{
height:100%;
}
body > #wrapper_bg {
    height: auto;
}
* html #wrapper_bg{
    height:100%;
}

#wrapper_bg {
/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
	height:100%;
	min-height: 100%;
	position:relative;
	
	width:100%;
	background:url(../img/img079.gif) left top repeat-x;
	}
	
	#bg_header {
		background:url(../img/img078.gif) left top repeat-x;
	}
	#header {
		position:relative;
		height:100px;
		background:url(../img/img077.gif) left top no-repeat;
	}
			#h-right {
				position:absolute;
				top:0;
				right:0;
				}
				#h-right p {
					padding-right:20px;
					}
			#h-left {
				position:absolute;
				top:0;
				left:38px;
				height:100px;
				}

	#container {
		width:100%;
		padding-bottom:297px;/*footer分のスペース*/
		}
		/*レフト*/
		#main_left {
			float:left;
			width:402px;
			position: relative;
			z-index: 2;
			}
			#left-cont {
				margin-left:25px;
			 	width:377px;
				}
			 #left_box1 {/*レフト上段*/
			 	padding:32px 20px 13px 32px;
				}
				#hello {
					background:url(../img/img088.gif) left bottom no-repeat;
					margin-bottom:18px;
					}
				#hello p{
					padding-left:88px;
					}
				.top_link li{
					margin:10px 0;
					padding-left:28px;
					background:url(../img/img090.gif) left center no-repeat;
					}

			 .left_box2 {/*レフト中断*/
					padding-left:20px;
					padding-right:20px;
				}	
			 .left_box3 {/*レフト下段*/
			 	width:377px;
				background:url(../img/img082.gif) left top repeat-y;
				}
				.left_box3 p {
					padding:40px 20px 45px 20px;
					color:#ffffff;
					}
				.side_link{
					padding-left:20px;
					padding-right:20px;
					}
					.side_link a {
						color:#ffffff;
						}
					.side_link a:visited {
						color:#ffffff;
						} 
					.side_link a:hover {
						color:#999999;
						}
					.side_link li {
						padding:0 0 13px 72px;
						}
					.a_top {
						background:url(../img/img087.gif) left top no-repeat;
						}
						#a_top {
							margin-top:11px;
							}
					.a_main {
						background:url(../img/img086.gif) left top no-repeat;
						}
					.a_main_more {
						background:url(../img/img085.gif) left top no-repeat;
						}
					.a_sub {
						background:url(../img/img084.gif) left top no-repeat;
						}
					.a_sub_more {
						background:url(../img/img083.gif) left top no-repeat;
						}
					
		#main_right {
			width:100%;
			float:right;
			margin-left:-402px;
			}
			#main_content {
				margin-left:425px; 
				text-align:left;
				}
				#content {
					width:96%;
					padding-top:32px;	
					}
					.new_title h2{/*m_newpageで使用*/
						font-weight:bolder;
						padding:23px 0 26px 42px;
						color: #333366;
						}.new_title h2 span{
							color: #00CCFF;
							}
					.index_box1 h2{/*m_indexで使用*/
						font-weight:bolder;
						padding:9px 0 8px 18px;
						border:1px solid #cacdcf;
						background:#003366;
						color:#ffffff;
						}
						.index_box1 p{
							color:#989d9f;
							padding:12px 0 12px 15px;
							}
					.box1 h2{
						font-weight:bolder;
						padding:9px 0 8px 18px;
						border:1px solid #cacdcf;
						background:url(../img/img104.gif) left top repeat-x;/*#003366;*/
						color:#ffffff;
						}
						.box1 p{
							color:#989d9f;
							padding:12px 0 12px 15px;
							}
						#topimg {/*m_index.tplで使用*/
							background:url(../img/img092.gif) left top no-repeat;
							width:100%;
							}
							#topimg p{
								padding-top:86px;
								padding-left:20px;
								}
					/*box2内*/
					.error01 {/*エラー表示*/
						margin:15px 0;
						padding:14px 0 14px 22px;
						border:1px solid #FF3399;
						}	
						.error01 p {
							color:#FF3399;
							}
					.compleat {/**ＯＫ表示*/
						margin:15px 0;
						padding:15px;
						border:1px solid #0066FF;
						}	
						.compleat p {
							color:#0066FF;
							}
					/*m_subpage/m_newpageで使用*/
					 #form h3 {
						color:#222222;
						border-bottom:1px solid #CCCCCC;
						border-right:1px solid #CCCCCC;
						padding:7px 0 6px 15px;
						background:#eeeeee;
						margin-top:30px;
						font-weight:bold;
						}
						#form h3 span {
							color:#FF33CC;
							padding-left:5px;
							}
						.text2 {margin:12px 0;}
						
						#form div{
							margin:10px 0 45px 25px;
							}
							.expla{/*m_inputの登録完了でも使用　、またst_smp_loginでも使用*/
								background: #FEF5DA;
								color:#454545;
								margin:2px 0;
								padding:3px 3px 3px 6px;
								}
								.expla span{
									font-weight:bold;
									color:#FF3300;
									}
						.submit {
							padding-top:10px;
							padding-bottom:10px;
							padding-left:30px;
							border:1px dashed #0099FF;
							}
						.sub_deleat{
							padding-top:10px;
							padding-bottom:10px;
							padding-left:30px;
							border:1px dashed #FF3399;
							}
					.page_top {
						padding-right:30px;
						text-align:right;
						}
					/*m_subpage/m_newpage終了*/
					
					.form_all{/*m_index更新通知・追加ボタンdiv*/
						margin-top:30px;
						width:100%;
						}
						.form_all_a{
							float:left;
							width:190px;
							height:87px;
							margin-bottom:20px;
							background:url(../img/img095.gif) left top no-repeat;
							}
							#form_bottom{
								padding:35px 0 0 42px ;
								}
								
						.form_all_b{
							width:100%;
							margin-bottom:20px;
							}
							.form_all_b p{
								padding-top:20px;
								}
							
						.mes_box{/*メッセージbox div*/
							clear:both;
							width:100%;
							border:1px solid #73797c;
							}
							#mes_box_top{
								background-color:#73797c;
								text-align:center;
								}
								#mes_box_top img{
									margin:0 auto;
									text-align:left;
									}
								.mes_box_cont{
										padding:20px;
										overflow:auto;
									}
									.mes_box_cont p{
											border-bottom:1px dashed #69666e;
											/*border-bottom:1px dashed #a9aaae;*/
											margin-bottom:10px;
											padding:4px 4px 0px 8px;
											color:#454545;
										}
										.mes_box_cont p span{
												color:#FF33CC;
											}
	#footer-bg {
		clear:both;
		background:url(../img/img075.gif) left top repeat-x;
		width:100%;
		/*ＣＳＳマニュアル　「height100%のボックス」「ウィンドウのサイズを変えてもフッターは常に画面の下.txt」を使用*/
		position:absolute;
		bottom:0px;
	}
		#footer {
			margin-left:25px;
			height:296px;
			background:url(../img/img076.gif) left top no-repeat;
			}	
			#footer_inner{
				background:url(../img/img103.gif) right top no-repeat;
				width:96%;
				height:296px;
			}	
				#p-copy{
					width:100%;
					color:#525f75;
					padding-top:195px;
					}
					#p-copy ul li{
						display:inline;
						}
						#p-copy ul li a {
							font-size:11px;
							color:#ff8a00;
							}
						#p-copy ul li a:hover {
							color:#ffffff;
							text-decoration:none;
							}
					#p-copy p{
						font-size:11px;
						color:#525f75;
						width:580px;
						}
					#c {
						font-size:9px;
						}
						
					#f-img {
						position:absolute;
						bottom:10px;
						right:45px;
						text-align:right;
						width:100%;
						}
			
			
/*■■*****ST-System　主要ＣＳＳ*******終了*/

/*******m_alldel_endで使用*/

#content_1colom {/*これだけm_alldel以外でも使用*/
	margin:0px; 
	text-align:center;
	/*margin-left:25px;*/
	}
	
	#cont_1colom {
		width:70%;
		margin: 0 auto;
		padding-top:32px;	
	}
		#cont_1colom table {
			margin-top:40px;
			width:100%;
			table-layout: fixed;
			border-collapse: collapse;
			} 
			#cont_1colom table td{
				text-align:center;
				padding: 15px;
				border: 1px dashed  #CCCCCC;
				background-color:#ffffff;
				
				}
				#cont_1colom table td p{
					font-size: 0.9em;
					}
				.1colom_a a:hover{
					color:#989d9f;
					}
					
/*■■m_alldel で使用********終了*/

/*******m_input m_loginで使用*/

#input_table{
		width:70%;
		margin: 0 auto;
		padding-top:32px;	
}
	#input_table table{
			margin-top:40px;
			width:100%;
			table-layout: fixed;
			border-collapse: collapse;
	}
		#input_table table th{
				text-align:center;
				padding: 15px;
				border: 1px solid  #CCCCCC;
				background-color:#eeeeee;
			}
				#input_table table th p{
					font-size:0.9em;
					color:#000000;
					}
		#input_table table td{
				width:70%;
				text-align:left;
				padding-left:15px;
				border: 1px solid  #CCCCCC;
				background-color:#ffffff;
			}
		#font_p{
			padding:15px;
			font-size:0.9em;
			color: #609ce5;
			line-height:1.3em;
			/*\*/
			letter-spacing:0.2em;
			/*MacIE5回避（Backslash Hack）*/
			}
			#p_strong{
				color:#ff00b4;
				}
		#submit {
			text-align: center;
			padding:15px 0;
			}
		.left_soloe{/*m_loginで使用*/
			text-align:left;
			margin:10px 0;
			}
		.left_soloe_01{/*m_pass_getで使用*/
			text-align:left;
			margin-top:15px
			}
		#input_navi{
			margin-top:15px;
		}	
			#input_navi li{
				font-size:0.9em;
				display:inline;
			}
		
/*■■m_input m_login で使用********終了*/

/*******マスター管理画面で使用******/
#master_header {
	position:relative;
	height:100px;
	background:url(../img/img078.gif) left top repeat-x;
}
#master_h-left{
	position:absolute;
	top:20px;
	left:38px;
	height:100px;
	}
	#master_h-left p{
		padding:0 10px 7px 10px;
	}
#master_table{
		width:70%;
		margin: 0 auto;
		padding-top:22px;	
}
	#master_table table{
			margin-top:22px;
			width:100%;
			table-layout: fixed;
			border-collapse: collapse;
	}
		#master_table table th{
				text-align:center;
				padding: 5px;
				border: 1px solid  #CCCCCC;
				background-color:#fff2cc;
			}
				#master_table table th p{
					font-size:0.9em;
					color:#0b4855;
					font-weight:normal;
					}
		#master_table table td{
				text-align:left;
				padding-left:5px;
				border: 1px solid  #CCCCCC;
				background-color:#ffffff;
			}
		#width80 {
			width: 80px;
		}
		#width100 {
			width: 100px;
		}
		#width150 {
			width: 150px;
		}
		#width450 {
			width: 450px;
		}
	.left_soloe_master{
		text-align:left;
		margin-top:15px
		}

#cont{
	margin-bottom:25px;
	
}
/*■■マスター管理画面で使用********終了*/

/*
.sub-title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.note {
	margin-left: 10px;
	font-size: 0.9em;
	text-align: left;
	color:#FF6699;
}

table.editform,
table.list {
	font-size: 0.9em;
	table-layout: fixed;
	border-collapse: collapse;
	border-collapse: collapse;
	margin: 15px;
	white-space: normal;
}
table.editform th,
table.list th {
	width: 250px;
	padding: 5px;
	border: 1px solid  #CCCCCC;
	background-color: #f3feff;
	empty-cells: show;
	font-weight: normal;
	text-align: center;
}
table.list th p {
	color:#222222;
}
table.editform td,
table.list td {
	padding: 5px;
	border: 1px solid  #CCCCCC;
	empty-cells: show;
	vertical-align: middle;
	text-align: left;
}
#td_left{	text-align: left;}

table.adminlist {
	font-size: 1.3em;
	table-layout: fixed;
	width: 900px;
	border-collapse: collapse;
	border-collapse: collapse;
	margin: 15px;
	white-space: normal;
	text-align: center;
}

table.adminlist th {
	padding: 5px;
	border: 1px solid  #CCCCCC;
	background-color: #E4E2DE;
	empty-cells: show;
	color: #333333;
	font-weight: normal;
}
th.width60 {
	width: 60px;
}
th.width100 {
	width: 100px;
}
th.width120 {
	width: 120px;
}
th.width150 {
	width: 150px;
}
th.width200 {
	width: 200px;
}
table.adminlist td {
	padding: 5px;
	border: 1px solid  #CCCCCC;
	empty-cells: show;
	vertical-align: middle;
	text-align: left;
	word-break:break-all;
	word-wrap: break-word;
}
*/

