@charset "utf-8";
/* CSS Document */


/*reset
=================================*/
body, h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, li, dl, dt, dd,
th, td, address, form, blockquote,
em, strong, del, ins, code, var {
	margin: 0;
	padding: 0;
	font-family:Verdana,"MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-weight: normal;
}


/*basic
=================================*/
/* General parameter setting
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
th, td, address, form, blockquote {
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1.0em;
}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
	font-size: 100%;
}

caption {
	text-align: left;
}

img {
	vertical-align: bottom;
	border: none;
}

li {
	list-style-type: none;
}

hr {
	display:none;
	clear:both;
}


/* Phrase elements styles
--------------------*/
em {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

/*clearfix
=================================*/
.clearfix{
	overflow:hidden;
}
* html .clearfix{
	height:1%;
}



/* layout
=====================================================================*/
body{
	background:#ffffff;
	color:#5b6a70;
	font-size:13px;
	line-height:1.5em;
}
select,input,button,textarea,button {
	font-size: 99%;
}
sup {
	line-height: 100%;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	vertical-align: -0.1em;
}
/*link
=================================*/
a:link {color: #008dcb; text-decoration: none;}
a:visited {color: #a9478b; text-decoration: none;}
a:hover {color: #e53f91; text-decoration: underline}
a:active {color: #e53f91; text-decoration: underline;}
.link a{
	background:url(../images/icon_blueArrow.gif) no-repeat left 0.4em;
	padding-left:8px;
}


/* head
=================================*/
#head{
	width:1000px;
	margin:0px auto 10px auto;
	padding-top:20px;
	overflow:hidden;
	}
	
* html #head{
		height:1%;
	}
	
#top #head h1,
#pgs #head p{
	float:left;
	width:431px;
}

#head #headLinks{
	float:right;
	width:310px;
	margin-top:60px;
}

* html #head #headLinks{
	width:325px;
}

#head #headLinks li{
	float:left;
	font-size:83%;
	margin-left:12px;
}

#head #headLinks li.link a{
	background:url(/common/images/icon_purpleArrow.gif) no-repeat left 0.4em;
	padding-left:8px;
}


#head #headLinks li#fontSize a{
	float:left;
	margin-right:4px;
	vertical-align:middle;
}

#head #headLinks li#fontSize img{
	float:left;
	vertical-align:middle;
	padding-top:2px;
	margin-right:6px;
}
	

/* dropdown menu
=================================*/

#glNavi{
	background:url(../images/bg_glNavi.gif) repeat-x top;
}

#glNavi .inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

* html #glNavi .inner{
	height:1%;
}

#glNavi dl.dropdown {
	float:left;
	}
#glNavi dl.dropdown dt {
	display: block;
    height: 48px;
    text-indent: -9999px;
    cursor:pointer;
	background:url(../images/glNavi.gif) no-repeat 0 0;
	font-size:0.1em;
	line-height:0.1em;
	}

#glNavi dl#qanda dt{
	width:179px;
	background-position:0 0;
}
#glNavi dl#qanda dt:hover{
	background-position:0 -48px;
}

#glNavi dl#donor dt{
	width:137px;
	background-position:-179px 0;
}
#glNavi dl#donor dt:hover{
	background-position:-179px -48px;
}

#glNavi dl#knowledge dt{
	width:183px;
	background-position:-316px 0;
}
#glNavi dl#knowledge dt:hover{
	background-position:-316px -48px;
}

#glNavi dl#status dt{
	width:172px;
	background-position:-499px 0;
}
#glNavi dl#status dt:hover{
	background-position:-499px -48px;
}

#glNavi dl#recipient dt{
	width:138px;
	background-position:-671px 0;
}
#glNavi dl#recipient dt:hover{
	background-position:-671px -48px;
}

#glNavi dl#bank dt{
	width:191px;
	background-position:-809px 0;
}
#glNavi dl#bank dt:hover{
	background-position:-809px -48px;
}


	 
#glNavi dl.dropdown dd {
	position:absolute; 
	overflow:hidden;
	width:208px; 
	display:none; 
	background:#ecbff1; 
	z-index:200; 
	filter: Alpha(Opacity=60);
	opacity:0.60;
}
#glNavi dl.dropdown ul {
	width:204px;
	list-style:none;
	border-top:none;
}

#glNavi dl.dropdown li{
	background:url(../images/icon_pinkArrow.gif) no-repeat 16px 0.7em;
	border-bottom:1px solid #d790df;
	border-top:1px solid #feeaf4;
	padding:0 0 0 20px;
	font-size:92%;
	line-height:1.2em;
}

#glNavi dl.dropdown li:hover {
	background:url(../images/icon_pinkArrow.gif) no-repeat 16px 0.7em #fab1d6;
}

#glNavi dl.dropdown a, 
#glNavi dl.dropdown a:active, 
#glNavi dl.dropdown a:visited {
	display:block; 
	padding:5px; 
	color:#596b73; 
	text-decoration:none;
	width:180px}




/* foot
=================================*/
#top #pagaTop{
	text-align:right;
	width:1000px;
	margin:25px auto 0 auto;
}

#pgs #pagaTop{
	text-align:right;
	width:960px;
	margin:25px auto 0 auto;
} 

#foot{
	background:url(../images/bg_footLink.gif) repeat-x top;
	padding-top:15px;
}

#footNavi{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#footNavi li{
	border-left:1px solid #008dcb;
	padding-left:20px;
	margin-right:20px;
	float:left;
	line-height:1.2em;
}

#foot address{
	text-align:center;
	font-size:83%;
	color:#b4b4b4;
	margin-top:28px;
}