@charset "UTF-8";

/* ****************************************************************** 

		Setting of: General pages
			1: reset styles
			2: fonts styles
			3: General setting
			4: text setting
			5: list setting
			6: table setting
			7: form setting
			8: pager setting
			9: icon setting
		   10: hacks setting
	
****************************************************************** */


/*==================================================================
	1: reset styles
===================================================================*/
html{color:#333;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;z-index:1;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ul,ol{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;}a img,map a{border:none;}


/*==================================================================
	2: fonts styles
===================================================================*/
body{font:13px/1.231 Verdana,Arial,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:1;}
* html body {font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}


/*==================================================================
	3: General setting
===================================================================*/
a {
/*\*/
	overflow:hidden;
/**/
	}
hr.separate{
	display:none;
	}
a.hover:hover,
input.hover:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}


/*==================================================================
	4: text setting
===================================================================*/
strong,.bold { font-weight:bold; }
.note { margin-left:1.0em;text-indent:-1.0em; }

/*	size styles
-------------------------------------------------------------------*/
.f10 { font-size:77%; }  /*renders 10px */
.f11 { font-size:85%; }  /*renders 11px */
.f12 { font-size:93%; }  /*renders 12px */
.f14 { font-size:108%; } /*renders 14px */
.f15 { font-size:116%; } /*renders 15px */
.f16 { font-size:123.1%; } /*renders 16px */

/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%    26px = 197%
*/

/*	text-align styles
-------------------------------------------------------------------*/
.center	{ text-align: center; }
.left {	text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }

