@charset "utf-8";

/* ----------- NAHA Marathon Report ----------- /

	Last update :: 2009. 12. 17 
	
	
	
 -------------------------------------------- */

#main h2 {
	margin-bottom: 10px;
	}

/* ---------- main menu ---------- */

#main .menuList {
	background: url(/images/stepup/naha/menu_bg.gif);
	padding-left: 4px;
	margin-bottom: 30px;
	}

#main .menuList li {
	float: left;
	padding-right: 4px;
	margin-bottom: 0;	
	}

#main .menuList li img {
	vertical-align: bottom;	
	}

/* ---------- contents area ---------- */

.contentsArea {
	width: 710px;
	float: right;
	}

.contentsArea .section {
	margin-bottom: 40px;
	}

.contentsArea h3 {
	margin-bottom: 30px;
	}

.contentsArea h4 {
	margin-top: 30px;
	margin-bottom: 15px;
	}

.contentsArea .photo {
	margin-bottom: 10px;
	}

.contentsArea .photo img {
	vertical-align: bottom;
	}

.contentsArea .txt {
	margin-bottom: 1em;
	}
	
.contentsArea .large_txt {
	font-size: 123.1%;
	font-weight: bold;
	}

#btn_next {
	clear: both;
	text-align: center;
	margin: 20px auto;
	}

/* ----------- left side navigation ----------- */

#sideNav {
	width: 200px;
	float: left;
	}

#sideNav div {
	border: 6px solid #e6e6e6;
	margin-bottom: 20px;
	}

#sideNav div a,
#sideNav div a:visited {
	color: #FF6600;
	text-decoration: underline;
	}

#sideNav div a:hover {
	color: #FF9900;
	text-decoration: none;
	}

#sideNav div h3 {
	margin: 3px 3px 6px;
	}

#sideNav div dl {
	padding-top: 10px;
	border-bottom: 2px dashed #e6e6e6; 
	}

#sideNav div dl.none {
	border:none;
	}

#sideNav div dl dd {
	padding: 0 1em;
	margin-bottom: 1em;
	}

#sideNav div dl dd.nav_btn {
	text-align: center;
	}
	
#sideNav div .banner {
	text-align: center;
	margin: 0 auto 5px;
	}

#sideNav div p.txt {
	padding: 0 1em;
	margin-bottom: 1em;
	}

.movie_area {
	width: 320px;
	}


/* process */

#process #mov01 {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 30px 0;
	}

#process #mov01 .movie_area {
	float: left;
	width: 320px;
	height: 180px;
	}

#process #mov01 p {
	padding-top: 6em;
	margin-left: 360px;
	}
	
/* reporter */

div#pickup {
	width: 390px;
	float: left;
	margin-bottom: 10px;
	}
	
div#player {
	width: 320px;
	float: left;
	}

div#player object {
	width: 320px;
	height: 180px;
	margin-bottom: 10px;
	}


dl.ph_set {
	float: left;
	width: 220px;
	padding-right: 25px;
	}

.mb30 {
	margin-bottom: 30px;
	}

dl.last {
	padding-right: 0;
	}

#aim {
	clear: both;
	border: 1px solid #e6e6e6;
	padding: 12px;
	}

#aim #portrait {
	width: 200px;
	float:left;
	}

#aim .inner {
	width: 480px;
	float:right;
	}

#aim .inner h4 {
	margin: 0px auto 20px;
	
	}

#aim .inner h5 {
	font-size: 123.1%;
	font-weight: bold;
	color: #005baf;
	margin: 20px 0px 15px;
	}
	
/* album */

#album ul {
	padding-left: 15px;
	}

#album ul li {
	float:left;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 20px;
	}

#album ul li span {
	display: block;
	min-height: 4em;
	height: auto !important;
	height: 4em;
	margin-top: 10px;
}