/*このページ専用の CSS レイアウト*/

/* Data List*/
.col-md-12, .col-sm-12, .col-xs-12{padding:0px;}
.col-md-6, .col-sm-6, .col-xs-12{padding:0px;}

.out_frame{position:relative;margin:0 auto;width:100%;padding:0;}

.pnlTop{margin:0 5px;}
.navi_line{width:100%;height:2em;text-align:right;font-size:0.8em;letter-spacing:1px}
.navi_line img{vertical-align:middle;width:23px;}
#navi_btn{font-size:1.2em;height:2em;margin:0.5em 0 0 0;padding:0.5em 0.3em 0 0.3em;text-align:center;letter-spacing:1px;font-weight:bold;z-index:2;display:inline-block;}
/* Safari ハック */
::-webkit-full-page-media, :future, :root #navi_btn {padding:0.1em 0.3em 0 0.3em}
.panel-body p{list-style-type:none;letter-spacing:1px;margin:1em 0 1em 2em;font-size:1em;}

@media screen and (max-width:360px){.panel-body img[class*="216"]{width:144px;}}
@media screen and (min-width:361px){.panel-body img[class*="216"]{width:216px;}}


/*　^---で始まる。*---を含む。　$---で終わる*/
.panel-body  img[class^="R"] {float:right;margin-left:5px;border:0px;}
.panel-body  img[class^="L"] {float:left;margin-right:5px;border:0px;}
.panel-body  img[class*="144"] {width:144px}

.panel-body table{border:1px solid #ccc;font-size:0.9em;margin-bottom:30px;margin-left:5px;}
.panel-body table th{color:White;background-color:Black;padding:4px;border-right:1px solid #ccc}
.panel-body table td{padding:4px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.panel-body table td:nth-child(even){background-color:#f0f0f0}


#topImg{margin:10px 0px;width:100%;}

.panel-body{list-style-type:none;margin:10px 0px 5px 0px;padding:0px;}
.panel-body h2{font-size:1.1em;border:0px;letter-spacing:1px;margin:0.9em 1em;font-weight:bold;text-decoration:underline;}
.panel-body li {list-style-type:none;letter-spacing:1px;margin:0 0 0 1em;font-size:0.9em;}
.panel-body ul > li{list-style-type:disc;letter-spacing:1px;margin:0 0 0 1em}



#topList{list-style-type:none;margin:10px 0px 5px 0px;padding:0px;}
#topList li {text-align:center;}
#topList li h2{text-align:left;font-size:1.1em;border:0px;letter-spacing:1px;border-bottom:solid 1px #DDD;margin:0.9em 0;font-weight:bold;}
#topList li p{text-align:left;list-style-type:none;letter-spacing:1px;margin:1em 0 1em 2em;font-size:1em;}
#topList ol li{text-align:left;margin-left:25px;}
#topList ul li{text-align:left;margin-left:25px;}

#topList2{list-style-type:none;margin:10px 0px 5px 0px;padding:0px;}
#topList2 li {text-align:center;}
#topList2 li h2{text-align:left;font-size:1.1em;border:0px;letter-spacing:1px;border-bottom:solid 1px #DDD;margin:0.9em 0;font-weight:bold;}
#topList2 li p{text-align:left;list-style-type:none;letter-spacing:1px;margin:1em 0 1em 2em;font-size:1em;}
#topList2 ol li{text-align:left;margin-left:25px;}
#topList2 ul li{text-align:left;margin-left:25px;}


@media screen and (max-width:480px){#topList img[class*="216"]{width:144px;}}
@media screen and (min-width:481px){#topList img[class*="216"]{width:216px;}}

/*　^---で始まる。*---を含む。　$---で終わる*/
#topList  img[class^="R"] {float:right;margin-left:5px;border:0px;}
#topList  img[class^="L"] {float:left;margin-right:5px;border:0px;}
#topList  img[class*="144"] {width:144px}

#topList table{border:1px solid #ccc;font-size:0.9em;margin-bottom:30px;}
#topList table th{color:White;background-color:Black;padding:4px;border:0}
#topList table td{padding:4px;border:0}
/*#topList table td:nth-child(even){background-color:#f0f0f0}*/

hr{clear:both;margin:1em 0;width:100%;border:dotted 1px #CCCCCC;border-color:#ccc}

#btnSlide{margin:0px 0px 5px 0px;text-align:right;width:100%;}
/*画像No.*/
.itemIndex{display:inline-block;text-align:center;margin:1px;padding:0 0.5em;position:relative;top:40px;left:0;z-index:2;}

table.sentaku{width:100%;margin:1.5em 0}
table.sentaku th {color: White; background-color: Black; line-height: 1.5em;padding:2px 4px}
table.sentaku td{border: solid 1px #CCC;}
table.sentaku td img{width:100%;}

@media screen and (max-width:480px) {
    div.img360{display:block;}
    div.img361{display:none;}
    div.img992{display:none;}
    div.img360 img{width:100%;}
}

@media screen and (min-width:481px) and (max-width:992px) {
    div.img360{display:none;}
    div.img361{display:block;}
    div.img992{display:none;}
    div.img361 img{width:100%;}
}

@media screen and (min-width:992px) {
    div.img360{display:none;}
    div.img361{display:none;}
    div.img992{display:block;}
    div.img992 img{width:100%;}
}


/*border: solid 1px #CCC;*/

/*画面操作ボタン*/
#div_btn{width:310px;margin:5px auto}
#div_btn_left{float:left;width:100px;text-align:left}
#div_btn_right{float:right;width:100px;text-align:right}
#div_btn img{width:80px}
#div_btn_center{margin:0px 105px;width:100px;text-align:center}
         




hr{border-style:dotted;border-color:#999999;border-width:1px;}



/* 角丸白ボタン*/
.btnGray {
    
    /*margin: 5px 0px 5px 0px;*/

    /*padding: 0.2em 0 0 0;*/
    padding: 0.2em 0.2em 0.1em 0.2em;

    /*font-size: 0.9em;*/
    font-size: 1em;

    /*line-height: 1.5em;*/

    letter-spacing:1px;
}

.nowrap{white-space:nowrap;}