/* ************************************************ 
 *  index
 * ************************************************ */
.main_box { width: 94%; min-width: 600px; background-color: rgba(255,255,255,0.8); position: relative; margin:0 auto 10px auto; box-sizing: border-box; left:0; top:0; padding:5px; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;}
.main_box:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.main_box div.left { float:left;  line-height:0; height:20vw; width:30vw; text-align:center;  background-color: rgba(255,255,255,0.4); padding:0.5vw;}
.main_box div.left img { height:100%; }

.main_box div.right { box-sizing: border-box; margin-left:31.5vw; padding:1vw;}
.main_box div.right h3 { font-size: 1.7em; padding: 0 0 10px 0; line-height:1.2em; border-bottom:1px solid #999; margin-bottom:10px;}
.main_box p.tourdate { font-size:18px; line-height:1.5em;}
.main_box p.info { color: #e7582c; font-weight:bolder; font-size:1.5em; line-height:1em; margin-bottom: 15px;}
.main_box_period { width: 100%; border: 1px solid #000000; text-align: center; font-size: 1.8em; line-height:1em; padding: 0.9vw 15px 0.9vw 10px; box-sizing: border-box; margin-bottom: 3px;}
.main_box .andmore{ text-align:right; margin:0;}
.main_box_link { color: #333;}
.main_box div.right span{ font-size:0.8em;}
.main_box div.right span.period_tit{ font-size:0.8em;}

.main_box:hover {background-color: rgba(255,255,255,0.9); left:-7px; top:-5px;}
.main_box a:hover { color:#333; }
.main_box a:hover img{ opacity:1;}

.top_bnr{ width:92%; margin:0 auto; line-height:0; position:relative;}
.top_bnr img{ width:100%;}
.top_bnr .top_slide { display: table; table-layout: fixed; width: 100%; overflow:hidden;}
.top_bnr .top_slide p { display: table-cell; text-align: center; vertical-align: middle; width: 30%; outline:none; margin:0; }
.top_bnr .top_slide p a {color: #000;line-height:0;}
.top_bnr .info {color: #e7582c;}

.top_list{ width:92%; margin:0 auto; padding:0 0 0.7vw 0;}
.top_list .schedule_table .tr-box td.tw02,.top_list .schedule_table .tr-box td.tw03,.top_list .schedule_table .tr-box td.tw04 {background-color: rgba(255,255,255,0.9);}

@media screen and (max-width: 1300px) {
.main_box div.right h3 { font-size: 1.4em;}
.main_box p { font-size: .9em; line-height: 200%; }
.main_box p.info { font-size:1.2em; }
.main_box_period { font-size: 1.2em; padding: 10px 6px;}
}

/* ************************************************ 
 *  search for by artist
 * ************************************************ */
#sfba-main-box { width: 94%; min-width: 700px; background-color: rgba(255,255,255,0.8); position: relative; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
#sfba-main-box-margin { margin-right: auto; margin-left: auto; padding-bottom: 40px; padding-top: 20px; width: 90%;}
#abclist {
	border-bottom: 2px solid #e7582c;
	margin-bottom:1.5vw;
}
  #abclist ul { border-collapse: separate; border-spacing: 4px 0; display: table; table-layout: fixed; width: 100%;}
      #abclist ul li { display: table-cell; font-size: .8em; text-align: center; vertical-align: middle; position: relative;}

      #abclist ul li a{ display:block; background: #333; /* Old browsers */ border : 2px rgba(255,255,255,0); border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; padding:4px 0 3px 0;}
      #abclist ul li a.active,#abclist ul li:hover a{ background:#e7582c; color:#fff;} 
      #abclist li dl { position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; padding: 0; background-color: #e7582c; border-radius: 0 0 3px 3px;}
      #abclist li:first-child dl { left: 0; margin: 0;}
      #abclist li:nth-last-child(2) dl { left: -200%; width: 100%;}
      #abclist li:last-child dl { left: -400%; width: 100%;}
      #abclist li dl dd { overflow: hidden; width: 400%; height: 0; color: #fff; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s;}
      #abclist li dl dd a { padding: 13px 15px; background: #e7582c; text-align: left; font-weight: normal;}
      #abclist li dl dd a:hover{ background:#fd7446; }  
      #abclist li:hover dl dd { overflow: visible; height: 38px;}

.imglist { width: 100%; padding-top:10px;}
  .imglist li { float: left; list-style: none; text-align: center; margin-right: 2%; width: 31.33%; border-bottom:1px dotted #888; margin-bottom:15px;}
    .imglist li a{ display:block; color:#333; font-weight:bolder; padding-bottom:15px; text-align:left;} 
    .imglist li:hover{border-bottom:1px solid #e7582c;} 	
    .imglist li a:hover{ color:#e7582c;}	
    .imglist li p{ margin:0; text-align:left;}
    .imglist li img { width: 100%;}

/* ************************************************ 
 *  search for by show
 * ************************************************ */
#sfbs-main-box { width: 94%; min-width: 800px; background-color: rgba(255,255,255,0.8); position: relative; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
#sfbs-main-box-margin { margin-right: auto; margin-left: auto; padding-bottom: 40px; padding-top: 20px; width: 92%;}

/* ************************************************ 
 *  search for by area
 * ************************************************ */
#sfba-main-box { width: 94%; min-width: 800px; background-color: rgba(255,255,255,0.8); position: relative; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
#sfba-main-box-margin { margin-right: auto; margin-left: auto; padding-bottom: 40px; padding-top: 20px; width: 90%;}


.area { width: 100%;  margin: 0 auto; padding: 0;}

.bigarea{ width: 100%; display:table;}
.bigarea li{ display:table-cell;width: 25%; padding-left:3px; box-sizing: border-box;}
.bigarea li:first-child{ padding-left:0;}
.bigarea li a{ padding: 15px 10px; background: #242424; color: #fff; text-align: center; text-decoration: none;font-size: 1.6em;box-sizing: border-box; margin-bottom:3px;}
.bigarea li a:hover{ background-color:#e7582c;}
.bigarea li a.active{ background-color:#e7582c; border-bottom:3px solid #cb4225; margin-bottom:0;}

.smallarea { display: none;}
  .smallarea ul { background-color: #e7582c; width: 100%; margin-bottom:5px;}
  .smallarea ul:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}  
    .smallarea ul li { background-color: #e7582c; float: left;  color: #fff; text-align: center; text-decoration: none;box-sizing: border-box; width:11%;}
    .smallarea ul li a{ display:block;padding: 14px 10px;}	
    .smallarea ul li a:hover { background: #fd7446; color:#fff;}

#hokkaido_s,
#aomori,
#iwate,
#miyagi,
#akita,
#yamagata,
#fukushima,
#ibaraki,
#tochigi,
#gunnma,
#saitama,
#chiba,
#tokyo,
#kanagawa,
#niigata,
#toyama,
#ishikawa,
#fukui,
#yamanashi,
#nagano,
#gifu,
#shizuoka,
#aichi,
#mie,
#shiga,
#kyoto,
#oosaka,
#hyougo,
#nara,
#wakayama,
#tottori,
#shimane,
#okayama,
#hiroshima,
#yamaguchi,
#tokushima,
#ehime,
#kouchi,
#fukuoka,
#saga,
#nagasaki,
#kumamoto,
#ooita,
#miyazaki,
#kagoshima,
#okinawa { display: none; padding: 24px 0;}

.areatitle { border-left:3px solid #e7482c; font-size:24px; padding:0.3em 0.7em; line-height:1em; margin-bottom:0.5em;}}
.area-on { height: 110px;}
.smallarea-on { display: inline;}

/* 0125 追加 */
#tabBoxes{ padding-top:20px;}
/* 0125 追加 */

/* ************************************************ 
 *  artist page
 * ************************************************ */
#artist-main-box { width: 94%; min-width: 700px; background-color: rgba(255,255,255,0.8); position: relative; left: 0; margin-left: auto; margin-right: auto; padding-bottom: 40px; }

#artist-main-box-top { width: 92%; margin-right: auto; margin-left: auto; padding-top: 24px;}
#artist-main-box-top div.left {width: 39%;height:17.5vw;float:left;margin-bottom:10px; }
#artist-main-box-top div.left img { max-width:100%; max-height:100%;}
#artist-main-box-top div.right { width: 58%; float:right; margin-bottom:10px;}
#artist-main-box-top div.right h3 { font-size: 2em; padding: 7px 0 12px 0;border-bottom:1px solid #999;margin-bottom:10px;line-height:1.2em;}

#artist-main-box-top .right ul { width:100%; margin-bottom:10px; }
#artist-main-box-top .right ul li {list-style: none;font-size: 0.8em; float:left; padding-right:15px; line-height:1em;}
#artist-main-box-top .right ul li a { color: #e7582c;display:block; }
#artist-main-box-top .right ul li a::before { content: ""; display: inline-block; border: 4px solid transparent; border-left-color: #e7582c; margin-right: 3px;}
#artist-main-box-top .right ul li a:hover{ color:#ef7661;}

#artist-main-box-top div.right .description{ font-size:12px; line-height:1.5em;}
@media screen and (min-width: 1200px) {
#artist-main-box-top div.right .description{ font-size:14px;}
}

#artist-main-box-top .right .bookmark { float:right;display:block; text-align: center; background-color: #000; border-radius: 6px; -webkit-border-radius: 6px  -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 12px 10px 12px 0; width: 190px; font-size: .8em; color: #e7582c; box-sizing: border-box;}
#artist-main-box-top .right .bookmark i{ padding-right:10px;}
#artist-main-box-top .right .bookmark:hover{ background-color:#333;}

.artist_schedule{ padding:0 4%; margin-bottom:12px;}

.past_show{ padding:5px 0 ;}
.past_show a{
	display:block;
	border:4px solid #aaa;
	background-color: rgba(255,255,255,0.8);
	color:#e7582c;
	text-align:center;
	padding:15px;
	font-size:16px;
	line-height:1em;
	font-weight: bolder;
}
.past_show a:hover{ background-color:#f1f1f1;}

#goods-box { width: 92%; background-color: #fff; background-color: rgba(255,255,255,0.8);  border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; margin-right: auto; margin-left: auto; margin-bottom: 10px; box-sizing: border-box; padding:10px 12px 20px 12px;}
#goods-box h4{ width:200px; margin:0 auto 10px auto;}
#goods-box div { text-align: center;}
#goods-box div img { width: 150px;}
#goods-box ul { display: table; table-layout: fixed; text-align: center; width: 92%; margin:0 auto;}
#goods-box ul li {display: table-cell;vertical-align: middle;width: 20%;font-size:12px; line-height:1.5em; outline:none; }
#goods-box ul li a { color: #e7582c; }
#goods-box ul li img { width: 80px; margin:0 auto;}

#recommend-box { width: 92%; background-color: #fff; background-color: rgba(255,255,255,0.8); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;  -o-border-radius: 6px; margin-right: auto; margin-left: auto; padding:12px 12px 20px 12px; margin-bottom:10px; box-sizing: border-box;}
  #recommend-box h4 { color: #e7582c; text-align: center; padding: 0 0 12px 0; font-size: 16px; font-weight: bolder; line-height: 1.5em;}
    #recommend-box ul { display: table; table-layout: fixed; width: 92%; margin-right: auto; margin-left: auto; margin-bottom:0!important;}
      #recommend-box ul li { display: table-cell; text-align: center; vertical-align: middle; width: 30%; outline:none; }
        #recommend-box ul li a {color: #000;font-size:12px; line-height:1.5em;}
          #recommend-box .info {color: #e7582c;}
            #recommend-box img {margin: auto;}

#recommend-box .slick-prev,#recommend-box .slick-next,#goods-box .slick-prev,#goods-box .slick-next{ height: 40px; margin-top: -40px;}


/* ************************************************ 
 *  live info
 * ************************************************ */
#live_info-main-box { width: 94%;min-width: 700px; background-color: rgba(255,255,255,0.8); position: relative; left: 0; margin-left: auto; margin-right: auto; padding-bottom: 40px;}

#live_info-main-box-margin { margin-right: auto; margin-left: auto; padding-bottom: 10px; padding-top: 20px; width: 92%;}
  #live_info-main-box-margin h3 {  font-size: 18px;line-height:1.5em; }
  #live_info-main-box-margin h3 a{ color:#333; font-weight:bolder;}  
  #live_info-main-box-margin h3 a:hover{ color:#777;}  
    #live_info-main-box-margin h4 { color: #e7582c; font-size: 2.2em; margin: 8px 0 12px 0; line-height:1.0;}
    #live_info-main-box-margin h4 small { color: #000; font-size: 18px; }

#live_info-day { color: #000;}
#live_info-dotw { color: #000; font-size: .5em;}
/* 160115 修正 */  
.live_info-time {color: #000; font-size: .8em;}
/* 160115 修正 */

/* チケットボックス */
.live_info-box { background-color: #242424; color: #fff; font-size: 14px;  margin: 7px 0; width: 100%;}
  .live_info-box ul{ display: table;  width: 100%;}

/* 0122 fix */
    .live_info-box ul li { display: table-cell; text-align: left; box-sizing: border-box; padding:1vw 0 1vw 3vw; vertical-align:middle;}
/* 0122 fix */

.live_info-box.banner{ border-bottom:3px solid #aaa;}

/*バナーなし*/
/* 0122 fix */
.live_info-box .td01{ width:44%;}
/* 0122 fix */
.live_info-box .td021{ width:30%;}

/* 160115 追加 */
.live_info-box .td03{ width:30%; padding:1vw; position: relative;}

.live_info-box .td03 div{ position:relative; margin-top:10px;}
.live_info-box .td03 div:first-child{ margin-top:0;}

/* 160120 変更 */
.live_info-box .red a::before,
.live_info-box .blue a::before,
.live_info-box .off::before { content:" "; display:inline-block; z-index: 5; position: absolute; top:-0.5vw;left:-0.6vw;width: 6vw; height: 4vw;}
/* 160120 変更 */

.live_info-box .red a::before { background:url( ../images/redclass_icon.png) no-repeat;  background-size:contain;}
.live_info-box .blue a::before { background:url( ../images/blueclass_icon.png) no-repeat;  background-size:contain;}
.live_info-box .td03 a::after{ content: ""; position: absolute; width: 0; border: 6px solid transparent; border-left-color: #fff; top: 50%; right: 0.5vw; margin-top: -6px;}

/* 160120 変更 */
@media screen and (max-width: 1500px) { 
  .schedule_table .tr-box td.td03 a::after { right: 14px;}
  .live_info-box .red a::before,
  .live_info-box .blue a::before,
  .live_info-box .off::before::before { width: 7vw; height:4vw;}
}
/* 160120 変更 */

@media screen and (max-width: 1200px) { 
  .live_info-box .td03 a::after { border: 5px solid transparent; border-left-color: #fff;  margin-top: -5px;}
}

/* 0122 fix */
#about-icons-modal { background: #fff; width: 100%; padding:25px 40px; box-sizing:border-box; }
#about-icons-modal h5 { box-sizing: border-box; text-align:center; margin-bottom:15px; font-size:20px; color:#f76c41; line-height:1em; font-weight:bolder;}
#about-icons-modal h5 span {font-size: 0.8em; display:inline-block; box-sizing: border-box; color: #fff;padding: 1px 5px; text-align: center; font-weight:normal;}
#about-icons-modal .red_class { background: #cc0000;}
#about-icons-modal .blue_class { background: #3333cc;}

#about-icons-modal .about_classred{ border-top:10px solid #C00; padding-bottom:10px; }
#about-icons-modal .about_classred h6{  color: #C00;}
#about-icons-modal .about_classblue{ border-top:10px solid #3333cc;}
#about-icons-modal .about_classblue h6{  color: #3333cc;}

#about-icons-modal h6{ font-weight:bolder; font-size:24px; line-height:1em; padding:12px 0;}
#about-icons-modal p {margin-bottom: 1em;}

#about-icons-modal a{ color:#C00; text-decoration:underline;}
/* 0122 fix */

.about-icons a{ display:block; background: #fff; box-sizing: border-box; border: 2px solid #e7582c; border-radius: 6px; margin-bottom: 10px; padding: 10px 12px; width: 300px;}
.about-icons a:hover{opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)"}

.about-icons div { font-size: 10px; float: left; box-sizing: border-box; color: #fff; margin-right: 3px; padding: 0 5px; position: relative; text-align: center;}
.about-icons .red_class { background: #cc0000;}
.about-icons .blue_class { background: #3333cc;}
.about-icons .about_icon { color: #e7582c; display: block; font-size: 12px; font-weight: bold; line-height: 170%; margin-left: 6px;}
.about-icons .about_icon::after { content: ""; position: absolute; width: 0; border: 5px solid transparent; border-left-color: #e7582c; top: 50%; right: 0; margin: -4px -16px 0 0;}
.about-icons .about_icon:hover { color: #f76c41;}
.about-icons .about_icon:hover::after { border-left-color: #f76c41;}

/* 160115 追加 */

/*バナーあり*/
.live_info-box.banner .tdbnr{ width:22%;}
.live_info-box.banner .td01{ width:28%;}
.live_info-box.banner .td021{ width:20%;}
.live_info-box.banner .td03{ width:30%;}

.live_info-box.banner .tdbnr img{ width:100%;}

/*ボタン*/
.live_info-box .box-button { background-color: #e7582c; display: block; padding: 0.8vw 0; text-align: center; color:#fff;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}
.live_info-box .box-button:hover{ background-color:#f76c41; color:#fff;}
.live_info-box .box-button.inactive{ background-color:#666; color:#aaa;}


.live_info-subbox { background-color: #fff; color: #000; margin: -7px 0 10px 0; width: 100%; border-bottom:3px solid #aaa; line-height:1.3em;}
.live_info-subbox ul{ display: table; width: 100%; }
    .live_info-subbox ul li { display: table-cell; text-align: left; vertical-align: middle; padding:0.6vw 0 0.6vw 1.5vw;box-sizing: border-box;}

.live_info-subbox .std01{width:20%;color: #e7582c; }
.live_info-subbox .std02{width:50%;}
.live_info-subbox .std03{width:30%; padding:0.6vw 1vw;}

.live_info-subbox .orangebox { border: 3px solid #e7582c; font-size:12px;font-weight: bold; line-height:1em; padding:0.8vw 1vw; width:100%;box-sizing: border-box; display:block; text-align:center;}
.live_info-subbox .aboutsma { color: #e7582c;  font-size: 12px; line-height:1.5em; text-align: left; text-decoration: underline; width: auto;}




.buybox { background-color: #242424; display: block; padding: 0.6vw 0 0.65vw 0; text-align: center; line-height:1.25em;
  border-radius: 6px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;
}
.buybox-f1 { font-size: .8em;}
.buybox:hover{ background-color:#444; color:#FFF;}

#related-box { width: 92%; background-color: #fff; background-color: rgba(255,255,255,0.8); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;  -o-border-radius: 6px; margin-right: auto; margin-left: auto; padding:12px 12px 20px 12px; margin-bottom:10px; box-sizing: border-box;}
  #related-box h4 { color: #e7582c; text-align: center; padding: 0 0 12px 0; font-size: 16px; font-weight: bolder; line-height: 1.5em;}
    #related-box ul { width: 100%; }
      #related-box ul li { float:left; text-align: center; width: 25%; outline:none; }
        #related-box ul li a {color: #000;font-size:12px; line-height:1.5em;}
          #related-box .info {color: #e7582c;}
            #related-box img {margin: auto;}


@media screen and (max-width: 1200px) {
.live_info-subbox{ font-size:12px;}
.buybox { font-size:12px;}
}

/* チケットボックス */
.live_info-box2 { background-color: #fff; color: #242424; line-height: 150%; width: 100%; word-wrap: break-word; padding:16px 32px; box-sizing: border-box;}
  .live_info-box2 .border-1px p:first-child,
  .live_info-box2 .border-1px p:last-child { border-bottom: 1px solid #ccc;}
  
  /* 160120 追加 */
  .live_info-box2 .border-1px p a { color: #e7582c;}
  .live_info-box2 .border-1px p a:hover { color: #f76c41;}
  /* 160120 追加 */

.live_info-box2 .linkarea{margin:0; padding:5px 0; display:table; width:100%;}
.live_info-box2 .linkarea .sns_btn{ display:table-cell; vertical-align:middle; line-height:0;}
.live_info-box2 .linkarea .sns_btn ul { padding-top: 10px;}
.live_info-box2 .linkarea .sns_btn li { display: inline-block;}
.live_info-box2 .linkarea .sns_btn li.fb { line-height: 8px;}

/* カレンダーに登録 */
.calender_btn{ margin:0; display:table-cell; vertical-align:middle; text-align:right;width:250px;}
.calender_btn a{ background-color:#333; width:100%; display:block; padding:10px 0; text-align:center; border-radius:5px;}

/* カレンダーモーダル */

#calender_popup{padding:20px; background-color:#fff;}
#calender_popup h2{ font-size:24px; color:#333; margin-bottom:20px;}
#calender_popup ul{ margin-bottom:20px;}
#calender_popup li a{ display:block; border:1px solid #aaa; padding:15px 20px; margin-bottom:5px;font-size:16px; background-color:#f9f9f9; color:#e7582c;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}
#calender_popup li a:hover{ text-decoration:none; background-color:#ddd;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;}



@media screen and (min-width: 1200px) {
  .live_info-box { font-size: 16px; }
  .live_info-subbox .orangebox { font-size:14px;}
}

/* ************************************************ 
 *  all
 * ************************************************ */
table { border-collapse: separate;}

/* ************************************************ 
 *  fa-circle,times,triangle
 * ************************************************ */
.fa-circle-o,
.fa-times,
.fa-exclamation-triangle { padding-right: 8px;}


/*
* Static Pages
*/

/* ************************************************ 
 *  header
 * ************************************************ */
 header.staticpage { width: 1000px; height: 74px; position: relative; margin:0 auto;}

.staticpage .header h1 { position: absolute; top: 9px; left: 0;}
.staticpage .header h1 img { width: 200px;}
.staticpage .header ul { width: auto; position: absolute; top: 0; right: 0%;}
.staticpage .header ul li { list-style: none; display: inline-block; padding: 30px 7px; height: 20px; font-size: 0.9em; font-weight: bold;}
.staticpage .header ul li i {
	font-size: 1.5em;
	padding-right: 10px;
	color: #ffffff;
}
.staticpage .header a { color: #e7582c;}
.staticpage .header a:hover{ color:#fff;}

/* ************************************************ 
 *  mypage, order, aboutsma, agreemnt, law, privacy, regist
 * ************************************************ */
 .contents { width: 1000px; background-color: rgba(255,255,255,0.9); position: relative; top: 0; left: 0; margin: 10px auto 50px auto; box-sizing: border-box; padding:30px 50px; line-height:1.7em;}
  .contents h2 { font-size: 2em; color: #e7582c; margin-bottom:20px;}
  .contents h3{ border-left:3px solid #e7482c; font-size:16px; padding:0.3em 0.5em; line-height:1em; margin-bottom:0.7em;}
    .contents table { width: 800px; height: 180px; text-align: center; background-color: #ffffff; margin-left: 50px; border: 6px solid #ffffff;}
      .contents table tr { width: 100%; height: 45px; border: 3px solid #fff;}
        .contents table td { text-align: left; vertical-align: middle; font-size: 1em; color: #2e2e2e;}
          .contents table td:nth-child(odd) { background-color: #2e2e2e; color: #ffffff; text-align: center;}
            .contents table td:nth-child(even) { padding-left: 12px;}
  .contents ul { width: 804px; height: 450px; margin-left: 50px;}
    .contents ul li { width: 174px; height: 174px; float: left; margin: 30px 13px 15px 13px; list-style: none; background-color: #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 0 6px #9a9a9a; -webkit-box-shadow: 0 0 0 8px #9a9a9a; -moz-box-shadow: 0 0 0 8px #9a9a9a; -o-box-shadow: 0 0 0 8px #9a9a9a; -ms-box-shadow: 0 0 0 8px #9a9a9a;}
      .contents ul li a { color: #696969; display: block; line-height: 120%; text-align: center;}


/* ************************************************ 
 *  regist
 * ************************************************ */
.reg-box { text-align: center; height: 400px; width: 900px; margin: auto;}
.reg-title { font-size: 1em; margin: 24px 0;}

.reg-loginarea { display: inline-block; text-align: left; width: 50px;}
.reg-loginform { border: 0; padding: 10px; font-size: 1.3em; font-family: Arial, sans-serif; color: #aaa; border: solid 1px #ccc; margin: 0 0 20px; width: 300px;}
.reg-loginsubmit { border: solid 1px #ccc; padding: 10px 150px; margin: 0 0 20px; font-family: Arial, sans-serif; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #333; cursor:pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
  background-image: -webkit-linear-gradient(top, #ddd, #aaa);
  background-image: -moz-linear-gradient(top, #ddd, #aaa);
  background-image: -ms-linear-gradient(top, #ddd, #aaa);
  background-image: -o-linear-gradient(top, #ddd, #aaa);
  background-image: linear-gradient(top, #ddd, #aaa);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* ************************************************ 
 *  news
 * ************************************************ */
 .news-main-box { width: 94%; min-width: 700px; background-color: rgba(255,255,255,0.8); position: relative; margin: 0 auto 40px; padding: 24px 0;}
 .news-main-box .left-news p { border-bottom: 1px solid #888;}
 .news-main-box .left-news dl { border-bottom:1px dotted #888; padding: 9px 0;}