/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }

	body {margin:0;color: #222; background:#222; linae-height: 1.7; font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;}
	.container {width: 100%; margin:0 auto;}
	header {background :#0990e6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a91e6), to(#008be3)) ; }
	#header { background: url(img/logo.png) no-repeat center top ; background-size : auto 130px ; height:120px; }
	h1 {text-indent:-1000px;}
	#content_wrap {background :#cee3f9 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dedede), to(#ffffff)) ; box-shadow: 0px -5px 10px rgba(0,0,0,0.5); border-top: 2px solid white; text-align:center; }
	#main { padding:2%; }
	.place {margin-bottom: 10px;background-color: #fff;border-radius: 5px;border: 1px solid #e8e8e8;padding:5%; font-size:small;}
	.place h3 { font-size: medium; font-weight : bold; }
	a:link {color:#007bc7}
	a.pic img {opacity:1;  transition: opacity .5s ease 0;}
	a.pic:hover img {opacity:0.6; }
	footer {
	background : #222 ;
	color : white;
	text-align:center;
	padding : 1em 10px;
	font-size:small;
	}
	footer ul#footerbanner  {
	width : 300px ;
	margin:auto;
	}
	footer a {color:white;}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }


/* DEFAULT ROW STYLES */
.row { margin-bottom: 0em; } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}
.col img { max-width:100%; }


@media ( min-width : 768px ) {
	.col {
		margin-left: 2%;
	}
}


/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 768px ) {
	.span_1 { width: 6.5%; }
	.span_2 { width: 15.0%; }
	.span_3 { width: 23.5%; }
	.span_4 { width: 32.0%; }
	.span_5 { width: 40.5%; }
	.span_6 { width: 49.0%; }
	.span_7 { width: 57.5%; }
	.span_8 { width: 66.0%; }
	.span_9 { width: 74.5%; }
	.span_10 { width: 83.0%; }
	.span_11 { width: 91.5%; }
	.span_12 { width: 100%; }
	.row { margin-bottom:0; } 
	.col img { max-width:100%; }
	body {margin:0;color: #222;
font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;}
	.container {width: 100%; margin:0 auto;}
	header {background-color:#0990e6; background: -moz-linear-gradient(top, #0a91e6, #008be3); background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a91e6), to(#008be3)) ;}
	#header { background: url(img/logo.png) no-repeat center top fixed ; background-size: auto 330px ; height:330px ;  }
	#content_wrap {background-color:#cee3f9; background: -moz-linear-gradient(top, #cee3f9, #fff); background : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cee3f9), to(#ffffff))  ; z-index:3;position:relative; box-shadow: 0px -5px 5px rgba(0,0,0,0.3); border-top: 2px solid white; text-align:center; padding-bottom:2em; }
	#main { max-width:1200px; background: url(img/content-bg.png) no-repeat center top; background-size: cover; margin:-40px auto 20px; min-height:340px ; padding:1.5em; }
	.place {margin-bottom: 10px;background-color: #fff;border-radius: 5px;border: 1px solid #e8e8e8;padding:5%; font-size:13px;}
	.place h3 { font-size: 16px; font-weight : bold; }
footer {
	background : #222 ;
	color : white;
	text-align:center;
	padding : 20px;
	margin : 30px 0 0;
	line-height: 1.8;
	font-size:12px;
}
footer ul#footerbanner { width : 700px; margin : auto; }
footer ul#footerbanner li {
	float : left ;
	width : 304px ;
	height : 54px ;
	margin : 0 5px 20px ;
	border:2px solid #555;
}
}