@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  updated --- 2013/06/18
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	/*font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif; */
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	color: #fff;
	background: url(/common/img/dark-heavypaper.png) repeat top center;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.sectionFirst,
.section,
.sectionSub,
.sectionAlt,
#wrapper
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.sectionFirst:after,
.section:after,
.sectionSub:after,
.sectionAlt:after,
#wrapper:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .sectionFirst,
* html .section,
* html .sectionSub,
* html .sectionAlt,
* html #wrapper
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 980px;
	padding: 20px 0 30px;
	text-align: left;
}
/* !header
---------------------------------------------------------- */
#header {
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
	box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
	background-color: rgba(255,255,255,0.1);
}
	#hd_inner {
		position: relative;
		margin: 0 auto;
		width: 980px;
		height: 86px;
		background: url(/common/img/img_sitelogo00.png) no-repeat 0 9px;
		text-align: left;
	}
		#hd_logo {
			position: absolute;
			left: 60px;
			top: 9px;
			width: 528px;
			height: 47px;
			background: url(/common/img/img_sitetitle01.png) no-repeat 0 0;
			text-indent: -9999px;
			overflow: hidden;
		}
		#hd_logo a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#hd_inner p.description {
			position: absolute;
			top: 30px;
			right: 0;
			color: #fff;
			font-size: 11px;
			line-height: 1.1;
		}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	position: absolute;
	top: 58px;
	width: 920px;
	margin-left: 60px;
	border-top: 1px solid #fff;
}
#gNavi ul {
	width: 100%;
	height: 27px;
	margin: 0 auto;
	overflow: hidden;
}
	#gNavi li {
		float: left;
		font-size: 13px;
		text-align: center;
		line-height: 28px;
	}
	#gNavi li a {
		display: block;
		padding: 0 1em;
		height: 100%;
		color: #ddd;
		font-weight: bold;
		text-decoration: none;
	}
		#gNavi li.current a {
			color: #fff;
		}
		#gNavi li a:hover {
			color: #fff;
			background-color: #606060;
		}
/* !mainimg
---------------------------------------------------------- */
#mainImg {
	display: table;
	width: 100%;
	height: 250px;
	margin-bottom: 10px;
	background: url(/common/img/bg.jpg) no-repeat center center;
	background-size: cover;
}
	#mainImg a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
	}
		#mainImg a p {
			font-size: 24px;
			color: #fff;
			font-weight: bold;
			text-shadow: #f60 2px 2px 1px, #f60 -2px 2px 1px,
             #f60 2px -2px 1px, #f60 -2px -2px 1px;
		}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}
	#main {
		float: left;
		width: 650px;
	}
	#sub {
		float: right;
		width: 320px;
	}
#twtr {
	font-size: 12px;
}
/* !pageTop
---------------------------------------------------------- */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 61px;
	height: 61px;
}
	#pageTop a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/common/img/btn_pageTop01.png) no-repeat 0 0;
		background-size: cover;
	}
/* !footer
---------------------------------------------------------- */
#footer {
	-webkit-box-shadow: 0px -2px 2px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow:    0px -2px 2px 0px rgba(255, 255, 255, 0.1);
	box-shadow:         0px -2px 2px 0px rgba(255, 255, 255, 0.1);
	background-color: rgba(255,255,255,0.1);
}
	#ft_inner {
		margin: 0 auto;
		padding: 15px 0;
		width: 980px;
		text-align: center;
	}
	#fNavi {
		overflow: hidden;
	}
		#fNavi li {
			display: inline-block;
		}
			#fNavi li a {
				color: #ccc;
				padding: 0 10px;
				text-decoration: none;
			}
				#fNavi li a:hover {
					color: #fff;
					text-decoration: underline;
				}
		#ft_copyright {
		}
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic {}
.h2_basic {}
.h3_basic {}
.h4_basic {}
.h5_basic {}
.h6_basic {}

/* !Table
---------------------------------------------------------- */
.table_basic {
}
	.table_basic th,
	.table_basic td {
	}
	.table_basic th {
	}
	.table_basic td {
	}
		.table_basic th div,
		.table_basic td div {
		}
/* !Section
---------------------------------------------------------- */
.section.first { /* First Section */ }
.section       { /* Basic Section */ }
.section.last  { /* Last  Section */ }
	.sectionSub { /* Sub Section including .sectionFirst and .section */ }
	.sectionAlt { /* Alternative Section including .sectionFirst and .section */ }

