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

.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;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 auto;width:99%;padding:0px;}


#topList{list-style-type:none;margin:10px 0px 5px 0px;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 ul > ul,#topList ul > li{list-style-type:none;font-size:letter-spacing:1px;margin:10px 0px}*/


@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}

hr{clear:both;width:100%;border:dotted 1px #CCCCCC;margin:10px 0px;}

#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}


/*スライドショー・ボタン*/
#btnSlide{margin:0px 0px 5px 0px;text-align:right;width:100%;}
/*画像No.*/
#itemIndex{margin:0;padding:0 0.5em;text-align:center;position:relative;left:0;top:10px;z-index:2;display:inline-block;}

/*左カラム*/
/*.big_image{width:100%;margin:0px auto 10px auto;line-height:0;border:0;text-align:left;}*/
.big_image{width:100%;}
.big_image img{border:1px solid white;}

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

.big_image #macro1{width:30%;margin-left:5px;}/*ここがミソ*/
.big_image #macro2{width:30%;}

/*左カラム*/
.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:32%;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: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;}

/* 納品・加工日数 */
ul.washable li{font-size:0.85em;line-height:1.5em;letter-spacing:1px;}






/* スライドショー画面操作ボタン*/
#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}