@charset "utf-8";

/*=================================================================
	
	DH / 15周年大同窓会 Digital Hollywood Reunion CSS
	・Customize: 2010.07/22

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


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body {
	color: #ffffff !important;
	background: #161616 !important;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


#layout {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}


h2 {
	margin: 0 0 10px 0;
}


a { color: #ff6600; text-decoration:underline;}
a:hover { color: #cc0000; text-decoration: none;}


/*-----------------------------------------------------------------
		基礎BOX
-----------------------------------------------------------------*/
.border-box {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #666666;
}



.container {
	width: 930px;
	padding: 10px;
	margin: 0 0 20px;
	background: #000000;
}

.container2 {
	width: 930px;
	padding: 10px 10px 0px 10px;
	_padding: 10px 10px 10px 10px;
	margin: 0 0 20px;
	background: #000000;
}


.v-hidden { visibility: hidden;}


/*　整列系　*/
.ta-center { text-align: center !important;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}


p {
	font-size: 75%;
	line-height: 145%;
}

.txt-ind15 {
	padding-left: 1.9em;
	text-indent: -1.9em;
}



/* 通常コンテンツ */
.two-left {
	float: left;
	width: 500px;
}

.two-right {
	float: right;
	width: 415px;
	padding: 5px 5px 5px 0;
}


/* 参加者 */
.mem-left {
	float: left;
	background: #1a1a1a;
	padding: 10px 5px 10px 10px;
	margin-bottom: 10px;
	width: 445px;
	min-height: 115px;
	_height: 115px;
}

.mem-right {
	float: right;
	background: #1a1a1a;
	padding: 10px 5px 10px 10px;
	margin-bottom: 10px;
	width: 445px;
	min-height: 115px;
	_height: 115px;
}

.mem-right-none {
	float: right;
	background: #000000;
	padding: 10px;
	margin-bottom: 10px;
	width: 440px;
	min-height: 115px;
	_height: 115px;
	font-size: 86%;
}

.inner-right {
	float: right;
	width: 335px;
}

.mem-left img,
.mem-right img {
	float: left;
}

.mem-left p,
.mem-right p {
	margin: 0 0 7px 0;
	line-height: 135%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.mem-left p,
	.mem-right p {
		font-size: 70%;
	}
}

.txt-name {
	font-size: 133%;
	font-weight: bold;
}


.ph-style {
	border: solid 2px #ffffff;
}




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

#header {
	background: #ffffff url(../image/header_bg.jpg) no-repeat center top;
	height: 633px;
	margin-bottom: 20px;
	overflow: hidden;
}

#header h1,
#header p {
	font-size: 1px;
	text-indent: -9999px;
	height: 1px;
	overflow: hidden;
}


#header .logo {
	width: 120px;
}

#header .logo a {
	height: 40px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
}


#header ul {
	widht: 950px;
	margin: 396px 0 0 0;
	padding: 0 0 0 0;
}

#header ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}

#header ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 950px;
	display: block;
	height: 39px;
	font-size: 1px;
	text-indent: -9999px;
	background: url(../image/navi.jpg) no-repeat left top;
	
}

#header ul li.g-01 a { background-position: 0px 0px;}
#header ul li.g-02 a { background-position: 0px -39px;}
#header ul li.g-03 a { background-position: 0px -78px;}
#header ul li.g-04 a { background-position: 0px -117px;}
#header ul li.g-05 a { background-position: 0px -156px;}


#header ul li.g-01 a:hover { background-position: 0px -195px;}
#header ul li.g-02 a:hover { background-position: 0px -234px;}
#header ul li.g-03 a:hover { background-position: 0px -273px;}
#header ul li.g-04 a:hover { background-position: 0px -312px;}
#header ul li.g-05 a:hover { background-position: 0px -351px;}



/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/

#footer {
	margin: 0 0 10px 0;
}


#footer .footer-left {
	float: left;
	width: 650px;
	padding: 5px 0 0 0;
	font-size: 65%;
	font-family: Helvetica;
}

#footer .footer-left img {
	margin-right: 5px;
	vertical-align: middle;
}

#footer .footer-right {
	float: right;
	width: 290px;
	font-size: 65%;
	text-align: right;
}