.sectionHeader {
	padding-bottom: 30px;
	text-align: center;
}
	.sectionHeader h1 {
		font-size: 40px;
		font-weight: bold;
	}
	.sectionHeader p {
		margin-top: 1.5em;
		font-size: 16px;
	}


/* !display
---------------------------------------------------------- */
.sp { display: none; }
.pc { display: block; }
.sp_inl { display: none; }
.pc_inl { display: inline; }

/* !form
---------------------------------------------------------- */
#form {
	width: 360px;
	margin: 0 auto;
	font-size: 14px;
}
#enquete #form {
	width: 480px;
	margin: 0 auto;
	font-size: 14px;
}
	#form p {
		margin-bottom: 15px;
		font-weight: bold;
	}
	#form input[type="text"],
	#form input[type="email"],
	#form textarea {
		width: 100%;
	}
	#form input[type="submit"] {
		display: inline-block;
		-webkit-border-radius: 14;
		-moz-border-radius: 14;
		border-radius: 14px;
		border: none;
		text-shadow: 1px 1px 2px #ccc;
		color: #333;
		font-size: 16px;
		background: #ffc000;
		padding: 10px 0;
		width: 360px;
		text-decoration: none;
		font-weight: bold;
		line-height: 1.2;
	}
		#form input[type="submit"]:hover {
			padding: 9px 0;
			border: 1px solid #ffc000;
			background: #333;
			color: #ffc000;
			font-weight: bold;
			text-shadow: none;
		}
	#form .screen-reader-response {
		margin-bottom: 30px;
		color: #ffc000;
	}

#enquete #form h2 {
	margin: 30px 0 10px;
	border-bottom: 1px solid #fff;
	color: #fc0;
	font-size: 16px;
	font-weight: bold;
}
#enquete #form dt {
	color: #fc0;
	font-weight: bold;
}
#enquete #form dd {
	margin-bottom: 20px;
}
#enquete #form .wpcf7-list-item {
	display: block;
}
	#enquete #form input[type="submit"] {
		margin-left: 60px;
	}

@media screen and (max-width: 640px) {
	#form,
	#enquete #form {
		width: 100%;
	}
		#form p {
			margin-bottom: 5px;
			padding: 0 10px;
		}
		#form input[type="submit"] {
			font-size: 14px;
			width: 100%;
			margin-left: 0;
		}
	#enquete #form input[type="submit"] {
		margin-left: 0;
	}
		#form .screen-reader-response {
			margin-bottom: 15px;
			color: #ffc000;
		}
}

/* !about
---------------------------------------------------------- */
#about {
}
#about .photo {
	overflow: hidden;
}
#about .photo li {
	display: block;
	float: left;
	width: 320px;
	margin-right: 10px;
}
#about .photo li.last {
	margin-right: 0;
}


#about .photo span {
	display: block;
	text-align: right;
}
#about .txt01 {
	margin-bottom: 30px;
	font-size: 16px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#about .txt01 {
		font-size: 14px;
	}
}
/* !mm
---------------------------------------------------------- */
#mm .sectionHeader {
	font-size: 16px;
}
	#mm .sectionHeader p {
		padding: 15px 0;
	}
	#mm .sectionHeader h2 {
		color: #ff8000;
		font-size: 32px;
		font-weight: bold;
	}
	#mm .sectionHeader dl {
		margin: 15px 0;
	}
		#mm .sectionHeader dt {
			margin-bottom: 10px;
			font-size: 20px;
			font-weight: bold;
		}

#mm ul {
	margin-right: -10px;
	overflow: hidden;
}
	#mm li {
		display: block;
		float: left;
		width: 290px;
		padding: 15px;
		margin: 0 10px 10px 0;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		background-color: rgba(255,255,255,0.1);
		font-size: 14px;
	}
		#mm li p {
			margin-bottom: 5px;
			font-weight: bold;
		}

@media screen and (max-width: 640px) {
#mm .sectionHeader {
	font-size: 12px;
}
	#mm .sectionHeader p {
		padding: 10px 0;
	}
	#mm .sectionHeader h2 {
		font-size: 16px;
	}
	#mm .sectionHeader dl {
		margin: 10px 0 15px;
		padding: 0 10px;
	}
		#mm .sectionHeader dt {
			margin-bottom: 5px;
			font-size: 14px;
		}
		#mm .sectionHeader dd {
			margin-bottom: 2px;
		}

