@charset "shift_jis";

/*==================================================================
　【 アスリートプラス 】

　1. default
　2. トップ

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


/*==================================================================
　1. default
==================================================================*/


/* Reset CSS
------------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}

ol, ul { list-style:none; } 

li { text-align:left; } 

caption, th { text-align:left; }

q:before, q:after {
	content:'';
	}
abbr, acronym {
	border:0;
	}

.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

.clearfix {
display: inline-block;
}


/* Base Style
------------------------------------------------------------ */

body {
	background-color:#ffffff;
	margin:18px 0 30px 30px;
}

body,td {
		font-family:Osaka, 'Lucida Grande', Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#outline {
	width:793px;
	background:url(images/bg_main.gif) repeat-y;
	text-align:center;
}

/* header */

#header ul {
	height:28px;
	background-color:#0000CC;
}

#header ul li {
	float:left;
	height:28px;
}

#header ul li.r-margin {
	margin-right:17px;
}


/* wrapper */

#wrapper {
	margin:7px 20px 50px	
}


/* footer */

#footer {
	width:791px;
	height:89px;
	margin:auto;
	background:#E1EAEF url(images/line_foot.gif) repeat-x bottom;
}

#footer ul {
	height:22px;
	background-color:#0000CC;
	padding-left:10px;
	width:782px;
	_width:781px;
}

#footer ul li {
	float:left;
	margin-right:10px;
}

#footer p {
	padding:10px 12px;
	color:#666666;
	font-size:65%;
	line-height:140%;
	text-align:left;
}
	

/*==================================================================
　2. TOP
==================================================================*/


/* Main Visual */
.top #main-visual {
	height:224px;
}

.top #main-visual .sub01 {
	width:360px;
	float:left;
}

.top #main-visual .sub02 {
	position:relative;
	background:url(images/top/ph_main_02.gif) no-repeat;
	width:433px;
	height:244px;
	float:left;
}

.top #main-visual .sub02 h2,
.top #main-visual .sub02 p {
	display:none;
}

.top #main-visual .sub02 .btn-area {
	position:absolute;
	top:178px;
	left:12px;
	width:215px;
}


/* Common */

.top #wrapper #sub-area01 {
	width:270px;
	float:left;
	margin-right:27px;
}	

.top #wrapper #sub-area02 {
	width:255px;
	float:left;
	padding-top:27px;
}	

.top #wrapper #sub-area03 {
	width:173px;
	float:right;
	padding-top:27px;
	margin-left:28px
}

.top #wrapper #sub-area01,
.top #wrapper #sub-area02,
.top #wrapper #sub-area03 {
	text-align:left;
}

.top #wrapper h3 {
	margin-bottom:15px;
}	


/* What's New */

.top #wrapper #sub-area01 .box01 {
	margin-bottom:10px;
	padding:0 0 10px 2px;
	background:url(images/line_dash_01.gif) repeat-x bottom;
}

.top #wrapper #sub-area01 .box01 img {
	display:block;
	float:left;
	margin-right:10px;
}
 
.top #wrapper #sub-area01 .box01 .update {
	margin-bottom:3px;
	color:#CC0000;
	font-size:75%;
	font-weight:bold;
}

.top #wrapper #sub-area01 .box01 .caption {
	font-size:75%;
	line-height:150%;
}


/* Seminar */

.top #wrapper #sub-area02 .box02 {
	margin-bottom:30px;
}

.top #wrapper #sub-area02 .box02 img {
	display:block;
	float:left;
	margin-right:10px;
}

.top #wrapper #sub-area02 .box02 .text {
	width:138px;
	float:left;
}

.top #wrapper #sub-area02 .box02 .text .update {
	margin-bottom:3px;
	color:#CC0000;
	font-size:75%;
	font-weight:bold;
}

.top #wrapper #sub-area02 .box02 .text .caption {
	margin-bottom:3px;
	font-size:75%;
	line-height:150%;
}

.top #wrapper #sub-area02 .box02 .text .more-link {
	background:url(images/icon_arrow_01.gif) no-repeat left 50%;
	padding-left:10px;
	font-size:65%;
}


/* Topics */

.top #wrapper #sub-area02 .box03 {
	margin-bottom:10px;
	padding:0 0 10px 2px;
	background:url(images/line_dash_01.gif) repeat-x bottom;
}

.top #wrapper #sub-area02 .box03 .update {
	margin-bottom:3px;
	color:#CC0000;
	font-size:75%;
	font-weight:bold;
}

.top #wrapper #sub-area02 .box03 .update span {
	margin-left:5px;
	color:#FF6600;
}

.top #wrapper #sub-area02 .box03 .caption {
	font-size:75%;
	line-height:150%;
}


/* Interview */

.top #wrapper #sub-area03 .box04 {
	margin-bottom:10px;
}

.top #wrapper #sub-area03 .box04 .img-photo {
	display:block;
	margin-bottom:3px;
}

.top #wrapper #sub-area03 .box04 p {
	font-size:65%;
	line-height:140%;
}