@charset "Shift_JIS";

/* =======================================



	公益財団法人マツダ財団ホームページ

	

	全ページ共通　基本設定用CSS

	

 -----------------------------------------

	INDEX

 -----------------------------------------



	要素の設定

	ページレイアウト

	ヘッダー詳細

	左メニュー詳細

	助成実績検索

	フッター詳細



========================================== */







/* ==========================================

	要素の設定

========================================== */



body {

	margin: 0;

	padding: 0;

	background: url(../img/bg.png) repeat-x;

	color: #333333;

	font-size: 87.5%;/* 14px相当 */

	line-height: 1.5;

}



a {}

a:link { color:#007FCC; }

a:visited { color:#663399; }

a:hover {}

a:active { color:#FF3300; }



h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	margin: 0;

	padding: 0;

}



p {

	margin-bottom: 0.5em;

	margin-top: 0.5em;

	padding: 0;

}



img {

	border: 0;

	margin: 0;

	padding: 0;

	line-height: 0;

}



ul, ol, li {

	list-style: none;

	margin: 0;

	padding: 0;

}



dl, dt, dd {

	margin: 0;

	padding: 0;

}

dt {

	font-weight: normal;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

th {

	font-weight: normal;

}





/* ==========================================

	ページレイアウト

========================================== */



#container {

	width:980px;

	margin:0 auto;

	padding:0;

}



/* ヘッダーエリア --------*/

#container #header {

	padding: 0;

}



/* コンテンツエリア --------*/

#container #contents {

	clear:both;

	padding-top:20px;

}



/* 左コンテンツエリア --------*/

#container #contents #left_contents {

	float: left;

	margin-right: 10px;

	width: 200px;

}



/* メインコンテンツエリア --------*/

#container #contents #main_contents {

	float: right;

	width: 760px;

}







/* ==========================================

	ヘッダー詳細

========================================== */



/* ヘッダー内　要素リセット

----------------------------------- */

#container #header ul,

#container #header li {

	margin: 0;

	padding: 0;

	list-style: none;

}



/* ロゴ

----------------------------------- */

#container #header .logo {

	margin:20px 0 5px 0;

	padding:0;

}



/* グローバルメニュー

----------------------------------- */

#container #header #menu li {

	position: relative;

	float: left;

	margin:15px 0 0 0;

	padding: 0;

	z-index:10;

}



#container #header #menu li#menu_01 {

	width: 219px;

	height: 40px;

	background:url(../img/menu01_off.png) no-repeat;

}



#container #header #menu li#menu_01:hover {

	width: 219px;

	height: 40px;

	background:url(../img/menu01_on.png) no-repeat;

}



#container #header #menu li#menu_02 {

	width: 186px;

	height: 40px;

	background:url(../img/menu02_off.png) no-repeat;

}



#container #header #menu li#menu_02:hover {

	width: 186px;

	height: 40px;

	background:url(../img/menu02_on.png) no-repeat;

}



#container #header #menu li#menu_03 {

	width: 202px;

	height: 40px;

	background:url(../img/menu03_off.png) no-repeat;

}



#container #header #menu li#menu_03:hover {

	width: 202px;

	height: 40px;

	background:url(../img/menu03_on.png) no-repeat;

}



#container #header #menu li#menu_04 {

	width: 186px;

	height: 40px;

	background:url(../img/menu04_off.png) no-repeat;

}



#container #header #menu li#menu_04:hover {

	width: 186px;

	height: 40px;

	background:url(../img/menu04_on.png) no-repeat;

}



#container #header #menu li#menu_05 {

	width: 187px;

	height: 40px;

	background:url(../img/menu05_off.png) no-repeat;

}



#container #header #menu li#menu_05:hover {

	width: 187px;

	height: 40px;

	background:url(../img/menu05_on.png) no-repeat;

}



/* グローバルメニュー　プルダウン ----------*/

#container #header #menu li ul {

	display: none;

	position: absolute;

	top: 35px;

	background:url(../img/menu_bg.png) top repeat-x #46B0EE;

	border: solid 1px #007FCC;

	padding:5px;

	min-height:15px;

}



#container #header #menu li ul li {

	margin: 0;

	padding:3px 0 3px 10px;

	border-bottom:dashed #50AAFF 1px;

	background:url(../img/list_icon.png) left top no-repeat;

}



#container #header #menu li ul li ol {

	list-style:none;

	margin: 0;

	padding: 0;

}



