@charset "Shift_JIS";/*___________ change == ___________ */

@import url("index.css");


/*------------------リセット＆ヘッダー＆フッター＆ＴＯＰページコンテンツ関連ＣＳＳ------------------*/


/*------------------リセット------------------*/
* {
	padding: 0;
	margin: 0;
}
* {
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Osaka, ", "EE ゴシチE", "Hiragino Kaku Gothic pro", "generic font family");
text-align: left;
}

body 
{
	margin:0;
	padding:0;
	text-align:center;
	color: #333333;
	background: url(../img/bg.jpg) repeat;
	width: 100%;
}
div,td,th,p,pre {
	text-align:left;
	margin:0;
	font:12px "ヒラギノ角ゴ Pro W3", "メイリオ", "Osaka, ", "EE ゴシチE", "Hiragino Kaku Gothic pro", "generic font family", sans-serif;
	padding: 0px;
}
li {
	margin: 0;
	list-style: none;
	padding: 0px;
}
ol,ul {
	margin: 0;
	padding:0;
}
dl,dt,dd {
	margin: 0;
	padding:0;
}
table {
	margin: 0;
	padding:0;
}
input {
	margin: 0;
	padding:0;
}
h1 {
	font-size:14px;
	font-weight:normal;
	margin:0;
}
h2,h3 {
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	margin:0;
}
h4,h5,h6 {
	font-size:10px;
	line-height:16px;
	font-weight:normal;
	margin:0px;
}
select {
	display:block;
}
form {
	margin:0;
	padding:0;
}
img {
	border:0;
	vertical-align: bottom;
}
a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}


/*------------------CLASS------------------*/

.block {
	display:block;
}
.inline {
	display:inline;
}
.left {
	float:left;
}
.right {
	float:right;
}
.right2 {
	float:right;
	padding-top: 6px;
	clear: right;
}
.img_left {
	align:left;
}
.img_right {
	align:right;
}
.img_center {
	align:center;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
	margin:auto;
}
.middle {
	vertical-align:middle;
}
.bottom {
	vertical-align:bottom;
}

/*------------------HTML------------------*/

body {
	text-align:center;
	background-color:#F8FCFE;
	color:#353535;
	font-size:12px;
	line-height: 140%;
}
#wrap {
	width:850px;
	margin:auto;
	text-align:center;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
