/* CSS Document */


/* ----------------------------------
　　　1.レイアウト
　　　2.ナビゲーション
 ---------------------------------- */

/* ----------------------------------
　　　1.レイアウト
 ---------------------------------- */

header{
	height: 80px;
	background: url(../images/headerBottomBg2.png) left bottom repeat-x;
}

header>div.sitePortalLogo {
	display: block;
	margin: 5px 5px 0;
	padding: 0;
	width: 119px;
	height: 19px;
	float: left;
}

header>div.sitePortalLink {
	display: block;
	margin: 5px 5px 0;
	padding: 0;
	width: 107px;
	height: 23px;
	float: right;
}

header>h1 {
	clear:both;
	margin: 0 10px;
	padding-top: 10px;
}


footer{
text-align:center;
font-size:13px;
margin-top:5px;
}

footer p{
line-height:150%;
color:#333333;
}

footer a,
footer a:visited{
color:#005fc3;
}


#contents {
/*	background: url(../images/contentsTopBg.png) left top repeat-x;*/
	padding-top: 10px;
width:100%;
margin:0 auto;
	line-height: 1.3em;
}

#contents nav {
overflow:hidden;
}

#contents>div.catchImg {
	background: url(../images/bgCatchImg.png) right bottom no-repeat;
}

#contents>div.catchImg>img {
	margin-left: 5px;
	max-width: 100%;
}




/* ----------------------------------
　　　2.ナビゲーション
 ---------------------------------- */


/* 下部navi */
#contents nav.lowernavi{
	background:-webkit-gradient(linear,left top, left bottom,
	from(#b5b5b6),
	color-stop(0.48, #727172),
	color-stop(0.50, #545252),
	to(#000000));
	background: -o-linear-gradient(top left,#b5b5b6,#727172 48%,#545252 50%,#000000); /* Opera */
border-top:2px solid #cccccc;
border-bottom:2px solid #cccccc;
}

#contents nav.lowernavi ul{
margin-top:1px;
overflow:hidden;
	text-align: left;
	font-size: 0;
}

#contents nav.lowernavi ul li{
	border-right: 1px solid #CCCCCC;
	display: inline-block;
	/*letter-spacing: -.1em;*/
text-align:center;
	vertical-align: middle;
	font-size: 13px;
font-weight:bold;
	width: 24%;
}

#contents nav.lowernavi ul li:last-child {
	border-right: none;
	font-size: 11px;
	line-height: 100%;
}

#contents nav.lowernavi ul li a{
color:#ffffff;
text-shadow: 0 -1px 0 #333333;
font-weight:bold;
display:block;
	padding: .4em 0;
}


/* navi */
.pageitem{
	background-color:#fff;
	overflow:hidden;
	padding:0;
	position:relative;
	display:block;
	height:auto;
	width:auto;
	list-style:none;
}

#mNavi ul {
	list-style: none;
	background-color: #E6E6E6;
	padding: 5px 0;
}

#mNavi>ul>li {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	margin: 5px;
	text-align: left;
}

#mNavi>ul>li:first-child {
	margin-top: 0;
}

#mNavi>ul>li:last-child {
	margin-bottom: 10px;
}

#mNavi>ul>li>a {
	color: #000000;
	display: block;
	height: auto;
	text-align: left;
	font-size: 12px;
	padding: 7px;
	overflow: hidden;
}

#mNavi>ul>li>a>h2 {
	color: #FF0000;
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: .3em;
}

#mNavi>ul>li>a>span {
	width: 136px;
	float: left;
}

#mNavi>ul>li>a>p.term {
	color: #FF0000;
}


#mNavi>ul>li>span, #mNavi>ul>li>a>span {
	display: table-cell;
	clear: none;
	vertical-align: middle;
	height: auto;
}

#mNavi>ul>li>span img, #mNavi>ul>li>a>span img {
	margin: 0 5px;
	border: 1px solid #CCCCCC;
}





/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
