@charset "utf-8";
/* *****************************************************
*   base css
*   Since:2009-02-28
*   Editor:noriko kaminaga
***************************************************** */

/* style reset
---------------------------------------------------- */
html,body { margin: 0; padding: 0; height: 100%; }
h1,h2,h3,h4,h5,h6,p,em,address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

dl,dt,dd,ul,ol,li {margin: 0;padding: 0;list-style: none;font-weight: normal;}
img {background: transparent;}
table,a img {border: none;}


/* tags define
---------------------------------------------------- */
html>/**/body { overflow:-moz-scrollbars-vertical; } /* for firefox scroll area show */

html:first-child body {
	min-height: 100%;
	padding-bottom: 1px;
}	/* for opera scroll area show */

body {
	color: #FFFFFF;
	line-height: 1.5em;
	background-color: #000000;
}

a {
	/*\*/
   overflow: hidden;
	/**/
}	/* for firefox */

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
table caption { text-align: left; }


/* font family setting and body tag define
---------------------------------------------------- */
body {
	font-size: 100%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center; /* for win ie */
}

* html body {
	font-size: 75%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:baseline;
} /* for win ie6 */

*:first-child+html body {
	font-size: 75%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for win ie7 */

html>body {
	font-size: 12px;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for mac safari firefox */



/* structure
---------------------------------------------------- */
#container {position: relative;width: 780px;margin: 0 auto;text-align: left;}

#header{width: 780px;height: 105px;position: relative;margin-bottom:25px;}

#header h1{margin-top:30px;margin-left:20px;}

#header ul#headNav{height:19px;margin-top:25px;padding-left:450px;background-color: #414141;}
#header ul#headNav li{float:left;}


#contents{
	width: 780px;
}

#wrapper1{
	float:left;
	margin-right:40px;
	margin-bottom:20px;
	width:180px;
	text-align:right;
}
#wrapper2{
	float:right;
	margin-bottom:20px;
	width:550px;
}


#footer {
	text-align: center;clear:both;color: #6E6E6E;
	border-top: 3px solid #6E6E6E;padding-top:10px;padding-bottom:30px;
}




