@charset "utf-8";
/* 個人再生カテゴリ */

@media print, screen and (min-width: 768px) {

/*
個人再生とは
********************************************************************************************************************************************* */

div.commuBox{
 margin:0px 0px 20px 0px;
 width:700px;
 zoom: 100%;
}

div.commuBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents div.commuBox div.balloon{
 padding:10px 10px 0px 10px;
 width:548px;
 border:#CCCCCC solid 1px;
 background:#FFFFFF;
 float:left;
}

#contents div.commuBox div.balloon p{
 margin:0px 0px 10px 0px;
}

#contents div.commuBox img{
 margin:0px;
 padding:0px;
 float:left;
}

#contents div.commuBox div.balloon ul{
 margin:0px 0px 0px 30px;
 padding:0px;
 width:518px;
 list-style:outside decimal;
 color:#333333;
}

#contents div.commuBox div.balloon ul li{
 margin:0px 0px 10px 0px;
 padding:0px;
}


/* ケース部分 */
#contents div.caseBox{
 margin:0px 0px 20px 0px;
 padding:0px 0px 10px 0px;
 border-bottom:#E6E6A8 solid 1px;
 width:700px;
 zoom: 100%;
}

div.caseBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents div.caseBox img{
 margin:0px 20px 0px 0px;
 width: 80px;
 margin:0px;
 padding:0px;
 float:left;
}

#contents div.caseBox dl{
 width: 600px;;
 margin:0px 0px 0px 10px;
 _margin:0px 0px 0px 5px;
 float:left;
 position:relative;
}

#contents div.caseBox dl dt{
 margin:0px;
 padding:0px 0px 5px 0px;
 border-bottom:#E6E6A8 dotted 1px;
 /*color:#E37B81;*/
 color:#89B344;
 font-weight:bold;
}

#contents div.caseBox dl dt.btn_more{
 margin:0px;
 padding:0px;
 position: absolute;
 top:0px;
 right:0px;
}

#contents div.caseBox dl dd{
 margin:0px;
 padding:5px 0px 5px 0px;
 color:#333333;
}

/* 流れ部分 */

div.flowBox{
 margin:0px 0px 20px 0px;
 width:698px;
 border:#CCCCCC solid 1px;
 background:#FFFFCC;
}

#contents div.flowBox dl{
 margin:0px 20px 10px 20px;
 padding:20px 0px 20px 0px;
 width:658px;
 background:url(../img/common/flow_bg.gif) no-repeat left bottom;
}

#contents div.flowBox dl dt{
 margin:0px;
 padding:0px;
 width:120px;
 text-align:center;
 float:left;
}

#contents div.flowBox dl dd{
 margin:0px;
 padding:0px;
 width:534px;
 color:#333333;
 float:right;
}

#contents div.flowBox dl dd.title{
 margin:0px 0px 5px 0px;
 padding:0px;
 color:#336600;
 font-weight:bold;
}


#contents div.voiceIndex{
 margin:0px 0px 20px 0px;
 padding:0px 0px 25px 0px;
 width:700px;
 background:#F0EBCE;
}

#contents div.voiceIndex dl{
 margin:5px 10px 20px 20px;
 padding:20px 0px 0px 0px;
 width:200px;
 height:244px;
 background: url(../img/common/voice_bg_list.jpg) no-repeat left top;
 float:left;
}

#contents div.voiceIndex dl dt{
 margin:0px;
 padding:0px;
 font-weight:bold;
 text-align:center;
}

#contents div.voiceIndex dl dt.name{
 margin:0px 10px;
 padding:5px 0px 3px 0px;
 border-bottom:#F0F0F0 solid 1px;
 text-align:center;
}

#contents div.voiceIndex dl dd{
 margin:0px 10px;
 padding:5px 0px 0px 0px;
}


/*
料金ページ
********************************************************************************************************************************************* */

#contents table.price{
 margin:0px 0px 20px 0px;
 padding:0px;
 color:#333333;
}

#contents table.price td{
 padding:10px 10px 0px 10px;
 background-color:#F6F3E1;
 text-align:left;
}

#contents table.price td.komoku{
 background-color:#F0EBCE;
 width:150px;
 text-align:center;
}

