@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	font-size:14px;
	color:#333333;
	background-image:url(../images/index/bg_all.png);
}

img{
	border:0;
	vertical-align:top;
	vertical-align:bottom;
}

a{
	overflow:hidden;
	outline:none;
}

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/*
グラデーション
*/

#g_bg{
	background-image:url(../images/index/bg_upper.png);
	background-repeat:repeat-x;
	background-position:left top;
}

/*
ヘッダー
*/

#header-outline{
	width:966px;
	background-image:url(../images/index/bg_header.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 auto;
}

#header-inside{
	width:950px;
	height:95px;
	margin:0 auto;
	background-image:url(../images/index/header.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
}

/*
ヘッダーテキスト
*/

#header-inside h1{
	font-size:12px;
	color:#CCCCCC;
	font-weight:normal;
	line-height:20px;
	width:600px;
	position:absolute;
	left: 2px;
	top: 7px;
}

/*
ロゴ
*/

#header-inside h2{
	width:233px;
	height:31px;
	position:absolute;
	left: 4px;
	top: 38px;
}

#header-inside #tel{
	width:239px;
	height:29px;
	position:absolute;
	left: 703px;
	top: 55px;
}

/*
外枠
*/

#outline-out{
	width:966px;
	background-image:url(../images/index/bg_content_middle.png);
	background-repeat:repeat-y;
	background-position:left top;
	margin:0 auto;
}

#outline-mid{
	background-image:url(../images/index/bg_content_top.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#outline-ins{
	background-image:url(../images/index/bg_content_bottom.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0px 8px;
}


/*
メインイメージ
*/

#main-image{
	width:950px;
	height:291px;
	position:relative;
	background-image:url(../images/index/main_image.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#main-image h2{
	width:572px;
	height:58px;
	position:absolute;
	left: 24px;
	top: 113px;
}

#main-image #bt01{
	width:222px;
	height:129px;
	position:absolute;
	left: 718px;
	top: 10px;
}

#main-image #bt02{
	width:222px;
	height:130px;
	position:absolute;
	left: 718px;
	top: 150px;
}

/*
コンテンツコンテナ
*/

#content_container{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

/*
左カラム
*/

#content_container #left_column{
	width:279px;
	float:left;
	display:inline;
}

#content_container #left_column #navi{
	margin:0px;
	padding:0px 0px 32px 0px;
	background-image:url(../images/index/navi_footer.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#content_container #left_column #navi li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

/*
左カラム：バナー
*/

#content_container #left_column .banner{
	text-align:center;
}

#content_container #left_column .banner li{
	list-style-type:none;
}

/*
右カラム
*/

#content_container #right_column{
	width:655px;
	float:right;
	display:inline;
	margin-right:10px;
}

/*
検索バナー
*/

#search_block{
	width:100%;
	margin:10px auto;
}

#search_block td{
	vertical-align:top;
	width:50%;
}

#search_block .td01{
	text-align:left;
}

#search_block .td02{
	text-align:right;
}

#search_block td p{
	padding:10px 0px;
}

/**/

#whatsnew{
	width:100%;
	margin:10px auto;
}

#whatsnew td{
	width:120px;
	vertical-align:top;
}

#whatsnew th{
	font-weight:normal;
	text-align:left;
}

#whatsnew th ul{
	margin-left:20px;
}

#whatsnew th ul li{
	list-style-type:none;
	background-image:url(../images/index/li_whats_new.png);
	background-repeat:no-repeat;
	background-position:left 0.2em;
	padding-left:20px;
}

#whatsnew .date{
	font-weight:bold;
}

#whatsnew strong a{
	font-weight:normal;
	color:#333;
}

#whatsnew .renew{
	color:#C00;
}
/*
フッター
*/

#footer{
	clear:both;
	width:966px;
	margin:0 auto;
	background-image:url(../images/index/bg_footer.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#footer p{
	text-align:right;
	font-size:12px;
	padding:30px 20px 0px 20px;
}
