@charset "Shift_JIS";

@import "winie-fix.css";
@import "menu.css";

/*\*//*/ @import url("iemac.css"); /**/

img { behavior:url(../js/iepngfix.htc); }

.x:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.x {
	display: inline-table;
	}

/* hide from ie-mac ?*/
* html .x { height: 1%; }
.x { display: block; }
/* end hide from ie-mac */




/* default.css
======== table of content. ============================

- link color
- Universal Selector

- NON-VISUAL-NAVIGATION

-HTML BASE ELEMENT
	- body
	- nojsAlert
	- wrapper
	- header
	- globalmenu
	- sideColumn
		- menuArea,userLoginArea
	- mainColumn
		- breadcrumbs
	- footer
	
-HTML TAG ELEMENT	
	- after
	- hr
	- form
 - float
	- float clear
	- text
			- heading
			- text-align
			- text-size
			- text-margin,paddingsetting
			- text-color
	- margin
	- img

=======================================================	
*/

/*-----------------------------------------------------------------
																								HTML BASE ELEMENT
-------------------------------------------------------------------*/
/*-----------------------------------------------------
link color
-------------------------------------------------------*/
a:link,
a:visited {
	color:#ff5000;
}

a:hover {
	color:#ff0000;
}

/*-----------------------------------------------------
Universal Selector
-------------------------------------------------------*/
* {
	font-size:100%;
}

/*-----------------------------------------------------
NON-VISUAL-NAVIGATION
-------------------------------------------------------*/
div.nonvisualMenu {
	width: 1px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	/* except MacIE ?*/position: absolute;/* end */
	left: 0;
	top: 0;
	color: #fff;
	background: #fff;
}

a#TO-PAGE-TOP img,
a#GLOBAL-NAVIGATION img,
a#SIDE-CONTENTS img,
a#MAIN-CONTENTS img,
a#FOOTER-AREA img {
	position:absolute;
	top:0;
	left:0;
}

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body {
	margin:10px 0 0 10px;
	padding:0;
	background:#ffffff;
	font-family:Lucida Grande,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka, "MS UI Gothic", Arial, Gothic, sans-serif;
}

/*-----------------------------------------------------
nojsAlert
-------------------------------------------------------*/
#nojsAlert {
	width:762px;
	margin-bottom:15px;
	border:1px solid #969696;
}

#nojsAlert h3 {
	margin:0;
	padding:5px;
	font-size:14px;
	font-weight:normal;
}

/*-----------------------------------------------------
wrapper
-------------------------------------------------------*/
#wrapper {
	width:764px;
	margin-bottom:10px;
}

/*-----------------------------------------------------
header
-------------------------------------------------------*/
#header {
}

#header #logo-sm,
#header #function {
	margin-bottom:10px;
}

#header #logo-sm {
	float:left;
}

#header #function {
	float:right;
	width:597px;
}

#header #function p {
	text-align:right;
	margin:0;
	padding:0;
	font-size:11px;
	line-height:21px;
}

#header #function img {
	float:right;
	margin-top:2px;
	margin-left:4px;
}

/*-----------------------------------------------------
globalmenu
-------------------------------------------------------*/
/* 詳細はmenu.cssに記載 */
#globalMenu {
	clear:both;
	height:27px;
	background:#708090;
	margin-bottom:1px;
	padding:0 5px;
}

/*-----------------------------------------------------
sideColumn
-------------------------------------------------------*/
#sideColumn {
	clear:both;
	float:left;
	width:155px;
	overflow:hidden;
}

/* 詳細はmenu.css、index.cssに記載 */
#sideColumn #menuArea,
#sideColumn #userLoginArea {
	background:#708090;
	margin-bottom:6px;
	padding:7px 8px 7px 7px;
}

#sideColumn #menuArea h2,
#sideColumn #userLoginArea h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

#sideColumn #menuArea h2 a,
#sideColumn #userLoginArea h2 a {
	color:#ffffff;
	text-decoration:none;
}

