* {margin:0px; padding:0px;}
img{border:0px;}
ul li{list-style-type:none;}
hr{ display: none}
.clear {clear:both;}

th,td,input,select{ font-weight: normal; font-size: 12px; text-align: left;}
h1,h2,h3,h4,h5{ font-weight: normal; font-size: 12px; font-style: normal;}
address{ font-weight: normal; font-size: 12px; font-style: normal;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust:none;
} 

body{
	margin: 0px;
	font-family: verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:12px;
	line-height:1.5em;
}

a, a:visited {
	color: #ff00cc;
	text-decoration: none;
}


a:hover {
	color: #ff00cc;
}


a:active{
    color: #ff00CC;
}

#page {
	width:1000px;
	margin:0px auto 0px auto;
}

/*----------------ヘッダー----------------------*/

#header {
	padding:15px 10px;
	border-top:solid 1px #c0c0c0;
}

#header span {
	font-weight:bold;
}

h2 {
	font-weight:bold;
	font-size:1.8em;
	line-height:30px;
}

#header p {
	line-height:1.2em;
}

#header_left img {
	margin-left:10px;
}

#main {
	padding:15px 10px;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	height:620px;
}

#main :after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main2 {
	margin-top:10px;
	padding:30px 10px;
	border-top:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
}

#main2 :after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#header .credit{
	text-align:right;
	font-size:0.9em;
}

/*----------------コンテンツ部分----------------------*/

#main ul {
	width:355px;
	float:right;
}


#main ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main li {
	width:215px;
	height:70px;
	margin-bottom:30px;
	margin-left:10px;
	float:left;
	cursor: pointer;
}

#main li img {
	width:80px;
 	vertical-align:bottom;
	float:left;
}

#main li span {
	width:130px;
	float:left;
	display:block;
	font-size:0.9em;
	line-height:1.2em;
	margin-left:5px;
}


#main .photo{
	float:left;
	width:600px;
}

#main .photo dd span {
	font-weight:bold;
	font-size:1.2em;
	display:block;
	margin-top:15px;
	margin-bottom:0px;
}

#main .interviewer{
	font-size:1.0em;
	color: #ff00cc;
	margin-bottom: 5px;
	margin-top: 10px;
}

#main2 ul {
	width:450px;
	float:left;
}

#main2 .photo{
	float:right;
	width:492px;
}

#main2 ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main2 .photo dd span {
	font-weight:bold;
	font-size:1.5em;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
}

#main2 .interviewer{
	font-size:1.0em;
	color: #B22222;
	margin-bottom: 20px;
	margin-top: 15px;
}

#main2 .photo dd span {
	font-weight:bold;
	font-size:1.2em;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
}

.person{
	font-size:0.9em;
	margin: 5px 10px;
}

/*----------------Navigation---------------------*/
#navi {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	text-align: center;
	padding: 0px;
	width: 460px;
}

.preview {
	float: left;
	margin-bottom: 15px;
	}
	
.preview a, .preview a:link, .preview a:visited {
	display: block;
	width: 150px;
	background-color: #333;
	border: none;
	color: #FFF;
	text-decoration: none;
	padding: 8px 0 8px 0;
	}
	
.preview a:hover {
	background-color: #ff00cc;
	}

.close {
	padding: 0 30px 0 30px;
	float: left;
	}
	
.close a, .close a:link, .close a:visited {
	display: block;
	width: 100px;
	background-color: #333;
	border: none;
	color: #FFF;
	text-decoration: none;
	padding: 8px 0 8px 0;
	}
	
.close a:hover {
	background-color: #ff00cc;
	}

.previewnone {
	float: left;
	display: block;
	width: 150px;
	background-color: #DDD;
	border: none;
	color: #FFF;
	text-decoration: none;
	padding: 8px 0 8px 0;
	}
	


/*----------------フッター---------------------*/
#footer {
	border-top:solid 1px #c0c0c0;
	width: 1000px;
	font-size:0.9em;
	text-align: right;
	padding: 8px 0 8px 0;
	margin: 5px auto;
    
}