#contents table.price td.komoku2{
 background-color:#F0EBCE;
 width:230px;
 text-align:center;
}

#contents table.price td dl{
 width:230px;
 float:left;
}

#contents table.price td dl dt{
 margin:0px 0px 3px 0px;
}

#contents table.price td dl dd{
 margin:0px 0px 3px 0px;
}


#contents div.priceBox{
 margin:0px 0px 10px 0px;
 width:700px;
 zoom: 100%;
}

div.priceBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents div.priceBox img{
 margin:0px;
 padding:0px;
 float:left;
}

#contents div.priceBox div.priceExe{
 width:560px;
 float:left;
}

#contents div.priceBox div.priceExe h3{
 margin:0px;
 width:560px;
 float:left;
}

#contents div.note{
 margin:0px 0px 20px 0px;
 padding:20px 20px 10px 20px;
 background-color:#F6F3E1;
 width:660px;
}


div.meritBox640{
 margin:0px 0px 40px 0px;
 padding:20px 20px 10px 20px;
 width:640px;
 background:#FFFFFF;
}

div.meritBox658{
 margin:0px 0px 40px 0px;
 padding:20px 20px 10px 20px;
 border:#CCCCCC solid 1px;
 width:658px;
 background:#FFFFFF;
}


#contents div.meritBox640 ul,#contents div.meritBox658 ul{
 margin:0px 0px 0px 30px;
 padding:0px;
 list-style:outside decimal;
 color:#333333;
}

#contents div.meritBox640 ul li{
 margin:0px 0px 10px 0px;
 padding:0px;
}

#contents div.meritBox658 ul li{
 margin:0px 0px 10px 0px;
 padding:0px;
 color:#89B344;
}



/*
詳しく解説
********************************************************************************************************************************************* */

#contents div.photoBox {
 margin:0px;
 width:700px;
}


#contents div.photoBox img{
 margin:0px 0px 20px 20px;
 /*width:177px;*/
 float:right;
}

div.exeBox{
 margin:0px 0px 40px 0px;
 padding:10px;
 width:680px;
 background-color:#EEFADC;
}

#contents div.exeBox dl{
 margin:0px;
 padding:0px;
 width:680px;
 background-color:#FFFFFF;
 zoom: 100%;
}

#contents div.exeBox dl:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#contents div.exeBox dl dt{
 margin:0px;
 padding:7px 0px 0px 0px;
 width:35px;
 height:26px;
 background-color:#89B344;
 text-align:center;
 color:#FFFFFF;
 font-weight:bold;
 float:left;
}

#contents div.exeBox dl dd{
 margin:0px;
 padding:7px 0px 0px 45px;
 height:26px;
 text-align:left;
 color:#798E22;
 font-weight:bold;
}

div.exeinBox{
 margin:0px 0px 20px 0px;
 padding:20px 20px 20px 45px;
 width:615px;
 background-color:#FFFFFF;
}

#contents div.exeBox div.exeinBox p{
 margin:0px 0px 10px 0px;
 padding:0px;
}

#contents div.exeBox div.exeinBox dl{
 margin:0px;
 padding:0px;
 width:615px;
 background-color:#FFF;
}

#contents div.exeBox div.exeinBox dl dt{
 margin:0px 0px 7px 0px;
 padding:0px;
 width:120px;
 background:none;
 text-align:left;
 color:#2B4744;
 font-weight: normal;
 float:left;
}

#contents div.exeBox div.exeinBox dl dd{
 margin:0px 0px 7px 0px;
 padding:0px;
 border-bottom:#CCCCCC dotted 1px;
 background-color:none;
 text-align:left;
 color:#333333;
 font-weight: normal;
}


/*
よくある質問
********************************************************************************************************************************************* */

#contents div.qaBox{
 margin:0px 0px 40px 0px;
 padding:0px;
 width:700px;
}

#contents div.qaBox dl{
 margin:0px 0px 60px 0px;
 padding:0px;
 width:700px;
 color:#333333;
}

#contents div.qaBox dl dt{
 margin:0px 0px 10px 0px;
 padding:7px 0px 10px 50px;
 background:url(../img/saisei/ico_qa_q.gif) no-repeat left top;
 width:650px;
 border-bottom:#999999 dotted 1px;
}

