body{
    font:18px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    margin:0;
    text-align:left;
}

#wrapper{
min-width:850px;
margin:0 auto;
padding:0;
font:Verdana, Geneva, sans-serif;
background:url(../img/article-background.gif) repeat;
}

header,article,footer{
min-width:850px;
display:block;
}

header,article,footer,h1,h2{
background-repeat:no-repeat;
color:#ffffff;
}

header{
height: 215px;
margin:0px auto;
padding:0;
background-color:#FFFFFF;
border-bottom: 1px solid #7d7d7d;

background:linear-gradient(#ffffff, #000000);
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#8b8b8b, EndColorStr=#ffffff)";
background: -webkit-gradient(linear, right top, left bottom, from(#8b8b8b), to(#ffffff));
background: -moz-linear-gradient(right top 250deg, #8b8b8b, #ffffff);*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#bbbbbb, EndColorStr=#ffffff)";
background: -webkit-gradient(linear, right top, left bottom, from(#bbbbbb), to(#ffffff));
background: -moz-linear-gradient(right top 250deg, #bbbbbb, #ffffff);
}

#header-inner{
    width:850px;
    margin:0 auto;
    padding: 0;
    position:relative;
}

#header-inner h1{
    width: 500px;
    margin:0;
    padding:0;
    top:40px;
    left:0px;
    position:absolute;
}

#header-inner h2{
    width: 500px;
    margin:0;
    padding:0;
    top:116px;
    left:7px;
    position:absolute;
}

#header-inner ul{
    width:100%;
    padding:0;
    margin:0;
    top:166px;
    left:7px;
    position:absolute;
}

#header-inner ul li{
    list-style:none;
    float:left;
    height: 19px;
}

#header-inner ul li#fb{
    width: 90px;
}
#header-inner ul li#tw{
    width: 110px;
    padding:4px 0 0 0;
}
#header-inner ul li#gp{
    width: 90px;
    padding:4px 0 0 0;
}

#header-inner img{
    border:0px;
}

#icon-logo{
    top:0px;
    left:509px;
    position:absolute;
    z-index: 2
}

article{
    margin:0px;
    padding:0 0 42px 0;
    text-align:left;
}
footer{
    margin:0px;
    padding:0 0 10px 0;
    text-align:center;
    font-size: 16px;
}

footer a{
    color:#fff;
}

#article-inner-h{
    width:850px;
    margin:0 auto;
    padding: 0 0 0 0;
    height: 95px;
    position:relative;
    z-index: 4;
}

#article-inner-h #description{
    top:10px;
    left:4px;
    position:absolute;
}

#keyword_adddel{
    width: 30px;
    top:97px;
    left:810px;
    position:absolute;
}
#keyword_add{
    float: right;
    cursor: pointer;
}
#keyword_del{
    float: left;
    cursor: pointer;
}

#article-inner-keyword{
    position: relative;
    min-height: 252px;
    margin:0px auto;
    text-align: right;
    z-index:3;
}


#article-inner-keyword textarea{
    color: #999;
    font-size:14pt;
    background: #fff;
    padding:10px;
    font-family: "メイリオ", Meiryo;
}

#article-inner-keyword textarea.introplus{
    background-color: #eac9de; 
    background-image: url("../img/keyword_back_introplus.png");
    background-repeat: no-repeat;
    background-position: 15px 116px;
}


#article-inner-keyword ul{
    padding:0;
    margin:auto auto;
}

#article-inner-keyword ul li{
    list-style:none;
    float:left;
}

#article-inner-keyword ul li p{
    padding: 0;
    margin:0;
    text-shadow: 0px 2px #333;
}

.txtarea-3 textarea{
        width: 226px;
        height: 202px;
}
.txtarea-3 ul{
        width: 888px;
}
.txtarea-3 ul li{
        padding: 0 25px 0 25px;
}

