﻿@charset "utf-8";
/* -----------------------------------------------------------
 reset
----------------------------------------------------------- */
html {
	overflow:scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
object,
embed {
	vertical-align:top;
}
hr,legend {
	display:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}
img,abbr,acronym,fieldset {
	border:0;
}
img {
	display:block;
}
li {
	list-style-type:none;
}
/* -----------------------------------------------------------
 body
----------------------------------------------------------- */
body {
	background:url(../images/back_body.gif) 0 0 repeat-x;
	color:#333;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Sans-Serif;
	text-align:center;
	line-height:1.5;
}
body {
	font-size:90%;
}
#wrapper {
	background:url(../images/back_top.jpg) center top no-repeat;
	margin:0 auto;
}
#wrapper_sub {
	background:url(../images/back_sub.jpg) center top no-repeat;
	margin:0 auto;
}
/*----------------------------------------------------
 link
----------------------------------------------------*/
a:link,a:visited {
	color:#FF4A24;
}
a:hover,a:active {
	color:#FF4A24;
	text-decoration:none;
}
/*----------------------------------------------------
 p
----------------------------------------------------*/
p.caution {
 margin-left: 1em;
 text-indent: -1em;
}
/* --------------------------------------------------------
 #header
----------------------------------------------------------- */
#header {
	position:relative;
	margin:0 auto;
	width:930px;
	height:65px;
	text-align:left;
}
#header h1 {
	width:338px;
}
#header p {
	width: 338px;
}
#header p#snipet {
	position: absolute;
	width: 500px;
	height: 20px;
	overflow: hidden;
	left: 430px;
	top: 50px;
	font-size: 11px;
	color: #999;
	text-align: right;
}
/* 一時公開用 */
#header ul {
	position:absolute;
	top:13px;
	left:480px;
}
#header ul li {
	float:left;
	margin:0 20px 0 0;
}
/* fontsize */
#header dl {
	position:absolute;
	top:12px;
	right:21px;
	width:171px;
}
#header dt {
	float:left;
	padding:0 30px 0 0;
	width:69px;
}
#header dd {
	float:left;
	width:72px;
}
#header dd ul {
	position:static;
	top:0;
	left:0;
}
#header dd ul li {
	text-indent:-9999px;
	float:left;
	margin:0;
	padding:0 0 0 11px;
	width:25px;
}
#header dd ul li a {
	display:block;
	width:25px;
	height:16px;
}
#header dd ul li.font_m a { background:url(../images/fontsize_mid.gif) 0 0 no-repeat; }
#header dd ul li.font_l a { background:url(../images/fontsize_large.gif) 0 0 no-repeat; }

/* gnavi 本番用 */
#gnavi {
	overflow:hidden;
	clear:both;
	padding:57px 0 21px 0;
	width:930px;
	height:53px;
}
#gnavi li {
	float:left;
	vertical-align:top;
	width:155px;
	height:53px;
}
#gnavi li a {
	background:no-repeat;
	text-indent:-9999px;
	display:block;
	height:53px;
}
ul#gnavi li.navi1 a { background: url(../images/gnavi.gif) 0 0; }
ul#gnavi li.navi2 a { background: url(../images/gnavi.gif) -155px 0; }
ul#gnavi li.navi3 a { background: url(../images/gnavi.gif) -310px 0; }
ul#gnavi li.navi4 a { background: url(../images/gnavi.gif) -465px 0; }
ul#gnavi li.navi5 a { background: url(../images/gnavi.gif) -620px 0; }
ul#gnavi li.navi6 a { background: url(../images/gnavi.gif) -775px 0; }