#mm ul {
	margin-right: 0;
}
	#mm li {
		display: block;
		float: none;
		width: auto;
		padding: 15px 10px;
		margin: 0 0 5px;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		background-color: rgba(255,255,255,0.1);
		font-size: 14px;
	}
		#mm li p {
			margin-bottom: 5px;
			font-weight: bold;
		}

}

/* !news
---------------------------------------------------------- */
#news {
}
#news #sub {
	float: left;
	width: 240px;
}
	#news #sub dt {
		font-size: 16px;
	}
	#news #sub dd {
	}
		#news #sub dd a {
			display: block;
			padding: 10px 15px;
			margin-bottom: 10px;
			-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			background-color: rgba(255,255,255,0.1);
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			line-height: 1.2;
			text-decoration: none;
		}
			#news #sub dd a:hover {
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;
			}
#news #main {
	width: 700px;
	float: right;
}
#news article {
	margin-bottom: 100px;
}
	#news article .title {
		padding: 10px 15px;
		-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
		background-color: rgba(255,255,255,0.1);
		font-size: 24px;
		font-weight: bold;
		line-height: 1.2;
	}
		#news article .title a {
			color: #fff;
			text-decoration: none;
		}
			#news article .title a:hover {
				text-decoration: underline;
			}
	#news article .date {
		margin: 15px 0 30px;
		font-size: 16px;
		text-align: right;
	}
	#news article .entryBody {
		padding: 0 15px;
	}
		#news article .entryBody h2 {
			padding: 5px 10px;
			margin-bottom: 20px;
			-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			background-color: rgba(255,255,255,0.1);
			font-size: 18px;
			font-weight: bold;
			line-height: 1.2;
		}
		#news article .entryBody p {
			margin-bottom: 1.8em;
			font-size: 16px;
			line-height: 1.8;
		}


@media screen and (max-width: 640px) {
	
#news #main.index {
	display: none;
}
#news #main {
	width: 100%;
	float: none;
}
#news article {
	margin-bottom: 50px;
}
	#news article .title {
		padding: 5px 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
	}
			#news article .title a:hover {
				text-decoration: underline;
			}
	#news article .date {
		margin: 5px 0 15px;
		padding-right: 10px;
		font-size: 12px;
		text-align: right;
	}
	#news article .entryBody {
		padding: 0 10px;
	}
		#news article .entryBody h2 {
			padding: 2px 5px;
			margin-bottom: 10px;
			font-size: 14px;
		}
		#news article .entryBody p {
			margin-bottom: 1.8em;
			font-size: 12px;
			line-height: 1.8;
		}
	
#news #sub {
	float: none;
	width: 100%;
}
	#news #sub dl {
		padding: 0 10px;
	}
	#news #sub dt {
		font-size: 14px;
	}
	#news #sub dd {
	}
		#news #sub dd a {
			display: block;
			padding: 5px 10px;
			margin-bottom: 10px;
			-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			-moz-box-shadow:    0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			box-shadow:         0px 2px 2px 0px rgba(255, 255, 255, 0.1);
			background-color: rgba(255,255,255,0.1);
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			line-height: 1.2;
			text-decoration: none;
		}
	
	
}

#wpcf7-f406-p408-o1 {
	font-size: 16px;
}
#wpcf7-f406-p408-o1 p {
}
#wpcf7-f406-p408-o1 h2 {
	font-size: 150%;
	margin-top: 2em;
}
#form #wpcf7-f406-p408-o1 input[type="submit"] {
	margin: 150px 0;
	width: 400px;
	height: 400px;
	background: url(/img/id_104_m.png) no-repeat 0 0;
	background-size: contain;
}
		#form #wpcf7-f406-p408-o1 input[type="submit"]:hover {
			padding: 0;
			border: none;
			color: #ffc000;
			font-weight: bold;
			text-shadow: none;
		}
@media screen and (max-width: 640px) {
	#form #wpcf7-f406-p408-o1 input[type="submit"] {
		margin: 150px auto;
		width: 300px;
		height: 300px;
	}
}
#form #wpcf7-f499-p498-o1 #txt01 {
	margin-bottom: 100px;
	font-size: 300%;
}
#form #wpcf7-f499-p498-o1 input[type="submit"] {
	margin: 100px 0 0;
	width: 480px;
	height: 123px;
	background: url(/stage/bakacity/img/btn_senko28.png) no-repeat 0 0;
	background-size: contain;
}
@media screen and (max-width: 640px) {
	#form #wpcf7-f499-p498-o1 input[type="submit"] {
		margin: 100px auto 0;
		width: 320px;
		height: 82px;
	}
}