/*-----------------------------------------------------
mainColumn
-------------------------------------------------------*/
#mainColumn {
	float:right;
	width:597px;
	margin-top:7px;
}

#mainColumn #content {
	margin-right:9px;
}

/*---------------------------------
breadcrumbs
-----------------------------------*/
p#breadcrumbs {
	font-size:10px;
}

/*---------------------------------
totop
-----------------------------------*/
p#totop,
p.pagetop {
	clear:both;
	font-size:11px;
	text-align:right;
}

p#totop {
	margin:0 10px 10px 0;
	padding-top:20px;
}

p.pagetop {
	margin:0 10px 0 0;
}


/*-----------------------------------------------------
footer
-------------------------------------------------------*/
#footerArea {
	clear:both;
	padding-top:10px;
}
	
#footer {
	padding:3px 3px 0 3px;
	border-top:1px solid #969696;
}

#footer p {
	margin-bottom:10px;
	font-size:10px;
}

#footer p a {
	color:#000000;
}

/*-----------------------------------------------------------------
																											HTML TAG ELEMENT
-------------------------------------------------------------------*/
/*-----------------------------------------------------
after
-------------------------------------------------------*/
#globalMenu:after,
#sideColumn #userLoginArea:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}

/*-----------------------------------------------------
hr
-------------------------------------------------------*/
hr.area-end {
	display:none;
}

/*-----------------------------------------------------
form
-------------------------------------------------------*/
form,input,textarea {
	margin:0;
	padding:0;
	font-family:Lucida Grande,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka, "MS P ゴシック", Arial, Gothic, sans-serif;
}

/*-----------------------------------------------------
float
-------------------------------------------------------*/
.fl {
	float:left;
}

.fr {
	float:right;
}

img.fl,
img.fr {
	margin-top:0.4em;
}

img.fl {
	margin-right:12px;
}

img.fr {
	margin-left:12px;
}

/*-----------------------------------------------------
float clear
-------------------------------------------------------*/
.floatclear {
	clear:both;
	display:block;
	margin:0;
	padding:0;
	height:0;
	font-size:1px;
	line-height:1px;
}

.floatclear img {
	position:absolute;
	top:0;
	left:0;
}

/*-----------------------------------------------------
text
-------------------------------------------------------*/
/*---------------------------------
heading
-----------------------------------*/
#mainColumn #content h1 {
	margin:20px 0 0 0;
	padding:0 0 14px 0;
	border-bottom:1px solid #708090;
	font-size:18px;
}

#mainColumn #content h1 span.none {
	padding-left:0;
	font-size:1px;
	color:#fff;
	width:1px;
	height:1px;
}

#mainColumn #content h1 span.pagetitle {
	padding-left:12px;
	color:#000;
}

#mainColumn #content h2 {
	margin:10px 0;
	padding:0;
	font-size:15px;
	color:#708090;
} 

#mainColumn #content h3.border-Dashed,
#mainColumn #content h3.border-Dashed-iconPoint {
	padding:2px 0;
	font-size:13px;
	font-weight:bold;
	color:#708090;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}

#mainColumn #content h3.border-Dashed-icon {
 padding:2px 0;
	font-size:13px;
	font-weight:bold;
	color:#708090;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
}




	
#mainColumn #content h3.border-Dashed {
	margin:36px 0 12px 0;
}

#mainColumn #content h3.sideimg-Function {
	margin:58px 0 12px 0;
}

#mainColumn #content h3.sideimg-Function img {
	margin-left:-10px;
}

#mainColumn #content h3.sideimg {
	margin:58px 0 12px 0;
	width:518px;
}

#mainColumn #content h3.sideimg02 {
 margin:48px 0 12px 0;
 width:518px;
}

#mainColumn #content h3.sideimg03 {
margin:38px 0 12px 0;
width:508px;
}

#mainColumn #content h3.sideimg04 {
	margin:38px 0 12px 0;
 width:468px;
}

#mainColumn #content h3.sideimg05 {
 margin:48px 0 12px 0;
}

#mainColumn #content h3.sideimg06 {
	margin:14px 0 12px 0;
 width:468px;
}

