/*--------------------------------------------------------------------
/- file   : default.css
/- update : 20090917
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************** Common styles ***************/


div#interview_uwp-v1 div#main a:link {
	color:#003399;
	text-decoration:underline;
}
div#interview_uwp-v1 div#main a:visited {
	color:#003399;
	text-decoration:underline;
}
div#interview_uwp-v1 div#main a:hover{
	color:#3E82F1;
	text-decoration:underline;
}


/************** Content Main styles ***************/

div#interview_uwp-v1 {
	width: 760px;
	padding: 12px 0px 35px 0px ;
	line-height:1.5;
}
div#interview_uwp-v1 div#main {
	padding: 0px 25px 0px;
}

/************** mainL ***************/

div#interview_uwp-v1 div.mainL {
	float: right;
	width: 505px;
	overflow: hidden;
}
div#interview_uwp-v1 div.mainL dd{
	margin: 0;
}

div#interview_uwp-v1 div.mainL div.interviewBox h2 {
	padding-bottom: 30px;
}

div#interview_uwp-v1 div.mainL div.interviewBox h2 span.no {
    display:block;
	padding-bottom: 40px;
}

div#interview_uwp-v1 div.mainL div.interviewBox div.photo-cast p {
    float:left;
	margin-right:10px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl.box {
    margin-top:30px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dt {
	color: #B33702;
	font-weight: bold;
	padding-bottom: 20px;
	font-size:110%;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph {
	clear: both;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.second {
	margin-top:30px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dt.answer {
	display: none;
}


div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.txt {
	padding-bottom: 20px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.txt270 {
	width: 270px;
	padding-bottom: 20px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.txt span.name,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.txt270 span.name {
	color: #004993;
	font-weight: bold;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 {
	padding: 0px 0px 20px 20px;
	width: 150px !important; /* モダンブラウザ向け */
	width: 170px; /* IE 6以下のみ */
	float: right;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 {
	padding: 0px 0px 20px 20px;
	width: 207px !important; /* モダンブラウザ向け */
	width: 227px; /* IE 6以下のみ */
	float: right;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 {
	padding: 0px 0px 20px 20px;
	width: 230px !important; /* モダンブラウザ向け */
	width: 250px; /* IE 6以下のみ */
	float: right;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 {
	padding: 0px 20px 20px 0px;
	width: 150px !important; /* モダンブラウザ向け */
	width: 170px; /* IE 6以下のみ */
	float: left;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 {
	padding: 0px 20px 20px 0px;
	width: 180px !important; /* モダンブラウザ向け */
	width: 200px; /* IE 6以下のみ */
	float: left;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 {
	padding: 0px 20px 20px 0px;
	width: 230px !important; /* モダンブラウザ向け */
	width: 250px; /* IE 6以下のみ */
	float: left;
}

div#interview_uwp-v1 div.mainL div.interviewBox p.caution {
	color: #888888;
	font-size:80%;
	text-indent:-1em;
	margin-left:1em;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photo {
	margin-bottom: 20px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photo img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 img,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 img {
	margin-bottom: 5px;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photo span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 span.caption,
div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 span.caption {
	color: #888888;
	font-size:80%;
	line-height:1.3;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd ol {
	font-weight:bold;
	color: #004993;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd ol li {
	margin:0 0 1em 2em;
	list-style-type: decimal;
}

div#interview_uwp-v1 div.mainL div.interviewBox dl dd dl.paragraph dd ol li span {
	font-weight:normal;
	color: #444;
}

div#interview_uwp-v1 div.mainL div.interviewNavi {
	background: url(../images/navi.gif) no-repeat left top;
	height: 44px;
	width: 505px;
	overflow: hidden;
	list-style-type: none;
	margin: 20px 0px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi ul {
	width: 505px;
	overflow: hidden;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li {
	display: inline;
	list-style-type: none;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li a {
	height: 44px;
	display: block;
	float: left;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.beforebtn a {
	background: url(../images/navi.gif) no-repeat 0px 0px;
	width: 143px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter01 a {
	background: url(../images/navi.gif) no-repeat -143px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter02 a {
	background: url(../images/navi.gif) no-repeat -181px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter03 a {
	background: url(../images/navi.gif) no-repeat -219px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter04 a {
	background: url(../images/navi.gif) no-repeat -258px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter05 a {
	background: red url(../images/navi.gif) no-repeat -296px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter06 a {
	background: red url(../images/navi.gif) no-repeat -334px 0px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.nextbtn a {
	background: url(../images/navi.gif) no-repeat -372px 0px;
	width: 133px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.beforebtn a:hover {
	background: url(../images/navi.gif) no-repeat 0px -44px;
	width: 143px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter01 a:hover {
	background: url(../images/navi.gif) no-repeat -143px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter02 a:hover {
	background: url(../images/navi.gif) no-repeat -181px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter03 a:hover {
	background: url(../images/navi.gif) no-repeat -219px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter04 a:hover {
	background: url(../images/navi.gif) no-repeat -258px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter05 a:hover {
	background: url(../images/navi.gif) no-repeat -296px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter06 a:hover {
	background: url(../images/navi.gif) no-repeat -334px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.nextbtn a:hover {
	background: url(../images/navi.gif) no-repeat -372px -44px;
	width: 133px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter01_on a {
	background: url(../images/navi.gif) no-repeat -143px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter02_on a {
	background: url(../images/navi.gif) no-repeat -181px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter03_on a {
	background: url(../images/navi.gif) no-repeat -219px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter04_on a {
	background: url(../images/navi.gif) no-repeat -258px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter05_on a {
	background: url(../images/navi.gif) no-repeat -296px -44px;
	width: 38px;
}

div#interview_uwp-v1 div.mainL div.interviewNavi li.chapter06_on a {
	background: url(../images/navi.gif) no-repeat -334px -44px;
	width: 38px;
}



/************** mainR ***************/

div#interview_uwp-v1 div.mainR {
	float: left;
	width: 180px;
}

div#interview_uwp-v1 div.mainR p.download {
	margin-bottom:15px;
}

div#interview_uwp-v1 div.mainR div.itemBox {
	background: url(../images/right_bg.gif) repeat-y left top;
	margin-bottom: 15px;
}

div#interview_uwp-v1 div.mainR div.itemBox dt,
div#interview_uwp-v1 div.mainR div.castBox dt {
	margin: 0;
	padding: 0;
	height: 19px;
	overflow: hidden;
}

div#interview_uwp-v1 div.mainR div.itemBox dd {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #dddddd;
}
div#interview_uwp-v1 div.mainR div.castBox dd {
	margin: 0;
	padding: 0;
}

div#interview_uwp-v1 div.mainR div.itemBox dd p.photo{
	padding: 10px;
}

div#interview_uwp-v1 div.mainR div.castBox {
	background: url(../images/right_bg.gif) repeat-y left top;
}

div#interview_uwp-v1 div.mainR div.castBox dd ul li {
	border-bottom: 1px solid #dddddd;
}

div#interview_uwp-v1 div.mainR div.castBox dd ul li p {
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


} /* MacIE除外用 */