/**************************************************
* Copyright 2007 MEIJI SEIKA KAISHA, LTD.
*
* 01. SNラボ
* 02. サポートアスリート
* 03. スタッフ
* 04. 栄養講座
* 05. 二宮清純のラボ取材記
**************************************************/
@import "savas.css";


/**************************************************
* 01. SNラボとは
**************************************************/
#snlaboContents {
	width: 600px;
	background: #a9dbee;
}

#snlaboContentsB {
	width: 600px;
	background: url(../../snlabo/snlabo/images/bg_btm.jpg) 0 100% no-repeat;
}

#snlaboContentsBody {
	padding: 20px;
}

#snlaboContentsBody h3 {
	width: 260px;
	height: 80px;
	background: url(../../snlabo/snlabo/images/ttl_snlabo.gif) no-repeat;
}

#snlaboContentsBody h4 {
	margin: 40px 0 20px 0;
	width: 415px;
	height: 75px;
	background: url(../../snlabo/snlabo/images/copytxt.gif) no-repeat;
}

#snlaboContentsBody #segL,
#snlaboContentsBody #segR {
	margin: 0 0 30px 0;
	width: 270px;
}

#snlaboContentsBody ul {
	clear: both;
	margin: 0 0 150px 0;
	width: 560px;
	height: 80px;
}

#snlaboContentsBody li#support {
	width: 270px;
	height: 80px;
	float: left;
}

#snlaboContentsBody li#staff {
	width: 270px;
	height: 80px;
	float: right;
}

#snlaboContentsBody li a {
	width: 270px;
	height: 80px;
	display: block;
}

#snlaboContentsBody li#support a {
	background: url(../../snlabo/snlabo/images/bt_support.gif) no-repeat;
}

#snlaboContentsBody li#staff a {
	background: url(../../snlabo/snlabo/images/bt_staff.gif) no-repeat;
}



/**************************************************
* 02. サポートアスリート
**************************************************/
h3#snlabo {
	width: 210px;
	height: 35px;
	background: url(../../snlabo/snlabo/images/ttls_snlabo.gif) no-repeat;
	float: left;
}

h3#support {
	width: 210px;
	height: 90px;
	background: url(../../snlabo/snlabo/images/ttl_support.gif) no-repeat;
}

h4#h_support {
	width: 600px;
	height: 200px;
	background: url(../../snlabo/snlabo/images/h_support.jpg) no-repeat;
}

h5#barAthletes {
	clear: both;
	margin: 0 0 20px 0;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/snlabo/images/bar_athletes.gif) no-repeat;
}

h5#barTeams {
	clear: both;
	margin: 0 0 20px 0;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/snlabo/images/bar_teams.gif) no-repeat;
}

h5#barKyosan {
	clear: both;
	margin: 0 0 20px 0;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/snlabo/images/bar_kyosan.gif) no-repeat;
}


/* ページ内リンク */
#pageLink {
	width: 600px;
	line-height: 1.6em;
}

#pageLink p {
	margin: 0 0 30px 0;
}

#pageLink ul {
	margin: 0 0 30px 0;
	height: 20px;
}

#pageLink li {
	margin: 0 10px 0 0;
	width: 120px;
	height: 20px;
	float: left;
}

#pageLink li a {
	width: 120px;
	height: 20px;
	display: block;
}

#pageLink li#spAthletes a {
	background: url(../../snlabo/snlabo/images/bt_athletes.gif) no-repeat;
}

#pageLink li#spTeams a {
	background: url(../../snlabo/snlabo/images/bt_teams.gif) no-repeat;
}

#pageLink li#spKyosan a {
	background: url(../../snlabo/snlabo/images/bt_kyosan.gif) no-repeat;
}


/* 一覧 */

.Contents-Info img{
	margin-bottom:-5px;
	margin-right:12px;
}

.Athlete-Num{
	display:none;
}

.Athlete{
	margin: 0 2px 2px 0;
	width: 118px;
	height: 240px;
	display: inline;
	float: left;
}

