@charset "shift_jis";

@import "base.css";
@import "common.css";


/* ● トップヘッダー・メインビジュアル --------------------*/

body {background: #F3F3F3 url(../img/contents/bg.gif) top center repeat-x;}
#Container{
	width: 910px;
	margin-right: auto;
	margin-left: auto;
}

#Tophead_box {
	background: url(../img/contents/bg_inner.gif) top center no-repeat;
	width: 1050px;
	margin: 0 auto;
}

#Tophead_box #Header{
	background-image: url(../img/header/freedial.gif);
	background-position: right 40px;
}

#Main {
	float: right;
	width: 690px;
	margin-bottom: 40px;
	}

#Sub {
	padding-left: 5px;
	float: left;
	width: 190px;
	}


/*　トップ
-------------------------------------*/
#TopMainimg {
	height: 246px;
	width: 882px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 9px;
}

/*#TopMainimg h2 {
	text-indent: -9999px;
	background-image: url(../img/contents/img-main.jpg);
	background-repeat: no-repeat;
	height: 242px;
	width: 882px;
	display: block;
	margin: 0px;
	padding: 0px;
}*/
#TopMainimg #rotate {
	background:#E5E2E2;
	border:solid 1px #DFDDDC;
	padding:0;
	margin:0;
}
#TopMainimg ul {
  margin:0;
  padding:0;
  overflow:hidden;
  width:882px;
  height:246px;
  background-color:transparent;
  list-style-type:none;
}

/*　shadowBlock
-------------------------------------*/
#Main .shadowBlock {
	background-image: url(../img/contents/shadow-block.gif);
	background-repeat: no-repeat;
	height: 230px;
	width: 690px;
	margin-bottom: 15px;
	display: block;
}
/*　corBox
-------------------------------------*/
#Main .shadowBlock .corBox {
	display: block;
	float: left;
	width: 314px;
	margin-top: 20px;
	margin-left: 17px;
}

.corBox ul,
.perBox ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.corBox ul li,
.perBox ul li{
	padding: 0px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.corBox .cmenu-01 a,
.corBox .cmenu-02 a,
.corBox .cmenu-03 a,
.corBox .cmenu-04 a,
.corBox .cmenu-05 a,
.corBox .cmenu-06 a,
.corBox .cmenu-07 a,
.corBox .cmenu-08 a{
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 152px;
}

.corBox .cmenu-01 a {background-image: url(../img/contents/cmenu-01.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-02 a {background-image: url(../img/contents/cmenu-02.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-03 a {background-image: url(../img/contents/cmenu-03.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-04 a {background-image: url(../img/contents/cmenu-04.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-05 a {background-image: url(../img/contents/cmenu-05.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-06 a {background-image: url(../img/contents/cmenu-06.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-07 a {background-image: url(../img/contents/cmenu-07.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.corBox .cmenu-08 a {background-image: url(../img/contents/cmenu-08.jpg);background-repeat: no-repeat;background-position: 0px 0px;}

.corBox .cmenu-01 a:hover, 
.corBox .cmenu-02 a:hover,
.corBox .cmenu-03 a:hover,
.corBox .cmenu-04 a:hover,
.corBox .cmenu-05 a:hover,
.corBox .cmenu-06 a:hover,
.corBox .cmenu-07 a:hover,
.corBox .cmenu-08 a:hover{background-position: 0px -35px;}

/*　perBox
-------------------------------------*/
#Main .shadowBlock .perBox {
	float: right;
	width: 314px;
	margin-top: 20px;
	margin-right: 13px;
}
#Main .shadowBlock .corBox h2 a{
	background-image: url(../img/contents/headline-01.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 310px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: -9999px;
	display: block;
}
#Main .shadowBlock .perBox h2 a{
	background-image: url(../img/contents/headline-02.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 310px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-indent: -9999px;
	display: block;
}


.perBox .pmenu-01 a,
.perBox .pmenu-02 a,
.perBox .pmenu-03 a,
.perBox .pmenu-04 a,
.perBox .pmenu-05 a,
.perBox .pmenu-06 a{
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 152px;
}

.perBox .pmenu-01 a {background-image: url(../img/contents/pmenu-01.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.perBox .pmenu-02 a {background-image: url(../img/contents/pmenu-02.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.perBox .pmenu-03 a {background-image: url(../img/contents/pmenu-03.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.perBox .pmenu-04 a {background-image: url(../img/contents/pmenu-04.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.perBox .pmenu-05 a {background-image: url(../img/contents/pmenu-05.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
.perBox .pmenu-06 a {background-image: url(../img/contents/pmenu-06.jpg);background-repeat: no-repeat;background-position: 0px 0px;}

.perBox .pmenu-01 a:hover, 
.perBox .pmenu-02 a:hover,
.perBox .pmenu-03 a:hover,
.perBox .pmenu-04 a:hover,
.perBox .pmenu-05 a:hover,
.perBox .pmenu-06 a:hover{background-position: 0px -35px;}


/*　newsBox
-------------------------------------*/
.newsBox{padding-left: 5px;}
#Main .index_wmbanner {
	height: 110px;
	width: 690px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#Main .index_wmbanner a {
	background-image: url(../img/contents/index_wmbanner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 110px;
	width: 680px;
}
#Main .index_wmbanner a:hover {
	background-image: url(../img/contents/index_wmbanner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -110px;
}

.newsBox a,.newsBox a:visited{text-decoration: underline;color: #333;}
.newsBox a:hover{text-decoration: none;color: #029ACA;}
.newsBox h3 {
	background-image: url(../img/contents/headline_info.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 58px;
	background-position: 0px 7px;
	margin-bottom: 15px;
	margin-top: 0px;
}
#Main .newsBox .top_headline {
	background-image: url(../img/contents/info_bg_top.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 660px;
	overflow: hidden;
}
#Main .newsBox dl.body_headline {
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
	display: block;
	width: 640px;
}
#Main .newsBox dl.body_headline dt{
	float: left;
	font-weight: bold;
	color: #666;
	width: 80px;
}
#Main .newsBox dl.body_headline dd{
	float: left;
	background-image: url(../img/contents/info_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#Main .newsBox .btm_headline {
	background-image: url(../img/contents/info_bg_btm.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 660px;
	overflow: hidden;
	margin-bottom: 3px;
}

/*　csrBox
-------------------------------------*/
.csrBox{padding-left: 5px;}
.csrBox h3 {
	background-image: url(../img/contents/headline_csr.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 22px;
	width: 121px;
	background-position: 0px 7px;
	margin-bottom: 15px;
	margin-top: 0px;
}