/* ---- reset ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:inherit;
	font-style:inherit;
}
body {background:#fff;line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
/*:focus {outline: 0;}*/
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a img { border: none; }





/* ---- general ---- */
body {
	width:720px;
	border-right:1px solid #cccccc;
	background: #ffffff;
	font-family:sans-serif;
	font-size:95%;
}

h1 {
	padding:5px;
	background:#599cc6;
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
}

.topicPath {line-height:3.8;text-indent:10px; font-size:80%;}

#contents {}
#contents h4 {font-weight:bold;font-size:110%;margin-bottom:5px;}
#contents .s {margin:0 20px 15px 10px;}

#contents .col2{
	padding:5px 10px 10px 10px;
}
#contents .col2 .l {
	float:left;
	width:160px;
}
#contents .col2 .r {
	float:right;
	width:520px;
	
}
#contents .col2 .c {clear:both;}

#contents .col2 .l dl {margin-bottom:10px;}
#contents .col2 .l dt {}
#contents .col2 .l dt img {vertical-align:middle;}
#contents .col2 .l dd ul {border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px;}
#contents .col2 .l dd li {margin-bottom:8px;}
#contents .col2 .l dd li a {color:#333333;}

.box {
	margin: 0 0 20px 0;
	background: transparent url(i/box.gif) repeat-y;
}
.box h3 {
	height:30px;
	background: transparent url(i/box-h.gif) no-repeat;
	padding-left:15px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
}
.box .i {
	padding:10px;
	background: transparent url(i/box-b.gif) no-repeat 0% 100%;
}

.entryMenber {}
.entryMenber li {
	float:left;
	width:120px;
	height:170px;
	text-align:center;
	background: transparent url(i/member-entry.gif) no-repeat 50% 100%;
}
.entryMenber li p {
	height:20px;
}

.bns p {text-align:center;margin-bottom:5px;}


#gotop {text-align:right; padding:0 30px 5px 0;}
#gotop a {color:#0000cc; font-size:80%;}


#footer {background: #599cc6;}
#footer .i {
	padding: 10px;
	font-size: 80%; 
	color: #FFFFFF;
	line-height: 1.4em;
}
#footer ul {white-space:nowrap; clear:both; margin:0 -1px 8px 0; overflow:hidden;}
#footer li {float:left; white-space:nowrap; border-left:1px solid #ffffff; padding: 0 8px; position:relative;left:-1px;}
#footer a {color: #FFFFFF;}
#footer a:hover {color: #f3f3f3;}
#footer .copy {clear:both; text-align:center;}
#footer .copy2 {padding-bottom:20px; text-align:center;}
#footer .copy2 a {font-size:80%; text-decoration:none;}





/* --  specific -- */
.topr h2 {margin: -10px 0 -95px 0;}
.topr div {height:100px; margin: 0 0 0 40px;font-size:12px;line-height:16px;}
.topr strong {font-size:15px; color:#c00;font-weight:bold;}

.TopInterview {}
.TopInterview p {margin-bottom:10px;}
.TopInterview p span {font-size:160%; color:#6374ac; font-weight:bold;}
.TopInterview dl {padding:35px 30px 60px 40px; background:transparent url(i/fukidashi.gif) no-repeat 10px 0;}
.TopInterview dt {height:45px; margin-bottom:-45px;}
.TopInterview dt img {width:40px; height:40px;}
.TopInterview dd {margin: 0 0 0 50px; min-height:50px; height:50px;}

.atoutr .box dl {margin:0;padding:5px;}
.atoutr .box dt {height:30px; margin:0 0 -31px 0;}
.atoutr .box dt a {padding:0 0 0 16px; background:transparent url(i/star.gif) no-repeat 0 50%;}
.atoutr .box dd {margin: 0 0 10px 80px;}
.atoutr .box dd a {padding:0 10px 0 10px; background:transparent url(i/dot.gif) no-repeat 0 50%;}
#contents .atoutr h4 {margin-bottom:10px;border-left:5px solid #224488; padding:2px 2px 2px 10px; color:#224488;font-size:140%;font-weight:bold;}
.atoutr p {margin:0 0 50px -5px;}

#dataChallenge10 {margin:0 15px 0 0;}
#dataChallenge10 li {clear:both;padding:10px 0 5px 0; border-top:1px solid #cccccc;}
#dataChallenge10 em {display:block; float:left; width:60px; height:60px;}
#dataChallenge10 em img {width:48px; height:48px;}
#dataChallenge10 a {text-decoration:none; color:#336699;}
#dataChallenge10 strong {font-weight:bold;padding-right:10px;}