ul#gnavi li.navi1 em a,
ul#gnavi li.navi1 a:hover { background-position: 0 -53px; }
ul#gnavi li.navi2 em a,
ul#gnavi li.navi2 a:hover { background-position: -155px -53px; }
ul#gnavi li.navi3 em a,
ul#gnavi li.navi3 a:hover { background-position: -310px -53px; }
ul#gnavi li.navi4 em a,
ul#gnavi li.navi4 a:hover { background-position: -465px -53px; }
ul#gnavi li.navi5 em a,
ul#gnavi li.navi5 a:hover { background-position: -620px -53px; }
ul#gnavi li.navi6 em a,
ul#gnavi li.navi6 a:hover { background-position: -775px -53px; }

/* 項目4つバージョンのグロナビ 「gnavi_4」 */
#gnavi_4 {
	overflow:hidden;
	clear:both;
	padding:57px 0 21px 0;
	width:930px;
	height:53px;
}
#gnavi_4 li {
	float:left;
	vertical-align:top;
	width:233px;
	height:53px;
}
#gnavi_4 li.gnavi_small {
	width:231px;
}
#gnavi_4 li a {
	background:no-repeat;
	text-indent:-9999px;
	display:block;
	height:53px;
}
ul#gnavi_4 li.navi1 a { background: url(../images/gnavi_tmp02.gif) 0 0; }
ul#gnavi_4 li.navi2 a { background: url(../images/gnavi_tmp02.gif) -231px 0; }
ul#gnavi_4 li.navi3 a { background: url(../images/gnavi_tmp02.gif) -464px 0; }
ul#gnavi_4 li.navi4 a { background: url(../images/gnavi_tmp02.gif) -697px 0; }

ul#gnavi_4 li.navi1 em a,
ul#gnavi_4 li.navi1 a:hover { background-position: 0 -53px; }
ul#gnavi_4 li.navi2 em a,
ul#gnavi_4 li.navi2 a:hover { background-position: -231px -53px; }
ul#gnavi_4 li.navi3 em a,
ul#gnavi_4 li.navi3 a:hover { background-position: -464px -53px; }
ul#gnavi_4 li.navi4 em a,
ul#gnavi_4 li.navi4 a:hover { background-position: -697px -53px; }

/* 項目5つバージョンのグロナビ 「gnavi_5」 */
#gnavi_5 {
	overflow:hidden;
	clear:both;
	padding:57px 0 21px 0;
	width:930px;
	height:53px;
}
#gnavi_5 li {
	float:left;
	vertical-align:top;
	width:186px;
	height:53px;
}
#gnavi_5 li a {
	background:no-repeat;
	text-indent:-9999px;
	display:block;
	height:53px;
}
ul#gnavi_5 li.navi1 a { background: url(../images/gnavi_tmp03.gif) 0 0; }
ul#gnavi_5 li.navi2 a { background: url(../images/gnavi_tmp03.gif) -186px 0; }
ul#gnavi_5 li.navi3 a { background: url(../images/gnavi_tmp03.gif) -372px 0; }
ul#gnavi_5 li.navi4 a { background: url(../images/gnavi_tmp03.gif) -558px 0; }
ul#gnavi_5 li.navi5 a { background: url(../images/gnavi_tmp03.gif) -744px 0; }

ul#gnavi_5 li.navi1 em a,
ul#gnavi_5 li.navi1 a:hover { background-position: 0 -53px; }
ul#gnavi_5 li.navi2 em a,
ul#gnavi_5 li.navi2 a:hover { background-position: -186px -53px; }
ul#gnavi_5 li.navi3 em a,
ul#gnavi_5 li.navi3 a:hover { background-position: -372px -53px; }
ul#gnavi_5 li.navi4 em a,
ul#gnavi_5 li.navi4 a:hover { background-position: -558px -53px; }
ul#gnavi_5 li.navi5 em a,
ul#gnavi_5 li.navi5 a:hover { background-position: -744px -53px; }


