/* CSS Document */

/*-------------------------------------------------------

index.css

-------------------------------------------------------*/
/* コンテンツ */
div#i_container {
	width: 100%;
	float: right;
	margin-left: -165px;
	_margin-bottom: -6px;
}

div#i_main_contents {
	width: 100%;
	float: left;
	margin-right: -215px;
}

div#i_main_contents_inner {
	margin: 0px 165px 0px 165px;
	padding: 0px 15px;
}

div#i_leftBox {
	float: left;
	width: 165px;
	_margin-bottom: -6px;
}
	
div#i_rightBox {
	float: right;
	width: 165px;
}

/* レフトメニュー */
#indexLmenu_t {
    background: url(/common/000000142.gif) no-repeat 0px 0px;
	background-color: #b2cfcf;
	text-align: center;
	padding: 4px 0px 3px 0px;
}

/* レフトバナー */
* html .indexLbanner {
    padding-bottom: 15px;
}

.index_l_bnr ul li{
	list-style:none;
	margin:0 0 6px 0;
}

.index_l_bnr ul li img{
	vertical-align:top;
}

.index_l_bnr ul li.textlink{
	font-size:80%;
	line-height:1.4em;
	margin:0 0 6px 0;
	background: url(/common/000084664.gif) no-repeat 3px 0.2em;
	padding:0 0 0 12px; 
}

/* お知らせ */
#indexInfo {
    margin: 0px 0px 25px 180px;
	padding-right: 13px;
}

/* 中央バナー */
#center_banner ul{
	margin: 0 auto;
	text-align:center;
	list-style:none;
}
#center_banner ul li{
	display: inline-block;
	padding: 5px;
	*display: inline;
	*zoom: 1;
}

/* カテゴリーエリア */
#indexCategory {
    width: 100%;
	margin-bottom: 40px;
}
#indexCategory table {
	width: 98%;
	margin: 0px auto;
	border-spacing: 0;
	border-collapse: collapse;
	border: none;
}
#indexCategory table td {
	vertical-align: top;
}

#indexCategory .categoryBox {
	width: 20%;
	background-color: #f7fafc;
	border: solid 1px #e3e3e3;
	line-height: 150%;
}

#indexCategory .titleBox {
    background-color: #FFFFFF;
	padding: 2px;
	border-bottom: solid 1px #e3e3e3;
}

#indexCategory h3.category_title {
    border-left: solid 3px #3b7097;
	padding: 3px 3px 2px 6px;
	color: #151c7e;
	_font-size: 87%;
}

/* 右バナーエリア */
.bannerBox_R {
    border-left: dotted 1px #c8c8c8;
	padding-left: 9px;
	margin-bottom: 5px
}

p.r_bnr_title{
	font-size: 75%;
	line-height:1.2em;
	background: url(/common/000084667.gif) no-repeat 0em 0.2em;
	padding-left:1.2em;
	color:#000;
	margin:8px 0 5px 0;
}

#i_rightBox ul li{
	list-style:none;
	margin:0 0 6px 0;
}

#i_rightBox ul li img{
	width:165px;
	vertical-align:top;
}
#i_rightBox ul li.txt_bnr{
	margin:0 0 6px 0;
	background: url(/common/000084664.gif) no-repeat 3px 50%;
}
#i_rightBox ul li.txt_bnr a{
	border:1px solid #588bb9;
	padding:3px 6px 3px 10px;
	display:block;
	font-size: 75%;
	line-height:1.2em;
}


/* メインギャラリー */
#main_gallery_wrap{
	border:1px solid #f2f2f2;
	background-color: #fafafa;
}
#main_gallery{
	border:1px solid #d6d6d6;
	width:420px;
	margin:0 auto 10px;
	position:relative;
}

#main_gallery h2{
	display:block;
	height:29px;
	padding:4px 0 0 9px;
}

#title_btn{
	position:absolute;
	top:4px;
	right:10px;
}

#gallery_inner{
	padding:10px 0 10px 0;
}

#gallery_l{
	float:left;
	width:104px;
	padding:0 0 0 10px;
}
#gallery_l .title{
	font-size:90%;
	line-height:1.4em;
	padding:0 0 0 15px;
	font-weight:bold;
}
#gallery_l .lead_txt{
	font-size:80%;
	line-height:1.2em;
}

#gallery_r{
	float:right;
	width:285px;
	padding:0 0 0 10px;
}
.img_area{
	display:none;
	min-height:98px;
	height: auto !important;
	height: 98px;
	position:relative;
	padding-left:135px;
}

.img_area .g_img{
	position:absolute;
	top:0;
	left:0;
}

.img_area .title{
	font-size:90%;
	line-height:1.4em;
	padding:0 0 5px 15px;
	font-weight:bold;
}
.img_area .lead_txt{
	font-size:80%;
	line-height:1.2em;
	padding:0 10px 0 0;
}

#navi_area{
	width:254px;
	padding:5px 10px 6px 10px;
	margin:10px 0 0 0;
	position:relative;
}
#navi_area ul{
	float: left;
}
#navi_area ul li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 6px 0 0;
}
#navi_area ul li a{
	font-size:80%;
	line-height:1em;
	display:block;
	padding:3px 4px;
	background-color:#FFFFFF;
	vertical-align:text-bottom\9; /*IE8以下用*/
}

#option_btn{
  float: right;
}

#option_btn a{
	font-size:80%;
	text-indent:-9999px;
	line-height:1em;
	display:block;
	padding:3px 20px;
}

#option_btn a#btn_stop{
	background: url(/common/000084668.gif) no-repeat center #FFF;
	width:12px;
}
#option_btn a#btn_play{
	background: url(/common/000084666.gif) no-repeat center #FFF;
	width:12px;
}