*html div#wrap {
	width:852px;
}
#main {
	width:850px;
	clear:both;
}
#main_top {
	float:left;
	width:820px;
	margin:10px;
}
/*-----------------ヘッダーテキスト------------------*/
#header {
	width: 850px;
	background: url(../img/header_bg.jpg) no-repeat;
	height: 86px;
	margin: 0px;
	padding: 7px 0px 0px;
}
#header h1 {
	font-size: 11px;
	text-indent: 0.5em;
	margin: 0px;
	padding: 0px;
}
#header div {
	float: left;
	height: 63px;
	width: 300px;
}
* html #header div {
	height: 63px;
	width: 300px;
	background-image:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src=img/logo.png);
}
* html #header div a img{
    display:none;
}
#header ul {
	float: right;
	width: 216px;
	margin: 45px 0px 0px;
	padding: 0px;
}
#header li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 70px;
}
#header li a {
	color: #666666;
	text-align: center;
	font-size: 10px;
}
/*-----------------ナビゲーションメニュー------------------*/
#menu {
	clear: both;
	background: #D0E8E8 url(../img/navi_bg.jpg) no-repeat;
	height: 39px;
}
#menu ul {
	width: 600px;
	float: left;
}
#menu ul li {
	float: left;
	width: 110px;
}
#menu ul li a {
	display: block;
	width: 110px;
	height: 39px;
}
#menu #navi01 a {
	background: url(../img/navi.jpg) 0px 0px;
}
#menu #navi01 a:hover {
	background: url(../img/navi.jpg) 0px 39px;
}
#menu #navi02 a {
	background: url(../img/navi.jpg) -110px 0px;
}
#menu #navi02 a:hover {
	background: url(../img/navi.jpg) -110px 39px;
}
#menu #navi03 a {
	background: url(../img/navi.jpg) -220px 0px;
}
#menu #navi03 a:hover {
	background: url(../img/navi.jpg) -220px 39px;
}
#menu #navi04 a {
	background: url(../img/navi.jpg) -330px 0px;
}
#menu #navi04 a:hover {
	background: url(../img/navi.jpg) -330px 39px;
}
#menu #navi05 a {
	background: url(../img/navi.jpg) -440px 0px;
}
#menu #navi05 a:hover {
	background: url(../img/navi.jpg) -440px 39px;
}
#menu strong {
	text-indent: -9999px;
	display: block;
}
#menu span {
	text-indent: -2769px;
	display: block;
}
#menu p {
	float: right;
	width: 146px;
	height: 32px;
}
#menu p a {
	display: block;
	height: 32px;
	background: url(../img/navi_06.jpg) 0px 0px;
	width: 140px;
	margin-top: 3px;
}
#menu p a:hover {
	background: url(../img/navi_06.jpg) 0px 32px;
}
#flash {
	clear:both;
	margin: 0px;
	padding: 0px;
}
#pamkuzu {
	clear:both;
	margin: 0px;
	padding: 10px 0px 0px;
	text-indent: 2em;
	color: #60A9EA;
}
#pamkuzu strong {
	color: #60A9EA;
	display: inline;
	font-weight: bold;
	padding-left: 10px;
}
#pamkuzu a {
	display: inline;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #60A9EA;
}
/*------------------ＴＯＰメインコンテンツフロート------------------*/
#main_left {
	float:left;
	width:280px;
	padding:5px 5px 20px;
}
#main_right {
	float:left;
	width: 550px;
	margin-top: 10px;
}

/*------------------ＴＯＰ左コンテンツ------------------*/

#main_left #news {
	background: url(../img/news_bottom.jpg) no-repeat left bottom;
	padding-bottom: 12px;
	padding-top: 5px;
}
#main_left #news dl {
	overflow: auto;
	width: 277px;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
	border-right: 1px solid #347DB4;
	border-left: 1px solid #347DB4;
	border-top-style: none;
	border-bottom-style: none;
	background: #FFFEEE;
	scrollbar-track-color: #E6EFFF;
	scrollbar-3dlight-color: #347DB4;
	scrollbar-arrow-color: #ffffee;
	scrollbar-darkshadow-color: #347DB4;
	scrollbar-face-color: #AAC8FF;
	scrollbar-highlight-color: #f7Ffaff;
	scrollbar-shadow-color: #f7Ffaff;
}
* html #main_left #news dl {
	width: 279px;
}
#main_left #news dt {
	margin: 10px 10px 0px;
	color: #4C8FC6;
	font-weight: bold;
}
#main_left #news dd {
	margin-right: 10px;
	margin-left: 20px;
	color: #4C8FC6;
}
#main_left #news dd  a {
	display: inline;
	color: #0000FF;
	text-decoration: underline;
}

#main_left .left_contents {
	width: 280px;
	height: 170px;
	margin-top: 10px;
}
#main_left .left_contents h2 {
	width: 268px;
	margin: 0px 0px 0px 6px;
	padding: 5px 0px 0px;
}
#main #main_left .left_contents p {
	text-align: left;
	width: 115px;
	margin: 9px 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
}
* html #main #main_left .left_contents p {
	text-align: left;
	width: 115px;
	margin: -5px 0px 0px 10px;
}
#main #main_left .left_contents p a {
	color: #666666;
	font-size: 12px;
	line-height: 14px;
}
#main_left #lc_01 {
	background: url(../img/left_back1.jpg) no-repeat left bottom;
	position: relative;
}
#main_left #lc_02 {
	background: url(../img/left_back2.jpg) no-repeat left bottom;
	position: relative;
}
#main_left #lc_03 {
	background: url(../img/left_back3.jpg) no-repeat left bottom;
	position: relative;
}
#main_left .left_contents div {
	position: absolute;
	top: 135px;
	left: 190px;
}

