@charset "utf-8";
/* 
Theme Name: sbilliard kobayashi bright
Theme URI: http://silver-dice.com/
Description: billiard kobayashi bright web site
Version: 1.0
Author: sukimanokaze
Author URI: http://silver-dice.com/
*/


/*
------------------------------------------
  Reset
------------------------------------------
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td{ 
margin : 0; 
padding : 0; 
} 

table { 
border-collapse : collapse; 
border-spacing : 0; 
} 

fieldset, img, abbr { 
border : 0; 
} 

address, caption, cite, code, dfn, h1, h2, h3, h4, th, var { 
font-style : normal; 
font-weight : normal; 
} 

li { 
	list-style: none; 
} 


body { 
	width: 100%; 
	text-align: center; 
	background: url(../images/base/body_background.jpg) #87e6ee repeat-x top left; 
} 


div#wrapper { 
	height: 500px; 
	margin: 0 auto; 
	width: 1500px;
	background: url(../images/header_images/home_background.jpg) #0b4d53 no-repeat top center; 
} 

body#access div#wrapper{ background-image: url(../images/header_images/access_head.jpg); } 
body#nobuaki div#wrapper{  background-image: url(../images/header_images/nobuaki_head.jpg); } 
body#price_list div#wrapper{ background-image: url(../images/header_images/price_head.jpg);  } 
body#pro div#wrapper{  background-image: url(../images/header_images/pro_head.jpg); } 
body#tournament div#wrapper{  background-image: url(../images/header_images/tournament_head.jpg); } 
body#membership div#wrapper{  background-image: url(../images/header_images/membership_head.jpg); } 

div#container { background: url(../images/home/navi_background.png) transparent repeat-x top left; } 

/* header 設定
================================================*/

header { 
	width: 1350px; 
	height: 500px; 
	margin: 0 auto; 
	position: relative;  left; 
} 

/* ロゴマーク */

h1 { 
	width: 340px; 
	height: 280px; 
	background: url(../images/base/h1_box.png) transparent no-repeat top center;
	position: absolute; 
	top: 0; 
	left: 20px;
} 

h1 a { 
	display: block; 
	width: 340px; 
	height: 280px; 
} 

h1 a img { 
	margin: 40px 30px 30px; 
} 

/* ヘッダーナビ */
div#headnav { 
	display: block; 
	height: 90px; 
	width:100%; 
	max-width: 1000px; 
	margin-left: 350px; 
	color: #1c686f; 
	font-weight: bold; 
} 

div#headnav ul { 
	display: flex; 
	justify-content: start; 
	padding: 40px 20px 0 200px; 
	margin: 0 20px 0 auto; 
} 

div#headnav ul li { 
	margin: 0 0.5em; 
	font-size: 1.25em; 
} 

/* ナビの文字の色設定 */
div#headnav ul li a { text-decoration: none; } 
div#headnav ul li a:link { color: #55bfc8; } 
div#headnav ul li a:visited { color: #1c686f; } 
div#headnav ul li a:hover { color: #1c686f; } 


/* 店舗概要 */
section.overview { 
	position: absolute; 
	right: 20px; 
	bottom: 20px; 
	width: 800px; 
	height: 180px; 
} 
section.overview p { 
	margin: 0px; 
} 
/* コンテンツ部分の設定 */
div.wrapbox { 
	display: flex; 
	width: 1350px; 
	max-height: 100%; 
	margin: 0 auto;
} 


/* 左側のナビリンクメニュー
====================================================*/
.wrapbox nav { 
	width: 370px; 
	height: 100%; 
	background: url(../images/base/nav_back.png) transparent repeat-y top center; 
	position: relative; 
	top: -60px; 
} 

.menu { 
	padding: 65px 0 0 0; 
}

nav ul { 
	margin: 40px 60px 60px 70px; 
} 

.menu ul li { 
	width: 240px; 
	font-size: 1.2em; 
	margin-top: 20px; 
	background-color: #55bfc8; 
} 

.menu ul li a { 
	display: block; 
	padding: 20px 0; 
	width: 100%; 
	height: 100%; 
	text-decoration: none; 
	font-weight: bold; 
	color: #1c686f; 	
} 
.menu ul li a:hover { 
	background: #87e6ee; 
} 

