@charset "utf-8";
/*
Theme Name: BizVektor on i-supli.jp
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: i-supli.jp用子テーマ
Author: Masashi Konagawa
Tags: 
Version: 0.1.0
*/

/*全般*/
body,
#content h2,
#content h3{
	font-family:"メイリオ","Meiryo","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#content h2{
	color: #c60030;
	font-size: large;
	margin-bottom:1%;
}

#content h3{
	font-size: medium;
	margin-bottom:1%;
}

#header #headContact #headContactTel,
#content .mainFootContact p.mainFootTxt span.mainFootTel{
	font-size: large;
	color: #666;
}

@media screen and (min-width: 970px) {
	#main #container #content{
		width:700px;
	}
	
	#gMenu .menu li.current_page_item,
	#gMenu .menu li.current_page_ancestor{
		width:189px;
	}
	#gMenu .menu>li{
		width:189px;
	}

}

/*よくある質問*/
dt.faq{
	font-size: large;
}

/*固定ページ共通*/
#static_h{
	height:0px;
	text-indent: -9999px;
	border:0;
}

/*トップページ*/
#content h2.top_h2{
	margin-bottom:1%;
}

/*スライドショー*/
#topMainBnrFrame{
	box-shadow:none;
}

#topMainBnrFrame ul.slides{
	border:none;
}

#topMainBnrFrame .flexslider{
	background-color:#ffffff;
}

#topMainBnrFrame .slideFrame{
	border:none;
}

#topMainBnrFrame a:hover.slideFrame{
	border:none;
}

/*3PRエリア*/
#topPr .prImage a{
	border:none;
}

/*商品ページ*/

    #block1 {
        max-width: 700px;
        width: 100%;
    }

    div.blockimg {
        width: 50%;
        float: left;
        margin: 3%;
    }

    img.blockimg, main_p {
        width: 100%;
    }

    #blockR {
        width: 42%;
        float: left;
        margin: 3% 0;
        padding: 0 1% 3%;
    }

    #titlehed{
        color: #c60030 !important;
        margin: 0 !important;
        font-size: 1.2em !important;
    }

    h4.innertitle {
        margin: 3% 0 0 0 !important;
        font-size: 1.7em !important;
        padding: 0 !important;
        line-height: 120%;
    }

    h4.price {
        margin: 3% 0 !important;
        font-size: 1.2em !important;
        padding: 0 !important;
    }

    #order{margin:0 0 3% 3%;}

    a.btn {
        padding: 0;
        margin: 0;
    }

    span.btn, .btn10 {
        font-size: 19px;
        color: #FFFFFF;
        font-weight: 800;
        display: table-cell;
        width: 170px;
        text-align: center;
        height: 50px;
        vertical-align: middle;
    }

    #tyuuki2{
        border: 1px solid #c60030;
        padding: 2%;
        width:94%;
    }

    #tyuuki2.span{
        font-size: 80%;
        line-height: 160%;
    }

    #hr1 {
        margin: 5% 0;
    }

    #block2 {
        clear: both;
    }

    @media screen and (max-width:500px) { /*500px以下の場合*/
        div.blockimg {
            width: 100%;
            float: none;
            margin: 3%;
        }
        #blockR {
            width: 100%;
            float: none;
            margin: 3% 0;
            padding: 0 1% 3%;
        }
    }

    .undercontent p {
        margin: 30px 0 !important;
        padding: 8px 13px 7px !important;
        background: #8c5a33;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
    }

    .undercontentinnerdiv {
        width: 96%;
        margin: 0 2% 10px;
    }

    .undercontentinnerdiv:after{
        content: "";
        clear: both;
        display: block;
    }

    .undercontentinnerdivspan1 {
        color: #e5447e;
        font-weight: bold;
    }

    .undercontentinnerdivspan2 {
        display: block;
        width: 72%;
        float: left;
    }

    .undercontent ul {
        list-style: none !important;
        margin: 2% !important;
    }

    .undercontent li {
        list-style: none !important;
        border-bottom: dotted 1px #000000;
        padding: 1% 0 !important;
        overflow: hidden;
    }

    .undercontent img {
        float: left;
        margin: 0 10px !important;
    }

    .undercontentinnerdiv2 {
        width: 96%;
        margin: 0 2% 10px;
    }

    .lispan {
        display: block;
        float: left;
        width: 80%;
    }