.Athlete .show{
	height: 100%;
	width: 100%;
	background-color:#666;
	font-size:12px;
	color:#FFF;
	text-align:center;
	position:relative;
	/*cursor:pointer;*/
	}

.Athlete .Athlete-Sports{
	margin-top:5px;
}

.Athlete .Athlete-Item-PopUp{
	width: 100px;
	left:8px;
	bottom: 30px;
	position: absolute;
	
	background: url(../../snlabo/snlabo/images/bt_use.gif) no-repeat;
	width: 100px;
	height:20px;
	display:block;
	text-indent:-9999px;
	outline: 0;
	
	cursor:pointer;
}


.Athlete .Athlete-Site{
	width: 100px;
	left:8px;
	bottom: 5px;
	position: absolute;
}

.Athlete .Athlete-Site a{
	background: url(../../snlabo/snlabo/images/bt_officialsite.gif) no-repeat;
	width: 100px;
	height:20px;
	display:block;
	text-indent:-9999px;
	outline: 0;
}

.Athlete .hidden{
	width:138px;
	background-color:#f6f6f6;
	border:1px solid #666;
	text-align:center;
	font-size:12px;
	padding:0 5px 15px 5px;
	position:relative;
	z-index:10;
	line-height:1.5em;
}


.Athlete .hidden .close{
	width:138px;
	background-color:#000;
	color:#CCC;
	text-align:right;
	font-size:12px;
	padding:2px 10px 2px 0;
	margin:0 0px 15px -5px;
	cursor:pointer;
}

.Athlete .hidden .Athlete-Name{
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #e6e6e6;
}

.Athlete .hidden .Athlete-Item{
	text-align:left;
	padding:5px;
	}

.Athlete .hidden .Items{
	text-align:left;
	margin-left:15px;
}

.Athlete .hidden .Items li{
	font-size:11px;
	list-style-type:disc;
}

.Sports-Category-Wrapper{
	clear:both;
	height: 50px;
	padding:20px 0 0 0;
	margin:0;
}

h3.Sports-Category{
	padding:8px 0 0 10px;
	font-size:14px;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/snlabo/images/bar_sportscategory.gif) no-repeat;
	}

/*
ul#profAthletes li {
	margin: 0 2px 2px 0;
	width: 118px;
	height: 180px;
	float: left;
}
*/
ul#profTeams li {
	margin: 0 2px 2px 0;
	width: 198px;
	height: 180px;
	float: left;
}

ul#profKyosan {
	margin: 0 0 0 15px;
	list-style-type: disc;
	list-style-position: outside;
}

p.spAtt {
	clear: both;
	padding: 20px 0;
}



/**************************************************
* 03. スタッフ
**************************************************/
h3#staff {
	width: 235px;
	height: 90px;
	background: url(../../snlabo/snlabo/images/ttl_staff.gif) no-repeat;
}

h4#h_staff {
	width: 600px;
	height: 200px;
	background: url(../../snlabo/snlabo/images/h_staff.jpg) no-repeat;
}


/* ボックス */
.profBoxL {
	margin: 0 0 10px 0;
	width: 290px;
	height: 100px;
	float: left;
}

.profBoxR {
	margin: 0 0 10px 0;
	width: 290px;
	height: 100px;
	float: right;
}

.profBoxL dt,
.profBoxR dt {
	width: 70px;
	float: left;
}

.profBoxL dd,
.profBoxR dd {
	width: 220px;
	float: left;
}

.profBoxL p,
.profBoxR p {
	margin: 0 0 7px 0;
	font-size: 0.9em;
	line-height: 1.6em;
}

.profBoxL a,
.profBoxR a {
	font-size: 1.2em;
	font-weight: bold;
}


/* 詳細 */
.profDetail dt {
	width: 130px;
	float: left;
}

.profDetail dd {
	width: 470px;
	float: left;
}

.profDetail p {
	margin: 0 0 15px 0;
	line-height: 1.6em;
}

.profDetail strong {
	font-weight: bold;
}

.profDetail p.bkTop {
	clear: both;
	padding: 20px 0;
	width: 600px;
	text-align: right;
}



