@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500);
@import url(//fonts.googleapis.com/css?family=Qwigley);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Lucida Grande","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,Verdana,Arial,sans-serif;
    /*    -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;*/
}
.clear{ clear: both; }
.clearBox{ overflow:hidden; }
a{ text-decoration: underline; }


.nobr{ white-space: nowrap; }
h1,h2,h3,h4{margin:0px; padding-top:10px;}


/*---------------文字スタイル--------------*/

.panel_title1{
    background-color:#c93f35 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.border1{ border:1px solid #ccc; }

.bgcolor1{ background-color:#efefef; }
/*.bgcolor2{ background-color:#ff6600; }*/
.bgcolor2{ background-color:rgba(236,175,77,1); }
.bgcolor3{ background-color: rgba(255,255,255,0.5); }

.bgimage{
    background-image:url("../image/header_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}

.bgimage2{
    background-image:url("../image/footer_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}
/* font-color */
.col_red{ color:#FF0000;}
.col_blue{ color:#0000FF;}
.col_green{ color:#006600;}
.col_pink{ color:#FF33CC;}
.col_kon{ color:#000033;}
.col_white{ color:#FFF !important;}

li.footer_menu{ margin:5px 10px; }
li.footer_menu>a{ color:#FFF; }

/* font-size */
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f21{ font-size:21px;}
.f22{ font-size:22px;}
.f23{ font-size:23px;}
.f24{ font-size:24px;}
.f25{ font-size:25px; line-height:40px;}
.f26{ font-size:26px; line-height:40px;}
.f27{ font-size:27px; line-height:40px;}
.f28{ font-size:28px; line-height:40px;}
.f29{ font-size:29px; line-height:40px;}
.f30{ font-size:30px; line-height:40px;}
.f35{ font-size:35px; line-height:40px;}
.f40{ font-size:40px; line-height:45px;}

.f1vw{ font-size: 1vw; }
.f1_2vw{ font-size: 1.2vw; }
.f1_3vw{ font-size: 1.3vw; }
.f1_4vw{ font-size: 1.4vw; }
.f1_5vw{ font-size: 1.5vw; }
.f1_6vw{ font-size: 1.6vw; }
.f1_7vw{ font-size: 1.7vw; }
.f1_8vw{ font-size: 1.8vw; }
.f1_9vw{ font-size: 1.9vw; }
.f2vw{ font-size: 2vw; }
.f2_5vw{ font-size: 2.5vw; }
.f3vw{ font-size: 3vw; }
.f4vw{ font-size: 4vw; }

.fw_n{ font-weight:normal !important; }
.fw_b{ font-weight:bold !important; }


.textShadow1{  text-shadow: 4px 0px 3px #aaa;  }

/*---------------背景スタイル--------------*/

.bgC1{
    background: -moz-linear-gradient(top, #eee, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #FEFEFE);
    background:      linear-gradient(top, #eee, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FEFEFE));
}

.bgC2{
    background: -moz-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:      linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.7, #FEFEFE), to(#FEFEFE));
}

.bgC3{	background-color:#9cb5da;}
.bgC4{	background-color:#999;}
.bgC5{	background-color:#1c1f87 !important;}

.bgC6{
    background: -moz-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:      linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.7, #FEFEFE), to(#FEFEFE));
}



/*---------------margin paddingスタイル--------------*/

.pad0{ padding:0px !important; }
.pad1{ padding:1px !important; }
.pad2{ padding:2px !important; }
.pad3{ padding:2px !important; }
.pad0_2{ padding:0px 2px !important; }
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad25{ padding:25px;}
.pad30{ padding:30px;}
.pad40{ padding:40px;}
.pad50{ padding:50px;}
.pad100{ padding:100px;}
.pad150{ padding:150px;}
.pad200{ padding:200px;}

.pad10_0{ padding:10px 0px;}
.pad5_10{ padding:5px 10px;}
.pad10_20{ padding:10px 20px;}
.pad20_40{ padding:20px 40px;}
.pad30_40{ padding:30px 40px;}
.pad30_60{ padding:30px 60px;}
.pad40_80{ padding:40px 80px;}
.pad40_0{ padding:40px 0px;}
.pad50_100{ padding:50px 100px;}
.pad100_200{ padding:100px 200px;}
.pad150_300{ padding:150px 300px;}
.pad200_400{ padding:200px 400px;}


.mar5_10{ margin:5px 10px;}
.mar0{ margin:0px;}
.mar1{ margin:1px;}
.mar3{ margin:3px;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}
.mar30{ margin:30px;}
.mar40{ margin:40px;}
.mar50{ margin:50px;}
.mar100{ margin:100px;}
.mar150{ margin:150px;}
.mar200{ margin:200px;}

.mt-2{ margin-top:-2px;}
.mt-15{ margin-top:-15px;}
.mt1{ margin-top: 1px; }
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}
.mt150{ margin-top:150px;}
.mt200{ margin-top:200px;}

.mt_2vw{ margin-top: 0.2vw; }
.mt1vw{ margin-top: 1vw; }
.mt2vw{ margin-top: 2vw; }
.mt3vw{ margin-top:3vw;}
.mt5vw{ margin-top:5vw;}
.mt10vw{ margin-top:12vw;}

.mb0{ margin-bottom: 0px; }
.mb1{ margin-bottom: 1px; }
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb100{ margin-bottom:100px;}
.mb150{ margin-bottom:150px;}
.mb200{ margin-bottom:200px;}

.mb1vw{ margin-bottom: 1vw; }
.mb3vw{ margin-bottom:3vw;}
.mb5vw{ margin-bottom:5vw;}

.ml2p{ margin-left:2%;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml50{ margin-left:50px;}
.ml70{ margin-left:70px;}
.ml100{ margin-left:100px;}
.ml200{ margin-left:200px;}

.ml1vw{ margin-left: 1vw; }
.ml2vw{ margin-left: 2vw; }
.ml3vw{ margin-left: 3vw; }
.ml4vw{ margin-left: 4vw; }
.ml5vw{ margin-left: 5vw; }

.mr0{ margin-right:0px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr70{ margin-right:70px;}
.mr100{ margin-right:100px;}
.mr200{ margin-right:200px;}

.mr1vw{ margin-right: 1vw; }

.pr0{ padding-right:0px;}
.pr10{ padding-right:10px;}
.pr25{ padding-right:25px;}
.pr35{ padding-right:35px;}

.pr1vw{ padding-right: 1vw;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl50{ padding-left:50px;}
.pl70{ padding-left:70px;}
.pl100{ padding-left:100px;}
.pl200{ padding-left:200px;}

.pl5vw{ padding-left:5vw;}
.pl9vw{ padding-left:9vw;}
.pl10vw{ padding-left:10vw;}
.pl13vw{ padding-left:13vw;}
.pl15vw{ padding-left:15vw;}
.pl20vw{ padding-left:20vw;}
.pl16vw{ padding-left:16.5vw;}
.pl30vw{ padding-left:30vw;}

.pr5vw{ padding-right:5vw;}
.pr9vw{ padding-right:9vw;}
.pr10vw{ padding-right:10vw;}
.pr13vw{ padding-right:13vw;}
.pr15vw{ padding-right:15vw;}
.pr16vw{ padding-right:16.5vw;}
.pr30vw{ padding-right:30vw;}

.pt0{ padding-top:0px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
.pt150{ padding-top:150px;}
.pt200{ padding-top:200px;}
.pt250{ padding-top:250px;}
.pt300{ padding-top:300px;}

.pt0_8vw{ padding-top: 0.8vw; }
.pt1vw{ padding-top: 1vw; }
.pt2vw{ padding-top: 2vw; }
.pt3vw{ padding-top: 3vw; }
.pt4vw{ padding-top: 4vw; }
.pt5vw{ padding-top: 5vw; }
.pt10vw{ padding-top: 10vw; }
.pt15vw{ padding-top: 15vw; }

.pt5p{ padding-top:5%;}
.pt10p{ padding-top:10%;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb50{ padding-bottom:50px;}
.pb70{ padding-bottom:70px;}
.pb100{ padding-bottom:100px;}
.pb150{ padding-bottom:150px;}
.pb200{ padding-bottom:200px;}
.pb300{ padding-bottom:300px;}

.pb0_8vw{ padding-bottom: 0.8vw; }
.pb1vw{ padding-bottom: 1vw; }
.pb2vw{ padding-bottom: 2vw; }
.pb3vw{ padding-bottom: 3vw; }
.pb5vw{ padding-bottom: 5vw; }
.pb10vw{ padding-bottom: 10vw; }
.pb15vw{ padding-bottom: 15vw; }

.iw25{ max-width: 25px; width: auto; height: auto; }
.iw80{ max-width: 80px; width: auto; height: auto; }
.iw100{ max-width: 100px; width: auto; height: auto; }
.iw150{ max-width: 150px; width: auto; height: auto; }
.iw200{ max-width: 200px; width: auto; height: auto; }
.iw250{ max-width: 250px; width: auto; height: auto; }
.iw300{ max-width: 300px; width: auto; height: auto; }
.iw350{ max-width: 350px; width: auto; height: auto; }
.iw400{ max-width: 400px; width: auto; height: auto; }
.iw450{ max-width: 450px; width: auto; height: auto; }
.iw500{ max-width: 500px; width: auto; height: auto; }

.iw30p{ max-width: 30%; width: auto; height: auto; }
.iw35p{ max-width: 35%; width: auto; height: auto; }
.iw40p{ max-width: 40%; width: auto; height: auto; }
.iw45p{ max-width: 45%; width: auto; height: auto; }
.iw50p{ max-width: 50%; width: auto; height: auto; }
.iw55p{ max-width: 55%; width: auto; height: auto; }
.iw60p{ max-width: 60%; width: auto; height: auto; }
.iw70p{ max-width: 70%; width: auto; height: auto; }
.iw80p{ max-width: 80%; width: auto; height: auto; }
.iw90p{ max-width: 90%; width: auto; height: auto; }
.iw95p{ max-width: 95%; width: auto; height: auto; }
.iw100p{ max-width: 100%; width: auto; height: auto; }

.iw2_5vw{ max-width: 2.5vw; width: 5vw; height: auto; }
.iw10vw{ max-width: 10vw; width: 10vw; height: auto; }
.iw11vw{ max-width: 11vw; width: 11vw; height: auto; }
.iw12vw{ max-width: 12vw; width: 12vw; height: auto; }
.iw14vw{ max-width: 14vw; width: 15vw; height: auto; }
.iw15vw{ max-width: 15vw; width: 15vw; height: auto; }
.iw16vw{ max-width: 16vw; width: 16vw; height: auto; }
.iw20vw{ max-width: 20vw; width: 20vw; height: auto; }
.iw25vw{ max-width: 25vw; width: 25vw; height: auto; }
.iw30vw{ max-width: 30vw; width: 30vw; height: auto; }
.iw38vw{ max-width: 38vw; width: 38vw; height: auto; }
.iw40vw{ max-width: 40vw; width: 40vw; height: auto; }
.iw50vw{ max-width: 50vw; width: 50vw; height: auto; }
.iw55vw{ max-width: 55vw; width: 55vw; height: auto; }
.iw60vw{ max-width: 60vw; width: 60vw; height: auto; }
.iw70vw{ max-width: 70vw; width: 70vw; height: auto; }
.iw80vw{ max-width: 80vw; width: 80vw; height: auto; }
.iw90vw{ max-width: 90vw; width: 90vw; height: auto; }
.iw100vw{ max-width: 100vw; width: 100vw; height: auto; }


.box_overflow100{ overflow:auto; height:100px; }
.box_overflow200{ overflow:auto; height:200px; }
.box_overflow300{ overflow:auto; height:300px; }

.overflowH{ overflow: hidden; }

.w10p{ width: 10% !important; }
.w15p{ width: 15% !important; }
.w20p{ width: 20% !important; }
.w22p{ width: 22% !important; }
.w25p{ width: 25% !important; }
.w30p{ width: 30% !important; }
.w33p{ width: 33% !important; }
.w35p{ width: 35% !important; }
.w40p{ width: 40% !important; }
.w45p{ width: 45% !important; }
.w50p{ width: 50% !important; }
.w55p{ width: 55% !important; }
.w60p{ width: 60% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w75p{ width: 75% !important; }
.w78p{ width: 78% !important; }
.w80p{ width: 80% !important; }
.w85p{ width: 85% !important; }
.w90p{ width: 90% !important; }
.w100p{ width: 100% !important; max-width: 100% !important; }

.w10vwc{ width: 10vw !important; margin: 0 auto; }
.w20vwc{ width: 20vw !important; margin: 0 auto; }
.w30vwc{ width: 30vw !important; margin: 0 auto; }
.w40vwc{ width: 40vw !important; margin: 0 auto; }
.w42vwc{ width: 42vw !important; margin: 0 auto; }
.w50vwc{ width: 50vw !important; margin: 0 auto; }
.w60vwc{ width: 60vw !important; margin: 0 auto; }
.w70vwc{ width: 70vw !important; margin: 0 auto; }
.w80vwc{ width: 80vw !important; margin: 0 auto; }
.w85vwc{ width: 85vw !important; margin: 0 auto; }
.w90vwc{ width: 90vw !important; margin: 0 auto; }


.wm65p{ width: 65% !important; max-width: 65% !important; }

.w50{
    width: 50px !important;
    max-width: 100% !important;
}
.w100{
    width: 100px !important;
    max-width: 100% !important;
}
.w130{
    width: 130px !important;
    max-width: 100% !important;
}
.w150{
    width: 150px !important;
    max-width: 100% !important;
}
.w200{
    width: 200px !important;
    max-width: 100% !important;
}
.w250{
    width: 250px !important;
    max-width: 100% !important;
}
.w300{
    width: 300px !important;
    max-width: 100% !important;
}
.w350{
    width: 350px !important;
    max-width: 100% !important;
}
.w400{
    width: 400px !important;
    max-width: 100% !important;
}
.w450{
    width: 450px !important;
    max-width: 100% !important;
}
.w500{
    width: 500px !important;
    max-width: 100% !important;
}
.max_w1170{
    max-width: 1170px !important;
}

.max_w1200{
    max-width: 1200px !important;
}

.lh20{ line-height:20px; }
.lh22{ line-height:22px; }
.lh25{ line-height:25px; }
.lh30{ line-height:30px; }

.lh2vw{ line-height: 2vw; }
.lh3vw{ line-height: 3vw; }
.lh4vw{ line-height: 4vw; }
.lh5vw{ line-height: 5vw; }


/*------表作成-----*/
.hyouArea{ /* background-color: #00b2a9;*/ }
.hyouTitle{ padding: 10px 10px; color: #FFF;background-color: #ff7895; font-weight: normal; font-size: 16px; text-align: right; border-top:#999 1px solid; }
.hyouStr{ padding: 10px 10px; background-color: #fff; font-size: 16px; border-top:#999 1px solid; }
.hyouTitle2{ padding: 10px 10px; color: #FFF;background-color: #ff7895; font-weight: normal; font-size: 16px; text-align: right; border-top:#999 1px solid; }
.hyouStr2{ padding: 10px 10px; background-color: #fff; font-size: 16px; border-top:#999 1px solid; }

.hyoumar{ margin:0 -14px 0px -14px; }
.hyoumar:first-child{ margin-top:1px; }

@media only screen and (min-width:1400px){
    .comitForm th{
        width: 30%;
        font-weight: normal;
        text-align: right;
    }
}
@media only screen and (max-width:1399px){
    .comitForm th{
        width: 30%;
        font-weight: normal;
        text-align: right;
    }
}

@media only screen and (max-width:991px){
    .hyouTitle,
    .hyouTitle2{ text-align: left; }

}
@media only screen and (max-width:846px){
    .hyouTitle,
    .hyouTitle2{ text-align: left; }

}

@media only screen and (max-width:767px){
    .hyouTitle,
    .hyouTitle2{ text-align: left; }

    .hyouTitle{ border-top:#999 1px solid; background-color: #ff7895; width: 100%; max-width: 100%; margin-bottom: 0px; }
    .hyouTitle2{ border-top:#999 1px solid; background-color: #ff7895;border-bottom:#999 1px solid; }

    .hyouStr{ }
    .hyouStr2{ border-top:#999 1px solid;}
    .comitForm th,
    .comitForm td{
        width: 100%;
        display: block;
        text-align: left;
        font-weight: normal;
    }
}

@media only screen and (max-width:640px){
    .hyouTitle{ text-align: left; }
}