﻿/* hack
------------------------------------------------ */
#center {_height:1%;}
* { margin:0px; 
	padding: 0px; 
	font-family: "MS UI Gothic",Vardana, Sans-selif; }

/* グローバル
------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	font-size:95%;
	color: #000000;}
* {background:none;}
h1,h2,h3,h4,h5,h6 {}

img {
	margin: 0px;
	padding: 0px;
}
/* =============================================
		文字の設定 
==============================================*/
h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 90%;
 color: #334d55;
}

h2{
 font-size: 115%;
 color: #006699;
 margin:0px 0px 30px 0px;
}

h3{
 font-size: 90%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

#title {
	background: url(../images/title_back.gif) no-repeat;
	width: 100%;
	padding: 4px 0px 5px 20px;
	margin:0px 0px 5px 0px;
	font-size:130%;
	font-weight:bold;
	color:#ffffff;	
}

#title_sub {
	width: 100%;
	margin:0px 0px 10px 0px;
	font-size:130%;
	font-weight:bold;
	color: #006699;
	border-bottom: 1px solid #006699;	
}

.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }

.line00{ padding:10px; border: 2px solid #006699; }
/* レイアウト
------------------------------------------------ */
/*ページ全体の設定*/
#container {
	position:relative; 
	width:100%;
	height:100%;
	z-index:2;
	
}

#header { 
	width:800px; 
	padding:5px 5px 10px 5px;
	height:69px; 
	background:url(../images/header_backimg.gif) no-repeat ;
	background-position:0% 100%;
}

#mainback {
	position:absolute;
	height:250px;
	width: 100%;
	margin:0px 0px 0px 803px;
	background:url(../images/grayshadow.gif) repeat-y;
	z-index:1;

}

#container2 {
	width:809px;
	margin:0px 0px 0px 0px;
	z-index:3;
}

#main {
	float: right;
	width: 620px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../images/mainrightimg_mini.gif) repeat-y left top;
	background-color: #FFFFFF;
	background-position:100% 0%;
}

#maincontents {
	width: 580px;
	margin:0px 0px 0px 0px;
	background-color: #FFFFFF;
	background-position:100% 0%;
	z-index:4;
}
	
#left {
	position:absolute;
	width: 130px;
	height:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(../images/menu_back.gif) no-repeat;
	z-index: 5;
}

#footer {
	float: left;
	bottom:0px;
	width:820px; 
	height:50px; 
	margin:0;
    background:url(../images/main_bottomimg.gif) no-repeat ;
	background-position:0% 0%;
}

/* パンくずリスト
------------------------------------------------ */
#headerleft { float:left; }
#headerright { float:right; }
.TopicPathTable {border-collapse: collapse;}
.TopicPathCell { padding:3px; font-size: 80%; color: #333333; }
.TopicPathText{ 
    background: url(../images/pan.gif) no-repeat center right;
    padding-right: 12px;
    padding-left:3px;
    font-size: 80%;
    color: #333333;
}

/* =============================================
	id=header「ヘッダーエリア」
==============================================*/

/* ヘッダーレイアウト
------------------------------------------------ */
#header h1 { 
    float: left; 
    padding: 15px 0px 15px 38px;
}

#headerleft { 
	width: 550px;
	float:left; 
}
#headerright {
	width: 200px;
	text-align:right;
	padding: 0px 24px 0px 20px;
}

/* ヘッダーパーツ
------------------------------------------------ */
#japanese { 
	width: 77px;
	margin:10px 0px 10px 0px;
	background:url(../images/japanese_off.gif) no-repeat; top}
#japanese :hover { background:url(../images/japanese_ov.gif) no-repeat;}





/* =============================================
	id=topimg「トップページFLASH」
==============================================*/
#topimg {  }

/* サイドメニュー
------------------------------------------------ */



/* =============================================
	id=left「サイドエリア」
==============================================*/
#left { }

/* サイドメニュー
------------------------------------------------ */

ul#menu{
	margin:0px;
	padding:0px;
	list-style:none outside;
}

ul li.menuListoff {
	position:relative;
	width:130px;
	*height:32px;
	top:0px;
	overflow:hidden;
	list-style:none outside;
	z-index:6;
}
	
ul li.menuListon {
	clear:both;
	width:260px;
	top:0px;
}	

ul li.menuListon { display:block; }



#menu01 { background:url(../images/introduction.gif) no-repeat; top}
#menu01 :hover { background:url(../images/introduction_ov.gif) no-repeat;}

#menu02 { background:url(../images/aboutus.gif) no-repeat; }
#menu02 :hover { background:url(../images/aboutus_ov.gif) no-repeat;}

ul li#menu03 { background:url(../images/activities.gif) no-repeat; }
ul li#menu03 :hover { background:url(../images/activities_ov.gif) no-repeat;}