/*	color styles
-------------------------------------------------------------------*/
.red { color: #C00; }
.blue { color: #066; }
.gray { color: #AAA; }
.green { color: #063; }
.yellow { color: #FC0; }
.brown { color: #993333; }


/*==================================================================
	5: list setting
===================================================================*/

/*	bread list
-------------------------------------------------------------------*/
ol.breadcrumbs{
	margin-bottom:5px;
	}
ol.breadcrumbs li{
	display:inline;
	}
ol.breadcrumbs li a{
	padding-right:10px;
	background: url("/img/common/bl.gif") no-repeat 100% 50%;
	}

/*	list style
-------------------------------------------------------------------*/
ul.disc{
	padding-left:2em;
	list-style:disc;
	margin-bottom:10px;
}
ul.circle{
	padding-left:2em;
	list-style:circle;
	margin-bottom:10px;
}
ol.decimal{
	padding-left:2.4em;
	list-style:decimal;
	margin-bottom:10px;
	}
	
/*	inline list
-------------------------------------------------------------------*/
dl.inline dt,
dl.inline dd,
ol.inline li,
ul.inline li{
	display:inline;
	padding-right:5px;
	}
dl.inlineBlock dt,
dl.inlineBlock dd,
ol.inlineBlock li,
ul.inlineBlock li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-right:5px;
	}

/* float Styles
-------------------------------------------------------------------*/
.leftBox { float: left; }
.rightBox{ float: right; }

.float7 li{
	float:left;
	width:11%;
	}
.float6 li{
	float:left;
	width:16%;
	}
.float5 li{
	float:left;
	width:19%;
	}
.float4 li{
	float:left;
	width:24%;
	}
.float3 li{
	float:left;
	width:32%;
	}
.float2 li{
	float:left;
	width:49%;
	}

.clear{
	clear:both;
	}

.relative{
	position:relative;
}

/*	flowlist styles
-------------------------------------------------------------------*/
ol.flowlist{
	width:100%;
	margin-bottom:15px;
	}
ol.flowlist li{
	float:left;
	width:32%;
	padding:10px 0 6px 0;
	text-align:center;
	margin:0 4px;
	border-bottom:8px solid #EEE;
	}
ol.flowlist li.now{
	font-weight:bold;
	border-bottom:8px solid #FC0;
	}


/*==================================================================
	6: table setting
===================================================================*/
table{
	empty-cells: show;
	}

table.sheet{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #CCC;
	border-bottom: none;
	margin-bottom:10px;
	table-layout: fixed;
	}
.sheet caption {
	background-color:#EEE;
	border: 1px solid #CCC;
	border-top: 2px solid #06C;
	border-bottom:none;
	text-align: left;
	padding: 8px 5px;
	font-weight: bold;
	}
.sheet th,
.sheet td{
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-align: left;
	}
.sheet th{
	background-color:#EEE;
	width: 120px;
	font-weight: normal;
	}
.sheet td img{
	vertical-align:middle;
	}
.sheet thead th{
	background-color: #0060BE;
	padding:8px;
	font-weight:bold;
	line-height:1;
	color:#FFF;
	background-image:none;
	width:auto;
	}


/*==================================================================
	7: form setting
===================================================================*/
form input{
	line-height:1;
	}
input[type="text"],
input[type="password"],
textarea,
form select{
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:13px;
	line-height:1;
	padding:2px 4px 2px 3px;
	}
input[type="text"],
input[type="password"]{
	height:14px;
	}
textarea{
	line-height:1.2;
	width:98%;
	height:5em;
	}
form select	{
	padding:1px;
	}
input:focus,
textarea:focus{
	background-color: #F5F5F5;
	}

form img,
form input,
form select	{
	vertical-align: middle;
	}
label { margin-right: 5px; }

input.button{
	padding:6px 25px;
	border:1px solid #999;
	background: #FFF url("/img/common/bg_h.gif") repeat-x 0% 100%;
	line-height:1;
	cursor:pointer;
	}
input.button:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
	}

.submit{
	text-align:center;
	margin:12px 0 34px 0;
	}
.must{
	display:block;
	font-size:11px;
	color:#CC0000;
	}
.example{
	background: #FFF url("/img/icon/icon_example.gif") no-repeat 0 0.2em;
	display:block;
	padding:0 0 0 15px;
	color:#666;
	font-size:11px;
	}
.back{
	text-align:center;
	margin:12px 0;
	padding-top:8px;
	background: url("/img/common/line_dot.gif") repeat-x 0% 0%;
	}
.back a{
	padding-left:10px;
	background: url("/img/icon/icon_li_back.gif") no-repeat 0% 0.3em;
	}

/*	error list
-------------------------------------------------------------------*/
ul.error{
	background-color:#FFD3C3;
	padding:8px 0;
	margin:8px auto;
	}
ul.error li {
	background: #FFD3C3 url("/img/icon/icon_info.gif") no-repeat 10px 0.35em;
	padding-left:25px;
	color: #FF0000;
	}
span.error{
	background-color:#FFD3C3;
	display:block;
	padding:2px 0;
	margin:3px 0;
	background: #FFD3C3 url("/img/icon/icon_info.gif") no-repeat 10px 0.35em;
	padding-left:25px;
	color: #FF0000;
	}

tr.error input ,
tr.error textarea,
tr.error select {
	background-color: #FFD3C3;
	background:
	}


/*==================================================================
	8: pager setting
===================================================================*/
.pager{
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
	}
.pager li {
	display:inline;
	}
.pager li a{
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none;
	}
.pager li a:hover{
	border:1px solid #DBECFF;
	background: #DBECFF;
	}
.pager li strong{
	border:1px solid #DDD;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
	}


/*==================================================================
	9: icon setting
===================================================================*/
.li{
	background: url("/img/icon/icon_li.gif") no-repeat 0 0.35em;
	padding-left:10px;
	}
ol.li,
ul.li{
	background-image: none;
	padding-left:0px;
}
ol.li li a,
ul.li li a{
	background: url("/img/icon/icon_li.gif") no-repeat 0 0.35em;
	padding-left:10px;
}

.help{
	margin-top:3px;
	background: url("/img/icon/icon_help.gif") no-repeat 0 0.3em;
	display:block;
	padding:0 0 0 18px;
	font-size:77%;
	color:#666666;
	}
.pdf{
     background: url("/img/icon/file_pdf.gif") no-repeat 0 0.1em;
     padding-left:20px;
     }
.icon{
	vertical-align:middle;
	padding-right:2px;
	}
.blank{
	padding-right:18px;
	background: url("/img/icon/icon_blank.gif") no-repeat 100% 0;
	}
.more{
	background: url("/img/icon/icon_li.gif") no-repeat 0 0.35em;
	padding-left:10px;
	font-size:77%;
	}


/*==================================================================
	10: hacks setting
===================================================================*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}