/**************************************************
* 04. 栄養講座
**************************************************/
#lecHeader {
	position: relative;
	width: 600px;
	height: 370px;
	background: url(../../snlabo/lecture/runners/images/top.jpg) no-repeat;
}

#lecHeader h3 {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 192px;
	height: 99px;
	background: url(../../snlabo/lecture/runners/images/logo.gif) no-repeat;
}


/* TITLE/タイトル */
#lecTtlArea {
	width: 600px;
	height: 160px;
	background: #060d37;
}

#lecTtlArea
#lecTtlAreaBody {
	padding: 20px;
}

#lecTtlArea h4 {
	width: 275px;
	height: 140px;
	background: url(../../snlabo/lecture/runners/images/title.gif) no-repeat;
	float: left;
}

#lecTtlArea #rtnTxtArea {
	width: 270px;
	float: right;
}

#lecTtlArea #rtnTxtArea p#txt {
	width: 270px;
	height: 95px;
	background: url(../../snlabo/lecture/runners/images/txt.gif) no-repeat;
}

#lecTtlArea #rtnTxtArea p#rtn a {
	margin: 15px 0 0 0;
	width: 240px;
	height: 30px;
	background: url(../../snlabo/lecture/runners/images/bt_rtn.gif) 0 0 no-repeat;
	display: block;
}

#lecTtlArea #rtnTxtArea p#rtn a:hover {
	background-position: 0 -30px;
}


/* CONENTS/コンテンツ */
#lecContents {
	margin: 0 0 30px 0;
	padding: 20px;
	background: #060d37;
	height:750px;
}

.newBox {
	margin: 0 auto 20px auto;
	width: 560px;
	background: #fff;
}

.newBoxBody {
	padding: 10px;
	width: 540px;
	overflow: auto;
}

.newBoxBody
.volImg {
	width: 130px;
	float: left;
}

.newBoxBody
.txtArea {
	width: 410px;
	float: right;
}

.newBoxBody
.txtArea h5 {
	margin: 0 0 5px 0;
	width: 410px;
	height: 47px;
	background: url(../../snlabo/lecture/runners/images/ttl_vol9.gif) no-repeat;
}

.newBoxBody
.txtArea p {
	line-height: 1.4em;
	color: #060d37;
}

.newBoxBody
.txtArea p.detail {
	margin: 5px 0;
	width: 100px;
	height: 20px;
	float: right;
}

.newBoxBody
.txtArea p.detail a {
	width: 100px;
	height: 20px;
	background: url(../../snlabo/lecture/runners/images/bt_detail.gif) 0 0 no-repeat;
	display: block;
}

.newBoxBody
.txtArea p.detail a:hover {
	background-position: 0 -20px;
}


/* BKNUMBER/バックナンバー */
#bkBoxArea {
	margin: 0 auto 10px auto;
	width: 560px;
	height: auto;
	background: url(../../snlabo/lecture/runners/images/bg_bkarea.gif) 40px 40px no-repeat;
}

#bkBoxArea .box {
	margin: 0 13px 0 0;
	width: 130px;
	height: 240px;
	background: #fff;
	float: left;
}

#bkBoxArea .box
.boxBody {
	padding: 5px 10px;
	font-size: 0.85em;
	line-height: 1.3em;
}

#bkBoxArea .box
.boxBody h5 {
	padding: 3px 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
}

#bkBoxArea .box02 {
	margin: 0;
	width: 130px;
	height: 240px;
	background: #fff;
	float: left;
}

#bkBoxArea .box02
.boxBody {
	padding: 5px 10px;
	font-size: 0.85em;
	line-height: 1.3em;
}

#bkBoxArea .box02
.boxBody h5 {
	padding: 3px 0 5px 0;
	font-size: 1.4em;
	font-weight: bold;
}

#lecContents 
#bkArea {
	clear: both;
	float:left;
	padding: 30px 5px;
}

#lecContents #bkArea p a {
	padding: 0 0 0 16px;
	line-height: 11px;
	float: right;
}

