@charset "utf-8";


/*
Theme Name: sevensbase
Theme URI: http://7dc.jp/
Description: セブンズデザインクラブのベーステンプレート
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* -----リセットCSS　変更しない ここから------------------- */
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; }
p { margin: 0px 0px 3px 0px; padding: 0; border: 0; font-size: 100%; }
div, blockquote, pre, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; font-size: 100%; }
table, caption, th, td { font-style: normal; font-weight: normal; font-size: 100%; border-collapse: collapse; margin-bottom: 0px; }
th { white-space: nowrap; vertical-align:top; }
hr { margin: 0; padding: 0; font-size: 100%; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; }
form, fieldset, input, button, select, optgroup, option, textarea, label, legend { margin: 0; padding: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: inherit; font-size: 100%; }
ul, ol { list-style-position:outside; list-style-type:none; }
/* -----リセットCSS　変更しない ここまで------------------- */

/* --フォント指定---------- */
/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body { font:13px/1.231 "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; *font-size:small;
*font:x-small;}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.bold { font-weight: bold; }
.fontBig { font-size:138.5%; }
.orange { color:#FF4100 }
.img-left { float:left;margin-right:20px; }
.img-right { float:right;margin-left:20px;}
.img-bottom { vertical-align:bottom; }
.clear { clear:both }
.mr-bottom20 { margin-bottom:20px }
.mr-top5 { margin-top:5px; }
.black { color:#000000; }
.red { color:#ff0000 }
.green { color:#86b92c }
.font-small {font-size:77%;}


/* -----------基本テキストカラー　指定------------------------------- */
body { color: #4F4F4F; text-align:center;}
/* -----------リンク色　指定------------------------------- */
a:link    {color: #2470a0; text-decoration:none }
a:visited {color: #2470a0; text-decoration:none }
a:hover   {color: #7a1818; text-decoration:none }
img a     {border:0 none; }
img       {vertical-align:bottom }


body {margin: 0;padding: 0;width: 5500px;background:#7e1f1b url('img/common/bg_body.png') repeat-x top left;}
body#subpage {margin: 0;padding: 0;width:auto;overflow:auto;background: url('img/common/bg_body.png') repeat top left;}

.container {float: left;display: block;height: 650px;width: 1100px;position: relative;z-index:0 !important;}
/*------------ background ------------*/
#gallery {background: url('img/common/gallery.png') no-repeat top right;}
#menu {background: url('img/common/menu.png') no-repeat top right;}
#info {background: url('img/common/info.png') no-repeat top right;}
#home {background: url('img/common/02.jpg') no-repeat top right;}
#gelato {background: url('img/common/03.jpg') no-repeat top right;}

/*------------ GNAVI ------------*/
#gnavi {height:95px;width:889px;text-align:center;margin:0px auto;position:fixed; top:0px; left:100px;z-index:100;}
#gnavi ul{height:95px;margin:0px auto;}
#gnavi ul li{float:left;}

/*------------ footer ------------*/

.bnr_t     {position:absolute; top:20px; left:50px;}
.facebook_t{position:absolute; top:85px; left:50px;}
.logo_t    {position:absolute; top:20px; left:280px;}
.ad        {position:absolute; top:43px; left:464px;}
.bnr_j     {position:absolute; top:20px; left:775px;}
.bnr_n     {position: absolute; top: 20px; left: 970px;}
.facebook_j{position:absolute; top:85px; left:775px;}
#copyright {width:1100px;text-align:center;position:absolute; top:125px;color:#929191;}
#copyright a{color:#929191;}




/* --------------------------------------------------
	レイアウトサイズ　横幅・背景・margin・padding 指定
-------------------------------------------------- */
#header       {width: 100% ; margin: 0 auto; }
#headerInner  {width: 900px; margin: 0 auto; position:relative;}
#wrapper      {width: 900px; margin: 0 auto; background:#ffffff;}
#wrapperInner {width: 900px; margin: 0 auto; overflow:hidden; _zoom:1;}
#content      {width: 680px; margin: 0 auto; }
#contentInner {width: 660px; margin: 0px 0px auto 20px; overflow:hidden; _zoom:1;}
#sidebar      {width: 220px; margin: 0 auto; background: #535353}
#sidebarInner {width: 220px; margin: 0 auto; }
#footer       {width: 100% ; margin: 0 auto; background: #7e1f1b; clear:both; }
#footerInner  {width:1100px; margin: 0 auto; height:185px;}
.top_footer   {position:fixed;top:650px;height:185px;}
.sub_footer   {position:relative;background: #7e1f1b;}
.sub_footer #footerInner {position:relative;}



/* --------------------------------------------------
	header
-------------------------------------------------- */
#headerInner { height: 270px;text-align:left;} /* ---高さ指定--- */
#headerInner h1 {position:absolute; top:0px; left:0px;}
#sub_gnavi {position:absolute; top:0px; left:0px;height:95px;width:889px;text-align:center;margin:0px auto;}
#sub_gnavi ul{height:95px;margin:0px auto;}
#sub_gnavi ul li{float:left;}



/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
#wrapperInner {padding-top:30px;}


/* --------------------------------------------------
	content
-------------------------------------------------- */
#content { float:right; overflow:hidden; _zoom:1;}  /* ---左右位置指定--- */
#contentInner {text-align:left;margin-bottom:50px;margin-right:25px;}

#pagetop {clear:both;margin-top:50px;margin-bottom:0px;text-align:right;}
/* --------------------------------------------------
	sidebar
-------------------------------------------------- */
#sidebar {float:left;margin-bottom:150px;} /* ---左右位置指定--- */
#sidebarInner {text-align:left;}
#sidebarInner dl{margin-bottom:10px;}
#sidebarInner dt{background: url(img/blog/blog_dt.png) no-repeat left top;padding-left:36px;line-height:43px;font-size:15px;color:#ffffff;}
#sidebarInner dd{margin:0px 5px;padding:10px 0px;background:#ffffff;}
#sidebarInner dd ul {margin:10px;}
#sidebarInner dd ul li{background: url(img/home/blog_icon_t.png) no-repeat left 1px; padding-left:10px;padding-bottom:5px;border-bottom:1px #cccccc dotted; margin-bottom:10px;}

/* --------------------------------------------------
	footer
-------------------------------------------------- */



/* --------------------------------------------------
	common
-------------------------------------------------- */
.entry-title,.mini_title {margin-bottom:20px;background: url(img/blog/blog_title.png) repeat left top;line-height:50px; padding-left:20px;font-weight: bold; font-size:138.5%;color:#ffffff;}
.page-title{border-bottom:2px #cccccc solid;margin-bottom:20px;font-size:116%;font-weight:bold;}
.mini_title a{color:#ffffff;}
.mini_title a:hover {color:#ffffff;}
.gallery_img_right {float:right;margin-right:10px; margin-bottom:10px;}
/* --------------------------------------------------
	toppage
-------------------------------------------------- */
#calendar #business-calendar-3 .business-calendar-box {margin-right:-20px;width:380px;overflow:hidden; _zoom:1;}
.business-calendar-box .business-calendar{width:170px;float:left;margin-right:10px; }
.business-calendar-attribute {clear:both;width:350px;}






/* =Comments
-------------------------------------------------------------- */
#comments { clear: both; }
#comments .navigation { padding: 0 0 18px 0; }
h3#comments-title, h3#reply-title {  font-size: 20px; font-weight: bold; margin-bottom: 0;padding-left:28px;background: url(img/common/comentarow.png) no-repeat left center; }
h3#comments-title { padding: 18px 0 10px 28px; }
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; }
.commentlist li:last-child { border-bottom: none; margin-bottom: 0; }
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; }
#comments .comment-body p:last-child { margin-bottom: 6px; }
#comments .comment-body blockquote p:last-child { margin-bottom: 24px; }
.commentlist ol { list-style: decimal; }
.commentlist .avatar { position: absolute; top: 4px; left: 0; }
.comment-author { }
.comment-author cite { color: #000; font-style: normal; font-weight: bold; }
.comment-author .says { font-style: italic; }
.comment-meta { font-size: 12px; margin: 0 0 18px 0; }
.comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; }
.comment-meta a:active, .comment-meta a:hover { color: #ff4b33; }
.commentlist .even { }
.commentlist .bypostauthor { }
.reply { font-size: 12px; padding: 0 0 24px 0; }
.reply a, a.comment-edit-link { color: #888; }
.reply a:hover, a.comment-edit-link:hover { color: #ff4b33; }
.commentlist .children { list-style: none; margin: 0; }
.commentlist .children li { border: none; margin: 0; }
.nopassword, .nocomments { display: none; }
#comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; }
.commentlist li.comment+li.pingback { margin-top: -6px; }
#comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; }
#comments .pingback .url { font-size: 13px; font-style: italic; }


/* Comments form */
input[type=submit] { color: #333; }
#respond { margin: 24px 0; overflow: hidden; position: relative; }
#respond p { margin: 0 0 5px 0; }
#respond .comment-notes { margin-bottom: 1em; }
.form-allowed-tags { line-height: 1em; }
.children #respond { margin: 0 48px 0 0; }
h3#reply-title { margin: 18px 0 10px 0; }
#comments-list #respond { margin: 0 0 18px 0; }
#comments-list ul #respond { margin: 0; }
#cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; }
#respond .required { color: #ff4b33; font-weight: bold; }
#respond label { color: #888; font-size: 12px; }
#respond input { margin: 0 0 9px; width: 98%; }
#respond textarea { width: 98%; }
#respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; }
#respond .form-allowed-tags code { font-size: 11px; }
#respond .form-submit { margin: 12px 0; }
#respond .form-submit input { font-size: 14px; width: auto; }

/* widget
-------------------------------------------------------------- */
.widget-container {text-align:left;margin-bottom:20px}
.widget-container dt{border-bottom:3px solid #999999;font-size:116%;font-weight:bold;color:#999999;margin-bottom:7px;}
.children {margin-left:15px;}


/* =blog-prats
-------------------------------------------------------------- */
.entry-meta {text-align:right;margin-bottom:30px;color:#8a8a8a;}
.entry-meta a, .entry-utility a {color:#8a8a8a;}
.entry-meta a:hover, .entry-utility a:hover {color:#7a1818;}


.entry-content {margin:10px 20px;overflow:hidden; _zoom:1;clear:both;}
.entry-utility {text-align:right;margin-bottom:50px;padding-top:10px;color:#8a8a8a;border-top: 1px solid #c4c4c4;margin-top:20px;font-size:93%;}
#nav-below {overflow:hidden; _zoom:1;margin-bottom:10px;border-bottom: 1px dotted #c4c4c4;padding-bottom:3px; }
.nav-previous {float:left;padding-bottom:3px;}
.nav-next {float:right;}


.entry-content p{margin-bottom:20px;}
.entry-content strong{font-weight: bold;}
.entry-content em{font-style: italic; font-family: "ＭＳ 明朝",serif;}
.entry-content blockquote{margin:20px;padding:20px;border: 1px solid #b2b2b2;}
.entry-content blockquote p{margin-bottom:3px;}
.entry-content hr{margin-bottom:20px;}
.entry-content ul{list-style-type: disc;list-style-position:outside;}
.entry-content li{margin-left:20px;margin-bottom:5px;}
.entry-content ol{list-style-type:decimal;list-style-position:outside;}
.entry-content table {border:1px solid #b2b2b2;margin-bottom:15px;}
.entry-content table th {border:1px solid #b2b2b2;padding:10px;}
.entry-content table td {border:1px solid #b2b2b2;padding:10px;}
.entry-content table caption {font-weight:bold;font-size:108%;padding-bottom:3px;text-align:left;}

/* --------------------------------------------------
	テンプレート用
-------------------------------------------------- */
/* ------画像　右・左　テキスト回り込み--------- */
.entry-content .block{overflow:hidden; _zoom:1;clear:both;}
.entry-content .img-left {float:left; margin-right:10px;}
.entry-content .img-right{float:right;margin-left:10px;}
.entry-content .text-float{overflow:hidden; _zoom:1;}

/* ------プライバシーポリシー--------- */
.entry-content .privacy   {}
.entry-content .privacy dl { margin-bottom: 20px; margin-top: 20px;}
.entry-content .privacy dt { font-weight: bold;}
.entry-content .privacy dd { border-bottom: 1px dotted #D3D3D3; margin-bottom: 10px; padding-bottom: 5px; padding-left: 15px; padding-top: 3px;}

/* ------お問い合わせ--------- */
.entry-content .inquiry {margin:20px 0px;padding:20px;border:1px solid #d5d5d5;}
.entry-content .inquiry table{width:100%;border:none;}
.entry-content .inquiry th{border:none;border-bottom:1px dotted #d5d5d5;padding:10px 5px;}
.entry-content .inquiry td{border:none;border-bottom:1px dotted #d5d5d5;padding:10px 5px;}
.cntct_trans {text-align:right;width:675px;}
#contact_btn {float:right;margin-top:15px;display:block;width:168px;height:40px;background:url(img/common/send.png) no-repeat right top;text-indent:-9999px;font-size: 0px;line-height: 0px;cursor:pointer;border:0}
#contact_btn:hover,#contact_btn:focus {background:url(img/common/send_on.png) no-repeat right top;}


/*------------ home ------------*/
.here_t {position:absolute; top:335px; left:200px;}
.here_j {position:absolute; top:317px; left:715px;}
#info_t {height:186px;width:346px;text-align:left;background: url('img/home/info_t.png') no-repeat center top;position:absolute; top:456px; left:102px;}
#info_j {height:198px;width:349px;text-align:left;background: url('img/home/info_j.png') no-repeat center top;position:absolute; top:445px; left:651px;}

#info_t dl{margin:50px 20px 0px 20px;}
#info_t dt{float:left;clear:both;width:80px;background: url(img/home/blog_icon_t.png) no-repeat left 3px; padding-left:10px;padding-bottom:5px;}
#info_t dd{padding-left:90px;border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}
#info_j dl{margin:55px 25px 0px 25px;}
#info_j dt{float:left;clear:both;width:80px;background: url(img/home/blog_icon_j.png) no-repeat left 0px; padding-left:13px;padding-bottom:5px;}
#info_j dd{padding-left:90px;border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}
/*------------ gelato ------------*/
#gelato {text-align:left;}
#prof {position:absolute; top:194px; left:180px;width:310px;height:139px;}
#prof dl{margin:0px;}
#prof dt{float:left;clear:both;font-weight: bold;width:80px;background: url(img/gelato/point.png) no-repeat left 3px;padding-top:6px;padding-left:10px;padding-bottom:6px;}
#prof dd{padding-left:90px;border-bottom:1px #f5e9d0 solid; margin-bottom:10px;padding-top:6px;padding-bottom:6px;white-space: normal}
#cyao {position:absolute; top:194px; left:512px;width:314px;height:141px;}

#event {position:absolute; top:456px; left:180px; width:300px;height:154px;}
#event dl{margin:0px 0px 0px 0px;}
#event dt{float:left;clear:both;width:80px;background: url(img/home/blog_icon_j.png) no-repeat left 0px; padding-left:13px;padding-bottom:5px;}
#event dd{padding-left:90px;border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}

#youtube {position:absolute; top:456px; left:550px;background: #7e1f1b;width:194px;height:154px;}
.youtube {position:absolute; top:456px; left:752px;}

/*------------ info ------------*/
#info {text-align:left;}
#concept {position:absolute; top:90px; left:245px;width:380px;height:265px;}
#information{position:absolute; top:311px; left:589px;width:380px;height:245px;}
#information dl{margin:15px 25px 0px 25px;}
#information dt{float:left;clear:both;width:80px;background: url(img/info/info_icon.png) no-repeat left 3px; padding-left:10px;padding-bottom:5px;color:#7f1f1c;font-weight: bold;}
#information dd{padding-left:90px;border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}

#calendar{position:absolute; top:375px; left:189px;width:380px;height:245px;}
.business-calendar-box {margin:0px 20px;width:340px;height:169px;}
#isp_businesscalendar-2 {margin:0px 20px;width:340px;height:169px;}
.widget-title {display:none;}

/*------------ menu ------------*/
#menu {text-align:left;}
.owner {position:absolute; top:90px; left:123px;}
.menu  {position:absolute; top:90px; left:461px;}
#visit {position:absolute; top:375px; left:123px;width:316px;height:245px;}
#visitIn {width:285px;height:160px;margin:10px auto;overflow:auto}
#menu_event{position:absolute; top:373px; left:523px;width:388px;height:245px;}
#menu_event dl{margin:30px 20px 0px 20px;}
#menu_event dt{float:left;clear:both;width:80px;background: url(img/home/blog_icon_t.png) no-repeat left 3px; padding-left:10px;padding-bottom:5px;}
#menu_event dd{padding-left:90px;border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}

/*------------ gallery ------------*/
#gallery {text-align:left;}

#voice      {position:absolute; top:90px; left:123px;width:345px;height:530px;overflow:auto}
#voice dl   {margin:20px 20px 20px 20px;}
#voice dt   {background: url(img/info/info_icon.png) no-repeat left 3px; padding-left:10px;padding-bottom:5px;color:#7f1f1c;font-weight: bold;}
#voice dt a {color:#7f1f1c}
#voice dd   {border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;white-space: normal}
#gallerybox {position:absolute; top:90px; left:561px;width:345px;height:530px;overflow:auto} 
#galleryboxIn {width:305px;height:490px;overflow:auto;margin:20px;}
.gallery_list {border-bottom:1px #cccccc dotted; margin-bottom:10px;padding-bottom:5px;overflow:hidden; _zoom:1;}
.gallery_img    {float:left;width:170px;margin-right:10px;}
.gallery_list dl{float:right;width:100px;}
.gallery_list dt{background: url(img/info/info_icon.png) no-repeat left 3px; padding-left:10px;padding-bottom:5px;color:#7f1f1c;font-weight: bold;}
.gallery_list dt a {color:#7f1f1c}
.gallery_list dd{}

#gnavi .reservation_cal {
	position: fixed;
	top: 5px;
	left: 12px;
}
#gnavi .reservation_cal a {
	background: #7e1f1b;
	padding: 3px;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	font-size: 11px;
}
#gnavi .reservation_cal a span {
	padding: 7px 7px;
	border: 1px dashed #fff;
	display: inline-block;
	border-radius: 3px;
}

#home .reservation_cal {
	position: absolute;
	top: 335px;
	left: 50px;
}
#home .reservation_cal a {
	background: #7e1f1b;
	padding: 7px;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	text-align: center;
}
#home .reservation_cal a span {
	padding: 20px;
	border: 1px dashed #fff;
	display: inline-block;
	border-radius: 3px;
}

/*ポップアップここから*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 600px;
  padding: 50px;
  background-color: #fff;
  z-index: 2;
  text-align: left;
}
.popup-inner h2 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.popup-inner h3 {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.popup-inner p {
	margin-bottom: 10px;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

/*ポップアップココまで*/