/*------------------左詳細ボタン画像書き換え（IE6とそれ以外のハック）------------------*/
html>body #main_left .left_contents div a:hover {
    background-image:url(../img/left_btn_b.gif);
	background-repeat:no-repeat;
	width:78px;
	height:0pt;
	display:block;
	padding-top:25px;
	overflow:hidden;
}
* html #main_left .left_contents div a img {
	display: none;
}
* html #main_left .left_contents div a {
    background-image:url(../img/left_btn_a.gif);
	background-repeat:no-repeat;
	width:78px;
	height:25pt;
	display:block;
}
* html #main_left .left_contents div a:hover {
    background-image:url(../img/left_btn_b.gif);
	background-repeat:no-repeat;
	width:78px;
	height:25pt;
	display:block;
}
/*------------------h2画像書き換え（IE6とそれ以外のハック）------------------*/
html>body #main_left .left_contents h2 a:hover {
	width:268px;
	display:block;
	margin-right: 0px;
	height:0pt;
	padding-top:44px;
	overflow:hidden;
}
* html #main_left .left_contents h2 a img {
	display: none;
}
* html #main_left .left_contents h2 a {
	width:268px;
	height:44pt;
	display: block;
}
* html #main_left #lc_01 h2 a {
	background-image: url(../img/left1a.jpg);
	background-repeat: no-repeat;
}
* html #main_left #lc_02 h2 a {
	background-image: url(../img/left2a.jpg);
	background-repeat: no-repeat;
}
* html #main_left #lc_03 h2 a {
	background-image: url(../img/left3a.jpg);
	background-repeat: no-repeat;
}
#main_left #lc_01 h2 a:hover {
	background-image: url(../img/left1b.jpg);
	background-repeat: no-repeat;
}
#main_left #lc_02 h2 a:hover {
	background-image: url(../img/left2b.jpg);
	background-repeat: no-repeat;
}
#main_left #lc_03 h2 a:hover {
	background-image: url(../img/left3b.jpg);
	background-repeat: no-repeat;
}


/*------------------ＴＯＰ右コンテンツ------------------*/

#main_right #l_right {
	width:265px;
	float:left;
	padding:0;
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
#main_right #r_right {
	width:265px;
	float:left;
	display: inline;
}
#main_right #l_right div,#main_right #r_right div {
    width:265px;
}
#main_right #l_right h2,#main_right #r_right h2 {
	margin: 0px;
	padding: 0px;
}
#main_right #l_right dl,#main_right #r_right dl {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 265px;
	position: relative;
}
#main_right #l_right dt,#main_right #r_right dt {
	margin: 0px;
	padding: 10px 0px 5px 23px;
}
#main_right #l_right dd,#main_right #r_right dd {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 16px;
	width: 140px;
}
/*------------------IE7のみテキストはみ出し修正css------------------*/
*:first-child+html #main_right #l_right dd,*:first-child+html #main_right #r_right dd {
	line-height: 16px;
}

#main_right #l_right .right_btn,#main_right #r_right .right_btn {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 95px;
	position: absolute;
	left: 152px;
	top: 110px;
}
#main_right #l_right dd a,#main_right #r_right dd a {
	color: #333333;
}
/*------------------右詳細画像書き換え（IE6とそれ以外のハック）------------------*/
html>body #main_right #l_right .right_btn a:hover,#main_right #r_right .right_btn a:hover {
	width:95px;
	display:block;
	margin-right: 0px;
	height:0pt;
	padding-top:27px;
	overflow:hidden;
	background: url(../img/right_btn_b.gif) no-repeat;
}
* html #main_right #l_right .right_btn img,* html #main_right #r_right .right_btn img {
	display: none;
}
* html #main_right #l_right .right_btn a,* html #main_right #r_right .right_btn a {
	width:95px;
	display:block;
	margin-right: 0px;
	height:27pt;
	background: url(../img/right_btn_a.gif) no-repeat;
}
* html #main_right #l_right .right_btn a:hover,* html #main_right #r_right .right_btn a:hover {
	background: url(../img/right_btn_b.gif) no-repeat;
}
/*------------------------------------------------------------------------------*/
#main_right #l_right #right01,#right02,#right03,#right04 {
	margin-bottom: 10px;
}
#main_right #l_right #right01 dl {
	background: url(../img/right01_bg.jpg) no-repeat;
}
#main_right #l_right #right02 dl {
	background: url(../img/right02_bg.jpg) no-repeat;
}
#main_right #r_right #right03 dl {
	background: url(../img/right03_bg.jpg) no-repeat;
}
#main_right #r_right #right04 dl {
	background: url(../img/right04_bg.jpg) no-repeat;
}

