@charset "UTF-8";

/* *****************************************************
Contents for EWM Factory ---------------
base
LayerBase
LayerHeader
LayerSnavi
LayerBody
LayerContents
	*Form
	*AreaMap
	*Sitemap
	*Top
box
template
LayerFooter
------------------------
***************************************************** */



/* *****************************************************
base
***************************************************** */

*{
  margin: 0;
  padding: 0;
  color: #333333;
  background-color: transparent;
  border: 0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "HGPゴシックE","ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode",Helvetica, Arial, Verdana, sans-serif;
  font-size: 100%; /* 16px */
  list-style: none;
  }

body
  {
  margin: 0;
  padding: 0;
  font-size: 75%; /* 12px */
  line-height: 150%; /* 18px */
  background: #ffffff;
  }

a[name]:link,
a[name]:visited,
a[name]:hover,
a[name]:active
  {
  color: inherit;
  background-color: inherit;
  text-decoration: none;
  }

a,
a:link,
a:visited
  {
  color: #333333;
  text-decoration: none;
  }

a:hover,
a:active
  {
  color: #333333;
  text-decoration: underline;
  }

header,
nav,
footer,
figure,
figcaption
  {
  display: block;
  }


/* *****************************************************
LayerBase
***************************************************** */
#LayerBase
  {
  clear: both;
  position: relative;
  width: auto;
  min-width: 480px;
  height: auto;
  margin: 0;
  padding: 0;
  }

/* *****************************************************
LayerBody
***************************************************** */
#LayerBody
  {
  clear: both;
  height: auto;
  margin: 0;
  padding: 10px 45px 20px 45px;
  background: url(i/body_base.gif) repeat #ffffff;
  }

#LayerBody:before, /* For modern browsers */
#LayerBody:after 
  {
  content:"";
  display:table;
  }
 
#LayerBody:after
  {
  clear:both;
  }
 
#LayerBody /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#TNavi
  {
  display: none; 
  }

/* *****************************************************
header
***************************************************** */
header
  {
  width: auto;
  height: 74px;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;  
  }

header:before, /* For modern browsers */
header:after 
  {
  content:"";
  display:table;
  }
 
header:after
  {
  clear:both;
  }
 
header /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }
  
/* HeaderArea
-------------------------------------------------------*/
#HeaderArea
  {
  width: 830px;
  height: 74px;
  padding: 0 50px;
  margin: 0;
  }

#HeaderArea:after,
#GnaviArea:after,
#GnaviArea ul:after
  {
  clear: both;
  margin: 0;
  height: 0;
  content: ".";
  display: block;
  visibility: hidden;
  }

#HeaderArea:before, /* For modern browsers */
#GnaviArea:before,
#GnaviArea ul:before,
#HeaderArea:after,
#GnaviArea:after,
#GnaviArea ul:after 
  {
  content:"";
  display:table;
  }
 
#HeaderArea:after,
#GnaviArea:after,
#GnaviArea ul:after 

  {
  clear:both;
  }
 
#HeaderArea:after, /* For IE 6/7 (trigger hasLayout) */
#GnaviArea:after,
#GnaviArea ul:after 

  {
  zoom:1;
  }

/*----- #Header-Left ------*/
#Header-Left
  {
  float: left;
  width: 500px;
  height: 47px;
  margin: 14px 0 0 10px;
  padding: 0;
  }
  
#Header-Left #Logo
  {
  float: left;
  width: 100px;
  height: 47px;
  }
 
#Header-Left #Subtitle
  {
  float: left;
  width: auto;
  height: auto;
  margin: 15px 0 0 26px;
  padding: 0;
  font-size: 116%; /* 14px */
  line-height: 142%; /* 20px */
  color: #C0C2C2;
  }

/*----- #Header-Right ------*/
#Header-Right
  {
  display: none;
  }

/* GnaviArea
-------------------------------------------------------*/
#GnaviArea
  {
  display: none;
  }

/* *****************************************************
InformationArea
***************************************************** */
#Top #InformationArea
  {
  width: 86%;
  height: auto;
  margin: 0 0 5px 5px;
  }

#Top #InformationArea:before, /* For modern browsers */
#Top #InformationArea:after 
  {
  content:"";
  display:table;
  }
 
#Top #InformationArea:after
  {
  clear:both;
  }
 
#Top #InformationArea /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#Top #InformationArea:after
	{
	clear: both;
	height: 0;
	margin: 0;
	content: ".";
	display: block;
	visibility: hidden;
	}


#Top #InformationArea #Information-Left
  {
  float: left;
  width: auto;
  height: auto;
  color: #666666;
  }

#Top #Information-Left p.rss
  {
  float: left;
  width: auto;
  margin: 5px 0 0 10px;
  }