#contents div.qaBox dl dd{
 margin:0px 0px 10px 0px;
 padding:7px 0px 10px 50px;
 background:url(../img/saisei/ico_qa_a.gif) no-repeat left top;
 border-bottom:#999999 dotted 1px;
 width:650px;
}

div.btn_center{
  margin:0px 0px 40px 0px;
 height:60px;
 text-align:center;
 position:relative;
 line-height:200%;
 color:#333333;
}

div.categryTop{
 margin:0px;
 width:295px;
 text-align:center;
 position:absolute;
 left:38px;
 top:0px;
}

div.indexTop{
 margin:0px;
 width:295px;
 text-align:center;
 position:absolute;
 left:370px;
 top:0px;
}


/*
よくある質問
********************************************************************************************************************************************* */

div.descriptionBox{
 margin:0px 0px 40px 0px;
 padding:0px;
 width:700px;
 background:url(../img/common/description_bg_middle.jpg) repeat-y left top;
}

div.descriptionBox img{
 margin:0px;
 padding:0px;
 vertical-align:middle;
}


#contents div.descriptionBox dl{
 margin:20px;
 padding:0px;
 color:#333333;
 width:660px;
}

#contents div.descriptionBox dl dt{
 margin:0px 0px 10px 0px;
 padding:0px;
 color:#FF6600;
 font-weight:bold;
}

#contents div.descriptionBox dl dd{
 margin:0px 0px 10px 0px;
 padding:0px;
}

#contents div.descriptionBox dl dd.descriptioMore{
 margin:0px;
 padding:0px 0px 30px 0px;
 background:url(../img/common/description_bg_line.gif) no-repeat left bottom;
 text-align:right;
}


/* エントリー部分 */

#wrapper #container #contents div.descriptionBox div.entry{
 margin:20px;
 padding:0px 0px 30px 0px;
 background:url(../img/common/description_bg_line.gif) no-repeat left bottom;
 color:#333333;
 width:660px;
}

#wrapper #container #contents div.descriptionBox div.entry h2{
 margin:0px 0px 20px 0px;
 padding:0px 0px 5px 0px;
 border-bottom:none;
 border-left:none;
 background:none;
 font-weight:bold;
 color:#FF6600;
}

#wrapper #container #contents div.descriptionBox div.entry h3{
 margin:0px 0px 20px 0px;
 padding:0px 0px 5px 0px;
 border-bottom:#999999 dotted 1px;
 font-weight:bold;
 color:#8FA82D;
}

/* テーブル */
#wrapper #container #contents div.descriptionBox div.entry table{
 margin:0px 0px 40px 0px;
 padding:0px;
 width:700px;
 border-collapse:collapse;
}

#wrapper #container #contents div.descriptionBox div.entry th{
 margin:0px;
 padding:10px;
 background-color:#F0EBCE;
 font-weight:bold;
 color:#2B4744;
 border:1px solid #FFFFFF;
}

#wrapper #container #contents div.descriptionBox div.entry td{
 margin:0px;
 padding:10px;
 width:279px;
 background-color:#F6F3E1;
 color:#333333;
 border:1px solid #FFFFFF;
}

/* 横の奇数行を装飾 */
#wrapper #container #contents div.descriptionBox div.entry tbody tr:nth-of-type(odd){ background:rgba(241,241,222,0.5); }
/* 縦の奇数列を装飾 */
#wrapper #container #contents div.descriptionBox div.entry tbody td:nth-of-type(odd){ background:rgba(241,241,222,0.5); }



/* リスト */
#wrapper #container #contents div.descriptionBox div.entry ol{
 margin:0px 0px 40px 30px;
 padding:0px 0px 0px 0px;
 color:#333333;
}

#wrapper #container #contents div.descriptionBox div.entry ol li{
 margin:0px;
 padding:0px 0px 0px 0px;
}

#wrapper #container #contents div.descriptionBox div.entry ul{
 width:700px;
 margin:0px 0px 20px 30px;
 padding:0px 0px 0px 0px;
 color:#333333;
}

#wrapper #container #contents div.descriptionBox div.entry ul li{
 margin:0px;
 padding:0px 0px 0px 0px;
}

}/* @media */