#container #header #menu li ul li ol li {

	margin: 0;

	padding:3px 0 3px 10px;

	border-bottom:none;

	background:url(../img/list_icon.png) left center no-repeat;

}



#container #header #menu li#menu_01 ul li { width: 197px; }

#container #header #menu li#menu_02 ul li { width: 165px; }

#container #header #menu li#menu_03 ul li { width: 180px; }

#container #header #menu li#menu_04 ul li { width: 164px; }

#container #header #menu li#menu_05 ul li { width: 160px; }

#container #header #menu li ul li a {

	display: inline-block;

	line-height:1.5em;

	color:#FFFFFF;

	font-size:12px;

	font-weight:bold;

	text-decoration: none;

}

#container #header #menu li ul li a:hover {

	text-decoration: underline;

}







/* ==========================================

	左メニュー詳細

========================================== */



/* 左メニュー内　要素リセット

----------------------------------- */

#container #contents #left_contents ul,

#container #contents #left_contents ul li{

	margin: 0;

	padding: 0;

	list-style: none;

}



/* accordion --------*/

#container #contents #left_contents #side_menu {

	background: #DFDFD0;

	border: solid #DFDFD0 1px;

	font-size: 90%;

	z-index: 1;

}



#container #contents #left_contents #side_menu ul.accordion_ul {

	border:solid #FFFFFF 1px;

	margin:0;

	padding:5px 5px 0px 5px;

	list-style: none;

}

#container #contents #left_contents #side_menu ul.accordion_ul li {

	border:solid #CCCCCC 1px;

	background:#FFFFFF url(../img/side_menu_bg.gif) no-repeat bottom right;

	padding:7px;

	font-weight:bold;

	margin:0 0 5px 0;

	color:#414151;

}

#container #contents #left_contents #side_menu ul.accordion_ul li ul {

	border-top:dashed #CCCCCC 1px;

	margin-top:5px;

	padding-top:5px;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2 {

  cursor: pointer;

  position: relative;

	font-size:100%;

	margin: 0;

	padding: 0;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2 a {

	color:#414151;

	text-decoration:none;

	display:block;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2:hover , 

#container #contents #left_contents #side_menu ul.accordion_ul li span h2 a:hover {

	color:#007FCC;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2:before , 

#container #contents #left_contents #side_menu ul.accordion_ul li span h2:after {

	display: block;

	position: absolute;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2.active:before {

	margin-top: -2px;

	color:#007FCC;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span h2.active:after {

	margin-top: 3px;

	color:#007FCC;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li {

	border:none;

	background:none;

	color:#007FCC;

	margin:0 0 0 17px;

	padding:0;

	list-style:url(../img/arrow.gif);

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li a {

    position: relative;

    display: block;

		text-decoration: none;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li a:hover {

		text-decoration: underline;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li a:before , 

#container #contents #left_contents #side_menu ul.accordion_ul li span li a:after{

  display: block;

  position: absolute;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li ol {

	padding:0;

}

#container #contents #left_contents #side_menu ul.accordion_ul li span li ol li {

	border:none;

	background:none;

	font-weight:normal;

	color:#007FCC;

	margin:0 0 0 20px;

	padding:0;

	list-style:url(../img/list_img.jpg);

}





/* ==========================================

	助成実績検索

========================================== */



#container #contents #left_contents .search {

	margin-top: 15px;

}





/* ==========================================

	フッター詳細

========================================== */



#container #contents #footer {

	clear:both;

	padding-top:10px;

}

#container #contents #footer p { padding:0 10px 5px 10px; }

#container #contents #footer p#footer_logo { padding:0 10px; }

#container #contents #footer p#last_modified {

	float:right;

	margin-top:-30px;

	font-size:85.71%;/* 基準14pxの場合、12px */

}

#container #contents #footer p#copyright {

	background:#007FCC;

	clear: both;

	color:#FFFFFF;

	font-size:90%;

	height:20px;

	padding:5px 10px;

	text-align:right;

}



#container #contents #footer ul.footermenu {

	padding:0 10px 5px 10px;

}

#container #contents #footer ul.footermenu:after {

	display: block;

	clear: both;

	content: ""; 

}

#container #contents #footer ul.footermenu {

	*zoom: 1;

}

#container #contents #footer ul.footermenu li {

	background-image: url(../img/arrow_footermenu.gif);

	background-position: left .4em;

	background-repeat: no-repeat;

	margin: 0 1em 0 0;

	padding-left: 8px;

	float: left;

}