#Top #Information-Left p.rss a
  {
  width: 9em;
  height: auto;
  padding: 5px 0 3px 0;
  /* padding: 5px 25px 3px 0; */
  font-weight: bold;
  color: #666666;
  /* background: url(i/rss.png) 9.2em 3px no-repeat; */
  }
 

#Top #Information-Left #InformationBar
  {
  float: left;
  width: auto;
  height: 1.8em;
  overflow: hidden;
  }
  
#Top #Information-Left ul
  {
  float: left;
  width: 100%;
  height: 1.5em;
  margin: 0 0 0 20px;
  }


#Top #Information-Left #InformationBar ul li
  {
  width: 100%;
  height: 1.5em;
  padding: 3px 4px;
  list-style: none;
  background: none;
  }

#Top #Information-Left #InformationBar ul li img
  {
  position: relative;
  top: 2px;
  margin-left:8px;
  }

#Top #InformationArea #Information-Right
  {
  float: right;
  width: auto;
  margin: 0;
  }

#Top #Information-Right p
  {
  width: auto;
  height: 25px;
  margin: 0;
  }
  
#Top #Information-Right p a
  {
  display: block;
  width: 11em;
  height: 25px;
  padding: 0 21px 0 10px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  line-height: 25px;
  -webkit-border-radius: 3px; /* Safari, Chrome用 */
  -moz-border-radius: 3px; /* Firefox用 */
  background: url(i/link_arrow.png) 12.2em center no-repeat #36B5C9;
  }

#Top #Information-Right p a:hover,
#Top #Information-Right p a:active
  {
  background-color: #48C7DB;
  }
/* *****************************************************
LayerContents
***************************************************** */
#Top #LayerContents
  {
  clear: both;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: transparent;
  }

#Top #LayerContents:before, /* For modern browsers */
#Top #LayerContents:after 
  {
  content:"";
  display:table;
  }

#Top #LayerContents:after
  {
  clear:both;
  }
 
#Top #LayerContents /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#Top #LayerContents p
  {
  margin: 0;
  font-size: 100%; /* 12px */
  line-height: 125%; /* 15px */
  }

/* *****************************************************
LayerContentsBody
***************************************************** */
#Top #LayerContentsBody
  {
  width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
  }
  
#Top #LayerContentsBody:after
  {
  clear: both;
  margin: 0;
  height: 0;
  content: ".";
  display: block;
  visibility: hidden;
  }

