@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: AOSEF
	Description: details モジュール用
	Version: 1.0

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


/*
CONTENTS
==============================================================

	0: 汎用class

	1: div#wrapper
	
	2: div#header
	
	3: div#gnav

	4: div#content
		
	5: div#footer
	
==============================================================
*/
/*=========================================================
1: div#wrapper
=========================================================*/
#wrapper{
	margin: 0 auto;
	width: 400px;
	height: auto;
	border: 1px solid #666;
	background: #fff;
	text-align: left;
}


/*=========================================================
2: div#header
=========================================================*/
#wrapper #header{
	position: relative;
	width: 400px;
	height: 71px;
	background: url(../img/header_bg.gif) no-repeat 0 bottom;
}
#wrapper #header h1{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 77px;
	height: 46px;
}
#wrapper #header p{
	position: absolute;
	top: 17px;
	left: 100px;
	width: 224px;
	height: 33px;
}


/*=========================================================
4: div#content
=========================================================*/
#wrapper #content{
	padding: 0 10px;
	overflow: hidden;
}
#wrapper #content .section{
	position: relative;
	margin: 0 0 30px;
}
#wrapper #content .section p#photo{
	float: right;
}
#wrapper #content .section h2{
	margin: 20px 0 15px;
}
#wrapper #content .section p{
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
}
#wrapper #content .section strong{
	color: #08006a;
	font-size: 116%;
	font-weight: bold;	
}

.outside{
	display: block;
	margin: 0;
	padding: 2px 0 2px 20px;
	line-height: 18px;
	word-break: break-all;
	background: url(../../../common/img/external_link.gif) no-repeat 0 1px;
	overflow: hidden;
}
.mail{
	display: block;
	margin: 0;
	padding: 2px 0 2px 20px;
	line-height: 18px;
	word-break: break-all;
	background: url(../../../common/img/mail.gif) no-repeat 0 1px;
	overflow: hidden;
}

/*
details (deta)
=========================================================*/
#wrapper #content .section dl{
	margin: 15px 0 0 0;
	padding: 0 5px;
}
#wrapper #content .section dl dt{
	font-size: 116%;
	font-weight: bold;
}
#wrapper #content .section dl dd.lastchild{
	margin: 0 0 15px;
}

/*
details (link to)
=========================================================*/
#wrapper #content #linkTo dl{
	margin: 15px 0 0 0;
	padding: 0 5px;
}
#wrapper #content #linkTo dl dt{
	font-size: 116%;
	font-weight: bold;
}
#wrapper #content #linkTo dl dd{
	margin: 0 0 15px;
}



/*
.close
=========================================================*/
#wrapper #content #close{
	display:inline-block;
	width: 380px;
	margin: 0 0 20px 0;
}
#wrapper #content #close a{
	float: right;
	display: block;
	width: 57px;
	height: 18px;
	text-indent: -99999px;
	background: url(../img/close.gif) no-repeat 0 0;
	overflow: hidden;
}






/*=========================================================
5: div#footer
=========================================================*/
#wrapper #footer{
	margin: 0 10px;
	padding: 10px 0;
	width: 380px;
	text-align: center;
	background: url(/common/img/dotted.gif) repeat-x 0 top;
}