@charset "Shift_JIS";

/* ***************************************
 *　　　　　　　COMMON
 * ***************************************
 */
 
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after { 
	clear: both;
} 
 
.mt10  { margin-top:      10px; }
.mt20  { margin-top:      20px; }
.mt30  { margin-top:      30px; }
.mt40  { margin-top:      40px; }
.mt50  { margin-top:      50px; }
.mt60  { margin-top:      60px; }
.mt70  { margin-top:      70px; }
.mt80  { margin-top:      80px; }
.mt90  { margin-top:      90px; }
.mt100 { margin-top:     100px; }
.mb10  { margin-bottom:   10px; }
.mb20  { margin-bottom:   20px; }
.mb30  { margin-bottom:   30px; }
.mb40  { margin-bottom:   40px; }
.mb50  { margin-bottom:   50px; }
.mb60  { margin-bottom:   60px; }
.mb70  { margin-bottom:   70px; }
.mb80  { margin-bottom:   80px; }
.mb90  { margin-bottom:   90px; }
.mb100 { margin-bottom:  100px; }
.pt10  { padding-top:     10px; }
.pt20  { padding-top:     20px; }
.pt30  { padding-top:     30px; }
.pt40  { padding-top:     40px; }
.pt50  { padding-top:     50px; }
.pt60  { padding-top:     60px; }
.pt70  { padding-top:     70px; }
.pt80  { padding-top:     80px; }
.pt90  { padding-top:     90px; }
.pt100 { padding-top:    100px; }
.pb10  { padding-bottom:  10px; }
.pb20  { padding-bottom:  20px; }
.pb30  { padding-bottom:  30px; }
.pb40  { padding-bottom:  40px; }
.pb50  { padding-bottom:  50px; }
.pb60  { padding-bottom:  60px; }
.pb70  { padding-bottom:  70px; }
.pb80  { padding-bottom:  80px; }
.pb90  { padding-bottom:  90px; }
.pb100 { padding-bottom: 100px; }


/*------- レイアウト枠 ---------*/

.mw500  {max-width:  500px;	margin: auto;}
.mw600  {max-width:  600px;	margin: auto;}
.mw700  {max-width:  700px;	margin: auto;}
.mw800  {max-width:  800px;	margin: auto;}
.mw900  {max-width:  900px;	margin: auto;}
.mw1000 {max-width: 1000px;	margin: auto;}


#container{
	text-align: center;
	width: 1000px;
	max-width: 100%;
	margin:0 auto;
	padding-top: 0;
}
#container.fix01{
	width: 100%;
}
#header{
	max-width:1000px;
	padding:0;
	margin:0 auto;
	position:relative;
}

#wrapper{
	clear:both;
	width:1000px;
	max-width: 100%;
	margin:0 0 0px 0;
}
#container.fix01 #wrapper{
	width: 100%;
}

#topArea{
	width:1000px;
	float:right;
	padding:30px 0px 0px 0px;
}

#contentsArea{
	width:1000px;
	max-width: 100%;
	float:right;
	padding:30px 0px 100px 0px;
}

#sideArea{
	width:200px;
	float:left;
}


#mainArea{
	width:720px;
	float:right;
}


/*------- ヘッダー ---------*/

#header h1{
	display: inline-block;
}
#header ul{
	font-size: 0;
	display: inline-block;
}
#header li{
	display: inline-block;
	transition: 0.4s;
}
#header li:hover{
	opacity: 0.7;
	transition: 0.4s;
}
#header li.fix01 {
	opacity: 0.4;
}
#header li.fix01 a{
	pointer-events: none;
}

#headerArea{
	position: relative;
}
#headerArea .ttl01{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: auto;
	height: auto;
}

/*------- メニュー ---------*/


ul#Navi{
	height:30px;
	clear:both;
	display:block;
	margin:0;	
	padding:0;
}

ul#Navi li{
	float:left;
}


/*------- サイドメニュー ------*/

#sideArea li{
	margin:0;	
	padding:0;
}

#sideArea li.bar{
	margin:0;
	padding:0 0 5px 0;
	background:#000033 url(../img/fline.jpg) left bottom no-repeat;
}



/*------- パンくず ---------*/

#topicpath{
	width:900px;
	background-color:#E6E0D4;
	padding:2px 10px;
	margin:0px 0px 30px 0px;
}

/*------- pageback / pagetop ---------*/

.pageguide{
	clear:both;
	width:700px;
	margin-bottom:40px;
}

.pageguide li{
	width:128px;
	float:right;
	padding-left:20px;
}

.pageguide li.top a{
	width:128px;
	height:14px;
	display:block;
	background:url(../common/btn_pagetop.gif) left top no-repeat;
	text-indent:-9000px;
	overflow:hidden;
}

.pageguide li.back a{
	width:128px;
	height:14px;
	display:block;
	background:url(../common/btn_pageback.gif) left top no-repeat;
	text-indent:-9000px;
	overflow:hidden;
}

.pageguide li.top a:hover,
.pageguide li.back a:hover{
	width:128px;
	height:14px;
	background-position:0 -14px;
}



/*-------　検索窓 ---------*/
#search td .left{
	font-size:12px;
	text-align:left;
	line-height:180%;
}

#search td .left .title{
	font-size:13px;
	color:#003;
}

#search td .left .date{
	font-size:11px;
	text-align:left;
}




/*------- フッター ---------*/
#footer{
	clear:both;
	width:100%;
	background:#e6e6e6;
	color:#5a5a5a;
}
#footer h1{
	display: inline-block;
}
#footer ul{
	font-size: 0;
	display: inline-block;
}
#footer li{
	display: inline-block;
	transition: 0.4s;
}
#footer li:hover{
	opacity: 0.7;
	transition: 0.4s;
}
#footer li.fix01 {
	opacity: 0.4;
}
#footer li.fix01 a{
	pointer-events: none;
}
#footer p{
	font-size: 18px;
}
#footer p.txt01{
	font-size: 27px;
}
#footer p.txt02{
	font-size: 16px;
	text-align: right;
}
#footer p.txt02 a{
	color:#5a5a5a;
	font-size: 18px;
}

@media only screen and (max-width: 1000px) {
	#header{
		text-align: center;
	}
	#header h1{
		margin-left: 10%;
	}
	#btnArea ul li {
		width: calc(50% - 10px);
	}
	#btnArea ul li:nth-child(odd) {
	}
	#footer h1{
		margin-left: 10%;
	}
	#footer .inner{
		padding-top: 50px;
		text-align: center;
	}
	#footer p {
    text-align: center;
		margin-bottom: 10px;
	}
	#footer p.txt02 {
		text-align: center;
		margin-bottom: 10px;
	}
	#footer > .mw1000 {
		margin-bottom: 30px;
	}

}