/*------------------初めての方へ（TOP）------------------*/
#main_right #commodity_top {
	clear: both;
	margin-left: 10px;
	margin-bottom: 10px;
}
#main_right #commodity_top a {
	background: url(../img/commodity_top2.jpg) no-repeat center top;
	width: 540px;
	display: block;
	height: 190px;
	position: relative;
}
#main_right #commodity_top a:hover {
	background: url(../img/commodity_top2.jpg) no-repeat center bottom;
}
#main_right #commodity_top a span {
	color: #FFFFFF;
	display: none;
}
/*------------------初めての方へ（その他）------------------*/
#contents_right #beginner {
}
#contents_right #beginner a {
	background: url(../img/beginner.jpg) no-repeat left top;
	width: 620px;
	display: block;
	height: 89px;
	position: relative;
	z-index: 100;
}
#contents_right #beginner a:hover {
	background: url(../img/beginner.jpg) no-repeat left bottom;
}
#contents_right #beginner a span {
	position: absolute;
	top: 29px;
	left: 465px;
	text-indent: -5738px;
	z-index: -100;
}
/*------------------下無料資料画像書き換え（IE6とそれ以外のハック）------------------*/
#main_right #top_req {
	background: url(../img/rightbottom_back.jpg) no-repeat center bottom;
	margin: 0px 0px 20px 10px;
	height: 190px;
	width: 540px;
}
#main_right #top_req h2 {
	margin: 0px 0px 0px 18px;
	width: 504px;
	padding-top: 15px;
}
* html #main_right #top_req h2 {
	margin: 0px 0px 0px 18px;
	padding: 15px 0px 0px;
}
html>body #main_right #top_req h2 a:hover {
	width:504px;
	display:block;
	overflow:hidden;
	height:0pt;
	padding-top:48px;
	background: url(../img/right_bottom_title2.jpg) no-repeat;
}
* html #main_right #top_req h2 a img {
	display: none;
}
* html #main_right #top_req h2 a {
	width:504px;
	display:block;
	height:48pt;
	background: url(../img/right_bottom_title1.jpg) no-repeat;
}
* html #main_right #top_req h2 a:hover {
	background: url(../img/right_bottom_title2.jpg) no-repeat;
}
#main_right #top_req p {
	width: 130px;
	padding: 10px 0px 0px;
	margin: 0px 0px 0px 395px;
	font-size: 12px;
	line-height: 14px;
}
* html #main_right #top_req p {
	margin: 0px 0px 0px 395px;
	padding: 0px;
}
#main_right #top_req p a {
	color: #666666;
}

/*-----------------------フッター---------------------------------*/

#footer {
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	text-align:center;
	color: #FFFFFF;
	padding-bottom: 20px;
	clear:both;
	padding-top: 12px;
}
.footer2 {
	background: url(../img/footer.jpg) 0px 10px;
}
#footer a:link {
	display: inline;
	color: #FFFFFF;
}
#footer a:visited {
	display: inline;
	color: #265882;
}
#footer a:hover {
	display: inline;
	color: #265882;
	text-decoration: underline;
}
#wrap h1 {
	font-size: 12px;
}
*:first-child+html #wrap h1 {
	letter-spacing: -1px;
}