/* イングリッシュページ */
nav img.english_photo { 
	margin: 30px 20px 60px 30px; 
} 

/* パートナーサイト */

nav img.banner { 
	margin: 10px auto; 
} 


/* ここからが本題・内容部分
======================================================================*/


main { 
	width: 900px; 
	height: 100%; 
	margin: 0 auto 0 50px; 
	padding: 40px 0; 
	background-color: #ddeeff; 
} 


main section { 
	width: 680px; 
	margin: 30px 110px; 
	text-align: left; 
} 

main section h2 { 
	font-size: 1.5em; 
	font-weight: bold; 
	height: 40px; 
 	padding: 0.5em 0 0.35em 60px; 
	margin: 60px 0 40px 0; 
	border-bottom: 3px solid #9a5a41; 
} 

main section h2#section001 { background: url(../images/base/mainh2_001.png) no-repeat left center; } 

main section h2#section002 { 
	background: url(../images/base/mainh2_002.png) no-repeat left center; 
	border-color: #41939a; 
} 

main section h2#section003 { background: url(../images/base/mainh2_002.png) no-repeat left center; } 



section.navi_banner { 
	width: 680px; 
	display: flex; 
	justify-content: space-between;
} 

main section p { 
	font-size: 1.125em; 
	margin: 0.5em 0.5em 2em; 
	line-height: 1.5; 
	} 


main ul.left_nav { 
	width: 320px; 
	margin-top; 30px; 
} 

main ul.right_nav { 
	width: 320px; 
	margin-top; 30px; 
} 

main ul li.bannerbox img { 
	margin-bottom: 30px; 
} 

main ul.banner_nav li { 
	flox-wrappx solid red; 
} 

main h3 { 
	font-size: 1.25em; 
	font-weight: bold; 
} 

main dl { 
	margin: 0.5em 0.5em 0.2em; 
	padding: 0; 
	font-size: 1.25em; 
} 

main dl dt { 
	float: left; 
} 


/* ウェブフォント設定CSS
===========================================================================================*/

.kiwi-maru-light {
  font-family: "Kiwi Maru", serif;
  font-weight: 300;
  font-style: normal;
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}



/* イメージラインとなずけよう　〜写真を何枚か羅列する際の調整〜
==================================================================================*/

img.photo { 
	padding: 15px; 
	margin-left: 10px; 
	background-color: #fff; 
	border: 1px solid #666; 
} 


ul.images_line li { 
	margin: 20px 0; 
} 



/* 料金表独自設定だ！シンプルに金額が分かりやすく！〜price_content〜
==================================================================================*/

.price_box { 
	width: 678px; 
	height: 250px; 
	margin-bottom: 40px; 
	border: 1px; 
	color: white; 
	background: url(../images/price/3c_table.jpg) #1c686f no-repeat top left; 
} 

.price_box h3,h4,dl { 
	font-size: 2em; 
	font-weight: 400; 
	padding: 40px 40px 0 300px; 
} 

.price_box h4 { 
	font-size: 1.5em; 
	padding-top: 0; 
} 

.price_box dl { 
	font-size: 1.5em; 
	padding: 0 40px 0.1em 300px; 
} 

#carom { 
	background: url(../images/price/yotudama_table.jpg) #1c686f no-repeat top right;  
}

#carom h3,#carom h4,#carom dl { 
	padding-left: 40px; 
	padding-right: 300px; 
} 
 

section#pool { 
	background-image: url(../images/price/pocket_table.jpg); 
}


/*  プロインストラクター　*/
p.Explanation { 
	margin-top: 1em; 
} 

dl.Introduction { 
	border: 2px solid #1c686f;
	border-radius: 10px; 
	margin: 1em 0 30px 0; 
	padding: 10px 20px; 
} 


dl.Introduction dd { 
	margin-left:6em; 
} 

dl.Career { 
	font-size: 1.2em; 
} 


dl.Career dd { 
	margin-left: 6em; 
} 

ul.n_photo { 
	margin: 50px 0; 
}