.txtarea-4 textarea{
        width: 226px;
        height: 202px;
}
.txtarea-4 ul{
        width: 1064px;
}
.txtarea-4 ul li{
        padding: 0 10px 0 10px;
}

.txtarea-5 textarea{
        width: 182px;
        height: 202px;
}
.txtarea-5 ul{
        width: 1060px;
}
.txtarea-5 ul li{
        padding: 0 5px 0 5px;
}

.txtarea-6 textarea{
        width: 150px;
        height: 202px;
}
.txtarea-6 ul{
        width: 1080px;
}
.txtarea-6 ul li{
        padding: 0 5px 0 5px;
}


#article-inner-keyword textarea,
#result-bl textarea,
#extra-options-inner{
        font-family: "メイリオ", Meiryo;

        border: 0px;
	border-radius: 5px;
        resize: none;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

        -webkit-box-shadow: inset 2px 2px 8px 1px #1a1a1a;
	-moz-box-shadow: inset 2px 2px 8px 1px #1a1a1a;
	box-shadow: inset 2px 2px 8px 1px #1a1a1a;
}

#extra-options-inner{
        display: block;
}

#article-inner-f{
    width:850px;
    margin:0 auto;
    padding: 0;
    min-height:650px;
}


#gen-btn{
    width:103px;
    height: 103px;
    margin:32px auto 25px auto;
    padding: 0;
    position:relative;
}

.gen-error{
    top:-1px;
    left:-64px;
    position:absolute;
}

#result-bl{
    float: left;
    position:relative;
}
#result-bl p,
#extra-options{
    padding: 0;
    margin-top: 0;
    font-size:18px;
}

#extra-options-inner p{
    font-weight: bold;
}

#result-bl textarea{
	color: #999;
        font-size:14pt;
	background: #fff;
        width: 530px;
        height: 460px;
        margin:0px;
        padding:10px;
}

#extra-options{
    cursor: pointer;
}

#extra-options-bl{
    float: right;
    text-align: left;
    width: 245px;
}

#extra-options-inner{
/*    min-height: 270px;*/
    background-color: #3a3a3a;
    padding:20px 0 0 30px;
}

#select-btn,
#copy-btn{
    width: 191px;
    margin-right: auto;
    margin-left: auto;
}

#select-btn{
    margin-top:25px;
}
#copy-btn{
    margin-top:10px;
    height: 57px;
}


.option-colums{
    clear: both;
    padding: 0px;
    margin: 0 0 15px 0;
}

.option-colums .subtitle{
    padding: 0;
    margin:0 0 5px 0;
    color: #dbdbdb;
    font-size:15pt;
}

.option-colums .input-bl{
    padding: 0;
    margin: 5px 0 15px 0;
    color: #dbdbdb;
}

.option-colums .input-bl label{
    margin: 0 14px 0 7px;
}

.option-colums .input-bl label.non{
    margin: 0 5px 0 5px;
}

.option-colums .input-bl input,
.option-colums .input-bl label,
.option-colums .input-bl span{
    float:left;
}

#loadding{
    display: none;
}

/*common*/

.clear{
    clear: both;
}
.spotlight{
    min-width:850px;
    background: -webkit-gradient(radial, center top, 0, center top, 650, from(rgba(255,255,255,0.25)), to(rgba(255,255,255,0)));
    background: -moz-radial-gradient(center top, circle farthest-side, rgba(255,255,255,0.1), rgba(255,255,255,0));
}
.txt-shadow{
    text-shadow: 0px 2px #333;
}
.display_on{
    display:block;
}
.display_off{
    display:none;
}
.red{
    color:red;
}
.like{
    background: url(../img/bg_count.gif) no-repeat left center;
    padding: 0 0 0 7px;
}

.like span{
    padding: 3px 8px;
    background: #DDD;
    font-size: 90%;
    color:#666;
}
.pageOverlay{
    position: fixed;
    z-index: 9999;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
.pi{
    cursor: pointer;
}

#allintroplus{
    float: right;
}