#mainColumn #content h3.sideimg-aboutorder {
	margin:34px 0 12px 0;
	width:518px;
}

#mainColumn #content h3.sideimg02-aboutorder {
 margin:18px 0 12px 0;
 width:518px;
}

#mainColumn #content h3.border-Dashed-iconPoint {
	margin:-22px 0 12px 28px;
}

#mainColumn #content h3.border-Dashed sup {
	color:#ccc;
}

/*---------------------------------
text-align
-----------------------------------*/
.alignleft {
	text-align:left;
}

.aligncenter {
	text-align:center;
}

.alignright {
	text-align:right;
}

/*---------------------------------
text-setting
-----------------------------------*/
p,dl {
	font-size:12px;
	line-height:1.5em;
}

.txt01 {
	font-size:10px!important;
}

.txt02 {
	font-size:12px!important;
}

.txt_xsmall {
	font-size:x-small!important;
}

.txt_small {
	font-size:small!important;
}

.txt_medium {
	font-size:medium!important;
}

.txt_large {
	font-size:large!important;
}

.txt_xlarge {
	font-size:x-large!important;
	font-family:Arial, Helvetica, sans-serif;
}

.txt_xxlarge {
font-size:xx-large!important;
font-weight:bold;
}

/*---------------------------------
font-decoration
-----------------------------------*/

.bold {
	font-weight:bold!important;
	}
	
	

/*---------------------------------
line-height
-----------------------------------*/

.lh1_0{
	line-height:1!important;
	}
.lh1_2{
	line-height:1.2!important;
	}
.lh1_5{
	line-height:1.5!important;
	}
.lh1_7{
	line-height:1.7!important;
	}
.lh2_0{
	line-height:2!important;
	}


/*---------------------------------
text-margin,paddingsetting
-----------------------------------*/
p {
	margin:0;
	padding:0;
}


/*---------------------------------
text-color
-----------------------------------*/
.blue {
	color:#708090!important;
}

.red {
	color:#FF0000!important;
	}
	
	.orange {
		color:#ff5000!important;
	}
	
	.darkred {
		color:#B22801!important;
	}



/*---------------------------------
bg-color
-----------------------------------*/

.bgcolor_grey {
	background:#F3F5F8;
	}

/*-----------------------------------------------------
margin & padding
-------------------------------------------------------*/
.mb00 {margin-bottom:0!important;}
.mb06 {margin-bottom:6px!important;}
.mb12 {margin-bottom:12px!important;}
.mb24 {margin-bottom:24px!important;}
.mb36 {margin-bottom:36px!important;}
.mb48 {margin-bottom:48px!important;}
.mb60 {margin-bottom:60px!important;}
.mb72 {margin-bottom:72px!important;}

.mt06 {margin-top:6px!important;}
.mt12 {margin-top:12px!important;}
.mt24 {margin-top:24px!important;}
.mt36 {margin-top:36px!important;}
.mt48 {margin-top:48px!important;}


.ml06 {margin-left:6px!important;}
.ml12 {margin-left:12px!important;}
.ml24 {margin-left:24px!important;}
.ml36 {margin-left:36px!important;}
.ml48 {margin-left:48px!important;}

.mr06 {margin-right:6px!important;}
.mr12 {margin-right:12px!important;}
.mr24 {margin-right:24px!important;}
.mr36 {margin-right:36px!important;}
.mr48 {margin-right:48px!important;}


.mtb06 {margin:6px 0!important;}
.mtb12 {margin:12px 0!important;}
.mtb24 {margin:24px 0!important;}
.mtb36 {margin:36px 0!important;}
.mtb48 {margin:48px 0!important;}


.mlr06 {margin-left:6px!important;margin-right:6px!important;}
.mlr12 {margin-left:12px!important;margin-right:12px!important;}
.mlr24 {margin-left:24px!important;margin-right:24px!important;}
.mlr36 {margin-left:36px!important;margin-right:36px!important;}
.mlr48 {margin-left:48px!important;margin-right:48px!important;}

