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.6em;
color:#cc0000;
margin-bottom:30px;
}

.subtitle span{
font-size:0.6em;
color:#cc0000;
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("/pdfslicer/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:#E0CEA4;
line-height:30px;
padding: 0;
text-align:right;
color:#000000;
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:#000000;
}
#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:#000000;
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:#E0CEA4;
background-image:url("/pdfslicer/img/topbg.jpg");
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
}
#catch #topimage {
width:50%;
float:left;
text-align:right;
}
#catch #toptext {
width:50%;
float:left;
position: relative;
}
#catch #topimage img{
width:90%;
position:relative;
right:15px;
max-width:500px;
}

#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;
}

#intro {
padding:50px 0 0 0;
}

#intro p{
padding:30px 0 0 0;
}

#func {
margin: 50px 0 0 0;
padding: 50px 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: 50px 0 0 0;
}

#howto ul.numlist{
padding: 20px 0 0 30px;
list-style-type: decimal;
}

#howto ul.list{
padding: 20px 0 0 30px;
list-style-type: square;
}

#faq {
margin: 50px 0 0 0;
padding: 50px 0 0 0;
}

#faq ul{
padding: 20px 0 0 10px;
}

#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: 50px 0 0 0;
}

#choppli {
margin: 50px 0 0 0;
padding: 50px 0 0 0;
}

#choppli .subtitle{
padding: 50px 0 0 0;
}

#footer {
clear:both;
margin:60px 0 0 0;
padding:20px 20px 10px 10px;
background-color:#E0CEA4;
color:#666666;
font-size:0.8em;
text-align:right;
}
#footer a{
color:#666666;
}





/*-----------------------------------------------------
  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{
}