@charset "utf-8";

@import "base_layout.css";
@import "common_parts.css";



/*
************************************************************************************/
#slideshow { position:relative; width:1000px; height:360px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

/*framePaper
************************************************************************************/
.framePaper{
	margin: 5px;
	border: 1px solid #c4e2df;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
}

.framePaper .ttl{
	text-align: center;
}

.framePaper .paper{
	text-align: center;
	padding: 7px 0;
}
.framePaper .paper img{
	border: 1px solid #c0c0c0;
}

.framePaper .btn{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #afe0da;
	padding: 0 3px;
}
.framePaper .btn a{
	background: url(../../img/common/ar_white.png) no-repeat right center;
	padding: 3px;
	display: block;
	color: #000;
	text-decoration: none;
}


/*block1
************************************************************************************/
#block1{
	z-index: 50;
	position: relative;
	height: 280px;
}

#block1 .frameSenmon{
	width: 770px;
	height: 280px;
	float: left;
	background: #050a50;
}
#block1 .frameSenmon .ttl{
	margin: -10px 0 0 0;
}
#block1 .frameSenmon ul.list{
	margin: 10px 10px 10px 15px;
}

#block1 .frameSenmon ul.list li{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: url(../../img/common/ar_sky.png) no-repeat 10px center #FFF;
	padding: 4px 4px 4px 35px;
	display: inline-block;
	margin: 2px;
	width: 200px;
}
#block1 .frameSenmon ul.list li.long{
	width: 448px;
}



#block1 .frameJushin{
	width: 229px;
	height: 280px;
	float: right;
	background: #d8ecea;
}
#block1 .frameJushin .ttl{
	margin: -10px 0 0 -20px;
}
#block1 .frameJushin ul.list{
	margin: 10px 10px 10px 10px;
}

#block1 .frameJushin ul.list li{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: url(../../img/common/ar_green.png) no-repeat 10px center #FFF;
	padding: 4px 4px 4px 35px;
	display: block;
	margin: 2px 0 10px 0;
}

#block1 ul.list li a{
	color: #000;
	text-decoration: none;
	display: block;
}
#block1 ul.list li a:hover{
	color: #0CC;
}


/*news
************************************************************************************/
.frameNews{
	background: #efeeee;
	margin: 0 0 0 0;
	padding: 15px;
}
.frameNews .ttl{
	border-bottom: 1px solid #464646;
	padding: 15px 0 15px 10px;
	margin: 0 0 15px 0;
}

.frameNews ul{
	margin: 0 15px;
}

.frameNews li{
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 0;
	width: 100%;
	display: table;
}

.frameNews li .date{
	width: 10em;
	display: table-cell;
	padding: 0 0 0 10px;
}
.frameNews li .cmt{
	display: table-cell;
	padding: 10px;
}