@charset "utf-8";

/*****************

reset

*****************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
		margin:0;
		padding:0;
}
table {
		border-collapse:collapse;
		border-spacing:0;
}
fieldset,img {
		border:0;
}
address,caption,cite,code,dfn,em,strong,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:before,q:after {
		content:'';
}
abbr,acronym {
		border:0;
}

a{
	text-decoration:none;
}

a:hover,a.selected{
	text-decoration:none;
}

a {
/*\*/
		overflow: hidden;
/**/
}



/*****************
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*****************/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssfonts { display: none; }



/*****************

clearfix

*****************/
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.clearfix {
		display: inline-table;
		min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
		height: 1%;
}
.clearfix {
		display: block;
}
/* End hide from IE-mac */



/*****************

style

*****************/
body {
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
	background: url(/daizu_labo/tsujiguchi/img/common/bg_01.png);
	color: #543b22;
}


.pc_disp_img { display: inline; }
.sp_disp_img { display: none; }

.pc_disp { display: block; }
.sp_disp { display: none; }

.content a img:hover {
	opacity: .6;
	filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  zoom: 1;
}

.header_inner ,.footer_inner ,.content {
	width: 960px;
	margin: 0 auto;
}


/* header */
header {
	position: relative;
	height: 99px;
	padding: 20px 0 0 0;
	background: url(/daizu_labo/tsujiguchi/img/common/bg_03.png);
}

.header_menu {
	display: none;
}

.header_daizu_logo {
	float: left;
}

.header_nav {
	float: right;
}

.header_nav li {
	float: left;
	margin-right: 30px;
}

.header_marukome_logo {
	float: right;
}

.header_btns {
	float: right;
	width: 460px;
	text-align: right;
	font-size: 0;
	padding-top: 11px;
	margin-right: -3px;
}

.header_btns li {
	display: inline-block;
	margin-left: 6px;
}


/* ec_bnr_block */
.ec_bnr_block {
	text-align: center;
	margin-bottom: 75px;
}


/* footer */
footer {
	background: #fff;
	padding: 20px 0 20px;
	position: relative;
}


#totop {
	position: absolute;
	top: -28px;
	right: 30px;
}

.footer_nav {
	text-align: center;
	margin-bottom: 20px;
}

.footer_nav li {
	display: inline-block;
	border-left: 1px solid #cdcdcd;
	padding: 0 30px;
}

.footer_nav li a {
	color: #444444;
}

.footer_nav li:first-child {
	border-left: none;
}

footer .copy {
	text-align: center;
	color: #888;
}

#analysisScriptArea+a {
	display: none;
}

@media screen and (max-width: 767px) {

	.pc_disp_img { display: none; }
	.sp_disp_img { display: inline; }

	.pc_disp { display: none; }
	.sp_disp { display: block; }

	img {
		width: 100%;
		height: auto;
	}

	.header_inner ,.footer_inner ,.content {
		width: auto;
		margin: 0 auto;
	}

	header {
		background: url(/daizu_labo/tsujiguchi/img/common/bg_03.png);
		position: relative;
		padding: 0;
		height: auto;
	}

	.header_menu {
		display: block;;
	}

	.header_nav img {
		width: 77px;
	}

	.header_daizu_logo {
		float: left;
		margin: 10px 0 0 10px;
	}

	.header_daizu_logo img {
		width: 63px;
	}

	.header_marukome_logo {
		display: none;;
	}

	.header_menu {
		float: right;
		margin-top: 10px;
	}

	.header_menu {
		width: 40px;
		height: 38px;
		position: relative;
	}

	.header_menu .on {
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		display: hidden;
		z-index: 100;
	}

	.header_menu .off {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.header_menu img {
		width: 40px;
	}

	.header_nav {
		display: none;
		z-index: 1000;
		position: absolute;
		top: 41px;
		left: 0;
		background: #fff;
		width: 100%;
	}

	.header_nav li {
		border-bottom: 1px solid #543b22;
		font-size: 0;
		float: none;
		margin-right: 0;
	}

	.header_nav li a {
		display: block;
		padding: 15px 10px;
	}

	.nav_menu li img {
		width: 77px;
	}

	.nav_menu a {
		display: block;
		padding: 15px 10px;
	}

	.header_btns {
		display: none;
	}



	/* totop */
	#totop {
		position: absolute;
		bottom: 27px;
		right: 10px;
		top: initial;
	}

	#totop img {
		width: 32px;
	}


	/* ec_bnr_block */
	.ec_bnr_block {
		margin-left: 10px;
		margin-right: 10px;
	}


	/* footer */
	footer {
		background: #fff;
		position: relative;
		padding: 0;
	}

	.footer_nav {
		border-top: 1px solid #ded9d4;
		margin-bottom: 0;
	}

	.footer_nav li {
		border-bottom: 1px solid #ded9d4;
		font-size: 0;
		display: block;
		text-align: left;
		padding: 0;
		border-left: none;
	}

	footer .copy {
		text-align: center;
		font-size: 77%;
		padding: 15px 0;
		color: #888;
	}

}