@charset "shift_jis";
/* CSS Document */

    body {
		width:100%;
	}
	div.content {
		width:700px;
		margin:0 auto;
	}
	
	.qr {
        margin-left: auto;
        margin-right: auto;
    }

    .prices {
        padding-bottom: 40px;
        color: #fff;
        background: #B3C0DD;
        background: -moz-linear-gradient(-45deg, #3f4c6b 0%, #3f4c6b 100%);
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b));
        background: -webkit-linear-gradient(-45deg, #B3C0DD 0%,#3f4c6b 100%);
        background: -o-linear-gradient(-45deg, #B3C0DD 0%,#3f4c6b 100%);
        background: -ms-linear-gradient(-45deg, #B3C0DD 0%,#3f4c6b 100%);
        background: linear-gradient(135deg, #B3C0DD 0%,#3f4c6b 100%);
    }

    .pricing-tables-jumbotron {
        text-align: center;
        background: none;
    }

    .big {
        font-size: 15px;
    }
    
    .option {
        background: #f9f9f9;
        box-shadow: 0 0 1px #FF0000;
        border-radius: 4px 4px 0 0;
        position: relative;
        margin: 20px 5px;
        text-align: center;
        color: #333;
    }
	

        .option:hover .hided-icon {
            color: #fff;
            padding: 0 10px;
        }

        .option > .option-title {
            padding: 20px;
        }

            .option > .option-title > h3 {
                font-weight: bold;
                font-size: 15px;
                text-transform: uppercase;
                margin: 0;
            }

            .option > .option-title > span {
                font-style: italic;
                font-size: 15px;
            }

        .option > .option-price {
            background: #fff;
            padding: 0 0 10px;
            color: #0FB112;
        }

            .option > .option-price > .price {
                display: block;
                font-size: 15px;
                font-weight: bold;
                font-style: italic;
            }

            .option > .option-price > .period {
                font-size: 14px;
            }

        .option .option-list {
            padding: 0;
        }

        .option .item-list {
            list-style: none;
            padding: 0;
        }

            .option .item-list li:nth-child(even) {
                background: #fdfdfd;
            }

            .option .item-list > li {
                padding: 10px 5px;
                font-size: 20px;
				color:#999999;
				
            }
			

			
			
			.option .item-list > li sm {
                font-size: 12px;
            }

			

        .option .btn {
            width: 100%;
            padding: 18px 8px;
            border-radius: 0;
            border: none;
            text-transform: uppercase;
        }

        .option .btn-success {
            color: #fff;
            background: #0FB112;
        }

            .option .btn-success:hover {
                background: #1d7019;
            }

        .option .hided-icon {
            color: #0FB112;
            margin-left: -14px;
            -webkit-transition: all 0.7s ease-in-out;
            -moz-transition: all 0.7s ease-in-out;
            -o-transition: all 0.7s ease-in-out;
            transition: all 0.7s ease-in-out;
        }
	
	
	p {
	margin:30px 0 10px 5px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left:30px;
	padding-bottom:5px;
}
	p.que02 {
	margin:30px 0 10px 5px;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:2px solid #CCCCCC;
	padding-left:30px;
	padding-bottom:5px;
}
    form#frm_a {
        margin:10px 0; padding:0;
    }
    form#frm_a fieldset {
        margin:0; padding:10px;
        border:1px solid #6bba70;
        background-color:inherit;
        color:#666;
        font-size:16px;
		font-weight:700;
    }
    form#frm_a legend {
        margin:0 0 10px 0; padding:2px 5px;
        color:#6bba70;
        font-weight:bold;
    }
    form#frm_a p {
        margin:5px; padding:5px 0 0 0;
        color:#666;
    }
	h1.que01 {
        margin:5px; padding:5px;
        color:#000;
		border-bottom:2px solid #FF9900;
		font-size:18px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }
	h2.que01 {
	margin:30px 0 10px 5px;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1em;
	border-left:10px solid #8e8e8e;
	border-bottom:2px solid #FF9900;
	padding-left:20px;
	padding-bottom:5px;
}
	form#frm_a label.mr100 {
        margin:10px; padding:10px;
        color:#666;
    }
    input[type="text"] {
		border: 1px solid #999;
	}
	input[type="text"]:focus {
		border: 1px solid #ff9900;
		background-color:#FFFFCC;
		outline: 0;
		}
    form#frm_a input.submit {
        border:3px double #cdeb8b;
        background-color:#fff;
        color:#6bba70;
        font-weight:bold;
    }
	
	.appTbl th,.appTbl td{
	border-collapse:collapse;
	border:2px solid #fff;
	font-weight:bold;
	padding:10px 20px;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.alphaImg img:hover,img.alphaImg:hover,
.alphaImg input:hover,input.alphaImg:hover{
	opacity:0.75;
	filter:alpha(opacity="75");
}

.appTbl th{
	width:256px;
	background-color: #B4D2F5;
}
.appTbl td p,.appTbl td label,.appTbl td input,.appTbl td a{
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.appTbl .scd td{
	background-color: #DFFCFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.appTbl_k th{
	background-color:#fff;
}
.appTbl_k .scd td{
	background-color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.appSubTbl th,.appSubTbl td{
	padding:5px;
	border:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.appTbl option{
	font-size:1em;
}


.appTbl_b th{
	background-color:#fff;
}
.appTbl_b .scd td{
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mtb20{margin-top:20px;margin-bottom:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.acTxt{text-align:center;}

.p_title{margin:2px 1px;border-bottom:solid 1px #ff8200; color:#6a6b6a;padding-bottom:5px;}


@media screen and (min-width: 0px) and (max-width : 767px){
    * {
        font-size:12px;
    }
    h1,h2 {
        font-size: 1.5em;
    }
    h3,h4 {
        font-size: 1.3em;
    }
    p,div, .panel-title, .form-control {
        font-size: 1em;
    }
    p.story  {
        font-size: 1.0em;
    }
    .copyright{
        font-size: 0.7em;
    }
}

@media screen and (min-width: 768px) and (max-width : 991px){
    * {
        font-size:14px;
    }
    .copyright{
        font-size:14px;
    }
    p.story  {
        font-size:14px;
        line-height: 1.8;
    }

}

@media screen and (min-width : 992px) {
    * {
        font-size:16px;
    }
    .copyright{
        font-size:18px;
    }
    p.story  {
        font-size:18px;
        line-height: 1.8;
    }

}