﻿@charset "utf-8";
/* CSS Document */


/*==== グローバルナビ ====*/

#glnavi {
	clear: both;
	background: #c9242b;
	position: relative;
	height: 50px;
	zoom: 1;
}

#glnavi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#glnavi li {
	display: inline;
}

#glnavi li a {
	display: block;
	height: 50px;
	position: absolute;
	overflow: hidden;
}

#glnavi li a span {
	display: block;
	position: absolute;
	text-indent: -10000px;
}

#glnavi li#gl1 a {background: url(/img/navi/glnavi1.gif) no-repeat center;width: 10%;}
#glnavi li#gl2 a {background: url(/img/navi/glnavi2.gif) no-repeat center;width: 12%;margin-left: 10%;}
#glnavi li#gl3 a {background: url(/img/navi/glnavi3.gif) no-repeat center;width: 18%;margin-left: 22%;}
#glnavi li#gl4 a {background: url(/img/navi/glnavi4.gif) no-repeat center;width: 10%;margin-left: 40%;}
#glnavi li#gl5 a {background: url(/img/navi/glnavi5.gif) no-repeat center;width: 17%;margin-left: 50%;}
#glnavi li#gl6 a {background: url(/img/navi/glnavi6.gif) no-repeat center;width: 13%;margin-left: 67%;}
#glnavi li#gl7 a {background: url(/img/navi/glnavi7.gif) no-repeat center;width: 20%;margin-left: 80%;}


#glnavi li#gl1 a:hover {background: #da5459 url(/img/navi/glnavi1_o.gif) no-repeat center;}
#glnavi li#gl2 a:hover {background: #da5459 url(/img/navi/glnavi2_o.gif) no-repeat center;}
#glnavi li#gl3 a:hover {background: #da5459 url(/img/navi/glnavi3_o.gif) no-repeat center;}
#glnavi li#gl4 a:hover {background: #da5459 url(/img/navi/glnavi4_o.gif) no-repeat center;}
#glnavi li#gl5 a:hover {background: #da5459 url(/img/navi/glnavi5_o.gif) no-repeat center;}
#glnavi li#gl6 a:hover {background: #da5459 url(/img/navi/glnavi6_o.gif) no-repeat center;}
#glnavi li#gl7 a:hover {background: #da5459 url(/img/navi/glnavi7_o.gif) no-repeat center;}

#glnavi li#gl1 em a {background: url(/img/navi/glnavi1_e.gif) no-repeat center;}
#glnavi li#gl2 em a {background: url(/img/navi/glnavi2_e.gif) no-repeat center;}
#glnavi li#gl3 em a {background: url(/img/navi/glnavi3_e.gif) no-repeat center;}
#glnavi li#gl4 em a {background: url(/img/navi/glnavi4_e.gif) no-repeat center;}
#glnavi li#gl5 em a {background: url(/img/navi/glnavi5_e.gif) no-repeat center;}
#glnavi li#gl6 em a {background: url(/img/navi/glnavi6_e.gif) no-repeat center;}
#glnavi li#gl7 em a {background: url(/img/navi/glnavi7_e.gif) no-repeat center;}


/*==== 目的別メニュー ====*/

#menu {
	height: 29px;
	background: #f3edd9;
	zoom: 1;
}

#menu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#menu li {
	display: inline;
}

#menu li a {
	display: block;
	height: 29px;
	float: left;
	position: relative;
	overflow: hidden;
}

#menu li a span {
	display: block;
	position: absolute;
	text-indent: -10000px;
}

#menu li#menu1 a {width: 117px;background: url(/img/navi/menu1.gif) no-repeat;}
#menu li#menu2 a {width: 168px;background: url(/img/navi/menu2.gif) no-repeat;}
#menu li#menu3 a {width: 150px;background: url(/img/navi/menu3.gif) no-repeat;}
#menu li#menu4 a {width: 212px;background: url(/img/navi/menu4.gif) no-repeat;}

#menu li#menu1 a:hover {background: url(/img/navi/menu1_o.gif) no-repeat;}
#menu li#menu2 a:hover {background: url(/img/navi/menu2_o.gif) no-repeat;}
#menu li#menu3 a:hover {background: url(/img/navi/menu3_o.gif) no-repeat;}
#menu li#menu4 a:hover {background: url(/img/navi/menu4_o.gif) no-repeat;}


/*==== ローカルナビ ====*/

#left_col .local_navi .title {
	background: #c9242b url(/img/common/arrow6.gif) no-repeat 6px 50%;
	padding: 10px 0px 8px 18px;
	font-size: 115%;
	font-weight: bold;
	color: #fff;
}

#left_col .local_navi .list1 li em {
	font-weight: bold;
}

#left_col .local_navi .list1 li ul {
	margin: 3px 0;
}

#left_col .local_navi .list1 li li {
	background: url(/img/common/arrow2.gif) no-repeat 0 3px;
	padding-left: 10px;
}


/*==== パン屑リスト ====*/


#pan {
	margin: 5px 15px 0;
}


#pan li {
	display: inline;
	margin-right: 5px;
}

#pan a {
	text-decoration: underline;
}

#pan a:hover {
	text-decoration: none;
}

#pan em {
	font-weight: bold;
	color: #333;
}



/*ページトップへ*/

.page_top1 {
	background: url(/img/common/dot.gif) repeat-x bottom;
	text-align: right;
	padding: 0 5px 3px;
	margin: 15px 0;
}


.honbun .page_top1 a {text-decoration: none;}
.honbun .page_top1 a:hover {text-decoration: underline;}

.page_top1 img {
	vertical-align: middle;
	margin-right: 3px;
}

.page_top2 {
	text-align: right;
	margin: 15px;
	padding-right: 5px;
}

.page_top2 img {
	vertical-align: middle;
	margin-right: 3px;
}