@charset "shift_jis";
/* CSS Document */
/*--information---------------------------------------------------------
Last update：07/09/01
File name ：index.css
Site name：
Summary：「Top」で使用しています。
Copyright：Copyright (C) 2007 ＊＊＊＊＊＊＊.All rights reservde.
-------------------------------------------------------------------------*/
/*[flash]-------------------------------------------------*/
div#flash {
	/*height: 300px;*/
	height: 350px;
	margin: 10px 0px 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/*body {
	background:url(../images/common_img/header_back.jpg) repeat-x left top;
}*/
/*[container_inner]-------------------------------------------------*/
div#container_inner {
	/*height: auto;*/
	/*height: 550px;*/
	text-align: left;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*[center_inner]-------------------------------------------------*/
div#center_inner {
	width: 523px;
	padding: 15px 0 0 10px;
	float: left;
	height: auto;
	overflow: hidden;
	
}
/*[headline]-------------------------------------------------*/
/*div#headline {
	border-bottom: solid 1px #cccccc;
	margin-bottom: 10px;
}
div#headline dl{
	padding: 5px;
	overflow: auto;
	width: 401px;
	height: 25px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid;
}
div#headline dt{
	width: 80px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #666666;
	left: 5px;
	
}
div#headline dd{
	padding-left: 90px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	text-align: left;
	
}
*/

/*[pickup]-------------------------------------------------*/
div#pickup {
	margin-bottom: 10px;
}
div#pickup ol {
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	list-style:none;
}
div#pickup ol:after {
	content: ".";
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
div#pickup ol li {
	width :105px;
	float: left;
}
div#pickup ol li.rightTab {
	width :102px;
	margin-left:1px;
}
div#pickup ol li a {
	height: 22px;
	font-size: 1em;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/common_img/tab.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 3px;
	display: block;
}
div#pickup ol li a:hover, div#pickup ol li a.select{
	color: #666666;
	background-image: url(../images/common_img/tab.gif);
	background-position: 0px -25px;
}

div#pickup ul li img {
	vertical-align: middle;
}

div#pickup dl{
	padding: 5px;
	overflow: auto;
	width: 511px;
	height: 120px;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	clear: both;
}
div#pickup dt{
	width: 80px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #666666;
	left: 5px;
}
div#pickup dd{
	padding-left: 90px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	text-align: left;
}
div#pickup ul{
	padding: 5px 5px 5px 15px;
	overflow: auto;
	width: 501px;
	/*height: 120px;*/
	height: 270px;
	border-top: 2px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	clear: both;
	/*list-style-position: inside;
	list-style-type: disc;*/
	list-style: none;
}
div#pickup ul li {
	padding-bottom: 7px;
	text-align: left;
}
/* IE6は間隔が狭くなるので、IE6のみ適用する：開始 */
* html div#pickup ul li {
	padding-bottom: 10px;
}
/* IE6は間隔が狭くなるので、IE6のみ適用する：終了 */
div#pickup ul li a {
	color: #003399;
}
div#pickup ul li a img {
	margin-right: 0.75em;
}










/*[whatsnew]-------------------------------------------------*/
div#whatsnew {
	margin-bottom: 10px;
	width: auto;
	
}
div#whatsnew dl{
	padding: 5px;
	overflow: auto;
	width: 511px;
	/* height: 248px;右サイドボタン 7個の時*/
	height: 280px;/* 右サイドボタン 8個の時*/
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
* html body div#whatsnew dl{
	/*height: 128px;*/
}
div#whatsnew dt{
	width: 90px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #666666;
	left: 5px;
	
}
div#whatsnew dd{
	padding-left: 100px;
	margin-bottom: 6px;
	letter-spacing: 0.1em;
	text-align: left;
}
div#whatsnew a {
	color: #0033CC;
}


/*[left_inner]-------------------------------------------------*/
/*div#left_inner {
	width: 222px;
	height: auto;
	position: absolute;
	top: 10px;
	left: 0px;
	
}*/
/*[right_inner]-------------------------------------------------*/
div#right_inner {
	width: 300px;
	float: right;
	padding: 0 10px 0 0;
}

