/*
 * Normalize Style
 =========================== */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0;
	font-size: 13px;
	line-height: 1.231
}
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font-family: sans-serif;
	color: #222
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold
}
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: "";
	content: none
}
small {
	font-size: 85%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
ul, ol {
	margin: 1em 0;
	padding: 0 0 0 40px
}
dd {
	margin: 0 0 0 40px
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}
form {
	margin: 0
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0
}
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0
}
label {
	cursor: pointer
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}
button, input {
	line-height: normal;
	*overflow: visible
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box
}
input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/*
 * Page Style
 =========================== */
body {
	margin: 0 auto;
	font-size: 62.5%;
	/* Using 'em', follow selectors */
	color: #555555;
}
a {
	color: #0066CC;
}
a:hover {
	text-decoration: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dd {
	margin: 0;
}
.all{
	width: 940px;
	margin: 0 auto;
}
/* header */
#header .tagline {
	margin: 5px 0;
	font-size: 1.0em;
	color: #333333;
}
#header .sitename {
	margin-bottom: 12px;
}
.banner {
	margin-bottom: 10px;
}
/*.backnumberList
-----------------------------------*/
.backnumberList{
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
.backnumberList li{
  margin-right: 6px;
  margin-top: 6px;
	font-size: 1.4em;
}
.backnumberList li a{
  display: block;
  padding: 7px 20px 7px 40px;
  border-radius: 5px;
  background: #EFF7FC;
  text-decoration: none;
  color: #3C98DD;
  position: relative;
}
.backnumberList li a:before{
  content: "";
  width: 14px;
  height: 14px;
  background: #3C98DD;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.backnumberList li a:after{
  content: "";
  border-left: 4px solid #FFF;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  position: absolute;
  display: block;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

/* navigation */
#navigation {
	float: left;
	width: 250px;
	background: url(../../../images/pi_gakusyu/zadankai2/nav_body.png) repeat-y;
	text-align: center;
}
#navigation .heading {
	width: 250px;
	height: 68px;
	background: url(../../../images/pi_gakusyu/zadankai2/nav_header.png) no-repeat;
}
#navigation .aside {
	padding-bottom: 15px;
	background: url(../../../images/pi_gakusyu/zadankai2/nav_footer.png) left bottom no-repeat;
}
#navigation .aside li {
	margin-top: 5px;
}
/* content */
#content {
	float: right;
	width: 670px;
}
#content .introduction {
	margin-bottom: 10px;
}
#content .introduction .introduction-message {
	float: left;
	margin-top: 25px;
	width: 490px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6;
	color: #53310C;
}
#content .introduction .guide {
	float: right;
	margin-top: 20px;
	width: 170px;
	text-align: center;
}
#content .introduction .guide p {
	margin-bottom: 5px;
}
#content .section {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border: 3px solid #D5D6B7;
	border-radius: 10px;
}
#content .section .heading{
	margin-bottom: 5px;
	padding: 15px 10px 20px 60px;
	margin: 15px;
	font-size: 2em;
	color: #330000;
	background: url("../../../images/pi_gakusyu/zadankai2/heading_img.png") no-repeat 15px center, url("../../../images/pi_gakusyu/zadankai2/heading_bottom.png") repeat-x left bottom, url("../../../images/pi_gakusyu/zadankai2/heading_top.png") repeat-x left top, url("../../../images/pi_gakusyu/zadankai2/heading_left.png") repeat-y left top, url("../../../images/pi_gakusyu/zadankai2/heading_right.png") repeat-y right bottom, url("../../../images/pi_gakusyu/zadankai2/heading_bg.png");
}
.aside .heading{
	padding: 5px 10px 18px 80px;
	margin: 15px;
	font-size: 2.4em;
	color: #330000;
	background: url("../../../images/pi_gakusyu/zadankai2/aside_heading_img.png") no-repeat 15px center, url("../../../images/pi_gakusyu/zadankai2/aside_heading_bottom.png") repeat-x left bottom, url("../../../images/pi_gakusyu/zadankai2/aside_heading_top.png") repeat-x left top, url("../../../images/pi_gakusyu/zadankai2/aside_heading_left.png") repeat-y left top, url("../../../images/pi_gakusyu/zadankai2/aside_heading_right.png") repeat-y right bottom, url("../../../images/pi_gakusyu/zadankai2/aside_heading_bg.png");
	margin: 0 0 15px;
}
.aside .heading .red{
	color: #EB3F4D;
}
.aside .heading .sTxt{
	font-size: .6em;
	display: inline-block;
}
#content .section .heading .sTxt{
	font-size: .8em;
	display: inline-block;
}
#content .section .trouble {
	margin-bottom: 18px;
	padding-top: 14px;
	background: url(../../../images/pi_gakusyu/zadankai2/comment_separeter.png) top center no-repeat;
}
#content .section .first {
	padding-top: 0;
	background: none;
}
#content .section .trouble-info {
	display: inline;
	/* IE6 fix */
	float: left;
	margin-left: 7px;
	width: 385px;
}
#content .section .trouble-info .guset-info {
	position: relative;
	width: 385px;
}
#content .section .trouble-info .guset-info .guset-family {
	position: absolute;
	right: 12px;
	bottom: 20px;
	/* IE6,7 fix */
	padding-bottom: 5px;
	width: 220px;
	padding: 10px 20px 5px;
	background: url(../../../images/pi_gakusyu/zadankai2/family_footer.png) left bottom;
}
#content .section .trouble-info .guset-info .guset-family dt {
	display: block;
	text-indent: inherit !important;
	overflow: visible !important;
	font-size: 1.4em;
	font-weight: bold;
	color: #330000;
	margin-bottom: 10px;
}
#content .section .trouble-info .guset-info .guset-family dd {
	margin-bottom: 5px;
	font-size: 1.2em;
}
#content .section .trouble-info .guset-info .guset-family dd img {
	margin-right: 5px;
}
#content .section .trouble-info .guset-name {
	width: 385px;
	height: 145px;
}
#content .section .trouble-info .trouble-content {
	border: 2px solid #D5D6B7;
	border-radius: 10px;
	margin: -11px 10px 0;
}
#content .section .trouble-info .trouble-content p {
	padding: 10px 15px;
	font-size: 1.2em;
	line-height: 1.8;
}
#content .section #guest-I_Y .guset-name {
	background: url(../../../images/pi_gakusyu/zadankai2/guest_i_y_header.png) no-repeat;
}
#content .section #guest-U_K .guset-name {
	background: url(../../../images/pi_gakusyu/zadankai2/guest_u_k_header.png) no-repeat;
}
#content .section #guest-T_S .guset-name {
	height: 150px;
	background: url(../../../images/pi_gakusyu/zadankai2/guest_t_s_header.png) no-repeat;
}
#content .section #guest-T_T .guset-name {
	background: url(../../../images/pi_gakusyu/zadankai2/guest_t_t_header.png) no-repeat;
}
#content .section #guest-I_Y2 .guset-name {
	background: url(../../../images/pi_gakusyu/zadankai2/guest_i_y2_header.png) no-repeat;
}
#content .section #guest-N_H .guset-name {
	height: 145px;
	background: url(../../../images/pi_gakusyu/zadankai2/guest_n_h_header.png) no-repeat;
}
#content .section #guest-K_M .guset-name {
	height: 149px;
	background: url(../../../images/pi_gakusyu/zadankai2/guest_k_m_header.png) no-repeat;
}
#content .section .room-picture {
	display: inline;
	float: right;
	margin: 25px 22px 0 0;
}
#content .section .advice {
	margin: 30px auto 0;
	width: 632px;
	background: url(../../../images/pi_gakusyu/zadankai2/advice_body.png) repeat-y;
}
#content .section .advice .heading {
	margin-bottom: 5px;
	background: #ABD52B;
	border-radius: 100px;
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
	font-size: 1.4em;
	margin: -20px 10px 10px;
	box-shadow: 10px -5px 0 #E6F3C0;
}
#content .section .advice .adviser {
	float: left;
	padding: 20px 20px 18px 20px;
	background: url(../../../images/pi_gakusyu/zadankai2/advice_separeter.png) top center no-repeat;
}
#content .section .advice .adviser .adviser-name {
	float: right;
	width: 100px;
	margin-left: 10px;
}
#content .section .advice .adviser .advice-content {
	overflow: hidden;
	font-size: 1.2em;
}
#content .section .advice .adviser .advice-content p {
	line-height: 1.8;
}
#content .section .advice .first {
	padding-top: 0;
	background: none;
}
#content .section .advice .karimoku-support .subheading {
	border: 1px solid #A97443;
	color: #330000;
	padding: 5px 10px;
	background: url("../../../images/pi_gakusyu/zadankai2/support_bg.png");
	clear: both;
	margin: 0 20px 10px;
	font-size: 1.4em;
}
#content .section .advice .karimoku-support ul {
	padding: 0 20px 20px 20px;
}
#content #receive .karimoku-support ul li {
	float: left;
	margin-right: 30px;
	width: 240px;
}
#content #receive .karimoku-support ul li img {
	margin-bottom: 5px;
}
#content #receive .karimoku-support ul li p {
	line-height: 1.6;
	font-size: 1.2em;
}
#content #concentration .karimoku-support ul li {
	float: left;
	margin-right: 30px;
}
#content #design .karimoku-support ul li {
	float: left;
	margin-right: 30px;
	width: 180px;
}
#content .aside {
	margin-bottom: 30px;
}
#content .aside p {
	font-size: 1.2em;
	line-height: 1.8;
}
#content .aside div {
	margin-top: 12px;
}
#content .aside .picture-right {
	float: right;
	margin-left: 16px;
}
#content .aside .picture-left {
	float: left;
	margin-right: 16px;
}
#content #factory {
	position: relative;
	margin-top: 50px;
}
#content #factory .firstImg{
	position: absolute;
	right: 0;
	top: -30px;
}
#content #factory .introduction {
	margin: 0 200px 30px 0;
}
#content #factory .bg-penholder {
	background: url(../../../images/pi_gakusyu/zadankai2/factory_penholder.jpg) left 12px no-repeat;
}
#content #factory .aside {
	padding: 10px 150px 10px;
	color: #53310C;
	font-weight: 700;
}
#content #showroom {
	position: relative;
	margin-bottom: 0;
}
#content #showroom .firstImg{
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
}
#content #showroom .introduction {
	margin: 0 200px 30px 0;
}
#content #showroom .introduction p {
	margin-bottom: 12px;
}
#content #showroom .about-showroom {
	position: absolute;
	top: 172px;
	right: 0;
	width: 190px;
	font-size: 1.0em;
}
#content #showroom .link {
	margin-right: 5px;
	padding-left: 16px;
	background: url(../../../images/pi_gakusyu/zadankai2/nav_link.png) left center no-repeat;
}
/* footer */
#footer {
	clear: both;
	padding: 30px 0;
	background: url(../../../images/pi_gakusyu/zadankai2/footer_separater.png) no-repeat;
}
#footer .copyright {
	float: left;
	padding-top: 6px;
}
#footer .logo {
	float: right;
	width: 116px;
}
/* helper */
.clearfix:before, #content .introduction:before, #content .section .trouble:before, #content .section .advice .adviser:before, #content .section .advice .karimoku-support ul:before, #content .aside div:before, #content #showroom .introduction:before, #footer:before, .clearfix:after, #content .introduction:after, #content .section .trouble:after, #content .section .advice .adviser:after, #content .section .advice .karimoku-support ul:after, #content .aside div:after, #content #showroom .introduction:after, #footer:after {
	content: "";
	display: table;
}
.clearfix:after, #content .introduction:after, #content .section .trouble:after, #content .section .advice .adviser:after, #content .section .advice .karimoku-support ul:after, #content .aside div:after, #content #showroom .introduction:after, #footer:after {
	clear: both;
}
.clearfix, #content .introduction, #content .section .trouble, #content .section .advice .adviser, #content .section .advice .karimoku-support ul, #content .aside div, #content #showroom .introduction, #footer {
	zoom: 1;
}
.ir, #navigation .heading, #content .section .trouble-info .guset-info .guset-family dt, #content .section .trouble-info .guset-name {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* ソーシャルボタン */
.socialbtn {
	/*	margin-top:-4px;
	margin-bottom:4px;
	margin-left:4px;*/
	height: 20px;
	position: relative;
	font-size: 0.85em;
}
.socialbtn a.mixi-check-button {
	margin-right: 8px;
	position: absolute;
	top: 0px;
	left: 4px;
}
.socialbtn .sbtwitter {
	position: absolute;
	top: 0px;
	left: 0px;
}
.socialbtn .sbfacebook {
	position: absolute;
	top: 0px;
	left: 105px;
}