/*このページ専用の 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:0px;}

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

.pnlTop{margin-left:5px;margin-right: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;text-align:center;letter-spacing:1px;font-weight:bold;z-index:2;display:inline-block;}*/
#navi_btn {font-size: 1.2em;height: 2.0em;margin: 0.5em 0 0 0;padding: 0.5em 0.5em 0 0.5em;text-align: center;letter-spacing: 1px;font-weight: bold;z-index: 2;display: inline-block;position: relative;left: 0;top: 10px;}
/* Safari ハック */
::-webkit-full-page-media, :future, :root #navi_btn {padding:0.1em 0.3em 0 0.3em}
#topImg{margin:10px 0px;width:100%;}

#topList{list-style-type:none;margin:2em 0 0.5em 0;padding:0px;}
#topList li h2{font-size:1.1em;border:0px;letter-spacing:1px;border-bottom:solid 1px #DDD;margin:0.9em 0;font-weight:bold;}
#topList li p{list-style-type:none;letter-spacing:1px;margin:1em 0 1em 2em;font-size:1em;}
#topList li li{list-style-type:disc;margin:0 0 0 1em;}
/*#topList ul > ul,#topList ul > li{list-style-type:none;font-size:letter-spacing:1px;margin:10px 0px}*/


@media screen and (max-width:360px){
    #topList img[class*="216"]{width:144px;}
}
@media screen and (min-width:361px){
    #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-right:1px solid #ccc}
#topList table td{padding:4px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#topList table td:nth-child(even){background-color:#f0f0f0}

#topList table th:nth-child(1){width:1em;}
#topList table th:nth-child(2){width:1em;}
#topList table th:nth-child(4){width:4em;}

  #btnSlide {
    margin: 0px 0px 5px 0px;
    text-align: right;
    width: 100%;
  }
#itemIndex{margin:0px;padding:0px;width:3.5em;text-align:center;position:relative;left:0;top:10px;z-index:2;}

/*左カラム*/
.big_image{width:100%;padding-left:5px;;}
.big_image img{border:1px solid white;vertical-align:top;}/*macroN画像*/
.big_image #big{display:block;width:98%;}/*ここがミソ・min-width:320px;が障害*/
.big_image #ctl00_cph_big{display:block;width:98%;margin:1.5em auto 0 auto;}/*IE・slide show*/
.big_image #cph_big{display:block;width:98%;margin:1.5em auto 0 auto;}/*IE・slide show*/
.big_image img[id*="macro"]{width:33%;}

/*左カラム*/
.large_image{width:100%;}
.large_image img{border:1px solid white;vertical-align:top;}

.large_image #big{display:block;width:98%;margin:0px auto;}/*ここがミソ*/
.large_image #ctl00_cph_big{display:block;width:98%;margin:0px auto;}/*IE・slide show*/
.large_image #cph_big{display:block;width:98%;margin:0px auto;}/*IE・slide show*/

.macro_image{text-align:left;width:100%;margin:0 auto;}
.macro_image img{width:33%;border:1px solid white;vertical-align:top;margin:2px 1px}


/*右カラム*/
.right_box{width:100%;letter-spacing:1px;margin:1.5em auto 10px auto;border:0;}
.right_box table{width:98%;margin:0 auto;border:1px solid #B5B5B5;}
.right_box th{width: 17%; text-align: left;padding:3px;color:#DDDDDD;background-color:#555555;border-top:0;border-bottom:0;}
.right_box th a{width: 17%; text-align: left;padding:3px;color:#DDDDDD;background-color:#555555;border-top:0;border-bottom:0;text-decoration:underline}
.right_box td{width:83%; text-align: left;padding:3px;border-top:0;border-bottom:0;}
#note_box{width:99.7%;text-align:left;font-size:0.85em;letter-spacing:1px;background-color:#EEEEEE;padding:10px;margin:10px 2px;}
#note_box p{font-weight:bold;margin:0.5em 0;font-size:1.2em}


/*右カラム*/
/*.right_box{width:100%;letter-spacing:1px;margin:1em auto 1em auto;min-width:320px;}
.right_box table{width:100%;border:1px solid #444444;border-collapse:collapse;}
.right_box th{width: 17%; text-align: left;padding:3px;color:#DDDDDD;background-color:#555555}
.right_box th a{width: 17%; text-align: left;padding:3px;color:#DDDDDD;background-color:#555555}
.right_box td{width:83%; text-align: left;padding:3px;}
.right_box divBtnGray{width:98%;text-align:left;font-size:0.85em;letter-spacing:1px;background-color:#EEEEEE;padding:0px;margin:10px 0px}*/


/*dl の上のmargin padding*/
.right_box dl{margin:0px 0px 0px 10px;padding:0px;letter-spacing:1px;}
.right_box dl dt{font-size:1em;margin:0;font-weight:normal;}
.right_box dl dd{font-size:1em;margin:1em 0 1em 4em;line-height:1.5em;}


/* スライドショー画面操作ボタン*/
#div_btn{clear:both;width:310px;margin:5px auto;padding:0px}
#div_btn_left{float:left;width:130px;text-align:left}
#div_btn_right{float:right;width:130px;text-align:right}
#div_btn img{width:120px}
#div_btn_center{margin:0px 105px;width:100px;text-align:center}