@charset "Shift_Jis";

/* ------------------------------------------------------------- CSS Information
 File Name:      style.css
 Author:         Buena Vision
 Style Info:     公益財団法人神奈川県交通安全協会　WEBサイト
 Date:			 100819
----------------------------------------------------------------------------- */

/*----------------------------------------------------------*/
/*共通部分*/
/*----------------------------------------------------------*/

body,h1,h2,h3,h4,h5,h6,div,p,pre,ul,ol,li,dl,dt,dd,table,th,td,form,img {
	margin:0;
	padding:0;
	border:0;
}

body {
	color:#555;
	background:url(../img/bg_body.gif) repeat-x #eee;
	text-align:center;
	font-family: meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,Geneva, Arial, Helvetica;	/* for IE 7 */
	font-size: 75%;
	line-height: 1;
	padding-bottom:5px;
}

html>/**/body {  
	font-size: 12px;  
} 
/* MAC,Win Vista*/  
* + html body {  
	font-family: "メイリオ","Meiryo";  
}
* html body {
   background-position: expression('center '+this.parentNode.scrollTop + 'px');
}

body div {
	text-align:left;
	margin: 0 auto;
}
a:link {color:#1161ba;text-decoration:none;}
a:visited {color:#1161ba;text-decoration:none;}
a:active {color:#1161ba;text-decoration:none;}
a:hover {color:#3595ff;text-decoration:underline;}

a.arrow {
	padding-left:10px;
	background:url(../img/arrow01_a.gif) no-repeat;
	background-position:0% 35%;
}

/*----------------------------------------------------------*/
/*全体コンテナ*/
/*----------------------------------------------------------*/

div#container {
	width:858px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#fff;
	text-align:left;
}
	

/*----------------------------------------------------------*/
/*ヘッダー*/
/*----------------------------------------------------------*/

div#header {
	background:url(../img/bg_header.gif) repeat-x #fff;
	height:66px;
	position:relative;
}
div#header h1 img {
	position:absolute;
	top:15px;
	left:20px;
}
div#header h1 a:hover img {
	border:1px solid #3595ff;
}


/*----------------------------------------------------------*/
/*TOP Flash*/
/*----------------------------------------------------------*/

div#flash {
	height:262px;
	position:relative;
}
div#flash object,
div#flash embed,
div#flash img {
	position:absolute;
	top:1px;
	left:1px;
}


/*----------------------------------------------------------*/
/*カテゴリー名表示エリア*/
/*----------------------------------------------------------*/

div#categoryname {
	background:url(../img/bg_categoryname.gif);
	padding:20px;
}
div#categoryname h2 {
	border-left:10px solid #00ade6;
	padding:5px 10px 0;
	font-size:150%;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:1.4;
	color:#555;
}


/*----------------------------------------------------------*/
/*パンくずリスト*/
/*----------------------------------------------------------*/

div#topicpath {
	background:url(../img/bg_topicpath.gif) repeat-x;
	text-align:right;
	padding:10px 20px;
	font-size:80%;
}
div#topicpath a {
	background:url(../img/arrow01_a.gif) no-repeat;
	padding:0 0 0 10px;
	background-position:0% 50%;
	margin-right:12px;
}
div#topicpath strong {
	background:url(../img/arrow01.gif) no-repeat;
	padding:0 0 0 10px;
	background-position:0% 50%;
	font-weight:normal;
}


/*----------------------------------------------------------*/
/*左エリア*/
/*----------------------------------------------------------*/

div#leftside {
	float:left;
	width:580px;
	padding:0 0 20px 20px;
	clear:both;
}
div#leftside p,
div#leftside table,
div#leftside img,
div#leftside h4,
div#leftside h5{
	clear:both;
}

div#leftside iframe {
	margin-bottom:10px;
	border:1px solid #dedede;
}

div#leftside p img.floatleft {
	float:left;
	padding:0 10px 10px 0;
}
div#leftside p img.floatright {
	float:right;
	padding:0 0 10px 10px;
}

/*▼タイトルエリア*/
div#leftside div.titlearea {
	float:left;
	width:576px;
	padding:2px 0 0 2px;
	background:#ededed;
	border:1px solid #dedede;
	height:25px;
	position:relative;
	margin-bottom:20px;
}
div#leftside div.titlearea h2 {
	position:absolute;
	top:2px;
	left:2px;
	line-height:0;
}
div#leftside div.titlearea h3 {
	position:absolute;
	top:2px;
	left:3px;
	line-height:1;
	border-left:8px solid #001b8e;
	font-size:125%;
	padding:6px 10px 0;
	height:17px;
	letter-spacing:0.1em;
	width: 500px;
}
:root *> div#leftside div.titlearea h3 {
	padding-top:5px;
	height:18px;
}

