html, body { 
margin:0;
padding:0;
}
body { 
min-width:680px;
background-color:#ffffff;
color:#000000;
font-family: 'Lucida Grande', 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", 'メイリオ', Meiryo, sans-serif; 
}
.serif { font-family: "Times New Roman", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
@media print {
    .serif { font-family: "游明朝", YuMincho, serif; }
    .sans-serif { font-family: "游ゴシック", YuGothic, sans-serif; }
}

.subtitle{
font-weight:bold;
font-size:1.8em;
color:#FFFFFF;
padding-top:15px;
padding-bottom:30px;
}

.subtitle span{
font-size:0.6em;
color:#FFFFFF;
text-shadow: none;
}

.txtArea {
width:90%;
margin:0 auto;

}

.clear {
clear:both;
}

.audiojs {
width:90%;
min-width:338px;
max-width:460px;
}

.contentsBox{
background-color:#ffffff;
background-image:url("/newstalk/img/txtAreaBg.png");
background-position:top;
background-repeat:repeat-x;
}

.contentsBox li {
margin: 10px 0 10px 0;
}

.outline_w{
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
}

.wtn_copyright {
display:none;
}

#topbar {
height:30px;
width:100%;
background-color:#4CBBF1;
line-height:30px;
padding: 0;
text-align:right;
color:#FFFFFF;
position:fixed;
z-index:999;
}
#topbar h1{
font-size:1em;
font-weight:bold;
line-height:30px;
margin:0;
padding:3px 0 0 10px;
position:relative;
top:-3px;
float:left;
}
#topbar h1 a{
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#topbar h1 img#icon{
height:21px;
position:relative;
top:5px;
}
#topbar ul.menu{
padding:0 10px 0 0;
list-style-type:none;
text-decoration:none;
font-weight:bold;
}
#topbar ul.menu a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:0.9em;
}

#topbar li{
display:inline;
padding: 0 5px 0 5px;
}

#catch {
padding: 42px 10px 10px 10px;
background-color:#FFFFFF;
background-image:url("/newstalk/img/topbg.jpg");
background-position:center bottom;
background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
}
#catch #topimage {
width:60%;
float:left;
text-align:right;
}
#catch #toptext {
width:40%;
float:left;
position: relative;
}
#catch #topimage img{
width:100%;
position:relative;
right:10px;
max-width:624px;
}

#catch #toptext .center{
position:relative;
top:20px;
width:100%;
max-width:369px;
text-align:center;
margin:auto;
}

#catch #toptext img{

}

#catch #toptext #download_button{
position:relative;
top:30px;
}

#sbbar{
padding: 10px 0 0 ;
background-color:#89D2F5;
}

#intro {
padding:0 0 0 0;
}

#intro p{
padding:20px 0 0 0;
}

#intro ul{
padding:50px 0 0 30px;
list-style-type: square;
}

#func {
margin: 50px 0 0 0;
padding: 10px 0 0 0;
}

#func ul.list{
padding: 20px 0 0 30px;
list-style-type: square;
}

#caution {
margin: 50px 0 0 0;
padding: 50px 0 0 0;
}

#caution  ul.list{
padding: 20px 0 0 30px;
list-style-type: square;
}

#howto {
margin: 50px 0 0 0;
padding: 20px 0 0 0;
}
#howto ul.base{
padding:0 0 0 290px;
margin:0;
list-style-type: none;
}
#howto ul.base li span {
color:#ff0000;
padding-right:10px;
font-weight:bold;
}
#howto ul.numlist{
padding: 0 0 0 30px;
list-style-type: decimal;
}

#howto ul.list{
padding: 0 0 0 30px;
list-style-type: square;
}

#howto .subsubtitle {
font-weight:bold;
color:#4CBBF1;
font-size:1.2em;
}

#faq {
margin: 50px 0 0 0;
padding: 20px 0 0 0;
}

#faq ul{
padding: 30px 0 0 10px;
list-style-type: none;
}

#faq li.a {
margin: 10px 0 30px 0;
}
#faq li span{
font-weight:bold;
padding: 0 10px 0 0;
}
#faq li.q span{
color:#cc0000;
}
#faq li.a span{
color:#336699;
}

#mail {
margin: 50px 0 0 0;
padding: 20px 0 0 0;
}



#footer {
clear:both;
margin:60px 0 0 0;
padding:20px 20px 10px 10px;
background-color:#4CBBF1;
color:#ffffff;
font-size:0.8em;
text-align:right;
}
#footer a{
color:#ffffff;
}





/*-----------------------------------------------------
  for AjaxMail
------------------------------------------------------*/
.zeromail .zipcode-message {
	font-size:85%;
	margin-left:0.5em;
}
/* Address Search */
.zeromail .zipcode-btn {
}
.zeromail .zipcode-message {
	color:#999;
}

/* Over Text Label */
.zeromail .overTxtLabel {
    color: #888888;
}

/* Validator Advice */
.zeromail input[type=text].validation-failed,
.zeromail textarea.validation-failed {
    border-color: #ff0000;
    background-color: #ffdddd;
}
.zeromail .validation-failed:hover,
.zeromail .validation-failed:focus {
	border-color: #FF6A6A;
	background-color: #FEE;
}
.zeromail .validation-advice {
    padding-bottom: 5px;
    font-weight: bold;
    color: #ff0000;
}

.spinner {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #ffffff;
}

/* [Ajax] Result
--------------------------------------------------*/
#result {
	margin:10px 0px 10p 10pxx;
	background-color: #FFFFE6;
	text-align:center;
}

#result div {
	width:;
	margin:10px auto;
	border: 1px solid;
	border:dashed 1px #00AEAE;
	padding:10px;
}

#result:empty {
	margin:0;
    padding:0;
    border-width: 0;
}​

#result .success{
}