/*ギャラリー色設定*/
/* 黄色 */
.gallery_bg_yellow h2{
	background-color:#f0eb8f;
}
.gallery_bg_yellow #gallery_inner{
	background-color:#fff9d5;
}
.gallery_bg_yellow .img_area .title,
.gallery_bg_yellow #gallery_l .title{
	background: url(/common/000084663.gif) no-repeat 0em 0.2em;
}
.gallery_bg_yellow #gallery_r{
	border-left:1px solid #d1ca3f;
}
.gallery_bg_yellow #navi_area ul li a,
.gallery_bg_yellow .img_area .g_img img,
.gallery_bg_yellow #gallery_l .map_img img,
.gallery_bg_yellow #option_btn a#btn_stop,
.gallery_bg_yellow #option_btn a#btn_play{
	border:1px solid #d1ca3f;
}
.gallery_bg_yellow #navi_area{
	background-color:#efe9a1;
}

/* 水色 */
.gallery_bg_skyblue h2{
	background-color:#b5ecec;
}
.gallery_bg_skyblue #gallery_inner{
	background-color:#e6fcfc;
}
.gallery_bg_skyblue .img_area .title,
.gallery_bg_skyblue #gallery_l .title{
	background: url(/common/000084662.gif) no-repeat 0em 0.2em;
}
.gallery_bg_skyblue #gallery_r{
	border-left:1px solid #8cd4d4;
}
.gallery_bg_skyblue #navi_area ul li a,
.gallery_bg_skyblue .img_area .g_img img,
.gallery_bg_skyblue #gallery_l .map_img img,
.gallery_bg_skyblue #option_btn a#btn_stop,
.gallery_bg_skyblue #option_btn a#btn_play{
	border:1px solid #8cd4d4;
}
.gallery_bg_skyblue #navi_area{
	background-color:#c7eeee;
}

/* 青 */
.gallery_bg_blue h2{
	background-color:#72b4ed;
}
.gallery_bg_blue #gallery_inner{
	background-color:#b9daf6;
}
.gallery_bg_blue .img_area .title,
.gallery_bg_blue #gallery_l .title{
	background: url(/common/000084660.gif) no-repeat 0em 0.2em;
}
.gallery_bg_blue #gallery_r{
	border-left:1px solid #72b4ed;
}
.gallery_bg_blue #navi_area ul li a,
.gallery_bg_blue .img_area .g_img img,
.gallery_bg_blue #gallery_l .map_img img,
.gallery_bg_blue #option_btn a#btn_stop,
.gallery_bg_blue #option_btn a#btn_play{
	border:1px solid #72b4ed;
}
.gallery_bg_blue #navi_area{
	background-color:#a0cdf3;
}

/* 緑 */
.gallery_bg_green h2{
	background-color:#c8f690;
}
.gallery_bg_green #gallery_inner{
	background-color:#f8ffd5;
}
.gallery_bg_green .img_area .title,
.gallery_bg_green #gallery_l .title{
	background: url(/common/000084661.gif) no-repeat 0em 0.2em;
}
.gallery_bg_green #gallery_r{
	border-left:1px solid #a3d665;
}
.gallery_bg_green #navi_area ul li a,
.gallery_bg_green .img_area .g_img img,
.gallery_bg_green #gallery_l .map_img img,
.gallery_bg_green #option_btn a#btn_stop,
.gallery_bg_green #option_btn a#btn_play{
	border:1px solid #a3d665;
}
.gallery_bg_green #navi_area{
	background-color:#daf1ae;
}

a.slide_selected:link {font-weight:bold;color:#800080 !important;}
a.slide_selected:visited{font-weight:bold;color:#800080 !important;}
a.slide_selected:hover {font-weight:bold;color:#800080 !important;}
a.slide_selected:active {font-weight:bold;color:#800080 !important;}



/* トップページグローバルメニュー */
#menuArea{
	background-color: #fffff5;
	border-top: solid 1px #c8c8c8;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 6px;
	text-align:center;
}

#menuArea ul.dropdown {
	list-style:none;
	min-width:780px;
	width: auto !important;
	width: 780px;
	display:inline-table;
	margin:0 auto;
	*white-space:nowrap;
}

#menuArea td.dropdown_item{
	text-align:left;
}

#menuArea td.dropdown_item ul {
	position:absolute;
	z-index:10;
	list-style:none;
	margin:0px 0 0 -6px;
	width:210px;
	border:1px solid #5287b6;
	background:#fffff5;
}

#menuArea td.dropdown_item ul li{
	text-align:left;
	font-size:80%;
	line-height:1.2em;
	padding:5px 0 3px 12px;
	background: url(/common/000084664.gif) no-repeat 3px 50%;
	border-bottom:1px solid #d6e2e6;
}

#menuArea td.dropdown_item ul li a{
	letter-spacing: 0px;
}

#submenu4{
	margin:0px 0 0 -9px !important;
}
#submenu5{
	margin:0px 0 0 -132px !important;
}


#info_table{
	width:100%;
}

#info_table td{
	width:33%;
}


div#wrapper {
	width: 100%;
 	margin:0 auto;
 	text-align:left;
	/* 最小幅設定 */
	min-width: 780px;
	/* IE用最小幅設定 */
	/*width: expression(document.body.clientWidth <= 800? "780px" : "auto");*/
}



/*-------------------------------------------------------

clearfix設定

-------------------------------------------------------*/

.clrfix:after,
#navi_area:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clrfix,
#navi_area {
  min-height: 1px;
}

* html .clrfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/


/*-------------------------------------------------------