/* -----------------------------------------------------------
 #main_area (index.html)
----------------------------------------------------------- */
#main_area {
	float:left;
	padding:0;
	width:600px;
}
#contents_area {
	margin:0 auto;
	text-align:left;
	width:930px;
}
#top_image {
	background:url(../../images/back_topimage.jpg) 0 0 no-repeat;
	margin:0 auto;
	padding:12px 0 0 0;
	text-align:left;
	width:930px;
}
#top_image_sub {
	margin:0 auto;
	padding:0 0 0 0;
	text-align:left;
	width:930px;
}
#top_image_sub #gnavi {
	padding:25px 0 21px 0;
}
/* 項目4つの場合 サブページグロナビ */
#top_image_sub #gnavi_4 {
	padding:25px 0 21px 0;
}
/* 項目5つの場合 サブページグロナビ */
#top_image_sub #gnavi_5 {
	padding:25px 0 21px 0;
}
#top_image p {
	padding:0 0 10px 538px;
}
/* -----------------------------------------------------------
 #TOP
----------------------------------------------------------- */
/*notice*/
#notice {
	border: 2px solid #F00;
	margin-bottom: 20px;
	background: #F00;
	font-size: 85%;
}
#notice h2 {
	color: #FFF;
	float: left;
	padding: 2px 5px;
	backgorund: #F00;
	width: 90px;
	text-align: center;
}
#notice p {
	width: 476px;
	float: right;
	background: #FFF;
	padding: 2px 10px;
}

/*gallery*/
.gallery_box {
	background:url(../images/top_cnt_back.gif) left bottom no-repeat;
	border-top:#4A4A4A 2px solid;
}
.gallery_body {
	padding:0 0 0 8px;
}
.gallery_tit {
	background:url(../images/common_line_w.gif) left bottom repeat-x;
	padding:12px;
}
.gallery_tit h2 {
	float:left;
}
.gallery_tit p {
	float:right;
}
.gallery_cnt {
	float:left;
	padding:14px 11px 0 11px;
	width:270px;
}
.gallery_cnt h3 {
	padding:7px 0 2px 0;
}
.gallery_cnt h3 a:link,
.gallery_cnt h3 a:visited {
	color:#000;
}
.gallery_cnt h3.now {
	background:url(../images/gallery_now.gif) 0 9px no-repeat;
	padding-left: 43px;
}
.gallery_cnt h3.next {
	background:url(../images/gallery_next.gif) 0 9px no-repeat;
	padding-left: 64px;
}
.gallery_cnt h3.close {
	background:url(../images/gallery_close.gif) 0 9px no-repeat;
	text-indent: 43px;
}
.gallery_cnt p.caution {
	font-size: 75%;
	color: #666;
}
* html .gallery_cnt h3 { margin:0 0 3px 0; }
*:first-child+html .gallery_cnt h3 { margin:0 0 3px 0; }

.gallery_cnt p.day {
	background: url(../images/gallery_date.gif) no-repeat left 6px;
	padding: 3px 3px 3px 54px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	color: #F00;
}
.gallery_cnt p.day2 {
	background: #333;
	padding: 3px 6px;
	color: #CCC;
}
/*
.gallery_cnt p.day {
	display:inline;
	background:#333333;
	font-size:85%;
	color:#FFF;
}
*/
.gallery_cnt p.detail {
	display:inline;
	background:url(../images/common_arrow_gray1.gif) 5px center no-repeat;
	padding:0 0 0 13px;
	font-size:75%;
}
.gallery_cnt p {
	padding:3px 0 0 0;
	font-size:90%;
}
/*news*/
.news_box {
	background:url(../images/top_cnt_back.gif) left bottom no-repeat;
	border-top:#4A4A4A 2px solid;
	margin:20px 0 0 0;
}
.news_tit {
	background:url(../images/common_line_w.gif) left bottom repeat-x;
	padding:12px;
}
.news_tit h2 {
	float:left;
}
.news_tit p {
	float:right;
}
.news_box dl {
	font-size:90%;
	padding:6px 10px 0 18px;
}
.news_box dl dt {
	background:url(../images/common_arrow_gray1.gif) 0 0.9em no-repeat;
	clear:both;
	float:left;
	font-weight:bold;
	padding:4px 0 4px 10px;
	width:9em;
}
.news_box dl dd {
	padding:4px 0 4px 10em;
}
.news_box dl dd a {
	color: #333;
}
.news_box dl .new {
	color:#f00;
}
.news_box dl dd.new a {
	color:#f00;
}