div#leftside div.titlearea p.sideoption {
	float:right;
	position:absolute;
	right:10px;
	padding-top:6px;
}
div#leftside div.titlearea p.sideoption a {
	padding-left:18px;
	background:url(../img/arrow02_a.gif) no-repeat;
	background-position:0% 40%;
	line-height:1;
}

/*▼段落設定*/
div#leftside p {
	padding:0 0 3px;
	line-height:1.5;
}
div#leftside p.right {
	text-align:right;
}
div#leftside p.large {
	padding:0 0 5px;
	line-height:1.7;
	font-size:120%;
}
div#leftside h4 {
	background:url(../img/bg_h4.gif) no-repeat;
	background-position:0 -10%;
	border-bottom:1px dashed #bbb;
	padding:0 0 0 20px;
	/padding-top:1px;
	font-size:115%;
	margin-bottom:5px;
	height:16px;
	color:#184869;
	line-height:1;
	width:580px;
}
div#leftside h4.simple {
	background:none;
	padding:3px 0 0 0;
}
div#leftside h5 {
	padding:5px 0 3px;
	font-size:110%;
	color:#003300;
	line-height:1;
}

div#leftside p.underspace,
div#leftside ul.underspace {
	padding-bottom:25px;
}
div#leftside table.style01.underspace,
div#leftside table.style02.underspace {
	margin-bottom:25px;
}

/*▼リスト設定*/
div#leftside ul.normal01 {
	margin:0 0 10px 20px;
}
div#leftside ul.normal01 li {
	list-style-type:circle;
	padding:0 0 3px 0;
	line-height:1.5;
}

/*▼テーブル・スタイル01*/
div#leftside table.style01 {
	width:580px;
	border-collapse:collapse;
	margin-bottom:10px;
}
div#leftside table.style01 th,
div#leftside table.style01 td {
	padding:5px 4px 1px;
	line-height:1.2;
	border:1px solid #bbb;
}
div#leftside table.style01 th {
	background:#e8f3fd;
	white-space:nowrap;
}


/*▼テーブル・スタイル02*/
div#leftside table.style02 {
	width:580px;
	border-collapse:collapse;
	margin-bottom:10px;
}
div#leftside table.style02 th,
div#leftside table.style02 td {
	padding:3px 2px 0;
	line-height:1.2;
	border-bottom:1px solid #bbb;
}
div#leftside table.style02 th {
	background:#ededed;
	white-space:nowrap;
	border-top:1px solid #bbb;
}


/*▼テーブル・メールフォーム用*/
div#leftside form table {
	width:100%;
	border-top:1px solid #bbb;
	border-collapse:collapse;
	margin-bottom:10px;
}
div#leftside form table tr th,
div#leftside form table tr td {
	border-bottom:1px solid #bbb;
	padding:5px;
	line-height:1.4;
}
div#leftside form table tr th {
	font-weight:normal;
	text-align:right;
	width:100px;
}
div#leftside form table tr th img{
	float:left;
	vertical-align:middle;
}
div#leftside form table tr td.imageappear{
	vertical-align:middle;
}
div#leftside form table tr td.imageappear img{
	float:left;
	vertical-align:middle;
	margin:0 10px 0 0;
}
div#leftside form table tr td input,
div#leftside form table tr td textarea,
div#leftside form table tr td select {
	border:1px solid #dedede;
	background:#ededed;
	font-size:16px;
	padding:3px;
	margin-bottom:3px;
}
div#leftside form table tr td textarea {
	font-size:14px;
}
div#leftside input.bt {
	background:#3399FF;
	border:3px outset #bbb;
	font-size:12px;
	padding:4px 4px 2px;
	line-height:1;
	color:#fff;
	font-weight:bold;
}


/*▼テーブル・スタイル その他設定*/
div#leftside table.widthauto {width:auto;}
div#leftside table.thleft th {text-align:left;}
div#leftside table th.clr01,
div#leftside table td.clr01 {background:#c7d9e9;}
div#leftside table th.clr02,
div#leftside table td.clr02 {background:#e5ecea;}
div#leftside table td.center {text-align:center;}


