
BODY {
	font-size: 0.8em;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 180%;
	text-align: center;
	color: #333333;
}

BODY#index {
	background:#F1EEE7 url(../images/common/top_bg.png) left top repeat-x; 
}

BODY#sub {
	background:#F1EEE7 url(../images/common/sub_bg.png) left top repeat-x; 
}


#wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

header {
	width: 100%;
	height: 143px;
	text-align: center;
}

.header_con {
	width: 950px;
	height: 143px;
	margin: 0 auto;
	text-align: center;
	background:url(../images/common/header.png) center no-repeat;
}

h1 {
	width: 385px;
	height:26px;
	float: left;
	margin: 40px 0 0 10px;
}

.header_right {
	width: 259px;
	height:31px;
	float: right;
	background:url(../images/common/header_right.png);
	text-align:center;
	margin:0 10px 0 0;
}

.header_right img{
	margin:6px 0 0 0;
}

.header_right a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

nav {
	width: 950px;
	float: left;
	height: 55px;
	margin: 22px 0 0 0;
}

nav li {
	float: left;
}

#main{
	width:1240px;
	margin:0 auto;
}

#contents {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}

#contents a:hover {
	color: #333333;
	text-decoration: underline;
}

#contents a:hover img {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}


#index .left {
	width: 660px;
	float: left;
	margin:15px 0 0 0;
}

article.box1{
	width: 660px;
	float: left;
	line-height:0;
}

.box1 section{
	width: 628px;
	float: left;
	border-left:1px solid #D8D3CB;
	border-right:1px solid #D8D3CB;
	background:#FFF;
	line-height:180%;
	padding:15px 15px 15px 15px;
}

.box1 section p{
	margin:0 0 15px 0;
}

.box1 section object{
	float:left;
	margin:0 18px 0 0;
}

.box1 sectio ul{
	width:244px;
	float:right;
}


article.box2{
	width:100%;
	margin:20px 0 0 0;
	float:left;
}

article.box3{
	width:100%;
	margin:20px 0 0 0;
	float:left;
	line-height:0;
}

.box3 section{
	width: 628px;
	float: left;
	border-left:1px solid #D8D3CB;
	border-right:1px solid #D8D3CB;
	background:#FFF;
	line-height:120%;
	padding:10px 15px 0 15px;
}

article.box3 li{
	width:615px;
	background:url(../images/common/allow.png) left center no-repeat;
	padding:12px 0 9px 15px;
	border-bottom:1px dotted #999999;
}

article.box3 li .date{
	width:100px;
	float:left;
}

article.box3 li .ttl{
	width:500px;
}



#index .right {
	width: 264px;
	float: right;
	margin:15px 0 0 0;
}

.link{
	width: 232px;
	background:#FFF;
	border:1px solid #CCCCCC;
	clear:both;
	padding:15px;
}



.backtotop {
	position: fixed;
	right: 100px;
	bottom: 20px;
	z-index: 9000;
	display: none;
}

.backtotop a {
	display: block;
	margin: 0;
}

.backtotop a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}



/*SUB*/

#sub .left{
	width:265px;
	float:left;
	margin:15px 0 0 0;
}

#sub .left .submenu{
	width:265px;
	float:left;
	margin:0 0 20px 0;
}

#sub .left .submenu h2{
	width:265px;
	height:47px;
	background:url(../images/common/sub_menuttl.png);
	float:left;
	text-align:center;
}

#sub .left .submenu h2 span{
	width:100%;
	margin:15px 0 0 0;
	float:left;
	color:#FFF;
	font-size:120%;
	text-shadow: 1px 1px 3px #466971;
}

#sub .left .submenu h2 a{
	color:#FFF;
}

#sub .left .submenu li a{
	width:230px;
	height:30px;
	background:#FFF url(../images/common/allow2.png) 15px center no-repeat;
	padding:10px 0 0 33px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	float:left;
}

#sub .right{
	width: 660px;
	float: right;
	margin:15px 0 0 0;
}


#sub .pankuzu{
	width:100%;
	height:30px;
	float:left;
	background:#D6D3CB;
	margin:2px 0 20px 0;
}

#sub .pankuzu span{
	float:left;
	margin:4px 0 0 12px;
}


#sub article{
	width:660px;
	float:left;
	line-height:0;
	margin:0 0 20px 0;
}

#sub article h3{
	width:660px;
	height:67px;
	background:url(../images/common/h3.png) left top no-repeat;
	letter-spacing:0.1em;

}

#sub article  h3 span{
	width:100%;
	margin:25px 0 0 15px;
	float:left;
	color:#FFF;
	font-size:130%;
	text-shadow: 1px 1px 3px #466971;
	line-height:160%;
}



#sub article section{
	width:628px;
	background:#FFF;
	border-left:1px solid #D8D3CB;
	border-right:1px solid #D8D3CB;
	line-height:180%;
	padding:15px 15px 10px 15px;
	float:left;
}

#sub article section p{
	float:left;
	margin:5px 0 5px 0;
}

.sublink li{
	float:left;
	margin:0 0 0 6px;
}

#sub article section h4{
	width:628px;
	height:40px;
	background:#E2E1DC;
	margin:0 0 5px 0;
}

#sub article section h4 span{
	width:100%;
	margin:10px 0 0 15px;
	float:left;
	font-size:110%;
}

/*FOOTER*/



footer {
	width: 100%;
	height: 142px;
	float: left;
	clear: both;
	margin: 40px 0 0 0;
	background:#4999A9;
}

.footer_con {
	width: 950px;
	margin: 0 auto;
}


.f_copy {
	width: 100%;
	clear: both;
	float: left;
	margin: 10px 0 0 0;
	text-align:center;
	color:#FFF;
}