.mlb06 {margin-left:6px!important;margin-bottom:6px!important;}
.mlb12 {margin-left:12px!important;margin-bottom:12px!important;}
.mlb24 {margin-left:24px!important;margin-bottom:24px!important;}
.mlb36 {margin-left:36px!important;margin-bottom:36px!important;}
.mlb48 {margin-left:48px!important;margin-bottom:48px!important;}

.mrb06 {margin-right:6px!important;margin-bottom:6px!important;}
.mrb12 {margin-right:12px!important;margin-bottom:12px!important;}
.mrb24 {margin-right:24px!important;margin-bottom:24px!important;}
.mrb36 {margin-right:36px!important;margin-bottom:36px!important;}
.mrb48 {margin-right:48px!important;margin-bottom:48px!important;}


.ma06 {margin:6px!important;}
.ma12 {margin:12px!important;}
.ma24 {margin:24px!important;}
.ma36 {margin:36px!important;}
.ma48 {margin:48px!important;}

.ma0 {margin:0!important;}

.pl00{padding-left:0!important;}
.pl06{padding-left:6px!important;}
.pl12{padding-left:12px!important;}
.pl24{padding-left:24px!important;}
.pl36{padding-left:36px!important;}

/*-----------------------------------------------------
img
-------------------------------------------------------*/
img,
a img {
	border:0 none;
}

/*-----------------------------------------------------
dl , dt , dd 
-------------------------------------------------------*/
#content dl {
	margin:0 0 24px 0;
}

#content dt {
	margin-bottom:3px;
	font-weight:bold;
	color:#EF7F4C;
}

#content dd {
	margin:0 0 24px 12px;
}

/*-----------------------------------------------------
ul

ul.disc
ul.decimal
ul.bggrey_disc
ul.bggrey_decimal
-------------------------------------------------------*/

ul.disc,
ul.decimal,
ul.bggrey_disc,
ul.bggrey_decimal {
	margin:0;
	padding:15px 15px 15px 30px;
	border:0;
	}


ul.bggrey_disc,
ul.bggrey_decimal {
	background:#F3F5F8;
	}

ul.disc li,
ul.decimal li {
	margin:0;
	margin:0 0 10px 0;
	font-size:12px;
	line-height:1.5;
	}

ul.bggrey_disc li,
ul.bggrey_decimal li {
	margin:0;
	margin:0 0 20px 0;
	font-size:12px;
	line-height:1.5;
	}

ul.bggrey_disc li {
	list-style-type:disc;
	}

ul.bggrey_decimal li{
	list-style-type:decimal;
	}

ul.disc li.last,
ul.bggrey_disc li.last,
ul.bggrey_decimal li.last{
	margin:0;
	}
	
	

/*-----------------------------------------------------
display
-------------------------------------------------------*/

.block{
	display:block;
	}


/*-----------------------------------------------------
color table setting
-------------------------------------------------------*/
table.color {
	width:588px;
	margin:0;
	padding:0;
	border:0;
	border-top:1px solid #BABABA;
	border-left:1px solid #BABABA;
	}

table.color tr td,
table.color tr th {
	margin:0;
	padding:20px 10px;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	}

table.color tr th {
	padding:5px 10px;
	}

table.color tr th.one {
	background:#EAEAEA;
	}

table.color tr th.two {
	background:#87D9E2;
	}

table.color tr th.three {
	background:#EB5400;
	}

table.color tr th.four {
	background:#DEC338;
	}

table.color tr th.five {
	background:#4F73B1;
	}
	
	
table.orange {
		padding:0;
		border-top:1px solid #FF9966;
		border-left:1px solid #FF9966;
}
	
table.orange td {
	margin:0;
	padding:5px!important;
	border-right:1px solid #FF9966;
	border-bottom:1px solid #FF9966;
}

table.orange td.orange {
	background:#ff5000;
}

table.orange td.borderRightNone {
	border-right:none!important;
}

table.orange td.orange p.input {
	color:#fff!important;
}

.p14{ font: 14px "ＭＳ Ｐゴシック"; }
#c-alert { color:#FF0000 }