@charset "UTF-8";
/* CSS Document */
/*----reset----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/*----common----*/
/*テキスト*/
.fs	{
    font-size: 11px;
}
.fm {
    font-size:19px;
}
.fr {
    font-size:21px;
}
.fl {
    font-size:23px;
}
.fxl    {
    font-size:25px;
}
.bold   {
    font-weight:bold;
}
/*カラー*/
.black {
    color: #000000;
}
.white {
    color: #ffffff;
}
.green {
    color: #008000;
}
.blue {
    color: #0000ff;
}
.red {
    color: #ff0000;
}
.gray {
    color: #808080;
}
.silver {
    color: #c0c0c0;
}
.yellow {
    color: #ffff00;
}
.pink {
    color: #ff00ff:
}
.purple {
    color: #800080;
}
.brown {
    color: #800000;
}
.orange {
    color: #ff6600;
}

/*clearfix*/
.clear {
    clear: both;
}
/*float*/
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.check1 {
    border: 4px #fff solid;
}
.check2 {
    border: 4px #ff0 solid;
}
.check3 {
    border: 4px #000 solid;

}

/*----basic----*/
* {
    margin: 0;
    padding: 0;
}
body {
    color: #;
    font-size: 15px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
    background: #f9f9f9;
}

header {
}
footer {
	color: #FFF;
    text-align: center;
    margin: 30px 0 0 0;
	background-color: #7f2d00;
    padding: 24px 0;
}

/*----free----*/
#wrapper {
    background-color: #fff3b8;
    width: 1080px;
    margin:0 auto;
    border: 1px #ccc solid;
}

#left {
    float: left;
    width: 180px;
    margin: 16px 16px 0 10px ;
    background-color: #fff;
    border: 1px #ccc solid;
}

#right{
    float: right;
    width: 160px;
    margin: 16px 200px 0 0;
    border: 4px #ff0000 solid;
}

#main{
    float: : right;
    width: 870px;
    margin: 16px 0 0 200px;
}

#comment {
    border: 1px #ccc solid;
}
.lefttitle {
    background-color: #7f2d00;
    text-align: center;
    font-size: 17px;
    padding: 8px 0;
    color: #fff3b8;
}
.leftimg {
    background-color: #fff;
    padding: 8px;
    text-align: center;
}
.maintitle {
    background-color: #7f2d00;
    text-align: center;
    font-size: 17px;
    padding: 8px 0 32px 0;
    color: #fff3b8;
}
.borderline {
    border-bottom: #fff3b8 1px solid;
}
.titletime {
    float: left;
    text-align: left;
    padding-left: 24px;
    width: 200px;
    color: #fff3b8;
}
.titlecomment {
    float: right;
    text-align: right;
    padding-right: 24px;
    width: 200px;
    color: #fff3b8;
}
.contentsbox {
    padding-top: 30px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 150%;
    background: #fff;
    border: 1px #ccc solid;
}
.contentsbox section {
    margin-bottom: 16px;
}
.useplan02 {
    margin-bottom: 12px;
}
.write {
    line-height: 200%;
    padding-left: 24px;
    font-weight: bold;
}
.write img {
    margin: 20px 0;
}
.gotolink {
    text-align: right;
    padding-right: 24px;
    padding-top: 24px;
    padding-bottom: 36px;
    font-size: 20px;
    border-top: 1px #ccc solid;
}
.commenttitle {
    background-color: #7f2d00;
    text-align: center;
    font-size: 17px;
    padding: 12px 0;
    color: #fff3b8;
}
.commentbox {
    background: #fff;
    padding: 12px 12px 32px 12px;
}
.commentname {
    border-bottom: 1px #ccc dotted;
    padding-top: 24px;
}
.commenttext {
    padding-left: 30px;
    padding-top: 12px;
}
.footertext {
    color: #fff3b8;
    font-weight: bold;
    letter-spacing: 130%;
}
.adfield {
    width: 800px;
    text-align: center;
    padding: 24px;
}
.keyid01 , .keyid02  {
    color: #0000ff;
    background-color: #c0c0c0;
}

.keyname02 , .publicname , .keyname01{
    color: #69b076;
    font-weight: bold;
}
.open2ch {
    width: 150px;
    height: 150px;
}



/*アスキーアート*/
.ascllart {
	font-size:12pt;
	line-height:18px;
	font-style:normal;
	font-weight:normal;
	letter-spacing : 0;
}
/* Opera */
.ascllart {
	font-family:"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,Mona,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","ＭＳＰゴシック","MSPゴシック","MS Pｺﾞｼｯｸ","MS PGothic",sans-serif;
}
/* firefox */
:-moz-read-only .ascllart {
	font-family:Mona,"MS PGothic AA","ＭＳ Ｐゴシック","MS PGothic","MS Pｺﾞｼｯｸ","MS Pゴシック","ＭＳＰゴシック","MSPゴシック","IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,sans-serif;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.ascllart {
	font-family:"MS PGothic AA","ＭＳ Ｐゴシック","MS PGothic","MS Pｺﾞｼｯｸ","MS Pゴシック","ＭＳＰゴシック","MSPゴシック",IPAMonaPGothic,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",Mona,sans-serif;
}
}
/* IE */
.ascllart {
	_font-family:Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif;
}
*:first-child+html .ascllart {
	font-family:Mona,"IPA モナー Pゴシック","IPA mona PGothic","IPA MONAPGOTHIC",IPAMonaPGothic,"MS PGothic AA","ＭＳ Ｐゴシック","MS Pゴシック","MS PGothic","MS Pｺﾞｼｯｸ","ＭＳＰゴシック","MSPゴシック",sans-serif;
}