/* -----------------------------------------------------------
 #side_area (index.html)
----------------------------------------------------------- */
#side_area {
	float:right;
	padding:0 0 10px 0;
	width:310px;
}
#side_area .about_box {
	border-top:#4A4A4A 2px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	border-left:#ccc 1px solid;
	font-size:90%;
}
#side_area .about_box h2 {
	background:url(../images/common_line_w.gif) left bottom repeat-x;
	padding:12px 13px;
}
#side_area .about_cnt {
	background:url(../images/common_line_w.gif) left bottom repeat-x;
	margin:0 10px 9px 10px;
	padding:10px 0;
}
#side_area .about_box .about_cnt img {
	float:left;
	width:145px;
}
#side_area .about_box .about_cnt p {
	float:right;
	padding:0;
	width:135px;
}
#side_area .about_box p {
	padding:0 10px;
}
#side_area .about_box p.access {
	background:url(../images/common_arrow_gray1.gif) 0 center no-repeat;
	margin:5px 0 10px 10px;
}
#side_area ul {
	font-size:0.1;
	line-height:0.1;
}
#side_area ul li {
	margin:10px 0 0 0;
}

/* -----------------------------------------------------------
 #main_area_sub (sub.html)
----------------------------------------------------------- */
#main_area_sub {
	float:left;
	padding:0;
	width:640px;
}
#main_area_sub h2 {
	background: url( ../images/h2_marker.gif ) 8px center no-repeat;
	padding: 7px 0 5px 30px;
	border: 1px solid #CCC;
	border-top: 2px solid #4A4A4A;
	font-size: 120%;
	clear: both;
}
#main_area_sub h2 a {
	color: #333;
}
#main_area_sub h2 span {
 font-size: 70%;
 color: #666;
 vertical-align: bottom;
 padding-left: 1em;
}
/* -----------------------------------------------------------
 #side_area_sub (sub.html)
----------------------------------------------------------- */
#side_area_sub {
	float:right;
	padding:0 0 10px 0;
	width: 260px;
	font-size: 80%;
}
#lnavi_area {
	padding-bottom: 20px;
}
#lnavi_area p {
}
#lnavi_area ul {
	width: 258px;
	margin-bottom: 0;
	font-size: 110%;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
#lnavi_area ul li {
	padding: 7px 5px 10px 15px;
	margin-top: -1px;
	background: url(../images/common_line_w.gif) repeat-x top;
}
#lnavi_area ul li a {
	display: block;
	background: url(../images/common_arrow_square3.gif) no-repeat left center;
	padding-left: 18px;
	font-weight: bold;
}
#lnavi_area ul li a .newsDate {
	font-weight: normal;
	display: block;
}

#side_area_sub .lnavi_bnrArea {
	padding: 0 0 20px 0;
}

#side_area_sub .about_box {
	border: 1px solid #CCC;
	border-top: 2px solid #4A4A4A;
	padding: 0 0 10px 0;
}
#side_area_sub .about_box p {
	background:url(../images/common_line_w.gif) left bottom repeat-x;
	padding: 6px 10px 5px;
	font-weight: bold;
}
#side_area_sub .about_box .about_cnt {
	padding:10px 10px 0;
	width: 240px;
}
#side_area_sub .about_box .about_cnt img {
	float: left;
	width: 95px;
	padding: 0 0 10px 0;
}
#side_area_sub .about_box .about_cnt p {
	background: none;
	padding: 0 0 10px 0;
	float:right;
	width:135px;
	font-weight: normal;
}