/* clear
---------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    line-height:0; 
    visibility: hidden;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}
.clr{clear:both;}



/* link
---------------------------------------------------- */
a {color: #7FC31C;text-decoration: none;}
a:hover {color: #C5E230; text-decoration: underline;}
a:active {color: #C5E230; text-decoration: underline;}


/* global navigation
---------------------------------------------------- */
ul#globalNav{width:180px;text-align:right;}
ul#globalNav a {display: block;outline:none;}
ul#globalNav li {margin-bottom:20px;}
ul#globalNav li em{visibility: hidden;font-size: x-small;display: block;}

ul#globalNav li#nv1 a,ul#globalNav li#nv1p a,
ul#globalNav li#nv2 a,ul#globalNav li#nv2p a{width:180px;height:16px;}
ul#globalNav li#nv3 a,ul#globalNav li#nv3p a{width:180px;height:16px;}
ul#globalNav li#nv4 a,ul#globalNav li#nv4p a{width:180px;height:16px;}

ul#globalNav li#nv1 a{background: url(img_cmn/nv_home1.jpg) no-repeat right;}
ul#globalNav li#nv2 a{background: url(img_cmn/nv_rs1.jpg) no-repeat right;}
ul#globalNav li#nv3 a{background: url(img_cmn/nv_s2k1.jpg) no-repeat right;}
ul#globalNav li#nv4 a{background: url(img_cmn/nv_sp1.jpg) no-repeat right;}

ul#globalNav li#nv1 a:hover{background: url(img_cmn/nv_home2.jpg) no-repeat right;}
ul#globalNav li#nv2 a:hover{background: url(img_cmn/nv_rs2.jpg) no-repeat right;}
ul#globalNav li#nv3 a:hover{background: url(img_cmn/nv_s2k2.jpg) no-repeat right;}
ul#globalNav li#nv4 a:hover{background: url(img_cmn/nv_sp2.jpg) no-repeat right;}

ul#globalNav li#nv1p a{background: url(img_cmn/nv_home3.jpg) no-repeat right;}
ul#globalNav li#nv2p a{background: url(img_cmn/nv_rs3.jpg) no-repeat right;}
ul#globalNav li#nv3p a{background: url(img_cmn/nv_s2k3.jpg) no-repeat right;}
ul#globalNav li#nv4p a{background: url(img_cmn/nv_sp3.jpg) no-repeat right;}




/* margin padding
---------------------------------------------------- */
.mb15  { margin-bottom: 15px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb40  { margin-bottom: 40px !important; }


/* font size
---------------------------------------------------- */
.ftSmall {font-size: x-small !important; }
.ft14 {font-size: 14px !important; }


/* font color
---------------------------------------------------- */
.colWhite{ color: #FFFFFF;}
.colGrn{ color: #669933;}
.colRtGrn{color: #D4F032;}
.colRtRed{color: #CC3366;font-weight: bold;font-size: 95%;}
.colRtGrnBig{color: #7EC11C;font-size: 130%;font-weight: bold;}


/* h
---------------------------------------------------- */	
h2{margin-bottom:20px;padding-top:6px;padding-left:5px;border-top: 4px solid #414141;}
h4{margin-bottom:10px;padding-top:6px;padding-left:5px;border-top: 4px solid #414141;}
h3{margin-bottom:8px;padding-left:5px;}

/* top
---------------------------------------------------- */	
#wrapper2 ul#newsarea{margin-left:10px;}
#wrapper2 ul#newsarea li{margin-bottom:10px;}
#wrapper2 ul#newsarea li img{margin:20px;}


/* color variation
---------------------------------------------------- */	
#color{clear:both;margin-bottom:45px;padding-top:6px;padding-left:5px;border-top: 4px solid #414141;}

/* list
---------------------------------------------------- */
#wrapper2 ul#list{margin-left:15px;}
#wrapper2 ul#list li{
	float:left;background-color: #FFFFFF;padding: 5px;width:135px;
	color: #6E6E6E;line-height:1.2em;margin-right:20px;margin-bottom:15px;
}
#wrapper2 ul#list li.last{margin-bottom:30px;}
#wrapper2 ul#list li img{display:block;margin-bottom:5px;}
#wrapper2 ul#list li a{text-decoration: none;color: #6E6E6E;display:block;}
#wrapper2 ul#list li a:hover img,#wrapper2 ul#list li a:active img{
    filter: Alpha(opacity=50); /* IE系 */
    opacity:0.5; /* Mozzila系 */
}

/* detail
---------------------------------------------------- */
#wrapper2 #detail {margin-left:7px;color:#999999;line-height:1.6em;margin-bottom:20px;}
#wrapper2 #detail img{background-color: #FFFFFF;padding: 6px;margin-right:10px;margin-bottom:10px;float:left;display:block;}

/* user
---------------------------------------------------- */
#wrapper2 #user{margin-left:7px;}
#wrapper2 #user img{margin-right:5px;margin-bottom:5px;border: 5px solid #666666;}

/* text area
----------------------------------------------------  */
#wrapper2 #textpage {margin-left:7px;color:#E4E4E4;line-height:1.6em;margin-bottom:20px;}
#wrapper2 #textpage p{margin-bottom:30px;}
#wrapper2 #textpage p img{float:left;margin-right:8px;margin-bottom:8px;}



/* memo
---------------------------------------------------- */
#wrapper2 #donor{border-top: 4px solid #414141;border-bottom: 4px solid #414141;margin-bottom:15px;}
#wrapper2 #donor img{margin-top:10px;margin-bottom:25px;}
	
#wrapper2 ul#memo{margin-left:5px;}
#wrapper2 ul#memo li{float:left;width:168px;color: #CCCCCC;line-height:1.2em;margin-right:11px;margin-bottom:30px;}
#wrapper2 ul#memo li img{display:block;background-color: #666666;padding:4px;margin-top:5px;}