@charset "UTF-8";

/**************************************************************************************************

BACKGROUND

**************************************************************************************************/

body {
	background:#fff url("../../img/bg.jpg") repeat-x 0 0;
}


/**************************************************************************************************

WRAPPER

**************************************************************************************************/

div#wrapper {
	margin: 0 auto;
	width:970px;
}


/**************************************************************************************************

HEADER

**************************************************************************************************/

#headerBox {
	width:970px;
	height:141px;
}

#headerUpperBox{
	width:970px;
	height:40px;
}

#headerText{
font-size:12px;
line-height:1.5em;
padding:12px 0 0 0;
float:left;
width:904px;
}


#headerNavi{
float:right;
width:66px;
}



.logo {
	width:140px;
	height:85px;
	float: left;
}

.logo img {
	display: block;
}

/**************************************************************************************************

GLOBAL NAVIGATION

**************************************************************************************************/

#gnavi {
	width:970px;
	height:67px;
	}

#gnavi ul {
	width: 970px;
	height:67px;
}

#gnavi ul li {
	float: left;
}


/**************************************************************************************************

CONTAINER

**************************************************************************************************/

#container {
	width:970px;
	margin:0;
	padding:0px;
}

#container:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	contet:".";
}


/**************************************************************************************************

PANKUZU

**************************************************************************************************/

#pankuzuBox {
	width: 970px;
	height:30px;
	padding:20px 0 0 0;
	font-size:12px;
	color:#333;
}


/**************************************************************************************************

MAINBOX

**************************************************************************************************/

#mainBox {
	width:700px;
	float:left;
}


/**************************************************************************************************

SUBBOX

**************************************************************************************************/

#subBox {
width:240px;
float:right;
}

/*サイドカテゴリメニュー*/

.sideMenuTitle{
background:#1d1d1d;
width:240px;
}

.sideMenuTitleInner{
padding:14px 0 10px 20px;
}

.sideMenuTitle .title{
font-size:17px;
line-height:1.4em;
color:#fff;
font-weight:bold;
}

.sideMenuTitle .roman{
font-size:10px;
letter-spacing:1px;
color:#fff;
font-weight:normal;
}


#sideMenuBox{
width:240px;
background:#ebebeb;
margin:0 0 10px 0;
}

#sideMenuBoxInner{
padding:0 10px 10px 12px;
}

#sideMenuBoxInner ul li{

}

#sideMenuBoxInner ul li a{
background: url(../../common/img/sidemenu_arrow.jpg) 0 center no-repeat;
padding:7px 0 4px 20px;
display: block;
width:210px;
min-height:21px;
_height:21px;
color: #333;
font-size:13px;
	vertical-align:top;
line-height:1.5em;
text-decoration: none;
margin:0;
}

#sideMenuBoxInner ul li .visited a, {
text-decoration: none;
color: #333;
vertical-align:top;
}

#sideMenuBoxInner ul li a:hover {
text-decoration: underline;
color: #ff7c05;
background: url(../../common/img/sidemenu_arrow.jpg) 0 center no-repeat;
vertical-align:top;
}


#sideMenuBoxInner ul li a:active {
text-decoration: underline;
color: #ff7c05;
vertical-align:top;
}

#sideMenuBoxInner ul li span{
background: url(../../common/img/sidemenu_arrow.jpg) 0 center no-repeat;
padding:7px 0 4px 20px;
display: block;
width:210px;
color: #333;
font-weight:bold;
font-size:13px;
	vertical-align:top;
line-height:1.5em;
text-decoration: none;
margin:0;
}




/**************************************************************************************************

CONTENTSBOX

**************************************************************************************************/
.contentsBox{
width:680px;
margin:15px 10px 0 10px;
}


/**************************************************************************************************

アンカーリンクBOX

**************************************************************************************************/

.pageLinkBox {
	width:698px;
	border:solid 1px #ccc;
	background:#fff;
	margin:0 0 30px 0;
}

.pageLinkBoxInner {
padding:10px 15px 0 15px;
}

.pageLinkBox ul li{
font-size:12px;
line-height:1.5em;
width:220px;
float:left;
text-indent:22px;
margin:0 0 10px 0;
padding:1px 0 0 0;
background: url(../../common/img/pagelink_arrow.jpg) 0 2px no-repeat;
}

.pageLinkBox ul li.long{
font-size:12px;
line-height:1.5em;
width:300px;
float:left;
text-indent:22px;
margin:0 0 10px 0;
padding:1px 0 0 0;
background: url(../../common/img/pagelink_arrow.jpg) 0 2px no-repeat;
}