#side_area_sub .about_box p.access {
	clear: both;
	background:url(../images/common_arrow_gray1.gif) 10px center no-repeat;
	font-weight: normal;
	padding: 0 0 0 20px;
}

#side_area_sub ul#side_bnr {
	font-size:0.1;
	line-height:0.1;
}
#side_area_sub ul#side_bnr li {
	margin:10px 0 0 0;
}

/*----------------------------------------------------
 topicpath + pagetop
----------------------------------------------------*/
#topicpath {
	clear:both;
	background: url( ../images/topicpath_back.gif ) left top;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 13px;
	border-bottom: 1px solid #FFF;
}
#topicpath_cnt {
	margin:0 auto;
	font-size:90%;
	text-align:left;
	width:930px;
}
#topicpath_cnt ul {
	float: left;
	padding-top: 10px;
}
#topicpath_cnt ul li {
	padding:0 0 0 3px;
	display:inline;
	font-size:80%;
}
#topicpath_cnt ul li a {
	background:url(../images/topicpath_arrow.gif) right center no-repeat;
	padding: 0 15px 0 0;
}
#topicpath_cnt p {
	float: right;
	padding-right: 20px;
}
#topicpath_cnt p a {
	font-size:90%;
	color:#333;
}
/* -----------------------------------------------------------
 #footer
----------------------------------------------------------- */
#footer {
	clear:both;
	background:#EAE4C1;
}
#footer_cnt {
	margin:0 auto;
	padding:10px 0;
	font-size:90%;
	text-align:left;
	width:930px;
}
#footer_cnt a {
	color:#333;
}
#footer_cnt ul {
	background:url(../images/common_line_h.gif) 0 0 repeat-y;
}
#footer_cnt ul li {
	float:left;
	width:154px;
}
#footer_cnt ul li dl {
	padding:5px 0 10px 10px;
}
#footer_cnt ul li dl dt {
	background:url(../images/common_arrow_square.gif) left center no-repeat;
	margin:0 0 4px 0;
	padding:0 0 0 14px;
	font-weight:bold;
}
#footer_cnt ul li dl dd ul {
	background:none;
}
#footer_cnt ul li dl dd li {
	float:none;
	background:url(../images/common_arrow_gray2.gif) 3px 0.45em no-repeat;
	padding:0 0 4px 14px;
	font-size:90%;
	width:auto;
}
#footer address,
#footer p {
	background:#262626;
	padding:12px 0 0 0;
	text-align:center;
	color:#ccc;
	font-size:90%;
}
#footer address a {
	color: #ccc;
}
#footer address a.footerTitle {
	text-decoration: none;
}
#footer p {
	padding:5px 0 12px 0;
	font-size:75%;
}

/* -----------------------------------------------------------
 opacity
----------------------------------------------------------- */
.gallery_cnt a:hover img  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* -----------------------------------------------------------
 clearfix
----------------------------------------------------------- */
.clearfix:after,
.gallery_tit:after,
.gallery_box:after,
.news_box dl:after,
#side_area .about_cnt:after,
#footer_cnt:after,
#contents_area:after,
#topicpath:after,
#footer_cnt ul:after,
#notice:after {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
*:first-child+html .clearfix,
*:first-child+html .gallery_tit,
*:first-child+html .gallery_box,
*:first-child+html .news_box dl,
*:first-child+html #side_area .about_cnt,
*:first-child+html #footer_cnt,
*:first-child+html #contents_area,
*:first-child+html #topicpath,
*:first-child+html #footer_cnt ul,
*:first-child+html #notice {
	min-height:1%;
}
* html .clearfix,
* html .gallery_tit,
* html .gallery_box,
* html .news_box dl,
* html #side_area .about_cnt,
* html #footer_cnt,
* html #contents_area,
* html #topicpath,
* html #footer_cnt ul,
* html #notice {
	height:1%;
}
