@charset "utf-8";

/* ---------------------------------------------------
CSS Information

 File name:      default.css
/* =========================================================
	Reset
========================================================= */

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,
menu, hr, address, small, strong, i, b,
article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,
datalist, keygen, output, progress, meter {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:normal;
}

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style-type: none;
}

a{
  outline:none;
}

a img {
  border: none;
}

img {
  vertical-align: top;
}

[hidden] {
  display: none;
}

* {
  word-wrap: break-word;
}

body {
  letter-spacing: 0.03em;
  background: #ffffff;
  color: #333333;
}

a:link { color:#333333; text-decoration: underline; }
a:visited { color:#333333; text-decoration: underline; }
a:hover { color:#333333; text-decoration: none; }
a:active { color:#333333; text-decoration: none; }

a.img_hover{ display:block; }
a.img_hover img { transition:all 0.5s ease; }
a:hover.img_hover img { opacity: 0.5; filter: alpha(opacity=60);}

a.img_hover_wh { display:block; background-color:#ffffff;}
a.img_hover_wh img { transition:all 0.6s ease; }
a:hover.img_hover_wh img { opacity: 0.6; filter: alpha(opacity=60);}

label { 
  cursor: pointer;
}

.pagetop {
position: fixed;
	bottom: -30px;
	right: 50px;
}

.pagetop a {
	display: block;
	width: 30px;
	height: 30px;
}
/*-----[Clear Fix]-----*/
/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/**/


/* ======================================================
	Base
========================================================= */

body {
  font:13px/1 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  color:#333333;
  line-height:20px;
}

* html body {
font-size:small;
font:x-small;/*--標準準拠モード時は不要--*/
}

*:first-child+html body {
font-size:small;
font:x-small;/*--標準準拠モード時は不要--*/
}

/* =========================================================
header
========================================================= */
#container header {
	width:930px;
	height:75px;
	margin:0 auto 0 auto;
}

#container header #logo {
	margin:20px 0 20px 20px;
	float:left;
}

#container header #sitemap {
	margin:27px 0 0 382px;
	float:left;
}

#container header #search {
	margin-top:25px;
	float: right;
}

/* =========================================================
head_nav
========================================================= */

#container header #head_nav {
  width: 360px;
  float: right;
  margin:15px 15px 0 0;
}

#container header #head_nav #head_nav_cont {
  float: left;
  margin-top: 10px;
}

#container header #head_nav #head_nav_cont #head_nav_box {
  float: left;
  padding-right: 10px;
  _zoom:1;/* for IE6 only */
}

#container header #head_nav #head_nav_cont #head_nav_box #head_sitemap {
  padding-top: 3px;
}

#container header #head_nav #search {
  float: right;
  margin-top: 14px;
  margin-right: -10px\9;/*for IE8 only*/
  *margin-right: -30px;/*for IE7 only*/
  *margin-top: -3px;/*for IE7 only*/
  _margin-right: -26px;/*for IE6 only*/
}

/* =========================================================
yahoo site search stylesheet
========================================================= */

#srchBox * {
  margin:0;
  padding:0;
  font-size:13px;
  *font-size:small;
  *font:x-small;
}

#srchBox a img {
  border:none;
}

#srchBox #srch #srchForm {
  white-space:nowrap;
}

#srchBox #srchInput {
  width:188px;
  margin-right:6px;
}

#srchBox #srchBtn {
  width:50px;
}

*html #srchBox #srchBtn {
  padding-top:2px;
}

*:first-child+html #srchBox #srchBtn {
  padding-top:2px;
}

#srchBox ul {
  margin-top:6px;
  text-align:left;
}

#srchBox li {
  list-style-type:none;
  display:inline;
  zoom:1;
  padding-right:10px;
}

#srchBox li input {
  zoom:1;
  margin-right:2px;
  vertical-align:middle;
  border:0;
}

*:+html #srchBox li input {
  margin:-4px 0 -4px -4px;
}

#srchBox #srchLogo {
  margin:6px 6px 6px 0;
  text-align:right;
}

#srchBox #srchLogo a {
  color:#666666;
  text-decoration:none;
  font-size:85%;
}

#srchBox #srchLogo a:hover {
  text-decoration:underline;
}

#srchBox.watermark {
  padding-bottom: 6px;
}

#srchBox.watermark #srchInput {
  padding:1px 1px 2px 1px;
  border:1px solid #a5acb2;
  background: #fff url(https://s.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}

#srchBox.watermark #srchInput.nomark {
  background: #000;
  background: #fff;
}

#srchBox.watermark #srchLogo {
  display: none;
}

/* =========================================================
nav
========================================================= */

/*----------------------------------------------------
gloval navigation
----------------------------------------------------*/
#container nav#nav {
	background:url(../img/bg_nav.jpg);
	width:100%;
	height:50px;
}

#container nav#nav ul {
	width:930px;
	margin:0 auto 0 auto;
}

#container nav#nav ul li {
	float:left;
}

/*----------------------------------------------------
contents navigation
----------------------------------------------------*/
#container #cont_nav {
	background:url(../img/lnav_bg.gif);
	width:100%;
	height:56px;
}

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

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

#container #cont_nav div{
	width:930px;
	margin:0 auto 0 auto;
}

#container #cont_nav ul#topic_path{
	margin-top:18px;
	padding-left:15px;
	float:left;
}

#container #cont_nav ul#topic_path li {
	background: url(../img/arrow_bk.png) no-repeat 12px;
	padding-left:30px;
	float:left;
}

#container #cont_nav ul#topic_path li#topic_home {
	background:none;
	margin-top:3px;
	padding-left:-30px;
}

#container #cont_nav ul#lnav {
	margin-top:18px;
	float:right;
}

#container #cont_nav ul#lnav li {
	margin-left:10px;
	float:left;
}

/* =========================================================
head_image
========================================================= */
#container #cont_top {
	background-color:#000000;
	width:100%;
}
#container #cont_top h1 {
	width:930px;
	margin:0 auto 0 auto;
}


/* =========================================================
contents
========================================================= */
#container section#cont {
	margin:0 auto 0 auto;
}

/* =========================================================
footer
========================================================= */
#container footer {
	color:#ffffff;
	background:url(../img/bg_bk-dot.gif);
	width:100%;
	float:left;
}

#container footer #footer_cont {
	width:930px;
	margin:40px auto 0 auto;	
}

#container footer #footer_cont a,
#container footer #footer_cont a:link, a:visited, a:active {
	color:#ffffff; text-decoration: none;
}

#container footer #footer_cont a,
#container footer #footer_cont a:hover {
	color:#ffffff; text-decoration: underline;
}


#container footer #footer_cont dl {
	background:url(../img/footer_ln.gif) left no-repeat;
	width:202px;
	height:150px;
	margin-bottom:30px;
	padding:0 0 0 30px;
	float:left;
}

#container footer #footer_cont dl dt {
	background: url(../img/arrow_wh.png) no-repeat 2px; 
	padding-left:16px;
}


#container footer #footer_cont dl dd {
	background: url(../img/arrow_wh.png) no-repeat 12px; 
	padding-left:26px;
}