#Top #LayerContentsBody div.large,
#Top #LayerContentsBody div.main-box
  {
  position: relative;
  float: left;
  width: 380px;
  height: 380px;
  overflow: hidden;
  margin: 5px;
  padding: 15px;
  -webkit-border-radius: 5px; /* Safari, Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background-color: #ffffff;
  overflow: hidden;
  cursor: pointer;
  }

#Top #LayerContentsBody div.large .large-slid,
#Top #LayerContentsBody div.main-box .large-slid
  {
  width: 1975px;
  }

#Top #LayerContentsBody div.large .large-slid .large-box,
#Top #LayerContentsBody div.main-box .large-slid .large-box
  {
  float: left;
  width: 380px;
  height: 380px;
  margin: 0 15px 0 0;
  }

/*a.main-link
  {
  z-index: 10;
  display: table;
  width: 410px;
  width: 410px;
  
  border: solid 1px #ff0000;
  }
*/
#Top #LayerContentsBody div.small
  {
  float: left;
  width: 170px;
  height: 170px;
  padding: 15px;
  margin: 5px;
  -webkit-border-radius: 5px; /* Safari, Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background-color: #ffffff;
  overflow: hidden;
  }

#Top #LayerContentsBody div.bl-hover {
  background-color: #d2e9f7;
}

#Top #LayerContentsBody dl
  {
  margin: 3px 0 5px 0;
  }

#Top #LayerContentsBody dl:before, /* For modern browsers */
#Top #LayerContentsBody dl:after 
  {
  content:"";
  display:table;
  }

#Top #LayerContentsBody dl:after
  {
  clear:both;
  }
 
#Top #LayerContentsBody dl /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#Top #LayerContentsBody dl dt
  {
  float: left;
  padding: 2px;
  margin: 0 3px 0 0;
  font-size: 91%; /* 11px */
  line-height: 100%; /* 11px */
  }

#Top #LayerContentsBody dl dt.icon-service
  {
  color: #ffffff;
  background-color: #3DC5CA;
  }

#Top #LayerContentsBody dl dt.icon-action
  {
  color: #ffffff;
  background-color: #32C97D;
  }

#Top #LayerContentsBody dl dt.icon-about
  {
  color: #ffffff;
  background-color: #04A4E1;
  }

#Top #LayerContentsBody dl dt.icon-recruit
  {
  color: #ffffff;
  background-color: #14AAE3;
  }

#Top #LayerContentsBody dl dt.icon-results
  {
  color: #ffffff;
  background-color: #36B5C9;
  }

#Top #LayerContentsBody dl dd
  {
  position: relative;
  top: -1px;
  float: left;
  padding: 0;
  color: #004D99;
  }
  
#Top #LayerContentsBody dl dd a
  {
  color: #004D99;
  text-decoration: none;
  }

#Top #LayerContentsBody div.phone
  {
  float: left;
  width: 170px;
  height: 170px;
  padding: 15px;
  margin: 5px;
  -webkit-border-radius: 5px; /* Safari, Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background: url(i/phone_base.gif) 0 0 repeat;
  overflow: hidden;
  }

#Top #LayerContentsBody div.phone p
  {
  margin: 10px auto 15px;
  padding: 35px 0 40px;
  font-size: 116%; /* 14px */
  line-height: 142%; /* 20px */
  color: #ffffff;
  text-shadow: 2px 2px 3px #666666;
  text-align: center;
  background: url(i/phone.png) top center no-repeat;
  }

#Top #LayerContentsBody div.phone span.phone-number
  {
  font-size: 183%; /* 22px */
  line-height: 127%; /* 38px */
  color: #ffffff;
  font-weight: bold;
  }

#Top #LayerContentsBody p.results-bg
  {
  width: 110px;
  height: 110px;
  padding: 10px 30px;
  margin: 0 0 9px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FCFAFA), to(#E3E3E3)); /* Safari, Chrome用 */
  background: -moz-linear-gradient(top, #FCFAFA, #E3E3E3); /* Firefox用 */
  background: gradient(top, #FCFAFA, #E3E3E3);
  }

#Top #LayerContentsBody p.large-results-bg
  {
  width: 320px;
  height: 320px;
  padding: 10px 30px;
  margin: 0 0 9px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#FCFAFA), to(#E3E3E3)); /* Safari, Chrome用 */
  background: -moz-linear-gradient(top, #FCFAFA, #E3E3E3); /* Firefox用 */
  }

/* *****************************************************
LayerSnavi
***************************************************** */
#LayerSnavi
	{
	display: none;
	}

/* *****************************************************
LayerContents
***************************************************** */
#LayerContents
  {
  width: auto;
  height: auto;
  margin: 0 5px 0;
  padding: 25px 20px 40px;
  -webkit-border-radius: 5px; /* Safari, Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background-color: #ffffff;
  }

#LayerContents:before, /* For modern browsers */
#LayerContents:after 
  {
  content:"";
  display:table;
  }
 
#LayerContents:after
  {
  clear:both;
  }
 
#LayerContents /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

/* *****************************************************
LayerContentsBody
***************************************************** */
#LayerContentsBody
  {
  width: 100%;
  height: auto;
  padding: 0;
  }
  
#LayerContentsBody:before, /* For modern browsers */
#LayerContentsBody:after 
  {
  content:"";
  display:table;
  }
 
#LayerContentsBody:after
  {
  clear:both;
  }
 
#LayerContentsBody /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }
  
#LayerContentsMain
 {
 font-size: 110%; /* 13px */
 line-height: 160%; /* 20px */
 }

#BookmarkArea
 {
 display: none;
 }

.addthis_button_hatena
 {
 display: none;
 }

#ContentsArea,
#NewsArea
  {
  margin: 0 20px 0 20px;
  }

#ContentsArea div.corner
  {
  width: auto;
  height: auto;
  padding: 20px;
  margin: 0 -20px;
  }

#ContentsArea div.corner:hover,
#ContentsArea div.corner:active
  {
  background-color: #d2e9f7;
  }

#LayerContentsBody section:first-of-type div.corner
  {
  margin-top: 40px;
  }

#ContentsArea div.corner:before, /* For modern browsers */
#ContentsArea div.corner:after 
  {
  content:"";
  display:table;
  }
 
#ContentsArea div.corner:after
  {
  clear:both;
  }
 
#ContentsArea div.corner /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#LayerContents div.corner
  {
  clear: both;
  position: relative;
  }

#LayerContents div.corner-image p
  {
  float: left;
  margin: 0;
  padding: 0;
  }

#LayerContents div.corner-image p img
  {
  margin: 0 0 4px 0;
  -webkit-box-shadow: 10px 10px 0 0 #E9F2F5; /* Safari, Chrome用 */
  -moz-box-shadow: 10px 10px 0 0 #E9F2F5; /* Firefox用 */
  box-shadow: 10px 10px 0 0 #E9F2F5;
  }

#LayerContents div.corner-text
 {
 margin: 0 0 0 150px;
 }

#LayerContents div.corner-text p.detail
  {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 60px;
  min-height: 25px;
  margin: 0 30px 0 0;
  }
  
#LayerContents div.corner-text p.detail a
  {
  display: block;
  width: 50px;
  min-height: 16px;
  padding: 5px 10px 4px 0;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  letter-spacing: 2px;
  -webkit-border-radius: 3px; /* Safari, Chrome用 */
  -moz-border-radius: 3px; /* Firefox用 */
  background: url(i/link_arrow.png) 45px center #36B5C9 no-repeat;
  }

#LayerContents div.corner-text p.detail a:hover,
#LayerContents div.corner-text p.detail a:active
  {
  background-color: #48C7DB;
  }

/* -----------------------------------------------------
Heading
----------------------------------------------------- */
#LayerContentsBody h1
  {
  width: auto;
  height: auto;
  margin-bottom: 20px;
  padding: 0 0 9px 0;
  font-size: 200%; /* 24px */
  font-weight: bold;
  line-height: 125%; /* 30px */
  border-bottom: 5px solid #007BC6;
  }

 
#LayerContentsBody h2
  {
  width: auto;
  margin: 40px 0 20px 0;
  padding: 0 0 7px 18px;
  font-size: 150%; /* 18px */
  line-height: 133%; /* 24px */
  font-weight: bold;
  border-bottom: 1px solid #D8E4EB;
  background: url(i/h2_base.png) 0 5px no-repeat;
  }

* html #LayerContentsBody div.corner h2
  {
  zoom: 1;
  }

#LayerContentsBody section:first-child h2:first-child
  {
  margin-top: 0;
  }

#LayerContentsBody h3
  {
  margin: 20px 0 10px 0;
  padding: 0 0 0 18px;
  font-size: 116%; /* 14px */
  line-height: 142%; /* 20px */
  font-weight: bold;
  background: url(i/h3_base.png) 0 3px no-repeat;
  }

#LayerContentsBody section h3:first-child
  {
  margin-top: 0;
  }

#LayerContentsBody h4
  {
  margin: 20px 0 10px 0;
  padding: 0 0 0 18px;
  font-size: 116%; /* 14px */
  line-height: 142%; /* 20px */
  background: url(i/h4_base.png) 0 3px no-repeat;
  }

/* -----------------------------------------------------
p
----------------------------------------------------- */
#LayerContents p
  {
  margin: 0 0 20px 0;
  }
  
#LayerContents p.caption
  {
  margin-top: -6px;
  font-size: 85%; /* 11px */
  line-height: 118%; /* 13px */
  }

#LayerContents p.emphasis-area
  {
  padding: 20px 0 22px 20px;
  border: 1px solid #CADBE5;
  background-color: #F2FAFF;
  }

#LayerContents section.emphasis-area
  {
  display: block;
  width: auto;
  margin: 40px 0 0 0;
  padding: 20px 0 20px 20px;
  border: 1px solid #CADBE5;
  background-color: #F2FAFF;
  }

#LayerContents section.emphasis-area ul
  {
  margin: 0;
  }

#LayerContents .link-outside a,
#LayerContents a.link-outside
  {
  padding: 0 0 0 20px;
  background: url(i/link_outside.png) 0 0 no-repeat;
  }
  
#LayerContents p a,
#LayerContents p a:link,
#LayerContents p a:visited
  {
  color: #004D99;
  text-decoration: none;
  }

#LayerContents p a:hover,
#LayerContents p a:active
  {
  color: #004D99;
  text-decoration: underline;
  }
 
#LayerContents p strong
  {
  font-weight: bold;
  }

/* =====================================================
ul li
===================================================== */
#LayerContents ul,
#LayerContents ol
  {
  margin: 0 30px 20px 3px;
  }

#LayerContentsBody ul li
  {
  margin: 0 0 8px 0;
  padding: 0 0 0 18px;
  background: url(i/ul_base.png) 0 5px no-repeat;
  }

#LayerContents ul.link-button
  {
  font-size: 133%; /* 16px */
  line-height: 137%; /* 22px */
  }

#LayerContents ul.link-button:before, /* For modern browsers */
#LayerContents ul.link-button:after 
  {
  content:"";
  display:table;
  }
 
#LayerContents ul.link-button:after
  {
  clear:both;
  }
 
#LayerContents ul.link-button /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#LayerContents ul.link-button li
  {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  background: none;
  }
  
#LayerContents ul.link-button li a,
#LayerContents ul.link-button li a:link,
#LayerContents ul.link-button li a:visited
  {
  display: block;
  width: 170px;
  height: auto;
  padding: 8px 0 6px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #c6cccc;
  }
  
#LayerContents ul.link-button li em a,
#LayerContents ul.link-button li em a:link,
#LayerContents ul.link-button li em a:visited,
#LayerContents ul.link-button li a:hover,
#LayerContents ul.link-button li a:active
  {
  text-decoration: none;
  background-color: #009ad4;
  }

#LayerContents ul.link-button li.sort-focus a
{
  background: #009ad4;
}

#LayerContents ul.link-list
  {
  margin: 0 0 0 1px;
  }

#LayerContents ul.link-list li
  {
  width:  auto;
  height: auto;
  margin: 0 0 8px 0;
  padding: 0;
  background: none;
  }
  
#LayerContents ul.link-list li a
  {
  width:  auto;
  height: auto;
  padding: 0 0 0 18px;
  color: #004d99;
  background: url(i/link_list.png) 0 1px no-repeat;
  }

#LayerContents ol li
	{
  list-style-type: decimal;
  margin: 0 0 8px 20px;
	}

/* =====================================================
dl
===================================================== */
#NewsArea dl 
  {
  clear: both;
  letter-spacing: normal;
  border-bottom: 1px dotted #999;
  width: 98%;
  height: auto;
  margin: 10px 0 10px 0;
  }

#NewsArea dt 
  {
  width: 15%;
  padding-left: 11px;
  }

#NewsAreas dd 
  {
  width: 80%;
  }

#NewsArea dd a
  {
  color: #0c7b8d;
  }

#NewsArea dt,
#NewsArea dd 
  {
  float: left;
  margin: 10px 0 10px 0;
  }

/* =====================================================
table
===================================================== */
#LayerContents table
  {
  width: auto;
  height: auto;
  margin: 0 30px 0 0;
  }

#LayerContents table.m-l th,
#LayerContents table.m-l td
  {
  text-align: left;
  }

#LayerContents table.t-border
  {
  border-collapse: collapse;
  border: 1px solid #CBD9E1;
  }

#LayerContents .t-border th
  {
  padding: 8px 12px;
  color: #262626;
  vertical-align: middle;
  border: 1px solid #CBD9E1;
  background-color: #F5F9FA;
  }

#LayerContents .t-border th.second
  {
  padding: 8px 12px;
  color: #262626;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CBD9E1;
  background-color: inherit;
  }

#LayerContents .t-border td
  {
  padding: 8px 12px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #CBD9E1;
  background-color: inherit;
  }

#LayerContents table.t-line
  {
  border-collapse: collapse;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  }

#LayerContents .t-line th
  {
  padding: 6px;
  color: #262626;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  background-color: inherit;
  }

#LayerContents .t-line td
  {
  padding: 6px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  background-color: inherit;
  }

/* *****************************************************
AreaMap
***************************************************** */
#AreaMap
	{
	border: 1px solid #aaaaaa;
	width: 533px;
	height: 500px;
	margin: 0 7px 0 7px;
	padding: 0;
	}

#AreaMap table
	{
	margin: 0;
	}

#AreaMap table th
	{
	vertical-align: top;
	}

/* *****************************************************
Member
***************************************************** */
#LinkMembers figure
  {
  float: left;
  width: 110px;
  margin: 10px;
  display: none;
  }

#LayerContents #LinkMembers figure figcaption
  {
  text-align: center;
  }

#LayerContents #LinkMembers figure a
  {
  display: block;
  width: 110px;
  padding: 5px 5px 0 5px;
  text-align: center;
  text-decoration: none;
  }

#LayerContents #LinkMembers figure a:hover,
#LayerContents #LinkMembers figure a:active
  {
  background-color: #d2e9f7;
  }

/* *****************************************************
Form
***************************************************** */
#LayerContents table.t-form
  {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  }

#LayerContents table.t-form th
  {
  width: 35%;
  padding: 12px 6px;
  color: #262626;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  background-color: inherit;
  }

#LayerContents table.t-form td
  {
  padding: 12px 6px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #CBD9E1;
  border-bottom: 1px solid #CBD9E1;
  background-color: inherit;
  }

#LayerContents table.t-form select
  {
  margin: 0 5px;
  padding: 3px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #999;
  }

#LayerContents table.t-form input
  {
  margin: 0 5px;
  padding: 3px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #999;
  }

#LayerContents table.t-form textarea
  {
  width: 300px;
  height: 100px;
  margin: 0 5px;
  padding: 3px;
  color: #333333;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #999;
  }
 
#LayerContents table.t-form select ~ textarea
  {
  margin-top: 10px;
  }

#LayerContents table.t-form span.note
  {
  color: #ff9900;
  margin-left: 10px;
  }
#LayerContents table.t-form ~ div.clear
 {
 width: 320px;
 margin: 20px  auto;
 }

/* *****************************************************
achievement
***************************************************** */
#LayerContents div.achievement
  {
  width: 100%;
  height: auto;
  }

#LayerContents div.achievement:before, /* For modern browsers */
#LayerContents div.achievement:after 
  {
  content:"";
  display:table;
  }
 
#LayerContents div.achievement:after
  {
  clear:both;
  }
 
#LayerContents div.achievement /* For IE 6/7 (trigger hasLayout) */
  {
  zoom:1;
  }

#LayerContents div.achievement-left
  {
  display: block;
  float: left;
  width: 55%;
  min-width: 200px;
  }

#LayerContents div.achievement-text
  {
  display: block;
  width: 95%;
  }
 
#LayerContents div.achievement-text h2:first-child
  {
  margin-top: 0;
  }
  
#LayerContents div.achievement-right
  {
  display: block;
  float: left;
  width: 45%;
  max-width: 400px;
  }
  
#LayerContents div.achievement-right img
  {
  width: 100%;
  min-width: 200px;
  max-width: 400px;
  }


/* *****************************************************
other
***************************************************** */
#glayLayer
  {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #02588D;
  filter:alpha(opacity=75);
  opacity: 0.75;
  }

* html #glayLayer
  {
  position: absolute;
  }

#overLayer
  {
  display: none;
  width: 600px;
  height: 500px;
  background: #FFFFFF;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  }

#overLayer img.close
  {
  position: absolute;
  top: 0;
  right: 5px;
  cursor: pointer;
  }

* html #overLayer
  {
  position: absolute;
  }

iframe
  {
  margin: 30px 0 0 0;
  width: 600px;
  height: 470px;
  }

/* *****************************************************
footer
***************************************************** */
footer
  {
  display: none;
  }

#FooterLink
  {
  display: none;
  }
  
.Copy
  {
  display: none;
  }
  
.fnavi
  {
  display: none;
  }

/* *****************************************************
box
***************************************************** */

.clear
	{
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%; /* FF3 */
	}

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

.clear /* IE 7 */
	{
	display:inline-block;
	}

* html .clear /* IE 6 */
	{
	height: 1px;
	}

.left
	{
	float: left;
	m
	argin: 10px 0 10px 7px;
	display: inline;
	}

.right
	{
	float: right;
	margin: 10px 7px 10px 0;
	display: inline;
	}



/* *****************************************************
width
***************************************************** */

.half
	{
	width: 260px;
	}

.cols2-short
	{
	width: 173px;
	}

.cols2-long
	{
	width: 347px;
	}

#LayerContents .w-15
	{
	width: 15px;
	}

#LayerContents .w-20
	{
	width: 20px;
	}

#LayerContents .w-25
	{
	width: 25px;
	}

#LayerContents .w-30
	{
	width: 30px;
	}

#LayerContents .w-35
	{
	width: 35px;
	}

#LayerContents .w-40
	{
	width: 40px;
	}

#LayerContents .w-45
	{
	width: 45px;
	}

#LayerContents .w-50
	{
	width: 50px;
	}

#LayerContents .w-55
	{
	width: 55px;
	}

#LayerContents .w-60
	{
	width: 60px;
	}

#LayerContents .w-65
	{
	width: 65px;
	}

#LayerContents .w-70
	{
	width: 70px;
	}

#LayerContents .w-75
	{
	width: 75px;
	}

#LayerContents .w-80
	{
	width: 80px;
	}

#LayerContents .w-85
	{
	width: 85px;
	}

#LayerContents .w-90
	{
	width: 90px;
	}

#LayerContents .w-95
	{
	width: 95px;
	}

#LayerContents .w-100
	{
	width: 100px;
	}

#LayerContents .w-105
	{
	width: 105px;
	}

#LayerContents .w-110
	{
	width: 110px;
	}

#LayerContents .w-115
	{
	width: 115px;
	}

#LayerContents .w-120
	{
	width: 120px;
	}

#LayerContents .w-125
	{
	width: 125px;
	}

#LayerContents .w-130
	{
	width: 130px;
	}

#LayerContents .w-135
	{
	width: 135px;
	}

#LayerContents .w-140
	{
	width: 140px;
	}

#LayerContents .w-145
	{
	width: 145px;
	}

#LayerContents .w-150
	{
	width: 150px;
	}

#LayerContents .w-155
	{
	width: 155px;
	}

#LayerContents .w-160
	{
	width: 160px;
	}

#LayerContents .w-165
	{
	width: 165px;
	}

#LayerContents .w-170
	{
	width: 170px;
	}

#LayerContents .w-175
	{
	width: 175px;
	}

#LayerContents .w-180
	{
	width: 180px;
	}

#LayerContents .w-185
	{
	width: 185px;
	}

#LayerContents .w-190
	{
	width: 190px;
	}

#LayerContents .w-195
	{
	width: 195px;
	}

#LayerContents .w-200
	{
	width: 200px;
	}

#LayerContents .w-205
	{
	width: 205px;
	}

#LayerContents .w-210
	{
	width: 210px;
	}

#LayerContents .w-215
	{
	width: 215px;
	}

#LayerContents .w-220
	{
	width: 220px;
	}

#LayerContents .w-225
	{
	width: 225px;
	}

#LayerContents .w-230
	{
	width: 230px;
	}

#LayerContents .w-235
	{
	width: 235px;
	}

#LayerContents .w-240
	{
	width: 240px;
	}

#LayerContents .w-245
	{
	width: 245px;
	}

#LayerContents .w-250
	{
	width: 250px;
	}

#LayerContents .w-255
	{
	width: 255px;
	}

#LayerContents .w-260
	{
	width: 260px;
	}

#LayerContents .w-265
	{
	width: 265px;
	}

#LayerContents .w-270
	{
	width: 270px;
	}

#LayerContents .w-275
	{
	width: 275px;
	}

#LayerContents .w-280
	{
	width: 280px;
	}

#LayerContents .w-285
	{
	width: 285px;
	}

#LayerContents .w-290
	{
	width: 290px;
	}

#LayerContents .w-295
	{
	width: 295px;
	}

#LayerContents .w-300
	{
	width: 300px;
	}

#LayerContents .w-305
	{
	width: 305px;
	}

#LayerContents .w-310
	{
	width: 310px;
	}

#LayerContents .w-315
	{
	width: 315px;
	}

#LayerContents .w-320
	{
	width: 320px;
	}

#LayerContents .w-325
	{
	width: 325px;
	}

#LayerContents .w-330
	{
	width: 330px;
	}

#LayerContents .w-335
	{
	width: 335px;
	}

#LayerContents .w-340
	{
	width: 340px;
	}

#LayerContents .w-345
	{
	width: 345px;
	}

#LayerContents .w-350
	{
	width: 350px;
	}

#LayerContents .w-355
	{
	width: 355px;
	}

#LayerContents .w-360
	{
	width: 360px;
	}

#LayerContents .w-365
	{
	width: 365px;
	}

#LayerContents .w-370
	{
	width: 370px;
	}

#LayerContents .w-375
	{
	width: 375px;
	}

#LayerContents .w-380
	{
	width: 380px;
	}

#LayerContents .w-385
	{
	width: 385px;
	}

#LayerContents .w-390
	{
	width: 390px;
	}

#LayerContents .w-395
	{
	width: 395px;
	}

#LayerContents .w-400
	{
	width: 400px;
	}

#LayerContents .w-405
	{
	width: 405px;
	}

#LayerContents .w-410
	{
	width: 410px;
	}

#LayerContents .w-415
	{
	width: 415px;
	}

#LayerContents .w-420
	{
	width: 420px;
	}



/* *****************************************************
height
***************************************************** */

#LayerContents .h-30
	{
	height: 30px;
	}

#LayerContents .h-35
	{
	height: 35px;
	}

#LayerContents .h-40
	{
	height: 40px;
	}

#LayerContents .h-45
	{
	height: 45px;
	}

#LayerContents .h-50
	{
	height: 50px;
	}

#LayerContents .h-55
	{
	height: 55px;
	}

#LayerContents .h-60
	{
	height: 60px;
	}

#LayerContents .h-65
	{
	height: 65px;
	}

#LayerContents .h-70
	{
	height: 70px;
	}

#LayerContents .h-75
	{
	height: 75px;
	}

#LayerContents .h-80
	{
	height: 80px;
	}

#LayerContents .h-85
	{
	height: 85px;
	}

#LayerContents .h-90
	{
	height: 90px;
	}

#LayerContents .h-95
	{
	height: 95px;
	}

#LayerContents .h-100
	{
	height: 100px;
	}



/* *****************************************************
margin
***************************************************** */

/* =====================================================
top
===================================================== */

#LayerContents .m-t5
	{
	margin-top: 5px;
	}

#LayerContents .m-t10
	{
	margin-top: 10px;
	}

#LayerContents .m-t15
	{
	margin-top: 15px;
	}

#LayerContents .m-t20
	{
	margin-top: 20px;
	}

#LayerContents .m-t25
	{
	margin-top: 25px;
	}

#LayerContents .m-t30
	{
	margin-top: 30px;
	}

#LayerContents .m-t35
	{
	margin-top: 35px;
	}

#LayerContents .m-t40
	{
	margin-top: 40px;
	}

#LayerContents .m-t45
	{
	margin-top: 45px;
	}

#LayerContents .m-t50
	{
	margin-top: 50px;
	}

#LayerContents .m-t55
	{
	margin-top: 55px;
	}

#LayerContents .m-t60
	{
	margin-top: 60px;
	}

#LayerContents .m-t65
	{
	margin-top: 65px;
	}

#LayerContents .m-t70
	{
	margin-top: 70px;
	}

#LayerContents .m-t75
	{
	margin-top: 75px;
	}

#LayerContents .m-t80
	{
	margin-top: 80px;
	}

#LayerContents .m-t85
	{
	margin-top: 85px;
	}

#LayerContents .m-t90
	{
	margin-top: 90px;
	}

#LayerContents .m-t95
	{
	margin-top: 95px;
	}

#LayerContents .m-t100
	{
	margin-top: 100px;
	}


/* =====================================================
right
===================================================== */

#LayerContents .m-r5
	{
	margin-right: 5px;
	}

#LayerContents .m-r10
	{
	margin-right: 10px;
	}

#LayerContents .m-r15
	{
	margin-right: 15px;
	}

#LayerContents .m-r20
	{
	margin-right: 20px;
	}


/* =====================================================
bottom
===================================================== */

#LayerContents .m-b5
	{
	margin-bottom: 5px;
	}

#LayerContents .m-b10
	{
	margin-bottom: 10px;
	}

#LayerContents .m-b15
	{
	margin-bottom: 15px;
	}

#LayerContents .m-b20
	{
	margin-bottom: 20px;
	}

#LayerContents .m-b25
	{
	margin-bottom: 25px;
	}

#LayerContents .m-b30
	{
	margin-bottom: 30px;
	}

#LayerContents .m-b35
	{
	margin-bottom: 35px;
	}

#LayerContents .m-b40
	{
	margin-bottom: 40px;
	}

#LayerContents .m-b45
	{
	margin-bottom: 45px;
	}

#LayerContents .m-b50
	{
	margin-bottom: 50px;
	}

#LayerContents .m-b55
	{
	margin-bottom: 55px;
	}

#LayerContents .m-b60
	{
	margin-bottom: 60px;
	}

#LayerContents .m-b65
	{
	margin-bottom: 65px;
	}

#LayerContents .m-b70
	{
	margin-bottom: 70px;
	}

#LayerContents .m-b75
	{
	margin-bottom: 75px;
	}

#LayerContents .m-b80
	{
	margin-bottom: 80px;
	}

#LayerContents .m-b85
	{
	margin-bottom: 85px;
	}

#LayerContents .m-b90
	{
	margin-bottom: 90px;
	}

#LayerContents .m-b95
	{
	margin-bottom: 95px;
	}

#LayerContents .m-b100
	{
	margin-bottom: 100px;
	}


/* =====================================================
left
===================================================== */

#LayerContents .m-l5
	{
	margin-left: 5px;
	}

#LayerContents .m-l10
	{
	margin-left: 10px;
	}

#LayerContents .m-l15
	{
	margin-left: 15px;
	}

#LayerContents .m-l20
	{
	margin-left: 20px;
	}

#LayerContents .m-l25
	{
	margin-left: 25px;
	}

#LayerContents .m-l30
	{
	margin-left: 30px;
	}

#LayerContents .m-l35
	{
	margin-left: 35px;
	}

#LayerContents .m-l40
	{
	margin-left: 40px;
	}

#LayerContents .m-l45
	{
	margin-left: 45px;
	}

#LayerContents .m-l50
	{
	margin-left: 50px;
	}

#LayerContents .m-l55
	{
	margin-left: 55px;
	}

#LayerContents .m-l60
	{
	margin-left: 60px;
	}

#LayerContents .m-l65
	{
	margin-left: 65px;
	}

#LayerContents .m-l70
	{
	margin-left: 70px;
	}

#LayerContents .m-l75
	{
	margin-left: 75px;
	}

#LayerContents .m-l80
	{
	margin-left: 80px;
	}

#LayerContents .m-l85
	{
	margin-left: 85px;
	}

#LayerContents .m-l90
	{
	margin-left: 90px;
	}

#LayerContents .m-l95
	{
	margin-left: 95px;
	}

#LayerContents .m-l100
	{
	margin-left: 100px;
	}

#LayerContents .m-l105
	{
	margin-left: 105px;
	}

#LayerContents .m-l110
	{
	margin-left: 110px;
	}

#LayerContents .m-l115
	{
	margin-left: 115px;
	}

#LayerContents .m-l120
	{
	margin-left: 120px;
	}

#LayerContents .m-l125
	{
	margin-left: 125px;
	}

#LayerContents .m-l130
	{
	margin-left: 130px;
	}

#LayerContents .m-l135
	{
	margin-left: 135px;
	}

#LayerContents .m-l140
	{
	margin-left: 140px;
	}

#LayerContents .m-l145
	{
	margin-left: 145px;
	}

#LayerContents .m-l150
	{
	margin-left: 150px;
	}

#LayerContents .m-l155
	{
	margin-left: 155px;
	}

#LayerContents .m-l160
	{
	margin-left: 160px;
	}

#LayerContents .m-l165
	{
	margin-left: 165px;
	}

#LayerContents .m-l170
	{
	margin-left: 170px;
	}

#LayerContents .m-l175
	{
	margin-left: 175px;
	}

#LayerContents .m-l180
	{
	margin-left: 180px;
	}

#LayerContents .m-l185
	{
	margin-left: 185px;
	}

#LayerContents .m-l190
	{
	margin-left: 190px;
	}

#LayerContents .m-l195
	{
	margin-left: 195px;
	}

#LayerContents .m-l200
	{
	margin-left: 200px;
	}