#menu04 { background:url(../images/introduction.gif) no-repeat; }
#menu04 :hover { background:url(../images/activities_ov.gif) no-repeat;}

#menu05 { background:url(../images/member.gif) no-repeat; }
#menu05 :hover { background:url(../images/member_ov.gif) no-repeat ; }

#menu06 { background:url(../images/contact.gif) no-repeat; }
#menu06 :hover { background:url(../images/contact_ov.gif) no-repeat;}




/* サブメニュー
------------------------------------------------ */

ul#submenu { 
	list-style:none outside;
	margin:0px;
	padding:0px;
	background-color:#007399;
	
}

ul#submenu {
	position:absolute;
	overflow:visible;
	float:right;
	height:140px;
	left:150px;
	top:70px;
	*top:64px; /*IE*/
}
#submenu li{
	margin:0px 0px -4px 0px;
	*margin:0px 0px 0px 0px;/*IE*/
 }
 
ul#submenu #submenu01 { background:url(../images/training_ov.gif) no-repeat; }
ul#submenu #submenu01 :hover { background:url(../images/training.gif) no-repeat;}

ul#submenu #submenu02  { background:url(../images/publications.gif) no-repeat;}
ul#submenu #submenu02 :hover { background:url(../images/publications_ov.gif) no-repeat;}

ul#submenu #submenu03 { background:url(../images/international.gif) no-repeat; }
ul#submenu #submenu03 :hover { background:url(../images/international_ov.gif) no-repeat;}

ul#submenu #submenu04 { background:url(../images/apanprawards.gif) no-repeat; }
ul#submenu #submenu04 :hover { background:url(../images/apanprawards_ov.gif) no-repeat;}

ul#submenu #submenu05 { background:url(../images/prplanner.gif) no-repeat; }
ul#submenu #submenu05 :hover { background:url(../images/prplanner_ov.gif) no-repeat;}

ul#submenu #submenu06 { background:url(../images/reporting.gif) no-repeat; }
ul#submenu #submenu06 :hover { background:url(../images/reporting_ov.gif) no-repeat;}



/* =============================================
	id=main 「メインエリア」
==============================================*/

/* トップページ
------------------------------------------------ */

#flash { 
	margin:0px 0 0 170px;
}

#topimg {
	height:250px;
	width: 100%;
	margin:0px 0px 0px 0px;
	background:url(../images/main_rightimg.gif) repeat-y;
	background-color: #999999;
	background-position:0% 0%;

}

#topcontainer2 {
	width:809px;

}

#topmain {
	float: right;
	width: 620px;
	padding:30px 0px 0px 0px;
	background:url(../images/mainrightimg_mini.gif) repeat-y left top;
	background-position:100% 0%;
}

#main_content {
	padding: 10px 20px 10px 10px;
	margin:0px 0px 50px 0px;

}

#main_content01{
	padding: 10px 20px 10px 10px;
	margin:0px 0px 20px 0px;
}

#main_content02{
	padding: 10px 20px 0px 10px;
	margin:0px 0px 0px 0px;
}

#topleft {
	position:absolute;
	width: 400px;
	height:500px; 
	margin:-250px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(../images/menu_back.gif) no-repeat ;
}

/* japanPRawards ページ
------------------------------------------------ */
.awards_yearttl{
	font-size:1.0em;
	color:#FFFFFF;
	background-color:#000033;
	font-weight:bold;
	padding:2px 5px;
	margin:5px 0px;
}

.awards_year{
	margin:10px 0px 3px 0px;

}

#awards table{
	width:100%
	color:#333333;
	border:1px solid #005599;
	border-spacing:1px;
	background-color:#c0c0c0;
}

#awards td {
	border-spacing:1px;
	background-color:#ffffff;
	padding:1px;
}






/* About Us ページ
------------------------------------------------ */

/* member table ------------------------------------------------ */ 
table.member{ 
	width:100%; 
	border-collapse:collapse; 
	border:solid 1px #dddddd; 
	padding:10px; 
	margin: 20px 20px 10px 10px; 
}
table.member tr th{ 
	background-color:#eeeeee; 
	border:solid 1px #dddddd; 
	padding:5px; 
	font-weight:bold; 
	text-align:left; 
	white-space:nowrap; 
} 
table.member tr td{ 
	border:solid 1px #dddddd; 
	padding:5px; 
} 
table.member tr.titleCELL{
	background-color:#EFEEE7; 
	border:solid 1px #dddddd; 
	padding:5px; 
	font-weight:bold; 
	text-align:left; 
	white-space:nowrap; 
} 


/* copyright
------------------------------------------------ */
.copyright {
	font-family: Verdana,Sans-Selif; 
	font-size: 8px; 
	margin-top: 15px;
}
