@charset "utf-8";

/* ==========================================================

title : 東建多度カントリークラブ・名古屋
scope : 多度の四季

last modify : 2016/06/09 266_shintani

========================================================== */

/* ----------------------------------------------------------
	reset
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #222;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	font-size:100%;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
a {
	text-decoration:none;
}

a:link {
	color:#0000FF;
}
 
a:visited {
	color:#0000FF;
}

a:hover {
	color:#FF0000;
}

/* ----------------------------------------------------------
	基本設定
---------------------------------------------------------- */
body{
	color: #333;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1.5;

/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #000), color-stop(0.91, #000), color-stop(0.83, #fff), color-stop(0.81, #fff), color-stop(0.74, #000), color-stop(0.66, #000), color-stop(0.59, #fff), color-stop(0.53, #fff), color-stop(0.46, #000), color-stop(0.40, #000), color-stop(0.34, #fff), color-stop(0.28, #fff), color-stop(0.21, #000), color-stop(0.14, #000), color-stop(0.07, #fff), color-stop(0.00, #fff));*/
background: -webkit-linear-gradient(top, #fff 0%, #fff 30%, #000 34%, #000 60.5%, #fff 62.6%, #fff 67%, #000 70%, #000 78%, #fff 80%, #fff 82.2%, #000 84.6%, #000 88%, #fff 89.9%, #fff 92.0%, #000 94.6%, #000 100%);
background: -moz-linear-gradient   (top, #fff 0%, #fff 30%, #000 34%, #000 60.5%, #fff 62.6%, #fff 67%, #000 70%, #000 78%, #fff 80%, #fff 82.2%, #000 84.6%, #000 88%, #fff 89.9%, #fff 92.0%, #000 94.6%, #000 100%);
background: -o-linear-gradient     (top, #fff 0%, #fff 30%, #000 34%, #000 60.5%, #fff 62.6%, #fff 67%, #000 70%, #000 78%, #fff 80%, #fff 82.2%, #000 84.6%, #000 88%, #fff 89.9%, #fff 92.0%, #000 94.6%, #000 100%);
background: -ms-linear-gradient    (top, #fff 0%, #fff 30%, #000 34%, #000 60.5%, #fff 62.6%, #fff 67%, #000 70%, #000 78%, #fff 80%, #fff 82.2%, #000 84.6%, #000 88%, #fff 89.9%, #fff 92.0%, #000 94.6%, #000 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 30%, #000 34%, #000 60.5%, #fff 62.6%, #fff 67%, #000 70%, #000 78%, #fff 80%, #fff 82.2%, #000 84.6%, #000 88%, #fff 89.9%, #fff 92.0%, #000 94.6%, #000 100%);
}

#wrapper {
	padding: 22px 0 0 0;
}

a{
	color: #333;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

strong{
	font-weight: bold;
}


#wrapper{
	width: 982px;
	margin: 0 auto;
}

img{
	vertical-align: bottom;
}

.photo {
	margin: 14px 14px 0 0;
	float: left;
}

.f_clear {
	clear: both;
}

header h1 {
	background: url(../img/bg_top.jpg) 0 0 no-repeat;
	padding: 127px 342px;
}

/* ----------------------------------------------------------
	春夏秋冬
---------------------------------------------------------- */
#spring {
	background: url(../img/bg_spring.png) 0 0 no-repeat;
}

#summer {
	background: url(../img/bg_summer.png) right 0 no-repeat;
}

#autumn {
	background: url(../img/bg_autumn.png) 0 0 no-repeat;
}

#winter {
	background: url(../img/bg_winter.png) right 0 no-repeat;
}

/* ----------------------------------------------------------
	余白：右側
---------------------------------------------------------- */
.mr60 {	margin-right: 60px !important;}
.mr46 {	margin-right: 46px !important;}
.mr14 {	margin-right: 14px !important;}
.mr0 { margin-right: 0 !important;}

/* ----------------------------------------------------------
	余白：上部
---------------------------------------------------------- */
.mt368 { margin-top: 368px !important;}
.mt352 { margin-top: 352px !important;}
.mt254 { margin-top: 254px !important;}
.mt194 { margin-top: 194px !important;}
.mt190 { margin-top: 190px !important;}
.mt176 { margin-top: 176px !important;}
.mt140 { margin-top: 140px !important;}
.mt136 { margin-top: 136px !important;}
.mt134 { margin-top: 134px !important;}
.mt126 { margin-top: 126px !important;}
.mt120 { margin-top: 120px !important;}
.mt116 { margin-top: 116px !important;}
.mt81 { margin-top: 81px !important;}
.mt69 { margin-top: 69px !important;}
.mt60 { margin-top: 60px !important;}
.mt45 { margin-top: 45px !important;}
.mt0 { margin-top: 0px !important;}

/*padding*/
.pt190 { padding-top:190px !important;}

/* ----------------------------------------------------------
	余白：1括
---------------------------------------------------------- */
.m0 { margin: 0px !important;}

#gallery {
}

/* ----------------------------------------------------------
	nav
---------------------------------------------------------- */
nav {
	width: 982px;
	margin: 0 auto;
}

nav ul{
	overflow: hidden;
	margin: 30px 0 0 8px;
}

nav li{
	width: 236px;
	float: left;
	margin: 0 7px 0 0;
}

nav li:nth-last-of-type(1){
	margin: 0 0 0 0;
}

nav a:hover {
	opacity: 0.7;
}

/* ----------------------------------------------------------
	横幅
---------------------------------------------------------- */
.w982 { width: 982px;}
.w752 { width: 752px;}
.w726 {	width: 726px;}
.w692 {	width: 692px;}
.w652 {	width: 652px;}
.w612 {	width: 612px;}
.w566 {	width: 566px;}
.w484 {	width: 484px;}
.w357 {	width: 357px;}
.w356 {	width: 356px;}
.w322 {	width: 322px;}
.w316 {	width: 316px;}
.w276 {	width: 276px;}
.w254 {	width: 254px;}
.w242 {	width: 242px;}
.w216 {	width: 216px;}
.w208 {	width: 208px;}

/* ----------------------------------------------------------
	横並び
---------------------------------------------------------- */
/*.box_left {
	float: left;
}
*/
.box_right {
	float: right;
}

.no_float {
	float: none;
}

/* 解除*/
.w982,.w752,.w726,.w692,.w652,.w612,.w566,.w484,.w357,
.w356,.w322,.w316,.w276,.w254,.w242,.w216,.w208 {
		overflow: hidden;
}

/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
footer {
	margin: 15px 0 0 0;
	width: 982px;
	overflow: hidden;
	padding: 0 0 25px 0;
}

.coltd_infor {
	width: 470px;
	float: left;
}

.coltd_infor ul {
	overflow: hidden;
}

footer li {
	float: left;
	margin: 4px 0 0 25px;
}

footer small {
	float: left;
	margin: 4px 0 0 25px;
	color: #fff;
}

.go_top_zone {
	width: 246px;
	float: right;
	margin: 0 0 0 0;
}





