@charset "utf-8";
/*----------------------------------------------------------------
 File Name  : top.css
 Style Info : トップだけに適用
----------------------------------------------------------------*/
/* --------------------------------
 page-inner
----------------------------------*/
#page-inner	{
	width: 908px;
	margin: 0 auto 12px auto;
	clear: both;
	overflow: hidden;
}

/* --------------------------------
 main
----------------------------------*/
#flash {
	width: 908px;
	height: 220px;
	clear: both;
	overflow: hidden;
}

/* --------------------------------
 contents
----------------------------------*/
#contents {
	width: 664px;
	float: left;
	clear: both;
	overflow: hidden;
}

/* --------------------------------
 con-main
----------------------------------*/
.con-main {
	width: 664px;
	height: 144px;
	margin: 0 0 12px 0;
	background:url(../../images/con-main.jpg) no-repeat ;
	clear: both;
	overflow: hidden;
}
.con-main p {
	width: 244px;
	padding: 100px 0 0 326px;
}
.con-main p a {
	width: 244px;
	height: 34px;
	display: block;
	overflow: hidden;
	text-indent: -9877em;
	text-decoration: none;
}
.con-main p a.con-main-bt {
	width: 244px;
	height: 34px;
	background:url(../../images/con-main-bt.jpg) no-repeat 0px 0px ;
}
.con-main p a.con-main-bt:hover {
	background:url(../../images/con-main-bt.jpg) no-repeat 0px -34px ;
}


/* --------------------------------
 con-box
----------------------------------*/
.con-box {
	width: 664px;
	margin: 0 0 10px 0;
	clear: both;
	overflow: hidden;
}
.img-l {
	float: left;
}
.img-r {
	float: right;
}
h3 {
	height: 28px;
	margin: 0 0 12px 0;
}

/*------con-l*/
.con-l {
	width: 312px;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 6px;
}
.con-l h4.text-ttl {
	padding: 0 0 4px 7px;
	font-size: 110%;
}
.con-l img{
	position: absolute;
	top: 23px;
	right: 2px;
}
.con-l p {
	padding: 125px 12px 0 7px;
	color: #444444;
}
/*------con-r*/
.con-r {
	width: 312px;
	height: 100%;
	float: left;
	position: relative;
	margin: 0 0 5px 13px;
	padding: 0 0 0 6px;
}
.con-r h4.text-ttl {
	padding: 0 0 4px 7px;
	font-size: 110%;
}
.con-r img{
	position: absolute;
	top: 23px;
	right: 2px;
}
.con-r p {
	padding: 125px 12px 0 7px;
}


/* --------------------------------
 con-box2
----------------------------------*/
.con-box2 {
	width: 664px;
	margin: 0 0 10px 0;
	clear: both;
	overflow: hidden;
}
/*------con-2l*/
.con-2l {
	width: 325px;
	float: left;
}
.con-2l h3 {
	margin: 0;
}
.con-2l-inner {
	width: 325px;
	background: url(../../images/con-2l-bg.gif) repeat-y ;
}
.con-2l-bottom {
	width: 325px;
	height: 10px;
	background:url(../../images/con-2l-bottom.gif) no-repeat ;
}

ul.con-list {
	padding: 4px 1px 0 1px ;
}
ul.con-list li{
	padding: 5px 0 8px 20px;
	overflow: hidden;
	background: url(../../images/line-03.gif) repeat-x bottom;
}
ul.con-list li a{
	padding: 0 0 0 12px;
	background: url(../../images/icon-02.gif) no-repeat left center;
}
ul.con-list li.none {
	padding: 5px 0 5px 20px;
	background: none;
}
ul.con-list li.none a{
	padding: 0 0 0 12px;
	background: url(../../images/icon-02.gif) no-repeat left center;
}


/*------con-2r*/
.con-2r {
	width: 325px;
	float: left;
	margin: 0 0 0 13px;
}
.con-2r h3 {
	margin: 0;
}
.con-2r-inner {
	width: 325px;
	height: 128px;
}
ul.con-list-02 {
	margin: 4px 10px 0 13px ;
}
ul.con-list-02 li{
	padding: 8px 0 3px 12px;
	border-bottom: solid 1px #e0e0e0 ;
}
ul.con-list-02 li a{
	padding: 0 0 0 12px;
	background: url(../../images/icon-02.gif) no-repeat left center;
}
ul.con-list-02 li.none {
	padding: 7px 0 3px 12px;
	border-bottom: none ;
}
ul.con-list-02 li.none a{
	padding: 0 0 0 12px;
	background: url(../../images/icon-02.gif) no-repeat left center;
}


/* --------------------------------
 side
----------------------------------*/
.news {
	width: 234px;
}
.news h3.ttl-news {
	width: 234px;
	background:url(../../images/ttl-news.gif) no-repeat ;
	margin: 0;
}
.news h3.ttl-news .news-bt{
	text-align: right;
	padding: 6px 9px 0 0;
}

.news-inner {
	width: 234px;
	background:url(../../images/news-bg-top.gif) repeat-y ;
}

.news-bottom {
	width: 234px;
	height: 18px;
	background:url(../../images/news-bg-bottom.gif) no-repeat ;
}

dl.news-p {
	width: 216px;
	padding: 4px 0 0 8px;
	overflow: hidden;
}
dl.news-p dt {
	width: 50px;
	color: #8a8a8a;
	padding: 4px 0 0 0;
}
dl.news-p dd {
	width: 184px;
	margin: -26px 0 0px 0;
	padding: 7px 0 8px 30px;
	overflow: hidden;
	background: url(../../images/line.gif) repeat-x bottom;
}
p.news-text {
	margin: 0 10px 0 0;
	padding: 3px 0 2px 0;
	text-align: right;
}
/*------ link color */
a.link-n:link {
	text-decoration: none;
	color: #444444;
}
a.link-n:visited {
	text-decoration: none;
	color: #444444;
}
a.link-n:active {
	text-decoration: none;
	color: #444444;
}
a.link-n:hover {
	text-decoration: none;
	color: #444444;
}



/* --- text link style --- */
a.textb-link {
	font-weight: bold;
	padding: 0 0 0 18px;
	background:url(../../images/icon.gif) no-repeat left 2px;
}
a.textn-link {
	padding: 0 0 0 15px;
	background:url(../../images/icon-04.gif) no-repeat left 3px;
}




