@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,bockquote,th,td,hr {margin:0;padding:0;}
html {overflow-y:scroll;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
p {margin:0 0 0 0;}
ol,ul {list-style:none outside none;}
fieldset,img,hr,iframe {border:0;}
table {border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
img{ vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
/*reset_end*/

/*clearfix*/
.clearfix:after {display:block;clear:both;height:0;line-height:0;visibility:hidden;content:".";font-size:0.1em;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*clearfix_end*/

/*shortcut*/
.font08 {font-size: 0.8em;}.font09 {font-size: 0.9em;}.font11 {font-size: 1.1em;}.font12 {font-size: 1.2em;}.font13 {font-size: 1.3em;}.font14 {font-size: 1.4em;}.font15 {font-size: 1.5em;}.font16 {font-size: 1.6em;line-height: 1.2em;}
.txtN {font-weight: normal;}.txtB {font-weight: bold;}
.txtL{text-align:left;}.txtR{text-align:right;}.txtC{text-align:center;}
.clear {clear:both;}.clear_l {clear:left;}.clear_r {clear:right;}
.disp_b{display:block;}.disp_i{display:inline;}.disp_ib{display:inline-block;}
.position_a{position:absolute;}.position_r{position:relative;}
.fl_l {float: left;}.fl_lc {float: left;clear: both;}.Lfl_l li {float:left;}
.fl_r {float: right;}.fl_rc {float: right;clear: both;}.Lfl_r li {float:right;}
.mg5{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
.mgt5{margin-top:5px;}.mgt10{margin-top:10px;}.mgt15{margin-top:15px;}.mgt20{margin-top:20px;}.mgt25{margin-top:25px;}.mgt30{margin-top:30px;}
.mgr5{margin-right:5px;}.mgr10{margin-right:10px;}.mgr15{margin-right:15px;}.mgr20{margin-right:20px;}.mgr25{margin-right:25px;}.mgr30{margin-right:30px;}.mgr40{margin-right:40px;}
.mgb5{margin-bottom:5px;}.mgb10{margin-bottom:10px;}.mgb15{margin-bottom:15px;}.mgb20{margin-bottom:20px;}.mgb25{margin-bottom:25px;}.mgb30{margin-bottom:30px;}.mgb60{margin-bottom:60px;}
.mgl5{margin-left:5px;}.mgl10{margin-left:10px;}.mgl15{margin-left:15px;}.mgl20{margin-left:20px;}.mgl25{margin-left:25px;}.mgl30{margin-left:30px;}.mgl40{margin-left:40px;}
.pd5{padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd25{padding:25px;}.pd30{padding:30px;}
.pdt5{padding-top:5px;}.pdt10{padding-top:10px;}.pdt15{padding-top:15px;}.pdt20{padding-top:20px;}.pdt25{padding-top:25px;}.pdt30{padding-top:30px;}.pdt40{padding-top:40px;}
.pdr5{padding-right:5px;}.pdr10{padding-right:10px;}.pdr15{padding-right:15px;}.pdr20{padding-right:20px;}.pdr25{padding-right:25px;}.pdr30{padding-right:30px;}
.pdb5{padding-bottom:5px;}.pdb10{padding-bottom:10px;}.pdb15{padding-bottom:15px;}.pdb20{padding-bottom:20px;}.pdb25{padding-bottom:25px;}.pdb30{padding-bottom:30px;}
.pdl5{padding-left:5px;}.pdl10{padding-left:10px;}.pdl15{padding-left:15px;}.pdl20{padding-left:20px;}.pdl25{padding-left:25px;}.pdl30{padding-left:30px;}
.red{color: #cc0000;}
.pink{font-weight: bold;color: #e94c77;}
.pdlr30{padding: 0px 30px;}

/*shortcut_end*/

/*====================================================================
COMMON
====================================================================*/

body{font-family: /*游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',*/ メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size:62.5%; color:#333333; line-height:1.6; overflow:hidden;-webkit-text-size-adjust: 100%;}
body a{text-decoration:none;}
.spDb{display:none;}

.area{background: url(../img/top-main.jpg) no-repeat 500px center;	background-size: auto% 100%;}
.area1{}
.area .top-ttl{max-width: 500px;min-width: 320px;height: 100%;background: url(../img/top-bg.gif);}
.area .top-ttl .inner{height: 100%;text-align: center;padding: 100px 0px 0px;background: url(../img/top-butterfly.png) no-repeat left top;}
.area .top-ttl #top-logo{margin: 0 0 40px;}
.area .top-ttl #top-catch{margin: 0 0 40px;}
.area .top-ttl .top-sns{margin: 0 0 40px;}
.area .top-ttl .top-sns li{display: inline-block;margin: 0 25px;}
.area .top-ttl .top-nav{margin-bottom: 60px;}
.area .top-ttl .top-nav li{display: inline-block;}



#wrapper{width: 100%;position: relative;background: url(../img/mainbg.gif);padding: 60px 0 0;}

#header{height: 80px;background: url(../img/top-bg.gif);margin: 0;}
#header .inner{max-width: 1200px;margin: 0 auto;position: relative;}
#header #logo{position: absolute;left: 0px;top: 15px;}

#header #nav{float: right;margin: 30px 0 0 280px;}
#header #nav li{display: inline-block;margin: 0 0 0 30px;vertical-align: middle;}
#header #nav a{}
#header #nav a:hover{}

#main{font-size: 1.4em;width: 100%;letter-spacing: 0.2em;}
#main a{}
#main a:hover{}
#main #contents{text-align: center;}


/* introduction */
#main #contents #intro{background: url(../img/Intro_bg.gif) repeat-y center;margin: 60px 0;}
#main #contents #intro .introList{max-width: 1200px;margin: 0 auto;list-style: none;overflow: hidden;letter-spacing: normal;text-align: left;}
#main #contents #intro .introList li{width: 25%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: 0.2em;text-align: center;}
#main #contents #intro .introList p{line-height: 1.4em;font-size: 0.8em;text-align: left;margin-top: 10px;padding-top: 10px;border-top: 1px solid #cccccc;}
#main #contents #intro .introList .linkA a{padding: 30px 8% 50px;background: url(../img/Intro01_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/copyrithbg.gif);display: block;float: left;color: #FFF;}
#main #contents #intro .introList .linkA a:hover{padding: 30px 8% 50px;background: url(../img/Intro01_on.png) no-repeat center top 10px ,url(../img/btm-more_on.png) no-repeat center bottom 10px ,url(../img/top-bg.gif);display: block;float: left;color: #000;}
#main #contents #intro .introList .linkB a{padding: 30px 8% 50px;background: url(../img/Intro02_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/fnavbg.gif);display: block;float: left;color: #FFF;}
#main #contents #intro .introList .linkB a:hover{padding: 30px 8% 50px;background: url(../img/Intro02_on.png) no-repeat center top 10px ,url(../img/btm-more_on.png) no-repeat center bottom 10px ,url(../img/top-bg.gif);display: block;float: left;color: #000;}
#main #contents #intro .introList .linkC a{padding: 30px 8% 50px;background: url(../img/Intro03_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/copyrithbg.gif);display: block;float: left;color: #FFF;}
#main #contents #intro .introList .linkC a:hover{padding: 30px 8% 50px;background: url(../img/Intro03_on.png) no-repeat center top 10px ,url(../img/btm-more_on.png) no-repeat center bottom 10px ,url(../img/top-bg.gif);display: block;float: left;color: #000;}
#main #contents #intro .introList .linkD a{padding: 30px 8% 50px;background: url(../img/Intro04_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/fnavbg.gif);display: block;float: left;color: #FFF;}
#main #contents #intro .introList .linkD a:hover{padding: 30px 8% 50px;background: url(../img/Intro04_on.png) no-repeat center top 10px ,url(../img/btm-more_on.png) no-repeat center bottom 10px ,url(../img/top-bg.gif);display: block;float: left;color: #000;}
#main #contents #intro .img{background: url(../img/img-intro01.jpg) repeat-x center top;height: 280px;}


/* catch */
#main #contents #catch{background: url(../img/catch_bg.gif) center top;padding: 60px 0;margin: 0 0 60px;}
#main #contents #catch02{background: url(../img/catch_bg.gif) center top;padding: 60px 0;margin: 60px 0 0;}
#main #contents #catch .ttl,#main #contents #catch02 .ttl{margin-bottom: 30px;}
#main #contents #catch p,#main #contents #catch02 p{margin: 0px auto;width: 600px;text-align: left;}


/* info */
#main #contents #info{padding: 0 20px;margin: 0 0 60px;}
#main #contents #info .inner{max-width: 1200px;margin: 0 auto;}
#main #contents #info .brockL{background: url(../img/top-bg.gif);float: left;max-width: 340px;padding: 30px;margin: 0 30px 0 0;}
#main #contents #info .brockL .txt{margin: 10px 0 30px;padding: 30px 0 0;border-top: 1px solid #cccccc;text-align: left;}
#main #contents #info .brockL .sns{}
#main #contents #info .brockL .sns li{display: inline-block;margin: 0 25px;}
#main #contents #info .brockR{padding: 0px 30px;max-width: 708px;border: 1px solid #CCC;background: url(../img/copyrithbg.gif);overflow-y: scroll;height: 386px;}
#main #contents #info .brockR dl{color: #FFF;overflow: hidden;text-align: left;padding: 10px 0px;font-size: 0.8em;}
#main #contents #info .brockR dt{width: 100px;float: left;clear: both;font-weight: bold;margin: 0px 0px 10px;padding: 0px 0px 10px;}
#main #contents #info .brockR dd{padding: 0 0 10px 120px;border-bottom: 1px dotted #575757;margin: 0px 0px 10px;}
#main #contents #info .brockR .bottom{padding: 0 0 0px 120px;border-bottom: none;margin: 0px;}
#main #contents #info .brockR a{color: #FFF;text-decoration: underline;}
#main #contents #info .brockR a:hover{color: #666;}


/* contactBtn */
#main #contents .contactBtn{height: 46px;max-width: 596px;margin: 0px auto 60px;border: 2px solid #999;}
#main #contents .contactBtn a{background: url(../img/contact-ttl_off.png) no-repeat center center,url(../img/contact-arrow_off.png) no-repeat right center;display: block;height: 46px;}
#main #contents .contactBtn a:hover{background: url(../img/contact-ttl_on.png) no-repeat center center,url(../img/contact-arrow_on.png) no-repeat right center;display: block;height: 46px;}


/* footer */
#main #footer{color: #fff;clear: both;text-align: center;font-size: 1em;line-height: 1.3em;width: 100%;}
#main #footer #nav{background: url(../img/fnavbg.gif);height: 50px;padding: 30px 0 0;}
#main #footer #nav li{display: inline-block;margin: 0 15px;}
#main #footer .copy{background: url(../img/copyrithbg.gif);height: 36px;width: 100%;padding: 24px 0 0;}


/* breadcrumb */
.breadcrumb{color: #FFF;max-width: 1200px;margin: 0 auto;text-align: left;padding: 20px 10px;}
.breadcrumb a{color: #999999;text-decoration: underline;}
.breadcrumb a:hover{color: #FFF;text-decoration: underline;}


/* shop */
#main #contents .mainTtl{background: url(../img/fnavbg.gif);padding: 20px;color: #FFF;}
#main #contents .mainTtl h2{border-bottom: 1px solid #4b4b4b;max-width: 1200px;margin: 0 auto 20px;padding: 0 0 20px;}
#main #contents .mainTtl h2 img{max-width: 100%;}

#main #contents .pageImg{}
#main #contents .pageImg img{height: auto;width: 100%;}

#main #contents .subNav{max-width: 1200px;margin: 60px auto;list-style: none;overflow: hidden;letter-spacing: normal;padding: 0 10px;}
#main #contents .subNav li{width: 33.3%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: 0.2em;}
#main #contents .subNav li a{border: 1px solid #999;background: url(../img/top-bg.gif);color: #000;display: block;padding: 10px 0;}
#main #contents .subNav li a:hover,
#main #contents .subNav .roll{border: 1px solid #999;color: #000;display: block;padding-top: 10px 0;background: #CCC;}


/* list */
#main #contents .list{text-align: center;margin: 60px 0;}
#main #contents .list a{color: #000;background: #FFF;border: 1px solid #999;padding: 2px 4px;text-decoration: underline;margin: 0 5px;}
#main #contents .list a:hover{color: #000;background: #CCC;border: 1px solid #999;padding: 2px 4px;text-decoration: none;}




/* shopList */
#main #contents .shopList{max-width: 1200px;margin: 0 auto;list-style: none;overflow: hidden;letter-spacing: normal;text-align: left;}
#main #contents .shopList li{width: 25%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: 0.2em;text-align: center;}
#main #contents .shopList h3{margin-bottom: 5%;line-height: 1.4em;}
#main #contents .shopList img{width: 100%;height: auto;margin-bottom: 14px;}
#main #contents .shopList p{line-height: 1.4em;font-size: 0.8em;text-align: left;}
#main #contents .shopList .linkA a{padding: 5% 8% 40px;background: url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/copyrithbg.gif);display: block;float: left;margin: 10px 0px;color: #FFF;}
#main #contents .shopList .linkB a{padding: 5% 8% 40px;background: url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/fnavbg.gif);display: block;float: left;margin: 10px 0px;color: #FFF;}
#main #contents .shopList .linkA a:hover,
#main #contents .shopList .linkB a:hover{padding: 5% 8% 40px;background: url(../img/btm-more_on.png) no-repeat center bottom 10px ,url(../img/top-bg.gif);display: block;float: left;margin: 10px 0px;color: #000;}


/* popup */
#popup{background: #000;}
#popup #wrapper{width: 100%;position: relative;padding: 20px 0;background: url(../img/top-bg.gif);text-align: center;}
#popup #wrapper .box{margin: 0 auto;max-width: 598px;border: 1px solid #999;background: url(../img/popupbg.gif);}
#popup #wrapper .box .shopTtl{background: url(../img/fnavbg.gif);padding: 20px 10px;}
#popup #wrapper .box .inner{padding: 29px;}
#popup #wrapper .box .shopCatch{color: #000;text-align: left;font-size: 1.6em;font-weight: bold;line-height: 1.2em;margin: 0 0 10px;}
#popup #wrapper .box .txt{color: #000;text-align: left;font-size: 1.2em;line-height: 1.6em;margin: 0 0 20px;}
#popup #wrapper .box .inner img,#popup #wrapper .box .shopTtl img{max-width: 100%;}
#popup #wrapper .box table{width: 100%;margin: 30px 0 0;font-size: 1.2em;line-height: 1.2em;}
#popup #wrapper .box th{background: #CCC;border: 1px solid #999;text-align: center;padding: 10px;}
#popup #wrapper .box td{background: #FFF;border: 1px solid #999;padding: 10px;text-align: left;}

/* pagetop */
.pagetop a{width: 80px;height: 19px;font-size: 1em;text-decoration: none;display: block;text-align: center;color: #fff;background-color: #000;border-radius: 19px;padding-top: 3px;line-height: normal;border: 2px solid #404040;letter-spacing: 0em;margin: 30px auto 0;}
.pagetop a:hover{width: 80px;height: 19px;font-size: 1em;text-decoration: none;display: block;text-align: center;color: #000;background-color: #fff;border-radius: 19px;padding-top: 3px;line-height: normal;border: 2px solid #404040;letter-spacing: 0em;margin: 30px auto 0;}



/* column */
#main #contents .column{color: #FFF;text-align: left;max-width: 1200px;margin: 0 auto;padding: 60px 20px 30px;}
#main #contents .column .brock{margin: 0 0 30px;}
#main #contents .column .ttl{font-size: 1.2em;font-weight: bold;margin: 0 0 30px;}
#main #contents .column .imgL{float: left;padding: 0px 30px 20px 0px;}
#main #contents .column .imgR{float: right;padding: 0px 0px 20px 30px;}
#main #contents .column .imgL img,#main #contents .column .imgR img{max-width: 100%;}
#main #contents .column .brock .photo04{max-width: 1200px;margin: 0 auto 30px;list-style: none;overflow: hidden;letter-spacing: normal;}
#main #contents .column .brock .photo04 li{width: 25%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: text-align: center;}
#main #contents .column .brock .photo04 img{max-width: 100%;}
#main #contents .column .map{height: 600px;margin-bottom: 30px;}
#main #contents .column .qa{background: url(../img/copyrithbg.gif);border: 1px solid #666;padding: 30px;margin-bottom: 20px;}
#main #contents .column .qa dl{}
#main #contents .column .qa dt{font-size: 1.2em;font-weight: bold;margin-bottom: 20px;}
#main #contents .column .qa dd{border-bottom: 1px dashed #555656;margin-bottom: 30px;padding-bottom: 30px;}
#main #contents .column .qa .dd02{border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;}
#main #contents .column .qa a{color: #FFF;text-decoration: underline;}
#main #contents .column .qa a:hover{color: #666;}



@media screen and (max-width:768px) {
.spDb{display:block;}
.spDn{display:none;}

body{line-height: 1.4;}
.area{background: url(../img/top-bg.gif);}

#wrapper{width: 100%;position: relative;background: url(../img/mainbg.gif);padding: 0;}
#header {height: 50px;position: fixed;left: 0px;top: 0px;}
#header .inner{}
#header #logo{position: absolute;left: 5px;top: 5px;}
#header #logo img{height: 40px;width: auto;}


/* drop down */
#header nav {position: absolute;top: 100%;}
#header {width: 100%;}
#header .menu_button {float: right;height: 50px;}
#header .menu_button img {height: 100%;}
#header .menu_button span {}
#header nav {width: 100%;margin-top: 50px;}
#header nav ul {list-style-type: none;margin: 0;padding: 0;}
#header nav ul li:first-child {border-top: 1px solid #999;}
#header nav ul li {border-bottom: 1px solid #999;text-align: center;display: block;font-size: 1.2em;}
#header nav ul li a {display: block;color: #FFF;background: url(../img/sp/menu-arrow.gif) no-repeat right center,url(../img/copyrithbg.gif) ;background-size:25px 20px;padding: 1em;}
#header nav ul li a:hover {display: block;color: #FFF;background: url(../img/sp/menu-arrow.gif) no-repeat right center,url(../img/fnavbg.gif) ;background-size:25px 20px;padding: 1em;}

#main{padding-top: 50px;}
.mainImg{background: url(../img/top-bg.gif);}
.mainImg img{width: 100%;}


/* introduction */
#main #contents #intro{background: url(../img/Intro_bg.gif) repeat-y center;margin: 20px 0;}
#main #contents #intro .introList li{width: 50%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: 0.2em;text-align: center;}

#main #contents #intro .introList .linkC a{padding: 30px 8% 50px;background: url(../img/Intro03_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/fnavbg.gif);display: block;float: left;color: #FFF;}
#main #contents #intro .introList .linkD a{padding: 30px 8% 50px;background: url(../img/Intro04_off.png) no-repeat center top 10px ,url(../img/btm-more_off.png) no-repeat center bottom 10px ,url(../img/copyrithbg.gif);display: block;float: left;color: #FFF;}


/* catch */
#main #contents #catch{background: url(../img/sp/catch_bg.gif) center center;background-size: contain;padding: 20px;margin: 0 0 20px;}
#main #contents #catch02{background: url(../img/sp/catch_bg.gif) center top;padding: 20px;margin: 20px 0 0;}
#main #contents #catch .ttl,#main #contents #catch02 .ttl{margin-bottom: 20px;}
#main #contents #catch .ttl img,#main #contents #catch02 .ttl img{max-width: 100%;height: auto;}
#main #contents #catch p,#main #contents #catch02 p{margin: 0px auto;width: auto;text-align: left;}


/* info */
#main #contents #info{padding: 0px 10px;margin: 0 0 20px;}
#main #contents #info .brockL{background: url(../img/top-bg.gif);float: none;max-width: 768px;padding: 20px;margin: 0;border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;}
#main #contents #info .brockL .txt{margin: 10px 0 15px;padding: 20px 0 0;border-top: 1px solid #cccccc;text-align: left;}
#main #contents #info .brockL .sns li{display: inline-block;margin: 0 10px;}
#main #contents #info .brockR{padding: 0 30px;max-width: 708px;border: 1px solid #CCC;background: url(../img/copyrithbg.gif);height: auto;border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;}

#main #contents .contactBtn{height: 46px;max-width: 340px;margin: 0px auto 20px;border: 2px solid #999;}

#main #footer .copy{background: url(../img/copyrithbg.gif);width: 100%;padding: 10px 0;font-size: 0.7em;height: auto;}


/* shop */
#main #contents .subNav{max-width: 1200px;margin: 20px auto;list-style: none;overflow: hidden;letter-spacing: normal;padding: 0 10px;}
#main #contents .subNav li{width: 50%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: normal;}

#main #contents .shopList li{width: 50%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;letter-spacing: 0.2em;}


/* list */
#main #contents .list{text-align: center;margin: 20px 0;}
#main #contents .list a{color: #000;background: #FFF;border: 1px solid #999;padding: 5px 10px;text-decoration: underline;margin: 0 5px;}
#main #contents .list a:hover{color: #000;background: #CCC;border: 1px solid #999;padding: 5px 10px;text-decoration: none;}


/* popup */
#popup #wrapper{width: 100%;position: relative;padding: 0;background: url(../img/top-bg.gif);text-align: center;}
#popup #wrapper .box{margin: 0 auto;max-width: 598px;border-top: none;border-right: none;border-bottom: none;border-left: none;}




/* column */
#main #contents .column{color: #FFF;text-align: left;max-width: 1200px;margin: 0 auto;padding: 18px 18px 0;}
#main #contents .column .ttl{font-size: 1.2em;font-weight: bold;margin: 0 0 20px;}
#main #contents .column .imgL,#main #contents .column .imgR{float: none;padding: 0 0 20px;}
#main #contents .column .imgL img,#main #contents .column .imgR img{max-width: 100%;}
#main #contents .column .brock .photo04{max-width: 1200px;margin: 0 auto 20px;list-style: none;overflow: hidden;letter-spacing: normal;}
#main #contents .column .brock .photo04 li{width: 50%;padding: 0;display: inline-block;vertical-align: top;margin-right: -4px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: text-align: center;}
#main #contents .column .map{height: 300px;margin-bottom: 30px;}
#main #contents .column .qa{background: url(../img/copyrithbg.gif);border: 1px solid #666;padding: 20px;margin-bottom: 20px;}
#main #contents .column .qa dd{border-bottom: 1px dashed #555656;margin-bottom: 20px;padding-bottom: 20px;}