/*▼トピックスリスト*/
div#leftside dl.topics {  
	clear:both;
	width:576px;
	margin-bottom:20px;
}
div#leftside dl.topics dt {   
	float:left;    
	padding:5px 3px 3px;   
	clear:both;   
	font-weight:bold;
	color:#EB330C;
	font-size:120%;
	border-bottom:1px dashed #bbb;
	width:90px;
}   
div#leftside dl.topics dd {   
	margin-left:96px;
	padding:5px 5px 3px 10px;
	line-height:1;
	font-size:120%;
	border-bottom:1px dashed #bbb;
}  
div#leftside dl.topics dd a {
	padding-left:12px;
	background:url(../img/arrow01_a.gif) no-repeat;
	background-position:0% 40%;
}

/*▼ダウンロードリスト*/
div#leftside dl.download {  
	clear:both;
	width:576px;
	margin-bottom:20px;
}
div#leftside dl.download dt {   
	float:left;    
	padding:9px 0 1px 10px;   
	clear:both;
	border-bottom:1px dashed #bbb;
	line-height:1.2;
	width:400px;
	background:url(../img/arrow01.gif) no-repeat;
	background-position:0% 50%;
	height:20px;
}   
div#leftside dl.download dd {   
	margin-left:410px;
	padding:5px 5px 5px 5px;
	_padding:3px 5px 0 5px;
	border-bottom:1px dashed #bbb;
	text-align:right;
	line-height:1.2;
	height:20px;
	_height:10px;
}  


/*▼バナーエリア*/
div#leftside ul.bannerarea {  
	clear:both;
	width:568px;
	background:#ededed;
	padding:8px 0 3px 9px;
	border:1px solid #dedede;
}
div#leftside ul.bannerarea li {
	list-style-type:none;
	display:inline;
	line-height:0;
}
div#leftside ul.bannerarea li a img {
	border:1px solid #dedede;
	vertical-align:bottom;
	margin:0 9px 5px 0;
}
div#leftside ul.bannerarea li a:hover img {
	border:1px solid #3595ff;
}  

/*----------------------------------------------------------*/
/*右エリア*/
/*----------------------------------------------------------*/

div#rightside {
	float:right;
	width:220px;
	padding:0 20px 20px 16px;
}
div#rightside ul {
	line-height:0;
}
div#rightside ul li {
	list-style-type:none;
	padding-bottom:1px;
	line-height:0;
}
div#rightside ul li img {
	display:block;
}
div#rightside ul li.separate {
	margin-bottom:10px;
}

div#rightside ul li ul {
	background:url(../img/bg_subcategory.gif);
	border-top:1px solid #fff;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:4px 0;
	vertical-align:bottom;
}
div#rightside ul li ul li {
	line-height:1.2;
	padding:2px 0 2px 28px;
}
div#rightside ul li ul li a {
	background:url(../img/arrow03_a.gif) no-repeat;
	padding-left:10px;
	background-position:0% 40%;
}
div#rightside ul li ul li strong {
	background:url(../img/arrow03.gif) no-repeat;
	padding-left:10px;
	background-position:0% 40%;
}

/*----------------------------------------------------------*/
/*ページ上部に戻る*/
/*----------------------------------------------------------*/

p.pagetop {
	clear:both;
	text-align:right;
	padding:10px 20px;
}


/*----------------------------------------------------------*/
/*フッター部分*/
/*----------------------------------------------------------*/

div#footer {
	clear:both;
	background:url(../img/bg_footer.gif) repeat-x;
	border:1px solid #fff;
	width:856px;
	height:88px;
	position:relative;
}

/*▼フッターメインメニュー*/
#footer ul.mainmenu {
	position:absolute;
	top:14px;
	left:20px;
	margin:0 20px;
	width:92%;
}
#footer ul.mainmenu li {
	display:inline;
	list-style-type:none;
	padding:0 5px 0 10px;
	line-height:1.3;
	background:url(../img/arrow01_a.gif) no-repeat;
	background-position:0% 40%;
	font-size:95%;
}
/*▼コピーライト*/
#footer p.copyright {
	position:absolute;
	top:65px;
	left:20px;
}
/*▼フッター最下部メニュー*/
#footer ul.footmenu {
	position:absolute;
	top:65px;
	right:20px;
}
#footer ul.footmenu li {
	display:inline;
	list-style-type:none;
	padding:0 0 0 10px;
	margin-left:5px;
	background:url(../img/arrow01_a.gif) no-repeat;
	background-position:0 30%;
}