@charset "utf-8";

/* reset
---------------------------------------------*/

@import url("reset.css");


/* basic
---------------------------------------------*/

body,h1,h2,h3,h4,h5,p,span,li,dt,dd,td {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:small;
	color:#666;
	font-size:14px;
	line-height:1.7em;
}
body {
	background:url(../img/body_bg.gif) repeat-x bottom;
}
#wrap{
	width:950px;
	background:url(../img/wrap_bg.gif) repeat-y;
	margin-left:auto;
	margin-right:auto;
}

.alignL {
	float:left;
	text-align:left;

}

.alignR {
	float:right;
	text-align:right;
}
.alignC {
	margin:0 auto 0;
	text-align:center;
}
.caption {
	font-size:0.9em;
	line-height:1.2em;
	width:168px;
}
.caption_y {
	font-size:0.9em;
	line-height:1.2em;
	width:296px;
}
.caption img {
	margin-bottom:3px;
}
.clear {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


a {
	color:#BF0000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;

}




/* 調整
---------------------------------------------*/


.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}


.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb40 { margin-bottom:40px;}

.ml20 { margin-left:20px;}



.w160 { width:160px; }
.w178 { width:178px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w280 { width:280px; }
.w310 { width:310px; }
.w320 { width:320px; }
.w330 { width:330px; }
.w360 { width:360px; }
.w380 { width:380px; }
.w400 { width:400px; }

.w430 { width:430px; }
.w530 { width:530px; }




.blue { color:#0083FF; }




.w360 img { 
	vertical-align:top;
}


.pr25 {
	padding-right:25px;
}



/* header
---------------------------------------------*/

#header{
	width:948px;
	height:56px;
	margin-left:1px;
	background:#fff;
	overflow:hidden;
}
#header p#logo {
	float:left;
	width:185px;
	margin:9px 0 0 11px;
}
#header #header_right {
	float:right;
}
#header #header_right p ,
#header #header_right div{
	float:right;
}
#header #header_right div ul li {
	float:left;
	overflow:hidden;
}
#header #header_right div ul li a{
	display:block;
	height:18px;
}
#suzuken_logo {
	width:190px;
	margin:9px 0 0 10px;
}
#search_box {
	width:236px;
	height:90px;
	background:url(../img/header_dashed.gif) no-repeat top right;
	margin-left:9px;
}
#search_box ul {
	height:18px;
	margin-top:7px;
}

#search_box table {
	clear:both;
}
* #search_box table {
	margin-top:-3px;
}
#search_box table td {
	vertical-align:bottom;
}
#search_box table img {
	margin-top:4px;
}
.g_text_box {
	width:120px;
	margin:5px 5px 0 7px;
}


#headNavi li#n01 {
	text-align:right;
	width:59px;
	margin-right:9px;
	height:20px;
}
#headNavi li#n01 img{
	vertical-align:top;
}
#headNavi li a#n02 {
	text-indent: -9999px;
	background: url(../img/text_s.gif) no-repeat;
	width: 18px;
	height:18px;
	margin-right:2px;
	font-size:0.5em;
	overflow:hidden;
}
#headNavi li a#n03 {
	text-indent: -9999px;
	background: url(../img/text_m.gif) no-repeat;
	width: 18px;
	height:18px;
	margin-right:2px;
	font-size:0.5em;
	overflow:hidden;
}
#headNavi li a#n04 {
	text-indent: -9999px;
	background: url(../img/text_l.gif) no-repeat;
	width:19px;
	height:18px;
	font-size:0.5em;
	overflow:hidden;
}

#headNavi li a#n02:hover {
	background: url(../img/text_s_ov.gif) no-repeat;
}
#headNavi li a#n03:hover {
	background: url(../img/text_m_ov.gif) no-repeat;
}
#headNavi li a#n04:hover {
	background: url(../img/text_l_ov.gif) no-repeat;
}


#sitemap {
	width:81px;
	height:52px;
	background:url(../img/header_dashed.gif) no-repeat top right;
	padding-top:7px;
}




/* footer
---------------------------------------------*/

#footer_head {
	clear:both;
	width:948px;
	height:20px;
	margin:0 auto 0;
}
#footer_head span {
	margin-right:20px;
}
* #footer_head span {
	margin-right:10px; /* IE6 */  
}
#footer_head img {
	margin-left:20px;
}
#footer {
	width:100%;
	height:33px;
	background:url(../img/footer_bg.gif) repeat-y;
	overflow:hidden;
}	
#footer p {
	overflow:hidden;
	width:100%;
	border-top:1px solid #999;
	padding:0 0 0 20px;
	margin-top:10px;
	color:#fff;	
	text-align:left;
	font-size:10px;
}

#footer_head_top {
	width:948px;
	background-color: #FFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 50px;
	clear: both;
	margin-top: -20px;
	padding-bottom: 10px;
}
#footer_head_top span {
	margin-right:20px;
}
* #footer_head_top span {
	margin-right:10px; /* IE6 */
}
*:first-child+html #footer_head_top {
	margin-bottom: 10px;
}
#footer_head_top img {
	margin-left:20px;
}
#footer_head_top #suzukencsr {
	margin-right: 10px;
}






/* g_navi
---------------------------------------------*/

#g_navi {
	width:948px;
	margin:0 auto 0;
}
#g_navi ul li{
	float:left;
}






/* pan
---------------------------------------------*/

#pan {
	clear:both;
	width:948px;
	height:39px;
	background:url(../img/pan_bg.gif) no-repeat top;
	margin:0 auto 0;
	overflow:hidden;
}

#pan span {
	display:block;
	margin:11px 0 0 21px;
	font-size:0.9em;
}




/* main_v
---------------------------------------------*/

#main_v {
	clear:both;
	position:relative;
	width:948px;
	height:230px;
	margin:0 auto 0;
}




/* sub_navi
---------------------------------------------*/

#main_v div#side_navi {
	position:absolute;
	top:0;
	left:0;
	width:219px;
	height:230px;
	background:url(../img/side_navi_bg.png) no-repeat left top;
	overflow:hidden;
}
#main_v div#side_navi ul {
	margin-top:25px;

}
#side_navi ul li img {
	margin:5px 0 0 16px;
}
#side_navi ul li.subnavi_ttl { margin-bottom: 22px ; }
#side_navi ul li.subnavi_01 ,
#side_navi ul li.subnavi_02 ,
#side_navi ul li.subnavi_03 ,
#side_navi ul li.subnavi_04 ,
#side_navi ul li.subnavi_05 ,
#side_navi ul li.subnavi_06 { margin-bottom: 2px ; }

#side_navi a {
	display:block;
	width:200px;
	height:23px;
	overflow:hidden;
}

#side_navi a:hover {
	background:#f5e6d1;
}


/* contents
---------------------------------------------*/


#contents {
	float:right;
	width:720px;
	margin-left:9px;
	overflow:hidden;
}

#contents h2 {
	clear:both;
	margin:15px 0;
}


#side_link {
	width:200px;
	margin:10px 0 0 6px;
}
#side_link img {
	margin-bottom:7px;
}


/* flash
---------------------------------------------*/

#flash_area {
	margin-left:1px;
	clear: both;
}