@charset "UTF-8";

/***共通***/
body{ font-size:14px; line-height:1.8em;font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#333; background:url(/parts/img/com_bg_top.jpg) repeat-x; background-color:#000;}
body#index{  text-align:center; background-color:#FFF; background-image:none;}
.onlysp{ display:none;}
.onlypc{}
p{font-size:14px;}
a{color:#c5596a;}
.left{float:left;}
.right{float:right;}

hr{clear:both; border:0;}
.small{ font-size:12px;}
.caption{ font-size:12px; padding:5px; text-align:left;}
.zeikin{ font-size:16px; text-align:right; padding:5px;}

h1{ background-color:#000000; color:#ccc; font-size:12px; font-weight:normal; text-align:center;}/***ロゴ***/
h2{ margin-top:30px; float:left;}/***大項目***/
h3{ border-bottom:1px dotted #333333;width:100%; font-size:18px; color:#000; text-align:center; padding:5px 0; font-family:Helvetica; letter-spacing:0.3em; font-weight:bold; margin:20px 0;}/***大項目***/

/***ヘッダー***/
#head{ width:100%; height:117px;}
#head .wrap{width:1001px; margin:0 auto; background-image:url(../img/com_head_bg.jpg); background-position:bottom left; background-repeat:no-repeat;}
#head .left{ width:570px;float:left;}
#head .right{ width:430px;float:right; text-align:right;}


/***グローバルナビ***/
ul#gn{ float:right; text-align:right; margin:60px 30px 0 0; border-right:1px solid #ccc;}
ul#gn li {float:left; border-left:1px solid #ccc;}
ul#gn li a{display:block; font-size:16px; padding:1px 20px; font-family:Helvetica; color:#666; text-decoration:none; letter-spacing:0.3em; font-weight:bold;}
ul#gn li a:hover{ color:#000;}

/***フットバナー***/
#main #cnt #link_bn{margin:50px auto 15px;text-align:right; width:700px;}
#main #cnt #link_bn span{ font-size:10px; padding:0 10px;}
#main #cnt #link_bn img{ vertical-align:middle;}

/***フッター***/
#foot{ width:100%; margin:0;}
#foot #copyright{font-size:10px; clear:both; text-align:center; color:#FFFFFF; background-color:#000000; font-family:Helvetica; color:#666; text-decoration:none; letter-spacing:0.3em; font-weight:bold;}


/***メイン画像***/
#main{ background-color:#000000; width:1000px; margin:0 auto;}
#cnt{ width:959px; background-color:#fff; float:left; color:#000;}
#side{ float:right; width:41px;}
#side li{}
#side li a{width:41px; height:114px; text-indent:-9999px; overflow:hidden; display:block;}
#side li.sn_darts a{ background-image:url(../img/com_sidebar_sn_darts.gif);}
#side li.sn_billiards a{ background-image:url(../img/com_sidebar_sn_billiards.gif);}
#side li.sn_slot a{ background-image:url(../img/com_sidebar_sn_slot.gif);}
#side li.sn_casino a{ background-image:url(../img/com_sidebar_sn_casino.gif);}
#side li.sn_produce a{ background-image:url(../img/com_sidebar_sn_produce.gif);}

/* 2階層目（リード文）***/
#main .detailbox p.lead{ line-height:24px; border-bottom:1px dotted #999999; border-top:1px dotted #999999; padding:10px; margin:50px auto;}
p.lead strong{ font-size:18px; line-height:30px;}

/* 2階層目（ページ内リンク）***/
ul.pagelink{ padding:0 10px;}
ul.pagelink li{ float:left;}
ul.pagelink li a{ display:block; border:1px solid #999; padding:5px 10px; font-size:16px; margin:0px 20px;}

.detailbox{ padding:20px 0;}
#mainv{ width:640px; margin:200px auto; text-align:center;}


.mainv{ text-align:center; padding:10px 0;}


/*company*/
ol.servicelist01{}
ul.servicelist02{ margin:5px 0 5px 30px; border:1px dotted #CCCCCC; padding:3px 10px; border-left:3px solid #000;border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
}
ul.servicelist02 li{ font-size:14px;}
.service dl.cntlist{}
.service dl.cntlist dt{float:left;margin:0 20px 30px 10px;width:200px;background-color:#666;border-radius:2px;text-align:center;color:#fff;font-size:12px;font-family:sans-serif;letter-spacing:0.2em;}
.service dl.cntlist dd{float:left;font-size:16px;width:500px;margin:0 0 30px 10px;}
.c_top{width:650px; margin:20px auto;}
.c_top p{padding:20px;}
.message{width:650px;margin:0 auto; background:url(/parts/img/company_message_bg.png) no-repeat center center;}
.message p{line-height:24px;margin-bottom:6px;padding:0 20px 0 20px;}
.message strong{ font-size:18px; line-height:36px;}
.message dl{ margin:20px auto; width:600px;}
.message dl dt{ font-size:16px; font-weight:bold;}
.message dl dd{ padding:10px;}

.profile,
.information{width:650px;margin:0 auto;font-size:16px;}
.profile dt{float:left;margin:0 20px 30px 10px;width:100px;background-color:#666;border-radius:2px;text-align:center;color:#fff;font-size:12px;font-family:sans-serif;letter-spacing:0.2em;}
.information dt{float:left;margin:0 20px 30px 10px;width:100px;font-size:12px;font-family:sans-serif;letter-spacing:0.2em;}
.profile dd,
.information dd{float:left;font-size:16px;width:500px;margin:0 0 30px 10px;}

/*contact*/
.detailbox.contact{width:650px;margin:0 auto;}

.detailbox.contact ul li{ width:300px;text-align:center; background-color:#eee; border:3px solid #ccc; padding:20px 0;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);/* Firefox */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));/* Chrom と Safari */	
background: linear-gradient(top center, #fff 0%, #ddd 100%);/* 共通 */
}
.contact ul li.contact_mail{ float:left;}
.contact ul li.contact_tel{ float:right;}
.contact ul li h4{ padding:2px 0 20px ; font-size:16px; color:#333333; border-bottom:1px dotted #666666;}
.contact ul li p strong{ font-size:24px; line-height:1.8em;}
.map{width:650px;margin:0 auto;}
.map p{line-height:18px;margin-bottom:6px;padding:0 30px 0 30px;text-align:left;}
.map{text-align:center}
.map_sp{display:none;}

.service{ width:800px; margin:20px auto;}

/***表***/
table.hyo{ border:2px solid #000; border-collapse:collapse; margin:0 auto; width:100%;}
table.hyo th{ font-size:14px; line-height:18px; border:1px solid #666; border-collapse:collapse; padding:3px 10px;}
table.hyo td{ font-size:14px; line-height:18px; border:1px solid #666; border-collapse:collapse; padding:3px 10px;}

ul#accordion{ margin:20px auto;}
ul#accordion > li{ padding:20px 0;}
ul#accordion li h4{ width:200px; float:left; padding-bottom:10px;}
ul#accordion li p{ width:400px; float:left; padding-bottom:10px;}
ul#accordion li a.moreinfo{ display:block; clear:both; text-decoration:none;}
ul#accordion li span.arrow{background-color:#aaa; color:#333; width:100%; text-decoration:none; display:block; clear:both; font-size:8px; text-align:center; margin:10px;
border-radius: 2px;        /* CSS3草案 */  
-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 2px;   /* Firefox用 */  
background: -moz-linear-gradient(top center, #fff 0%, #eee 100%);/* Firefox */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));/* Chrom と Safari */	
background: linear-gradient(top center, #fff 0%, #eee 100%);/* 共通 */
border: 1px solid #999;}
ul#accordion li span.rotate{ display:none;}
ul#accordion ul.infoview{ border-bottom:1px dotted #666; padding:20px;}
ul#accordion ul.infoview .left{ width:100px; text-align:center;}
ul#accordion ul.infoview .right{ width:600px;}
ul#accordion ul.infoview .right table.hyo{ padding-top:10px; border:none; border-top: 1px dotted #666666;}
ul#accordion ul.infoview .right table.hyo tr{ border-bottom:1px dotted #666;}
ul#accordion ul.infoview .right table.hyo tr th,
ul#accordion ul.infoview .right table.hyo tr td{ border:none; padding:2px 10px;}


#indexanime {
background: #ccc;/* 背景色を白にする場合 */
margin:50px auto 0; width:640px; padding:0;}