.pageLinkBox ul li.short{
font-size:12px;
line-height:1.5em;
width:150px;
float:left;
text-indent:22px;
margin:0 0 10px 0;
padding:1px 0 0 0;
background: url(../../common/img/pagelink_arrow.jpg) 0 2px no-repeat;
}



/**************************************************************************************************

EXPBOX

**************************************************************************************************/

.expBox {
	width:678px;
	border:solid 1px #ccc;
	background:#f0f0f0;
}

.expBoxInner {
padding:10px 15px;
}


.expBoxInner2 {
padding:0 10px 15px 10px;
}

.expBox ul li{
font-size:12px;
line-height:1.5em;
}


.expBox700 {
	width:698px;
	border:solid 1px #ccc;
	background:#f0f0f0;
}


.expBox700 ul li{
font-size:13px;
line-height:1.5em;
}



/**************************************************************************************************

h3

**************************************************************************************************/

.subtitle h3 {
width:685px;
border-top:solid 5px #00529c;
border-bottom:solid 1px #646464;

line-height:1.6em;
font-size:21px;
font-weight:bold;
padding:27px 0 20px 15px;
margin:0 0 30px 0;
}


/**************************************************************************************************

h4

**************************************************************************************************/

.subtitle h4 {
width:700px;
background:url("../../common/img/h4.jpg") no-repeat;
text-indent:20px;
height:27px;
line-height:1.36em;
font-size:15px;
color:#fff;
font-weight:bold;
padding:8px 0 0 0;
}

/**************************************************************************************************

h4

**************************************************************************************************/

.subtitleTopics h4 {
width:700px;
background:url("../../common/img/h4_topics.jpg") no-repeat;
text-indent:30px;
height:24px;
line-height:1.36em;
font-size:15px;
font-weight:bold;
padding:3px 0 0 0;
}


/**************************************************************************************************

h5

**************************************************************************************************/

.subtitle h5 {
width:700px;
background:url("../../common/img/h5.jpg") no-repeat;
text-indent:30px;
height:24px;
line-height:1.36em;
font-size:15px;
font-weight:bold;
padding:3px 0 0 0;
}


/**************************************************************************************************

お知らせ

**************************************************************************************************/
div.topNewSet{
	padding:12px 8px;
	background:url("../../common/img/dot.jpg") left bottom repeat-x;
}

table.topNewTable{
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table.topNewTable td{
	font-size:12px;
	line-height:1.5em;
	vertical-align:top;
	color:#333;
}

table.topNewTable td.topNewDate{
	font-size:12px;
	line-height:1.5em;
	white-space:nowrap;
	padding:0 15px 0 0;
}

table.topNewTable td.topLabel{
	font-size:12px;
	line-height:1.5em;
	white-space:nowrap;
	padding:0 15px 0 0;
}




/**************************************************************************************************

pdf

**************************************************************************************************/
.pdfBox{
width:680px;
margin:20px 0 0 0;
}

.pdfBoxL{
width:70px;
float:left;
}

.pdfBoxR{
float:left;
}


.pdfBoxDot{
width:680px;
margin:20px 0 0 0;
border-bottom:dotted 1px #ccc;
padding:0 0 15px 0;
}

.pdfBoxL{
width:70px;
float:left;
}

.pdfBoxR{
float:left;
}

/**************************************************************************************************

FLOAT

**************************************************************************************************/

.floatR{
float:right;
margin:0 0 0 20px;
}

.floatL{
float:left;
margin:0 20px 0 0;
}


/**************************************************************************************************

PAGEUP

**************************************************************************************************/

.pageupBox {
	text-align:right;
}


.pageupTxtBox {
font-size:12px;
margin:30px 0 0 0;
	text-align:right;
}

/**************************************************************************************************

FOOTER

**************************************************************************************************/

#footerArea {
	width:100%;
	margin: 30px 0 auto;
	height:78px;
	background: url("../../common/img/bg_footer.jpg") repeat-x;
	text-align:center;
}

#footerBox {
	width:970px;
	margin: 0 auto;
	height:78px;
}




#copyright p {
font-size:12px;
color:#fff;
margin:10px 0 0 0;
text-align:center;
line-height:1.5em;
}







/**************************************************************************************************

BACKGROUND

**************************************************************************************************/

.over a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/**************************************************************************************************

CLEAR

**************************************************************************************************/

.clear {
clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}