@charset "UTF-8";

/* --------------------------------------------------
# General
-------------------------------------------------- */
body { margin: 0px; padding: 0px; background: #ffffff url(../images/common/background.gif) repeat-x; color: #333333; line-height: 1.5; text-align: center; }
//h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 0px; line-height: 0; }
img { border: 0px; -ms-interpolation-mode: bicubic; }
form { margin: 0px; padding: 0px; }
a { outline: none; }
a:link { color: #0000ff; text-decoration: underline; }
a:visited { color: #0000ff; text-decoration: underline; }
a:hover { color: #0000ff; text-decoration: none; }

/*
a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
*/

.clear { height: 0px; font-size: 0px; line-height: 0px; float: none; clear: both; }

/* リンク先が不明なもの　後で削除 */
a.unknown { color: #00CC00; }

/* --------------------------------------------------
# Container
-------------------------------------------------- */
#container { margin: 0 auto; width: 980px; background: url(../images/common/background.png) center repeat-y; }
/* Hack : PNG for IE6 (Invalid) */
* html #container { behavior: expression(this.style.behavior || (this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",this.style.backgroundImage = "none",this.style.behavior = "none")); }
#container_inner { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; }
#container_inner h1 { margin: 0.5em 0 0.5em 0; padding: 0; }

#container_inner h2 { margin: 0; padding: 0.3em 0 0.3em 20px; background: line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; }
#container_inner h2 span { font-size: 90%;  font-color: #ffffff; }
#container_inner .h2_header { height: 4px; background: url(../images/common/h2_header.gif) no-repeat; overflow: hidden; }
#container_inner .h2_footer { height: 4px; background: url(../images/common/h2_footer.gif) no-repeat; overflow: hidden; }

#container_inner h3 { margin: 0 0 0.5em 0; padding: 0 0 0.5em 5px; background: url(../images/common/h3.gif) bottom repeat-x; font-size: 110%; }
#container_inner h3 span { font-size: 90%; }

/*
#container_inner h2 { margin: 0 0 1em 0; padding: 0.5em; background-color: #b1122a; color: #fff; font-size: 110%; }
*/

/* --------------------------------------------------
# Global Header
-------------------------------------------------- */
#header { border-top: solid 5px #336600; }
#header_inner { height: 140px; position: relative; }
#header_inner img#logo { position: absolute; top: 20px; left: 0px; }
#header_inner img#TEL  { position: absolute; top: 20px; left: 700px; }
#header_inner div#header_menu ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 18px; left: 720px; font-size: 80%}
#header_inner div#header_menu ul li { padding: 0 0px 0 0; }
#header_inner div#header_menu ul li img { vertical-align: top; }
/*#header_inner div#header_menu ul li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }*/
#header_inner div#font_size { width: 237px; height: 35px; background: url(../images/common/header_font.gif) 0 0 no-repeat; position: absolute; top: 0; left: 735px; }
#header_inner div#font_size ul { margin: 5px 0 0 134px; padding: 0; list-style: none; }
#header_inner div#font_size ul li { margin: 0 2px 0 0; width: 24px; height: 24px; font-size: 13px; line-height: 24px; text-align: center; display: inline; float: left; }
#header_inner div#font_size ul li.normal { background-color: #fff; color: #999; font-weight: 700; }
#header_inner div#font_size ul li.normal:hover { background-color: #fff; color: #d7502c; font-weight: 700; }
#header_inner div#font_size ul li.select { background-color: #fff; color: #d7502c; font-weight: 700; }
#header_inner div#header_search { position: absolute; top: 62px; left: 738px; }
#header_inner div#header_search input.search_text { margin: 0; padding: 3px; width: 164px; height: 18px; border: solid 1px #ccc; line-height: 18px; float: left; }
#header_inner div#header_search input.search_button { margin: 0 0 0 3px; float: left; display: inline; }

/* --------------------------------------------------
# Global Navigation
-------------------------------------------------- */
#navigation { margin: 0 0 0px 0; width: 960px; border: solid 1px #eeffff; border-width: 1px 0; background: url(../images/common/navi_back.gif) no-repeat; }
#navigation ul { margin: 0; padding: 0; list-style: none; }
#navigation ul li { float: left; }
#navigation ul li a { padding: 0 0px; display: block; }
#navigation ul li img { vertical-align: top; }
#navigation ul li a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

/* --------------------------------------------------
# Contents
-------------------------------------------------- */
#contents { width: 680px; float: left; background: #ffffff}
#contents_inner { text-align: left;}
#contents_inner div#path { margin: 0 0 0.5em 0; font-size: 90%; }
#contents_inner div.pagetop { margin: 0 0 1em 0; font-size: 90%; text-align: right; }
#contents_inner div.pagetop a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

#contents_inner h1 { margin: 0.5em 0 0.5em 0; padding: 0; }

#contents_inner h2 { margin: 0; padding: 0.3em 0 0.3em 20px; background: url(../images/h2_body.gif) 0 center no-repeat; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; }
#contents_inner h2 span { font-size: 90%;  font-color: #ffffff; }
#contents_inner .h2_header { height: 4px; background: url(../images/common/h2_header.gif) no-repeat; overflow: hidden; }
#contents_inner .h2_footer { height: 4px; background: url(../images/common/h2_footer.gif) no-repeat; overflow: hidden; }

#contents_inner h3 { margin: 0 0 0.5em 0; padding: 0 0 0.5em 5px; background: url(../images/common/h3.gif) bottom repeat-x; font-size: 110%; }
#contents_inner h3 span { font-size: 90%; }

#contents_inner div#kogao {}



/* --------------------------------------------------
# Side
-------------------------------------------------- */
#side { width: 280px; float: right; }
#side_inner {}
#side_inner a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }

div#side_inner div.lpara { margin: 0 0 0 2em; width: 300px; float: left; font-size:100%; }

#side_inner ul#side_menu { margin: 0 0 5px 0; padding: 0; list-style: none; }
#side_inner ul#side_menu li { margin: 0 0 1px 0; height: 42px; }
#side_inner ul#side_menu li img { vertical-align: top; }
#side_inner ul#side_menu li.sub { height: 28px; }

/* --------------------------------------------------
# Global Footer
-------------------------------------------------- */
#footer { clear:both; margin: 0 auto; width: 960px; background-color: #fff; font-size: 80%; text-align: center; }
#footer div.pagetop { padding: 0 20px 10px 0; border-bottom: solid 1px #dbdbdb; font-size: 90%; text-align: right; }
#footer div.pagetop a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
#footer address { padding: 0.5em 0 0.4em 0; font-size: 80%; font-style: normal; }
#footer address strong { padding: 0.5em 0 0.4em 0; }
#footer_inner { padding: 0.5em 0 0.5em 0; background-color: #336600; color: #fafafa; font-size: 80%; text-shadow: 0 1px 3px #555; }


/* --------------------------------------------------
# Index
-------------------------------------------------- */
div#index { margin: 0 20px 0 0;}
div#index_inner { width: 640px; }
div#index_inner {}

/* ご挨拶 */
div#index_inner div#greeting { margin: 0 0 20px 0; }
div#index_inner div#greeting_inner { padding: 10px 5px 0 5px; width: 700px; }
div#index_inner div#greeting_inner div.apara { width: 580px; left 60px; margin-left: 60px; }

div#index_inner div#greeting_inner div.alpha { width: 150px; float: left;  }
div#index_inner div#greeting_inner div.beta { width: 580px; float: left; }
div#index_inner div#greeting_inner div.beta strong { font-size: 110%; }
div#index_inner div#greeting_inner div.beta p { margin: 0 0 0.4em 0; padding 0: }

/* 基本方針 */
div#index_inner div#policy {}
div#index_inner div#policy div.alpha { margin: 0 0 20px 0; padding: 10px 0 0 0; }
div#index_inner div#policy div.alpha_inner {}
div#index_inner div#policy div.alpha_inner ol {}
div#index_inner div#policy div.alpha_inner ol li { margin: 0 0 0.5em 0; }
div#index_inner div#policy div.beta { margin: 0 0 20px 0; }
div#index_inner div#policy div.beta_inner { padding: 0 2px; width: 636px; }
div#index_inner div#policy div.beta_inner ul { margin: 0; padding: 0; list-style: none; }
div#index_inner div#policy div.beta_inner ul li { padding: 0 3px; width: 178px; float: left; }
div#index_inner div#policy div.beta_inner ul li img { vertical-align: top; -moz-box-shadow: 1px 1px 4px #ddd; -webkit-box-shadow: 1px 1px 4px #ddd; }
div#index_inner div#policy div.gamma { margin: 0 0 20px 0; }
div#index_inner div#policy div.gamma_inner ol {}
div#index_inner div#policy div.gamma_inner ol li { margin: 0 0 0.5em 0; }
div#index_inner div#policy div.delta { margin: 0 0 12px 0; }
div#index_inner div#policy div.delta_inner { padding: 0 1px; width: 738px; }
div#index_inner div#policy div.delta_inner ul { margin: 0; padding: 0; list-style: none; }
div#index_inner div#policy div.delta_inner ul li { padding: 0 4px 8px 4px; width: 238px; float: left; }
div#index_inner div#policy div.delta_inner ul li img { vertical-align: top; -moz-box-shadow: 1px 1px 4px #ddd; -webkit-box-shadow: 1px 1px 4px #ddd; }
div#index_inner div#policy div.delta_inner ul li a:hover img { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }

/* 新着情報 */
div#index_inner div#information table { margin: 10px 0; border-collapse: collapse; }
div#index_inner div#information table th { padding: 8px 5px; background: url(../images/index/dotline.gif) bottom repeat-x; font-weight: 400; white-space: nowrap; }
div#index_inner div#information table td.icon { padding: 8px 5px; background: url(../images/index/dotline.gif) bottom repeat-x; }
div#index_inner div#information table td.title { padding: 8px 5px; width: 100%; background: url(../images/index/dotline.gif) bottom repeat-x; }
div#index_inner div#information p { margin: 0 5px 20px; padding: 0; text-align: right; }
div#index_inner div#information h2 { height: auto; overflow: hidden; }
div#index_inner div#information div.left { margin: 0; padding: 0; float: left; font-size: 90%; color: #fff}
div#index_inner div#information div.right { margin: 0; padding: 0 1em 0 0; color: #ccc; font-size: 90%; font-weight: 400; float: right; }

/* Topics */
div#index_inner div#topics {}
div#index_inner div#topics h2 { height: auto; overflow: hidden; }
div#index_inner div#topics div.left { margin: 0; padding: 0; float: left; font-size: 90%; color: #fff}
div#index_inner div#topics div.right { margin: 0; padding: 0 1em 0 0; color: #ccc; font-size: 90%; font-weight: 400; float: right; }
div#index_inner div#topics h3 { height: auto; width: 700px; margin: 20 0 0 0; overflow: hidden; float: left; }
div#index_inner div#topics div.h3-atitle { margin:20 0 0 0; width: 350px; float: left; padding: 0; }
div#index_inner div#topics div.h3-apara { width: 340px; float: left; margin-left: 20px; padding: 0; font-size: 90%; font-weight: 100;}
div#index_inner div#topics div.h3-btitle {  margin:20 0 0 0; width: 350px; float: right; padding: 0; }
div#index_inner div#topics div.h3-bpara { width: 340px; float: right; margin-left: 20px; padding: 0; font-size: 90%; font-weight: 100;}
div#index_inner div#topics div.ref { height: auto; width: 440px; margin-left: 60px; overflow: hidden; float: left; }

/* --------------------------------------------------
# company
-------------------------------------------------- */
div#company { width: 680px; float: left; background: #ffffff; margin: 0 0 0 0;}
div#company_inner {}

#div#company_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/company/h1_line.gif) 0 center no-repeat;}
div#company_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/common/h1_line_G.gif) 0 center no-repeat;}

div#company_inner ch2 { margin: 0 0 1em 0; padding: 0.3em 0 1em 20px; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; float: left;}
div#company_inner ch2 span { font-size: 90%;}
div#company_inner h3 { padding: 0 0 0.5em 5px; font-size: 110%; }
div#company_inner h3 span { font-size: 90%; }
div#company_inner div.cpara { margin: 0 0 1em 5em; width: 680px; float: left; font-size:100%; }
div#company_inner div.crpara { margin: 0 0 1em 0; width: 380px; float: right; font-size:90%; }
div#company_inner div.cspara { margin: 1em 0 1em 0; width: 240px; float: left; font-size:90%; }

div#company_inner div.cimg {margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0.5em 0;}

/* --------------------------------------------------
# service
-------------------------------------------------- */
div#service { margin: 0 0px 0 0;}
div#service_inner { width: 680px; }
div#service_inner {}

div#service_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/service/h1_line_G.gif) 0 center no-repeat;}

div#service_inner h2 { margin: 0; padding: 0.3em 0 1em 20px; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; }
div#service_inner h2 span { font-size: 90%;}
div#service_inner h3 { margin: 0 0 0.5em 0; padding: 0 0 0.5em 5px; }
div#service_inner h3 span { font-size: 90%; }
div#service_inner div.cpara { margin: 0 0 1em 5em; width: 680px; float: left; font-size:100%; }
#div#service_inner div.cpara { width: 420px; float: left; font-size:90%; }
div#service_inner div.cspara { width: 240px; float: right; font-size:90%; }

/* --------------------------------------------------
# activity
-------------------------------------------------- */
div#activity { margin: 0 20px 0 0;}
div#activity_inner { width: 680px; }
div#activity_inner {}

div#activity_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/activity/h1_line_G.gif) 0 center no-repeat;}

div#activity_inner h2 { margin: 0; padding: 0.3em 0 1em 20px; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; }
div#activity_inner h2 span { font-size: 90%;}
div#activity_inner h3 { margin: 0 0 0.5em 0; padding: 0 0 0.5em 5px; }
div#activity_inner h3 span { font-size: 90%; }
div#service_inner div.apara { margin: 0 0 1em 5em; width: 680px; float: left; font-size:100%; }
#div#activity_inner div.jpara { width: 380px; float: left; font-size:90%; }
#div#activity_inner div.jspara { width: 240px; float: right; font-size:90%; }

/* --------------------------------------------------
# recruit
-------------------------------------------------- */
div#recruit { margin: 0 20px 0 0;}
div#recruit_inner { width: 680px; }
div#recruit_inner {}

div#recruit_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/recruit/h1_line.gif) 0 center no-repeat; overflow: hidden; }

div#recruit_inner h2 { margin: 0; background: url(../images/recruit/h2_line.gif) 0 center no-repeat;}
div#recruit_inner h2 span { font-size: 90%;}
div#recruit_inner h3 { margin: 0 0 0.5em 0; padding: 0 0 0.5em 5px; }
div#recruit_inner h3 span { font-size: 90%; }
div#recruit_inner div.rpara { margin: 0 0 1em 5em; width: 680px; float: left; font-size:100%; }
#div#recruit_inner div.mpara { width: 360px; float: left; font-size:90%; }
#div#recruit_inner div.mspara { width: 240px; float: left; font-size:90%; }
#div#recruit_inner div.mwpara { width: 640px; float: left; font-size:90%; }

/* --------------------------------------------------
# infomation
-------------------------------------------------- */
div#info { width: 680px; float: left; background: #ffffff; margin: 0 0 0 0;}
div#info_inner {}

div#info_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/common/h1_line_G.gif) 0 center no-repeat;}

div#info_inner ch2 { margin: 0 0 1em 0; padding: 0.3em 0 1em 20px; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; float: left;}
div#info_inner ch2 span { font-size: 90%;}
div#info_inner h3 { padding: 0 0 0.5em 5px; font-size: 110%; }
div#info_inner h3 span { font-size: 90%; }
div#info_inner div.cpara { margin: 0 0 1em 5em; width: 680px; float: left; font-size:100%; }
div#info_inner div.crpara { margin: 0 0 1em 0; width: 380px; float: right; font-size:90%; }
div#info_inner div.cspara { margin: 1em 0 1em 0; width: 240px; float: left; font-size:90%; }

div#info_inner div.cimg {margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0.5em 0;}

/* --------------------------------------------------
# landscape
-------------------------------------------------- */
div#landscape { width: 980px; float: left; background: #ffffff; margin: 0 0 0 0;}
div#landscape_inner {}

div#landscape_inner h1 { margin: 1em 0 1em 0; padding: 0; background: url(../images/common/h1_line_G.gif) 0 center no-repeat;}

div#landscape_inner lh2 { margin: 0 0 1em 0; padding: 0.3em 0 1em 20px; line-height: 1.2; text-shadow: 0.1em 0.1em 0.3em #fff; float: left;}
div#landscape_inner lh2 span { font-size: 90%;}
div#landscape_inner h3 { padding: 0 0 0.5em 5px; font-size: 110%; }
div#landscape_inner h3 span { font-size: 90%; }
div#landscape_inner div.lpara { margin: 0 0 1em 1em; width: 980px; float: left; font-size:100%; }
div#landscape_inner div.lrpara { margin: 0 0 1em 0; width: 380px; float: right; font-size:90%; }
div#landscape_inner div.lspara { margin: 1em 0 1em 0; width: 240px; float: left; font-size:90%; }

div#landscape_inner div.cimg {margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0.5em 0;}

/* --------------------------------------------------
# Lightbox
-------------------------------------------------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }