/* popUp window Frame work */

* {
 margin:0;
 padding:0;
 text-align:left;
 font-family: Verdana, Arial, "Osaka", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "MS UI Gothic", sans-serif;
 font-size:100%;
}

div#popupWindow {
 width:422px;
 padding:8px 16px;
 margin:0;
}

div#popupWindow div.identity {
 padding:0;
 margin-bottom:12px;
}
 
  /* 投票・投稿の別ウィンドウ */

/* genre title*/
div#popupWindow h1.genreTitle {
 border:1px #6c0c0c solid;
 border-width:1px 0 1px 0;
 margin-top:0;
 margin-bottom:6px;
 padding: 6px 0;
}

div#popupWindow form.voteWrite {
 margin:0;
 padding:2px;
 margin-bottom:8px;
}

div#popupWindow div#surveyID {
 width:90px;
 float:left;
}
div#popupWindow div#surveyTheme {
 position:absolute;
 top:100px;
 right:auto;
 bottom:auto; 
 left:100px;
 line-height:133%;
 margin-bottom:0;
 width:310px;
}

div#popupWindow div#surveyTheme dl {
 margin-bottom:0.5em;
}
div#popupWindow div#surveyTheme dl dt {
 float: left;
 font-size:90%;
}
div#popupWindow div#surveyTheme dl dd {
 font-size:90%;
 font-weight: bold;
 color: #000;
 margin-left:55px;
}
div#popupWindow dl.todaysPoint {
 clear:both;
 padding-top:16px;
 margin-bottom:1em;
}
div#popupWindow dl.todaysPoint dt {
 float: left;
}
div#popupWindow dl.todaysPoint dd {
 font-size:90%;
 font-weight: bold;
 color: #000;
 margin-left:80px;
}

/* 投稿ページ*/
div#popupWindow div.writeBox {
 clear:both;
}
div#popupWindow div.writeBox p {
 font-size: 90%;
 line-height: 150%;
}
div#popupWindow div.writeBox span.userName {
 color: #000;
 font-weight:bold;
}
div#popupWindow div.writeBox p.notice {
 font-size: 80%;
 line-height: 150%;
 margin-bottom: 0.5em;
}
/*投稿拡張部分*/

div#popupWindow div.writeBox dl {
	clear:left;
	margin-top:0.3em;
	margin-left:0;
}

div#popupWindow div.writeBox dl dt {
 float: left;
 font-size:82%;
 font-weight: normal;
 
}
div#popupWindow div.writeBox dl dd {
 font-size:82%;
 margin-left:8em;
}


/* 確認ページ*/
div#popupWindow div.confirmBox {
 clear:both;
}
div#popupWindow div.confirmBox p {
 font-size: 90%;
 line-height: 150%;
 background: #D1E0A3;
 border-top:1px #666666 solid; 
 border-bottom:1px #666666 solid;
 padding: 1em;
}
div#popupWindow div.confirmBox .heading {
 font-size: 80%;
 margin-bottom:0.5em;
}

div#popupWindow div.thanksVoteWrite {
 background:#D1E0A3;
 width:390px;
 border-top:1px #666666 solid; 
 border-bottom:1px #666666 solid;
 padding:12px;
 margin-bottom:2em;
}
div#popupWindow div.thanksVoteWrite p {
 font-size: 90%;
 line-height: 150%;
}




img.voteYes {
 margin:4px 6px 0 4px;
}
img.voteNo {
 margin:4px 6px 0 4px;
}

/*投m認拡張部分*/
div#popupWindow div.confirmBox div.usratrb{
 background: #D1E0A3;
 border-bottom:1px #666666 solid;
 padding: 1em;
}

div#popupWindow div.confirmBox div.usratrb dl {
	clear:left;
	margin-top:0.3em;
	margin-left:0;
}

div#popupWindow div.confirmBox div.usratrb dl dt {
 float: left;
 font-size:82%;
 font-weight: normal;
 
}
div#popupWindow div.confirmBox div.usratrb dl dd {
 font-size:82%;
 margin-left:8em;
}



/* =====　form周りの制御　text-area　====*/
textarea.inputArea {
 font-family:"Osaka","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF ",sans-serif;
 background:#D1E0A3;
 color: #006633;
 margin: 0.5em 0;
 border: 1px #036 solid;
 padding: 4px;
}

input.inputArea {
 font-family:"Osaka","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF ",sans-serif;
 background:#D1E0A3;
 color: #006633;
 margin-right: 0;
 border: 1px #036 solid;
 padding: 4px;
}

select.inputArea {
 font-family:"Osaka","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF ",sans-serif;
 background:#D1E0A3;
 color: #006633;
 margin-right: 0;
 border: 1px #036 solid;
 padding: 4px;
}
/* =====　form周りの制御  submit button　====*/

div.formAction {
 text-align:center;
 padding:1em;
 margin-top:0.5em;
 margin-bottom:1em;
}
div.formAction input {
 /* padding: 2px; */
 /* letter-spacing: 0.1em; */
}
div.formAction input.back {
 margin-right: 1em;
}
/*div.formAction input.action {
 color:#000000;
 background:#d1e0a3;
 letter-spacing: 0.1em;
 font-size:84%;
 font-weight:bold;
 text-align:center;
 border: 1px #036 solid;
}


 /* 投稿サンクスページ */
div#popupWindow div.thanksMessage {
 background:#D1E0A3;
 width:390px;
 border-top:1px #666666 solid; 
 border-bottom:1px #666666 solid;
 padding:12px;
}
div#popupWindow div.thanksMessage p {
 font-size: 90%;
 line-height: 150%;
}
div#popupWindow div.goOther {
 font-size: 80%;
 line-height: 133%;
 padding: 8px 12px;
 margin-bottom:16px;
}
 
 /* 関連リンク */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div#popupWindow div.contextLink {
 margin-bottom: 1em;
 clear: both;
 font-size: 90%;

}
div#popupWindow div.contextLink h5.heading {
 margin-bottom: 0.5em;
 color: #000;
 font-size: 100%;
 /*background: #d1e0a3; */
 padding-left : 0.5em;
 border-bottom: 1px #063 dotted;
}
div#popupWindow div.contextLink div.linkGroup {
 margin-bottom:1em;
 margin-top:1em;
}
div#popupWindow div.contextLink dl {
 margin-bottom: 1em;
}
div#popupWindow div.contextLink dl dt {
 padding-left: 24px;
 margin-top: 0;
 margin-bottom: 0.5em;
 background: url(/shared/images/contextLink_mark.gif) no-repeat;
}
div#popupWindow div.contextLink dl dd {
 padding-left: 24px;
 color: #333;
}

 


 /* キャスタープロフィール */
 /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#popupWindow div.casterProfile {
 background:#D1E0A3 url("/profile/images/pro_base.gif") no-repeat;
 width:390px;
 height:113px;
 border-top:1px #666666 solid; 
 border-bottom:1px #666666 solid;
 padding:12px;
}

div#popupWindow div.casterProfile div#profileText {
 position:absolute;
 top:58px;
 right:auto;
 bottom:auto; 
 left:128px;
 line-height:133%;
 margin-bottom:0;
}
div#popupWindow div.casterProfile div#profileText span.casterName {
 font-size: 100%;
 font-weight:bold;
 margin-bottom:0;
}
div#popupWindow div.casterProfile div#profileText span.kana {
 font-size: 90%;
 margin-bottom:0;
}
div#popupWindow div.casterProfile div#profileText p.casterTitle {
 font-size: 90%;
 margin: 0;
}

div#popupWindow div#casterPhoto {
 width:100px;
 float:left;
}
div#popupWindow div#casterPhoto img {
 margin-right:12px;
 border:1px #666666 solid;
}
 
div#popupWindow div.detail {
 font-size: 82%;
 line-height: 150%;
 padding: 8px 12px;
 margin-bottom:16px;
}

div#popupWindow div.closeButton {
 border-top: 1px #666 solid;
 padding-top:4px;
 text-align:right;
}

 /* キャスター関連情報 */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#popupWindow div.casterMiscArea{
border-top: 1px #666666 solid;
padding-top:10px;
} 


/* 著書 */

div#popupWindow div.bookInfoArea {
 margin:8px 0 4px 0;
 padding:8px 8px 16px 8px;
 background:#EDF3D8;
} 
div#popupWindow div.bookInfoArea h4 {
 margin:0 0 10px 0;
 }
 
 /* 
div#popupWindow div.bookInfoArea div#bookInfoUnit {

}
div#popupWindow div.bookInfoArea div#bookPhoto {
 float:right;
 width:70px;
 
}*/

div#popupWindow div.bookInfoArea div#bookInfoUnit {
 float:left;
 width:280px;
 bottom:auto;
}
div#popupWindow div.bookInfoArea div#bookPhoto {
	/* position:relative; */
	right:auto;
	bottom:200px; 
	left:300px;
	width:70px;
} 

div.infoArea ul {
 font-size: 80%;
 margin-left: 20px;
}

div#popupWindow div.bookInfoArea div#bookPhoto img {
 border:1px #666666 solid;
 margin-bottom:0.5em;
}

div#popupWindow div.bookInfoArea div#bookInfoUnit h5 {
 font-size:90%;
 margin-bottom:0.5em;
}
div#popupWindow div.bookInfoArea div#bookInfoUnit dl {
margin: 0 0 0 0;
}
div#popupWindow div.bookInfoArea div#bookInfoUnit dl dt {
 float: left;
 font-size:82%;
 font-weight: bold;
}
div#popupWindow div.bookInfoArea div#bookInfoUnit dl dd {
 font-size:82%;
 color: #000;
 margin-left:80px;
}
div#popupWindow div.bookInfoArea div#bookInfoUnit p {
 margin-top:0.5em;

 margin-bottom:12px;
}
div#popupWindow div.bookInfoArea p.recommend {
 font-size:82%;
 clear:both;
 border-top: 1px #CCC solid;
 padding-top:4px;
}

div#popupWindow div.InfoArea {
 clear:both;
 margin:8px 0 4px 0;
 padding:8px 8px 16px 8px;
 background:#EDF3D8;
} 
div#popupWindow div.InfoArea h5 {
 margin-bottom:2px;
}


div#popupWindow p {
 font-size: 80%;
} 

div#popupWindow div.webSiteArea {
 clear:both;
 margin:8px 0 12px 0;
 padding:8px 8px 16px 8px;
 background:#EDF3D8;
} 

div#popupWindow div.InfoArea h4 {
 margin:0 0 10px 0;
 }
 
div#popupWindow div.InfoArea div.infoUnit h5 {
 margin:6px;
 font-size: 90%;
 }
div#popupWindow div.InfoArea div.infoUnit p {
 margin:6px;
 font-size: 82%;
 }

div#popupWindow div.InfoArea div.infoUnit ul li {
 margin:2px;
 font-size: 82%;
list-style: none
 }
 
div#popupWindow div.webSiteArea h4 {
 margin:0 0 10px 0;
 }

div#popupWindow div.webSiteArea p {
 font-size: 80%;
 }

/* ウェブサイトリンク */

div#popupWindow div.webSiteArea div.linkList ul {
 margin-left: 1em;
 list-style-image: url("/winwin/images/win_ic001.gif");
}
div#popupWindow div.webSiteArea div.linkList ul li {
 margin-bottom: 0.4em;
 padding: 0;
 font-size: 80%;
}

div#popupWindow div.webSiteArea p {
 font-size: 100%;
}

div#popupWindow dl a:link {
 color: #0000FF;
 text-decoration: none;
}
div#popupWindow dl a:visited {
 color: #800080;
 text-decoration: none;
 }
div#popupWindow dl a:hover {
 color: #0000FF;
 background:#f0f0ff;
 text-decoration: underline;
}