@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{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:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/** RESET HTML5 **/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{	margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;	}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{	display:block;	}


/** FLOAT CLEAR **/
.headercaption,nav,#pagetop,footer,.copyright,#content,#top_service,#top_csr,#totalsupport,#cont_ttl h1,#left_col,article,#left_col,.contbox_h2,#left_col,.contbox_h3,.formparts01,float-block {
	content: ""; display: block; clear: both;}

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

.clearfix
{	min-height: 1px;}

* html .clearfix 
{	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/}

/** GENERAL **/
body
 {	background: url(../img/top_image01.jpg) no-repeat 50% 0 ;
	color: #333;
	font: 12px/1.6 "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}
body#second
 {	background: #fff url(../img/header_bg01.jpg) no-repeat 50% 0 ;
	color: #333;
	font: 12px/1.6 "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;}


/* LINK */
a,a:link { color:#eb6100; text-decoration: none;}
a:visited { color:#c3803e;}
a:active { color:#eb6100;}
a:hover 
{	color:#ffa200; text-decoration:underline }
a img {	vertical-align: bottom;}


  
/* MAIN */
#main
{ width: 880px;
  margin: 0 auto;
  font-size:110%;}


/** HEADER **/
header
{ }


#logo
{ 	display:block;
float:left;
	width:430px;
	margin-top:19px;
	padding: 0;}

#logo h1
{ }

#logo h1 a
{ color: #35BDF5;
  text-decoration: none;}

#headercaption
{	display:block;
	text-align:right;
	font-size: 80%;	}
	
#headercaption p
{	margin:3px 0 3px 0;}	
	
/* HEADER NAVIGATION */
ul#headernavi
{	float:right;
	margin:0 0 5px 0;
	color: #00561f; }
	
ul#headernavi li
{	float: left;
	margin: 0 20px 0 0;
	padding:0 0 0 20px;
	list-style: none;
	background: transparent;}
	
ul#headernavi li.home
{	background:url(../img/header_icon01.gif) no-repeat 0 0.2em;	}
ul#headernavi li.corporate
{	background:url(../img/header_icon02.gif) no-repeat 0 0.2em;	}
ul#headernavi li.ecology
{	background:url(../img/header_icon03.gif) no-repeat 0 0.2em;	}
ul#headernavi li.contact
{	background:url(../img/header_icon04.gif) no-repeat 0 0.2em;	}
ul#headernavi li.sitemap
{	margin-right:0;
	background:url(../img/header_icon05.gif) no-repeat 0 0.2em;	}


ul#headernavi a, ul#headernavi a:link
{	color: #00561f; }
ul#headernavi a:visited { color:#2f854e;}
ul#headernavi a:active { color:#00561f;}
ul#headernavi a:hover
{	color:#3cb500;
	text-decoration:none;}


/* GLOBAL NAVIGATION */
ul#mainnavi
{	display:block;
	margin-left:222px;
	background:url(../img/mainnavi_bg01.gif) no-repeat 0 0; }


ul#mainnavi li
{ 	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;}

ul#mainnavi li a
{ display: block; 
  float: left; 
  padding: 0;} 
  
.mainnavi_bg{
	margin-top:28px;
	}

/** FOOTER **/
footer{ 	
	width: 100%;
	padding: 15px 0 15px 0;
  	text-align: center; 
  	background: transparent;
}

/* FOOTER NAVIGATION */
ul#footernavi{
	text-align: center;
	width:820px;
	margin: 0 auto;
	color: #00561f; }

ul#footernavi a, ul#footernavi a:link
{	color: #3c6f11; }
ul#footernavi a:visited { color:#669966;}
ul#footernavi a:active { color:#3c6f11;}
ul#footernavi a:hover
{	color:#66cc33;
	text-decoration:underline;}


ul#footernavi li{ 
	display:inline;
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	background: transparent;}

footer ul#footernavi  > :last-child 
{	margin-right:0;}

/* COPYRIGHT */
footer div.copyright{
	clear: both;
	width:100%;
	margin-top:15px;
	background-color:#64ab29;}

footer div.copyright a, footer div.copyright a:link
{	color: #fff; }
footer div.copyright a:visited { color:#fff;}
footer div.copyright a:active { color:#fff;}
footer div.copyright a:hover
{	color:#fff;
	text-decoration:underline;}


footer .copyright p{
	margin: 0; 
	padding: 6px 0;
	color:#FFF;
	font-size:90%;}



/** CONTENT **/	
#top_content
{ 	width: 880px;
 	margin: 520px auto 0  auto;
  	padding: 0;
  	background: #fff;} 

#content
{ 	width: 880px;
 	margin: 0 0 0 0;
  	padding: 0;
  	} 

#left_col
{	display:block;
	float:left;
	width:670px;
	margin:0 10px 0 0;
	padding:0;
	background:#fff;}

#right_col
{	display:block;
	float:left;
	width:200px;
	margin:0;
	padding:0;
	background:#fff;}


/* BANNER */
div#top_banner
{	margin-bottom:20px;}

#top_banner ul li{
	float:left;
	margin:0 10px 20px 0;
}

#top_banner ul li.last {
	margin-right:0 !important;
}

#top_banner section
{	float: left;
	margin: 0 11px 20px 0;
	padding: 0;
	list-style: none;}

#top_banner section#top_banner03 
{	margin-right: 0;}

#top_banner section#top_banner01 a,
#top_banner section#top_banner02 a,
#top_banner section#top_banner03 a {
    display: block;
    width: 286px;
    height: 190px;
    background:url(../img/top_bnr01.jpg) no-repeat 0 0;
	color:#333;}
	
#top_banner section#top_banner02 a 
{    background:url(../img/top_bnr02.png) no-repeat 0 0;}

#top_banner section#top_banner03 a 
{    background:url(../img/top_bnr03.png) no-repeat 0 0;}


#top_banner section#top_banner01 a:hover,
#top_banner section#top_banner02 a:hover,
#top_banner section#top_banner03 a:hover
 {  background-position: 0 bottom;
 	text-decoration:none;}
	
/* BANNER TEXT */
#top_banner section#top_banner01 h1,
#top_banner section#top_banner02 h1,
#top_banner section#top_banner03 h1,
#top_banner section#top_banner03 h2
{	height:0;
	padding-top:0px;
	overflow:hidden;}

#top_banner section#top_banner01 p
{	width:170px;
	margin:70px 0 0 110px;}

#top_banner section#top_banner03 p
{	width:266px;
	margin-top:100px;
	padding:0 10px;}


/* SERVICE */
#top_service
{	clear: both;
	overflow: hidden;
	padding-top:30px !important;
		 }

#top_service section,#top_service div
 {	display:block;
 	float:left;
	width:16.6%;
	margin:0 0.8% 20px 1px;
	padding:10px 10px 30px 10px;
	border: #ccc 1px solid ;
	border-top: #64ab29 4px solid;}


#top_service section#support
{	margin-right:0;}

/* LINK OVER */
.boxhover
{	cursor: pointer;
	background: #e3ffb2 !important;}

#top_service section h2
{	margin:0 0 10px 0;}

#top_service section img
{	margin:0 0 5px 0;}

#top_service #cleaning,
#top_service #maintenance,
#top_service #security,
#top_service #environment,
#top_service #support{
	position:relative;
	}

#top_service #environment .txt{
	padding-bottom:30px !important;
	}

#top_service #cleaning .detail,
#top_service #maintenance .detail,
#top_service #security .detail,
#top_service #environment .detail,
#top_service #support .detail{
	position:absolute;
	bottom:-15px;
	right:10px;
	}

/* CSR */
#top_csr
{	margin:0 0 20px 0;
}

#top_csr div.floatbox
{	width:880px;
	margin:3px 0 20px 0;}

#top_csr section 
{	display:block;
	float:left;
	width:287px;
	margin-right:10px;
	padding:0;}
#top_csr section#top_csr01 
{		width:286px;}

#top_csr section#top_csr03 
{	margin-right: 0;}

#top_csr section#top_csr01 a,
#top_csr section#top_csr02 a,
#top_csr section#top_csr03 a 
{    display: block;
    width: 286px;
    height: 190px;
    background:url(../img/top_csr01.png) no-repeat 0 0;
	color:#333;}
	
#top_csr section#top_csr02 a 
{        width: 287px;
background:url(../img/top_csr02.png) no-repeat 0 0;}

#top_csr section#top_csr03 a 
{        width: 287px;
background:url(../img/top_csr03.png) no-repeat 0 0;}


#top_csr section#top_csr01 a:hover,
#top_csr section#top_csr02 a:hover,
#top_csr section#top_csr03 a:hover
{  background-position: 0 bottom;
 	text-decoration:none;}


/* CSR TEXT */
#top_csr section#top_csr01 h1,#top_csr section#top_csr01 p.Text,
#top_csr section#top_csr02 h1,#top_csr section#top_csr02 ul,
#top_csr section#top_csr03 h1,#top_csr section#top_csr03 p.Text
{	height:0;
	padding-top:0px;
	overflow:hidden;}

#top_csr section#top_csr01 p.LinkRight,
#top_csr section#top_csr03 p.LinkRight
{	margin:150px 10px 0 0;}
	
#top_csr section#top_csr02 p.LinkRight
{	margin:160px 10px 0 0;}


#top_csr section p.LinkRight
{ color:#eb6100; text-decoration: none;}
#top_csr section a:visited p.LinkRight { color:#c3803e;}
#top_csr section a:active p.LinkRight { color:#eb6100;}
#top_csr section a:hover p.LinkRight
{	color:#ffa200; text-decoration:underline;}
	

/* CONTACT */
#top_contact
{	clear: both;
	float:left;
	margin-right:15px;
		 }


/* TOPICS */
section#topics
{	float:left;
	width:436px;
	margin-bottom:20px;
 }

section#topics ul li
{	padding:15px 10px 15px 98px;
	border-bottom: #CCC 1px dotted;}

section#topics ul li time
{	float: left; 
	width: 78px; 
	margin-left: -88px;
	font-weight: bold; 
	color: #64ab29;}


/* CHALLENGE */
#challenge{
	margin:15px 6px 0 0;
	text-align:right;
	}










/** COMMON PARTS **/

/* PAGETOP */
#pagetop
{	padding:10px 5px 25px 0;
	border-top: #b1d594 1px dotted;
	border-bottom: #b1d594 2px solid;}

/* TEXT */
p
{	margin-bottom:0.7em;}

strong
{	display:block;
	margin-bottom:10px;	
	color:#000;
	font-size:120%;
	font-weight:bold;}

/* MARGIN */
.mpnone
{	margin:0;
	padding:0;}

.pT05	
{	pdding-top:7px;}	
.mT20	
{	margin-top:20px !important;}	
.mT40	
{	margin-top:40px !important;}
.mT80	
{	margin-top:80px !important;}

.mL20	
{	margin-left:20px !important;}

.mL20	
{	margin-left:20px !important;}

.mB20	
{	margin-bottom:20px;}


.float-block{
	clear:both;
	margin-bottom:20px !important; 
	}

.floatR
{	display:block;
	float:right;	}


.floatL
{	display:block;
	float:left;	}


.floatL500
{	display:block;
	float:left;
	width:500px;
	margin-right:30px;}

.floatL340
{	display:block;
	float:left;
	width:340px;
	margin-right:30px;}

.floatL370
{	display:block;
	float:left;
	width:370px;
	margin-right:30px;}

.floatL400
{	display:block;
	float:left;
	width:400px;
	margin-right:30px;}

.floatL450
{	display:block;
	float:left;
	width:450px;
	margin-right:0;}

.floatL320,
.floatL320R
{	display:block;
	float:left;
	width:320px;
	margin-right:10px;}
	
.floatL320R
{	margin-right:0}	

.floatL310,
.floatL310R
{	display:block;
	float:left;
	width:302px;
	margin-right:10px;}
	
.floatL310R
{	margin-right:0}	

.floatL295,
.floatL295R
{	display:block;
	float:left;
	width:296px;
	margin-right:5px;}
	
.floatL295R
{	margin-right:0}	


/* ICON LINK */
.LinkRight,
.LinkRight02
{ float: right; 
  margin: 0 0 10px 10px;
  padding-left:15px;
  background:url(../img/icon_link01.png) 0 0.5em no-repeat;}

.LinkRight02
{	display:block;
	margin: 10px 0 0 0;
  	padding-left:15px;
    background:url(../img/icon_link01.png) 0 0.4em no-repeat;}
  
a[href$=".pdf"] 
{	display:block;
	margin-left:-18px;
	padding:0 0 20px 23px;
	background:url(../img/icon_pdf01.gif) no-repeat 0 0;
	line-height:1.6;}
	
/* LIST */
ul li{
	list-style:none !important;
}

ul ul 
{	margin:0 0 10px 30px !important;}

ul.dotList
{	margin:0 0 10px 20px;}

.dotList li
{	list-style:circle !important;
	padding-bottom:3px;}


ul.checkList
{	margin:0 0 5px 10px;}

.checkList li
{	list-style:none;
	padding: 0 0 5px 25px;
	background: url(../img/ico_check01.gif) no-repeat 0 0.2em;}

ul.linkList li
{  margin: 0 0 10px 10px;
  padding-left:15px;
  background:url(../img/icon_link01.png) 0 0.4em no-repeat;}

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

ul.floatList01{
	margin:0 !important;
	padding:0 !important;
	}

ul.floatList01 li{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	width:190px;
	}


ul.floatList01 li.liWidth03{
	width:130px;
}



/** CONT TTL **/
#cont_ttl
{	margin-bottom:60px;}

/* TOPICPATH */
#topicpath
{	display:block;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.9em;}
	
#topicpath02
{	display:block;
	margin: 0;
	padding: 7px 0 5px 0;
	font-size: 0.9em;}

#topicpath li,
#topicpath02 li
{	float: left;}

#topicpath li a,
#topicpath02 li a
{	margin-right: 10px;
	padding-right: 18px;
	background: url(../img/topicpath_bg01.gif) no-repeat right 0.2em;}
	
#topicpath li.topicpath_bg
{	margin-right: 10px;
	padding-right: 18px;
	background: url(../img/topicpath_bg01.gif) no-repeat right 0.4em;}


/* PAGELINK */
#pagelink
{	text-align: center;
	margin: 0 0 40px 0;}

#pagelink li
{	display:inline;
	margin: 0;
	padding: 0 18px 0 18px;
	list-style: none;
	border-left:#666 1px solid;}

#pagelink  > :last-child 
{	margin-right:0;
	border-right:#666 1px solid;}


#cont_ttl h1
{	margin:25px 0 15px 0;}

#cont_ttl h2
{	margin:0 0 40px 0;}

#description
{	padding-bottom:0;}


/** LEFT COL **/

#ttl_list h1
{	margin-bottom:0 !important;
	padding:0 0 8px 0 !important;
	background:#edffd7;}

#ttl_list ul
{	display:block;
	width:649px;
	margin:0 0 30px 0;
	padding:0 8px 8px 13px;
	background:#edffd7;}
	
#ttl_list ul li
{	display:block;
	float:left;
	width:185px;
	margin-right:10px;
	padding-left:15px;
	background:url(../img/icon_link03.gif) no-repeat 0 0.4em;}

#left_col h1
{	padding-bottom:20px;}

#left_col h2
{	clear:both;
	height:30px;
	margin-bottom:20px;
	padding: 0 0 0 5px;
	background:url(../img/h2_ttl01.gif) repeat-x 0 -2px;
	color: #00561f;
	font-size:150%;
	font-weight:bold;}

#left_col h3
{	padding-left:2px;
	margin-bottom:10px;	
	border-bottom:#b1d594 1px solid;
	color:#067f12;
	font-size:120%;
	font-weight:bold;}

#left_col h4
{	clear:both;
	margin-bottom:10px;	
	color:#000;
	font-size:120%;
	font-weight:bold;}




#left_col .contbox_h2
{	clear:both;
	margin:0 0 40px 0;}
	
#left_col .contbox_h3
{	clear:both;
	margin:30px 0 0 30px;}	

.contbox_h2 h2 + .contbox_h3{
	margin-top:0 !important;
	}


#left_col .photo_L,
#left_col .photo_R,
#left_col .photo_S
{	display:block;
	float:left;
	width:320px;
	margin:0 10px 40px 0;}

#left_col .photo_R
{	margin-right:0; }

#left_col .photo_S
{	display:block;
	float:left;
	width:150px;
	margin:0 15px 40px 0;}
	
#left_col .photo_S:nth-child(5),
#left_col .photo_S:nth-child(9){
	margin-right:0;
	}

#left_col .photo_L img,
#left_col .photo_R img,
#left_col .photo_S img
{	margin-bottom:5px;
	padding:6px;
	border: #e0e0e0 1px solid;
	background:#f6f6f6;}

#left_col .photo_L h3,
#left_col .photo_R h3,
#left_col .photo_S h3
{	margin:0 0 0 0;
	padding:0;
	border:none;
	color:#000;
	font-size:120%;
	font-weight:bold;}


img.photo-frame
{	margin-bottom:5px;
	padding:4px;
	border: #e0e0e0 1px solid;
	background:#eeeeee;}


.before-after{
	clear:both;
	padding-top:10px;
	text-align:center;
	}

.caption-mR img {
	margin-right:168px !important;
}

/** RIGHT COL **/
#right_col img
{ margin:0 0 10px 0;}

section#side_banner02 a,
section#side_banner03 a,
section#side_banner06 a
{	display:block;
	width: 200px;
	height:140px;
	margin-bottom:10px;
	background:url(../img/side_bnr02.png) no-repeat 0 0;}

section#side_banner03 a
{   height:190px;
	background:url(../img/side_bnr03.png) no-repeat 0 0;}


section#side_banner06 a
{   height:150px;
	background:url(../img/side_bnr06.png) no-repeat 0 0;}

section#side_banner02 a:hover,
section#side_banner03 a:hover,
section#side_banner06 a:hover
{	background-position: 0 bottom;
 	text-decoration:none;}

section#side_banner02_02
{	display:block;
	width: 200px;
	height:140px;
	margin-bottom:10px;
	background:url(../img/side_bnr02.png) no-repeat 0 0;
	}

section#side_banner03_02
{   height:190px;
	background:url(../img/side_bnr03.png) no-repeat 0 0;
	margin-bottom:10px;
}


/** TABLE GR**/
table.tableGR
{	margin: 10px 0 20px 0;
	width: 100%;
	border: #cccccc 1px solid;
	border-width: 1px 0 0 2px;}

.tableGR tr th,
.tableGR tr th.th02
{ margin:1px;
padding: 10px;
 	border: #cccccc 1px solid;
	border-width: 0 2px 1px 0;
	background-color: #ceeeb4;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, top right;
	color: #666;
	text-align: left;
	font-weight:bold;
}
  
.tableGR tr th.th02
{	background-color: #e1f7c9;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, top right;
}

.tableGR tr td,
.tableGR tr td.td02
{	padding: 10px;
	border: #cccccc 1px solid;
	border-width: 0 2px 1px 0;}
	
.tableGR tr td.td02
{	background-color: #F8F8F8;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, top right;
}

/** TABLE DOT **/
table.tableDOT
{	width:98%;}

table.tableDOT th,
table.tableDOT th.w60
{	width:20%;
	margin:0 0 15px 0;
	padding: 2px 10px 7px 10px;
	background:url(../img/line_bg01.gif) right top repeat-y;
	border-bottom: #ccc 1px dotted;
	color:#666;
	font-weight:bold;
	vertical-align:top;
}
table.tableDOT th.w60
{	width:60%}

table.tableDOT td,
table.tableDOT td.w30
{	width:65%;
	margin:0 0 15px 2px;
	padding: 2px 10px 7px 10px;
	border-bottom: #ccc 1px dotted;
	border-left: #fff 3px solid;
	color:#666;
}

table.tableDOT td.w30
{	width:30%}
.w60
{	width:60%}

.textR
{	text-align:right;}
.textC
{	text-align:center;}
.textB
{	font-weight:bold;}


/* -----------------------------------------------
 *          form styles
 * ----------------------------------------------- */
 /* =========== formStep =========== */
ol.stepList01{
	margin: 0 0 20px 0;
	padding: 0;
}

ol.stepList01 li{
	display:inline;
	margin: 0 ;
	padding: 0;
}

 /* =========== contactform =========== */

.formparts-group01 {
	margin-top:20px;
	}

.formparts01{
	border: #cccccc 1px solid;
	border-width: 1px 2px 0 2px;
	background-color: #e1f7c9;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, -280px top;
	background-repeat:no-repeat;	
		}
	
.formparts01:last-child{
	border-width: 1px 2px 1px 2px;
}
	
.form-head{
	clear:both;
	display:block;
	float:left;
	width:185px;
	margin:1px;
	padding: 10px;
 	border: none;
	color: #666;
	text-align: left;
	font-weight:bold;
	}

.color02{
	background-color: #ceeeb4;	
	}
	
	
.field{
	display:block;
	float:left;
	width:427px;
	min-height:3.4em;
	padding: 10px 15px 10px 15px;
	border: #cccccc 1px solid;
	border-width: 0 0 0 2px;
	background-color: #FFF;
	}

.color03{
	background-color: #F8F8F8;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, top right;
	}

.errorfield{
	background-color:#fdf5e7;
	background-image:url(../img/th_bg01.gif), url(../img/th_bg02.gif);
	background-position:left bottom, top right;
}


/*氏名2カラム*/
dl.form-definition dt{
	clear:both;
	padding:10px 0 2px 0  !important;
	}
	
dl.form-definition dt:first-child{
	padding-top:0 !important;
	}

.grid-multicol{
	float:left;
	width:210px;
	}
	
/*form内テキスト*/
.required-text{
	margin:3px 0 0 0;
	font-weight:normal;
	}
	
.form-optionaltext{
	margin:3px 0 0 0;
	font-size:90%;
	color:#888;
	}

.form-confirmtext{
	margin:0 5px 0 0;
	}

.field ul li{
	padding-bottom:3px;
}


 /* =========== フォーム エラーblock =========== */
.form-errorblock {
	padding:15px;
	background-color:#fdf5e7;
	border:solid 1px #d53a3a;
	color:#d53a3a;
}

.form-errorblock h1{
	margin-left:0;
	padding-left:3px;
	background:none;
	font-size:140%;
	color:#d53a3a;
	font-weight:bold;
	}

.form-errortext{
	clear:both;
	margin:3px 0 0 0;
	color:#d53a3a;
	}
	
.form-errorinput{
	border:solid 1px #d53a3a;
	}
	
 /* =========== 入力エリア系 =========== */
input,select,textarea{
	margin-right:0.5em;
	padding:3px;
	vertical-align:middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.0em;
	border: 1px solid #ddd; 
}

/*チェックボックス*/
input.check01{
	padding:0;
	border:none;
}

/*ラジオボタン*/
input.radioBtn01{
	margin:0 5px 5px 10px;
	padding-bottom:5px;
	border:none;
}

input.radioBtn01:first-child{
	margin-left:0;
}

/*テキストエリア*/
.input{
	padding:3px 3px 5px 3px;
	line-height:1.35;
	color: #666;	
	vertical-align:middle;
	}
	
.input:focus{
	background-color:#fafafa;	
	}

input.TextArea01{
	width:15em;
}
input.TextArea02{
	width:32.5em;
}
input.TextArea03{
	width:4em;
}
input.TextArea04{
	width:22em;
	margin-left:5px;
}
textarea.TextArea05{
	width:32em;
	height:8em;
	margin-left:5px;
}

/*ドロップダウンセレクト用*/
select.inputSelect01{
	margin-bottom:5px;
}

/*ヒント*/
.hint{
	display:none;
	}
	
.field:hover .hint {  
	position: absolute;
	display: block;  
	margin: -5px 0 0 420px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: #aaa;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	}
	
 /* =========== フォームボタン用block =========== */
.form-submitBtnblock{
	clear:both;
	margin:20px 0 60px 0;
	text-align:center;
	}

/*submitボタンボーダー非表示*/
input.btn{
	padding:0;
	border:none;
}
	
/*フォームボタン用 リンクリスト*/
ul.submitBtn{
	padding-top:10px;
}

ul.submitBtn li{
	display:inline;
	margin: 0 20px;
	}
	
.button{
	margin:0;
	padding: 0;
	width:220px;
	height:59px;
	cursor:pointer;   
	border:none; 
	}
	
.btn01{
	background: url(../img/form_btn01_off.gif) ;
}
.btn01:hover {
	background: url(../img/form_btn01_on.gif) ;
    cursor: pointer;
	}

.btn02{
	background: url(../img/form_btn02_off.gif) ;
}
.btn02:hover {
	background: url(../img/form_btn02_on.gif) ;
    cursor: pointer;
	}
	
.btn03{
	background: url(../img/form_btn03_off.gif) ;
}
.btn03:hover {
	background: url(../img/form_btn03_on.gif) ;
    cursor: pointer;
	}