div#right_inner div.cm {
	width:300px;
	margin: 0px auto;
	text-align:center;
	padding: 47px 0 48px;
	margin-bottom:5px;
	background: url(../images/common_img/cm_back.gif) no-repeat 0 0;
}

/*[check_banner]-------------------------------------------------*/
ul.check_banner {
	list-style-type: none;
	text-align: right;
}
ul.check_banner li {
	height: 73px;
	overflow: hidden;
}
ul.check_banner img{
	margin-bottom: 3px;
}



/**/
ul#content_btn {
	width: 200px;
	height: 424px;
	margin: 0px auto;
	list-style: none;
	/* 暫定措置 */
	/*height: 374px;*/
}
ul#content_btn li {
	width: 200px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../images/common_img/banner_navi.gif);
	background-repeat:no-repeat;
	margin-bottom: 3px;
}
ul#content_btn li a {
	width: 200px;
	height: 50px;
	/*text-indent: -9999px;*/
	background-image: url(../images/common_img/banner_navi.gif);
	background-repeat:no-repeat;
	display: block;
	overflow: hidden;
}

ul#content_btn li#btn01 {
	background-position: 0px 0px;
}
ul#content_btn li#btn02 {
	background-position: 0px -50px;
}
ul#content_btn li#btn03 {
	background-position: 0px -100px;
}
ul#content_btn li#btn04 {
	background-position: 0px -150px;
}
ul#content_btn li#btn05 {
	background-position: 0px -200px;
}
ul#content_btn li#btn06 {
	background-position: 0px -250px;
}
ul#content_btn li#btn07 {
	background-position: 0px -300px;
}
ul#content_btn li#btn08 {
	background-position: 0px -350px;
}


ul#content_btn li#btn01 a {
	background-position: 0px 0px;
}
ul#content_btn li#btn01 a:hover {
	background-position: -200px 0px;
}
ul#content_btn li#btn02 a {
	background-position: 0px -50px;
}
ul#content_btn li#btn02 a:hover {
	background-position: -200px -50px;
}
ul#content_btn li#btn03 a {
	background-position: 0px -100px;
}
ul#content_btn li#btn03 a:hover {
	background-position: -200px -100px;
}
ul#content_btn li#btn04 a {
	background-position: 0px -150px;
}
ul#content_btn li#btn04 a:hover {
	background-position: -200px -150px;
}
ul#content_btn li#btn05 a {
	background-position: 0px -200px;
}
ul#content_btn li#btn05 a:hover {
	background-position: -200px -200px;
}
ul#content_btn li#btn06 a {
	background-position: 0px -250px;
}
ul#content_btn li#btn06 a:hover {
	background-position: -200px -250px;
}
ul#content_btn li#btn07 a {
	background-position: 0px -300px;
}
ul#content_btn li#btn07 a:hover {
	background-position: -200px -300px;
}
ul#content_btn li#btn08 a {
	background-position: 0px -350px;
}
ul#content_btn li#btn08 a:hover {
	background-position: -200px -350px;
}


div#textmobi {
	width: 200px;
	height: 240px;
	text-align: center;
	padding: 5px 0px;
	margin: 30px auto 0px;
	border: solid 1px #CCCCCC;
}
div#textmobi p a {
	color: #000099;
	text-decoration: underline;
}
div#compInfo {
	width: 200px;
	height: 150px;
	padding-top: 10px;
	margin: 0px auto;
}

div#companyinfo {
	width: 521px;
	height: 109px;
	border: solid 1px #ccc;
}
div#companyinfo h2 {
	width: 521px;
	height: 26px;
	background: url(../images/common_img/company_info.gif);
	text-indent: -9999px;
}
div#companyinfo table {
	width: 504px;
	margin: 10px 0 0 17px;
	font-size: 0.8em;
}
div#companyinfo table td.tel {
	font-size: 1.2em;
	font-weight: bold;
	color: #c22727;
	line-height: 1.2em;
}