#lecContents #bkArea p a:link,
#lecContents #bkArea p a:visited {
	color: #3ad;
}

#lecContents #bkArea p a:hover {
	color: #fff;
}



/**************************************************
* 05. 二宮清純のラボ取材記
**************************************************/
h3#ninomiya {
	width: 200px;
	height: 35px;
	background: url(../../snlabo/ninomiya/images/ttls_ninomiya.gif) no-repeat;
	float: left;
}

h4#h_ninomiya {
	margin: 0 0 20px 0;
	width: 600px;
	height: 200px;
	background: url(../../snlabo/ninomiya/images/h_img.jpg) no-repeat;
}

h4#h_page {
	margin: 0 0 10px 0;
	width: 600px;
	height: 200px;
}

h5#barNew {
	margin: 0 0 10px 0;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/ninomiya/images/bar_new.gif) no-repeat;
}

h5#barBkNum {
	clear: both;
	margin: 0 0 10px 0;
	width: 600px;
	height: 30px;
	background: url(../../snlabo/ninomiya/images/bar_bknum.gif) no-repeat;
}


/* キャンペーン */
p#cmp {
	margin: 0 0 20px 0;
	width: 600px;
	height: 60px;
}

/* バックナンバー */
div.bkNumBox {
	width:295px;
	height:60px;
	float:left;
	margin-bottom:13px;
}

div.bkNumBox
dl {
	margin: 0 0 30px 0;
	width: 200px;
}

div.bkNumBox 
dt {
	margin: 0 0 10px 0;
	width: 75px;
	float: left;
}

div.bkNumBox 
dd {
	margin: 0 0 10px 0;
	width: 200px;
	line-height: 1.3;
	float: left;
}

div.bkNumBox 
h6 {
	font-size: 12px;
	font-weight: bold;
}


/* ページナンバー */
.numberArea {
	clear: both;
	margin: 0 0 10px 0;
	padding: 20px 0;
	width: 600px;
	overflow: auto;
}

.numberArea
p.NApage {
	width: 300px;
	text-align: right;
	letter-spacing: 4pt;
	float: left;
}

.numberArea
p.NAcount {
	width: 200px;
	text-align: right;
	float: right;
}

.numberArea
.NAcount a {
	padding: 0 10px;
	font-weight: bold;
}

/* メモ */
#memo {
	margin: 0 0 30px 0;
	padding: 20px;
	line-height: 1.6em;
	background: #e0e0e0;
	border: 1px solid #999;
}

/* インタビュー */
.intArea {
	margin: 0 0 20px 0;
	overflow: auto;
}

.intArea p {
	margin: 0 0 20px 0;
	line-height: 1.6em;
}

.intArea p strong {
	margin: 0 15px 0 0;
	font-weight: bold;
}

.intArea p.int {
	color: #069;
}


/* 二宮清純プロフィール */
#ninoProf {
	clear: both;
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #999;
	overflow: auto;
}

#ninoProf dt {
	width: 70px;
	float: left;
}

#ninoProf dd {
	width: 530px;
	font-size: 0.9em;
	line-height: 1.4em;
	float: right;
}

#ninoProf dd strong {
	font-size: 1.2em;
	font-weight: bold;
	color: #1f5d9c;
}


/* SNスタッフプロフィール */

#snProf {
	clear: both;
	margin: 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #999;
	overflow: auto;
}

#snProf dt {
	width: 110px;
	float: left;
}

#snProf dd {
	width: 460px;
	font-size: 0.9em;
	line-height: 1.4em;
	float: right;
}

#snProf dd strong {
	font-size: 1.2em;
	font-weight: bold;
	color: #1f5d9c;
}


/* TABLE/表 */
.interviewArea table {
	margin: 0 0 10px 0;
	border-collapse: collapse;
}

.interviewArea table
#maintable table {
	border-collapse: collapse;
	border: 1px solid #888;
}

.interviewArea table
#maintable td {
	padding: 1px 2px;
	line-height: 1.1em;
	border: 1px solid #888;
}