/* clearfix =============================================== */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* =============================================== clearfix */

* {
	color: #404040;
}
html,body {
	background: url(../img/bg_all.gif);
}
a {
	color: #404040;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
div#header a:hover,
div#footer a:hover {
	color: #5378c6;
}

div#wrapper {
	margin: 0 auto;
	padding: 0 22px;
	background: #fff;
	width: 947px;
}

div#header {
	padding: 17px 0 15px 0;
}
	div#panasonic {
		float: left;
		width: 109px;
	}
	div#panasonic a {
		display:inline-block;
	}
	div#company {
		padding: 10px 0 0 7px;
		background: url(../img/arrow_01.gif) no-repeat 0px 12px;
		float: right;
		width: auto;
		font-size: 75%;
		font-family: "MS PGothic",sans-serif;
	}

div#globalnav {
	background: url(../img/bg_globalnav.gif) repeat-x;
	width: 947px;
}
div#globalnav ul {
	float: left;
	width: auto;
}
div#globalnav li {
	float: left;
	width: auto;
}
div#globalnav li a {
	display:inline-block;
}
div#globalnav h1 {
	float: right;
	width: 345px;
	font-weight: bold;
	font-size: 10px;
	color: #e0537c;
	text-align: right;
	line-height: 1.3;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 10px;
}

div#social {
	padding-top: 5px;
}
div#social ul {
	margin: 0;
	padding: 0;
	border: none;
	float: right;
	width: auto;
}
div#social li {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	width: auto;
}

.corporation {
	margin: 20px 0 10px 0;
}
.corporation a {
	padding: 4px 7px;
	border: 1px solid #404040;
	float: right;
	width: auto;
	font-size: 11px;
	color: #404040;
	text-align: center;
}

#gototop {
	margin-bottom: 10px;
	text-align: right;
}
#gototop a {
	padding-left: 8px;
	background: url(../img/arrow_01.gif) no-repeat 0 4px;
	font-size: 12px;
}

div#beauty {
	padding-bottom: 20px;
	text-align: right;
}
div#beauty a {
	display:inline-block;
}

div#footer {
	margin: 0 auto;
	background: #fff;
	width: 991px;
}
div#footer ul {
	margin: 0 22px;
	padding: 13px 0;
	border-top: 1px solid #e390ab;
}
div#footer li {
	margin: 0 17px 0 0;
	padding: 0 17px 0 0;
	border-right: 1px solid #6f6f6f;
	float: left;
	width: auto;
	font-size: 75%;
	font-family: "MS PGothic",sans-serif;
}
div#footer div#footer_aside {
	padding: 0 22px 20px;
}
div#footer div#copyright {
	padding-bottom: 0;
	font-size: 75%;
	line-height: 19px;
	font-family: "MS PGothic",sans-serif;
}
/* temporary styles for MT template updating - add social buttons  */
div#wrapper div#footer { width: auto; }
div#wrapper div#footer ul { margin: 0; }
div#wrapper div#copyright { padding-bottom: 25px; float: none; color: #000;}






/* about */

#about {
	padding:0 14px !important;
	margin:0 9px 32px 10px !important;
	background: #ffecec;
}
#about div.contents {
	padding: 0;
}
#about div.contents:nth-last-child(1) {
	padding: 0 0 14px 0;
}
#about div.contents a {
	text-decoration: underline;
}
#about div.contents a:hover {
	color: #172A88;
}
#about div.contents div,
#about div.contents p {
	font-size: 16px;
	line-height: 1.6;
}
#about div.contents dd {
	font-size: 14px;
	line-height: 1.6;
}
#about div.contents h3 {
	margin-top: 0px;
}
#about div.contents div.unitset {
	padding: 14px 0px 2px 0px;
	background: #ffecec;
}
#about div.contents div.unit {
	margin-bottom: 0px;
	background-color: #FFF;
	border-radius:30px;
/*
	background-image: url(../img/bg_about_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom; */
}
#about div.contents div.inner_unit {
	padding: 14px 0 14px 14px;
	/* background: url(../img/bg_about_top.gif) no-repeat; */
}
#about div.contents div.left {
	margin-right: 14px;
	float: left;
	width: 554px;
	margin-bottom: 20px;
}
#about div.contents div.left2 {
	margin-right: 14px;
	float: left;
	width: 354px;
}
#about div.contents div.left3 {
	margin-right: 14px;
	float: left;
	width: 50px;
}
#about div.contents div.right {
	float: left;
	width: 326px;
}
#about div.contents div.unit div#course {
	margin-top: 15px;
}
#about div.contents div.unit h5 {
	margin-left: 27px;
}
#about div.contents div.unit div.unit {
	margin-left: 27px;
	width: 495px;
	border-radius:0px;
	padding: 12px 13px;
	border:1px dotted #90609E;
}
#about div.contents div.unit div.unit h5 {
	margin:0 0 8px 0;
	color:#90609E;
	font-weight:bold;
}
#about div.contents div.unit div.unit2 {
	width: 495px;
	height: 55px;
	margin-top: -10px;
}

.unitset .unit3 {
	width: 380px;
	height: 319px;
	float: left;/
	}
.unitset .unit4 {
	margin-left: 27px;
	width: 380px;
	background: url(../img/bg_about_course.gif) no-repeat left bottom;
	height: 319px;
	float: left;
}
#about div.contents div.unit div.unit table {
	margin-bottom: 10px;
	background: #f1ebf4;
}
#about div.contents div.unit div.unit th {
	width: 360px;
	text-align: left;
	font-size: 15px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
}
#about div.contents div.unit div.unit th .notes {
	font-size: 12px;
}
#about div.contents div.unit div.unit h6 {
	font-weight: bold;
	font-size: 16px;
}
#about div.contents div.unit div.unit p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 14px;
}
#about div.contents div.unit div.unit p.notes {
	margin-left: 7px;
}
#about div.contents div.unit div.unit td.price {
	padding-top: 0;
	padding-right: 27px;
	width: 100px;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
	vertical-align: middle;
}
#about div.contents .unit p {
	margin-top: 10px;
	padding: 0 30px;
}
#about div.contents .unit .left p {
	padding: 0 0 0 30px;
}
#about div.contents p.notes {
	padding-top:0px !important;
	font-size: 14px;
}
#about div.contents dl {
	padding-left: 30px;
}
#about div.contents dl.os_pdng {
	padding-bottom: 10px;
}
#about div.contents dt {
	clear: both;
	padding-top: 15px;
	float: left;
	width: 129px;
}
#about div.contents dd {
	margin-left: 139px;
	padding-top: 15px;
}
#about div.contents  div.notes {
	padding-top:10px !important;
	padding-right: 0px;
	padding-left: 5px;
	margin-bottom: 8px;
	padding-bottom: 0px;
	margin-top: -5px;
}
#about div.contents  div.notes p {
	margin: 0;
	padding: 0px 0 0 0;
	font-size: 13px;
	text-align: left;
	line-height: 1.5;
	color: #e0537c;
}
#about #gototop {
	margin-top: 20px;
}

#riyou {
	margin-bottom: 15px;
}
.service {
	height: 499px;
	width: 947px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #f8d6e1;
	border-right-color: #f8d6e1;
	border-bottom-color: #f8d6e1;
	border-left-color: #f8d6e1;
	background-image: url(../img/service.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
	margin-bottom: 80px;
}
.service ul {
	padding-right: 20px;
	padding-left: 30px;
	padding-top: 180px;
}
.service ul li {
	float: left;
	margin-top: 18px;
	margin-left: 20px;
	margin-right: 20px;
}
#course2 {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 5px;
}
.unitset .unit .inner_unit.cf .line {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}


#about div.contents div.unit p strong {
	font-weight: bold;
}

/* map */

#map div.contents {
	padding: 0px 134px 0 134px;
}
#map div.contents div.unit {
	margin-bottom: 38px;
	font-size: 16px;
	line-height: 1.6;
}
#map div.contents div.unit h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 27px;
}
#map div.contents div#ikebukuro h3 {
	color: #920783;
}
#map div.contents div#hakata h3 {
	color: #ea6744;
}
#map div.contents div#sapporo h3 {
	color: #00948b;
}
#map div.contents div#osaka h3 {
	color: #f16488;
}
#map div.contents div.unit strong {
	font-weight: bold;
}
#map div.contents div.unit span.notes {
	font-size: 14px;
	color: inherit;
}
#map div.contents div.unit p.notes {
	margin-top: 7px;
	font-size: 14px;
}
#map div.contents div.unit p.notes strong {
	font-weight: bold;
}
#map div.contents div.left {
	margin-right: 30px;
	float: left;
	width: 412px;
}
#map div.contents div.right {
	margin-right: 20px;
	float: right;
	width: 236px;
}
#map div.contents div.right p {
	margin-top: 3px;
	font-size: 11px;
	text-align: right;
}
#map #gototop {
	margin-top: 20px;
}







.pagenate {
	margin: 20px 0;
	text-align: center;
}
.pagenate span,
.pagenate a {
padding: 0 5px;
}
.pagenate a {
	color: #DD3069;
	text-decoration: none;
}
.pagenate a:hover {
	text-decoration: underline;
}





/* add 150601 ------------------------------------------------------------------------- */

div#sectionContents,
div#ga2012_content,
div.ga2012_wide,
div#Contents_all {
	background-color:#FFF !important;
}


/* cluxta_navi */

div#cluxta_navi {
	width:967px;
	padding:0 117px;
	margin:0 auto;
	border-top:1px solid #E4E4E4;
}
div#cluxta_navi:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#cluxta_navi dl {
	width:400px;
	float:left;
	padding-top:26px;
}
div#cluxta_navi dl dt {
	width:175px;
	float:left;
}
div#cluxta_navi dl dt a:hover img {
	opacity: 0.7; filter: alpha(opacity=70);
}
div#cluxta_navi dl dd {
	width:175px;
	float:left;
	padding-left:16px;
	padding-top:3px;
}
div#cluxta_navi dl dt img,
div#cluxta_navi dl dd img {
	width:175px;
}
div#cluxta_navi div.cn_right {
	width:550px;
	float:right;
}
div#cluxta_navi div.cn_right:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#cluxta_navi div.cn_right p {
	width:82px;
	float:right;
}
div#cluxta_navi div.cn_right p a:hover img {
	opacity: 0.7; filter: alpha(opacity=70);
}
div#cluxta_navi div.cn_right p img {
	width:82px;
}
div#cluxta_navi div.cn_right ul {
	width:420px;
	float:right;
	padding-right:40px;
	padding-top:32px;
}
div#cluxta_navi div.cn_right ul li {
	float:right;
	padding-left:40px;
	padding-top:1px;
}
div#cluxta_navi div.cn_right ul li.news {
	border-left:1px solid #999;
	margin-left:40px;
}
div#cluxta_navi div.cn_right ul li a {
	width:50px;
	display:block;
	text-align:center;
}
div#cluxta_navi div.cn_right ul li a span {
	display:block;
	width:1px;
	height:2px;
	background-color:#FFF;
	margin:6px auto 0;
	
	/*アニメーション指定*/

	/*Firefox向け*/
	-moz-transition-property: background, width;
	-moz-transition-duration:0.3s;
	-moz-transition-timing-function:ease-out;
	-moz-transition-delay:0s;

	/*Chrome、Safari向け*/
	-webkit-transition-property: background, width;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-delay:0s;

	/*Opera向け*/
	-o-transition-property: background, width;
	-o-transition-duration:0.3s;
	-o-transition-timing-function:ease-out;
	-o-transition-delay:0s;

	transition-property: background, width; /* アニメーションさせるCSSプロパティ */
	transition-duration:0.3s; /* アニメーションしている時間の長さ */
	transition-timing-function:ease-out; /* アニメーションの速度変化（イージング） */
	transition-delay:0s; /* アニメーションを開始するまでの時間 */
}
div#cluxta_navi div.cn_right ul li a:hover {
	text-decoration:none; 
}
div#cluxta_navi div.cn_right ul li a:hover span{
	width:48px;
	height:2px;
	background-color:#EC347C;
}
div#cluxta_navi div.cn_right ul li a span.stay {
	display:block;
	width:48px;
	height:2px;
	background-color:#EC347C;
	margin:6px auto 0;
	
	/*アニメーション指定*/

	/*Firefox向け*/
	-moz-transition-property: background, width;
	-moz-transition-duration:0s;
	-moz-transition-timing-function:ease-out;
	-moz-transition-delay:0s;

	/*Chrome、Safari向け*/
	-webkit-transition-property: background, width;
	-webkit-transition-duration:0s;
	-webkit-transition-timing-function:ease-out;
	-webkit-transition-delay:0s;

	/*Opera向け*/
	-o-transition-property: background, width;
	-o-transition-duration:0s;
	-o-transition-timing-function:ease-out;
	-o-transition-delay:0s;

	transition-property: background, width; /* アニメーションさせるCSSプロパティ */
	transition-duration:0s; /* アニメーションしている時間の長さ */
	transition-timing-function:ease-out; /* アニメーションの速度変化（イージング） */
	transition-delay:0s; /* アニメーションを開始するまでの時間 */
}
div#cluxta_navi div.cn_right ul li a:hover span.stay {
	width:48px;
	height:2px;
	background-color:#EC347C;
}




/* sp_navi */

div#sp_navi {
	display:none;
}




div#mainimage {
	width:1200px;
	height:352px
	margin:0 !important;
	padding:0 !important; 
}
div#mainimage:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mainimage h1 {
	width:328px; 
	height:202px;
	padding:150px 0 0 117px !important;
	margin:0 !important;
	float:left;
	background-color:#F2F2F2;
}
div#mainimage h1.os_pdg {
	height:216px;
	padding:136px 0 0 117px !important;
}
div#mainimage h1.os_pdg img.pc_img {
	display:block !important;
}
div#mainimage h1.os_pdg img.sp_img {
	display:none !important;
}
div#mainimage p {
	width:755px; 
	float:right;
	padding:0 !important;
	margin:0 !important;
}


div.ac_sns_line {
	width:100%;
}
div.ac_sns_line:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mainContents section.cmtNone {
	width:200px;
	float:right;
}
p#anchorlink {
	width:400px;
	float:left;
	color:#999;
	line-height:1;
	margin:0 !important;
	padding:0;
}
p#anchorlink a {
	color:#0C0C0C;
}
div.anchor_point {
	padding-top:45px;
}

div#pbProducts div#mainContents h2 {
	font-size: 20px;
	margin:0px 0px 7px !important;
	padding:3px 0 0 !important; 
	border-top:1px solid #E65888;
	color:#E65888;
	font-weight:normal;
}




div#mainContents section.sns,
div#mainContents section.cmtNone,
div#mainContents div.social-container,
div#mainContents div.social-container ul,
div#mainContents div#snsHeader {
	background-color:#FFF !important;
	margin:0 !important;
	padding:0 !important; 
}





div.ab_section {
	padding:14px 0;
}




div.section_title {
	background-color:#FFF;
}
div.section_title h3 {
	padding:5px 14px;
	font-size: 25px;
	font-weight:bold;
	color:#FFF !important;
}
div.section_title h3.basic {
	background-color:#FE7FAA;
}
div.section_title h3.option {
	background-color:#8855A4;
}
div.section_title h3 span {
	padding:2px 16px;
	margin-right:8px;
	text-align:center;
	background-color:#FFF;
}
div.section_title h3.basic span {
	color:#FE7FAA !important;
}
div.section_title h3.option span {
	color:#8855A4; !important;
}

div.os_ttl {
	background-color:#FFF !important;
}
div.os_ttl h3 {
	padding:0px 14px 0px 0px;
	font-size: 25px;
	font-weight:bold;
	color:#404040 !important;
	background-color:#FFF !important;
}
div.os_ttl h3.basic span {
	color:#FFF !important;
	background-color:#FE7FAA;
}
div.os_ttl h3.option span {
	color:#FFF !important;
	background-color:#8855A4;
}
div.os_ttl h3 span {
	padding:6px 16px;
	margin-right:8px;
	text-align:center;
}





div.section_contents {
}
div.section_contents h3 {
	font-size: 22px;
	background-color:#FFF;
	margin-bottom:16px;
}
div.section_contents h3 span.basic {
	padding:5px 16px;
	background-color:#FF7EAA;
	color:#FFF;
}
div.section_contents h3 span.text {
	padding:5px 16px;
	background-color:#FFF;
}
div.section_contents h4 {
	font-size: 24px;
	line-height:120% !important;
	padding:0 !important;
	color:#DD3069;
	font-weight:bold;
}
div.section_contents h4 img {
	display:inline-block;
	padding:0px 6px 0 0;
	vertical-align:middle;
}
div.section_contents h4.option {
	color:#8855A4;
	padding-left:30px !important;
	padding-top:16px !important;
}
div.section_contents h4.basic {
	padding-left:30px !important;
	padding-top:16px !important;
	padding-bottom:8px !important;
}
div.section_contents h4 span {
	color:#DD3069;
	font-size: 22px;
}



p.news_link {
	display:inline-block;
	padding:3px 0 3px 22px;
	margin:16px 0 16px 0px;
	background-image:url(../img/news_link_arrow.jpg);
	background-position:0 6px; 
	background-repeat:no-repeat;
	background-size:16px;
}




div#pb_lnavi div.inner p.categorytop a img.logo {
	width:336px !important;
	padding-top:11px;
}




section.snsBtm {
	width:967px;
	padding:0px 117px !important;
	background-color:#F2F2F2 !important;
}




@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){
	



	div#cluxta_navi {
		width:100%;
		padding:0;
		border-top:none;
	}
	div#cluxta_navi dl {
		width:50%;
		float:left;
		padding-top:20px;
		padding-left:10px;
	}
	div#cluxta_navi dl dt {
		width:75%;
		float:none;
	}
	div#cluxta_navi dl dd {
		width:90%;
		float:none;
		padding-left:0px;
		padding-top:10px;
	}
	div#cluxta_navi dl dt img,
	div#cluxta_navi dl dd img {
		width:100%;
	}
	div#cluxta_navi div.cn_right {
		width:22%;
		padding:10px;
	}
	div#cluxta_navi div.cn_right p {
		width:100%;
	}
	div#cluxta_navi div.cn_right p img {
		width:100%;
	}
	div#cluxta_navi div.cn_right ul {
		display:none;
	}




	div#sp_navi {
		display:block;
	}
	div#sp_navi ul {
		width:100%;
		font-size:18px;	
	}
	div#sp_navi ul li {
		border-top:2px solid #E3E3E3;
	}
	div#sp_navi ul li a {
		display:block;
		padding:16px 0;
		text-align:center;
		background-image:url(../img/img_top_arrow2.png);
		background-position:95% 50%;
		background-repeat:no-repeat;
		background-size:3%; 
		color:#EC347C;
		font-weight:bold;
	}
	div#sp_navi ul li.top a span {
		display:inline-block;
		width:34%; 
		padding-right:8px;
		padding-bottom:4px;
	}
	div#sp_navi ul li.top a span img {
		width:100%;
		vertical-align:middle;
	}




	section.snsBtm {
		width:96%;
		padding:0 !important;
		margin:0 auto;
		background-color:#F2F2F2 !important;
	}




	div#mainimage {
		width:100%;
		height:auto
	}
	div#mainimage h1 {
		display: flex;
		justify-content: left;
		align-items: left;
		width:100%; 
		height:auto;
		padding:8px 0 8px 10px !important;
		margin:0 !important;
		float:none;
		background-color:#F2F2F2;
	}
	div#mainimage h1.os_pdg {
		height:auto;
		padding:8px 0 8px 10px !important;
	}
	div#mainimage h1.os_pdg img.pc_img {
		display:none !important;
	}
	div#mainimage h1.os_pdg img.sp_img {
		display:block !important;
	}
	div#mainimage h1 img {
		height:20px;
	}
	div#mainimage p {
		width:100%; 
		float:none;
	}




	div#mainContents section.sns,
	div#mainContents section.cmtNone,
	div#mainContents div.social-container,
	div#mainContents div.social-container ul,
	div#mainContents div#snsHeader {
		border:none !important;
	}
	div#mainContents section.sns {
		background-color:#FFF !important;
		margin:0 !important;
		padding:10px 0 0 !important; 
	}




	p#anchorlink {
		display:none;
	}
	div.anchor_point {
		padding-top:16px;
	}




	div#pbProducts div#mainContents h2 {
		font-size: 20px;
		margin:0px 0px 10px !important;
		padding:3px 0 0 10px !important; 
	}	
	#about {
		padding:0 !important;
		margin:0 !important;
		background: #FFF;
	}
	#about div.contents div.left {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#about div.contents div.left2 {
		float: none;
		width: 100%;
	}
	#about div.contents div.left3 {
		float: none;
		width: 100%;
	}
	#about div.contents div.right {
		float: none;
		width: 100%;
		padding-bottom:8px;
	}




	#about div.contents div.unitset {
		background: #FFF;
		padding: 7px 0 2px 0px;
	}
	#about div.contents div.unit {
		border-radius:0px;
	}
	#about div.contents div.inner_unit {
		padding: 0;
	}
	#about div.contents div.unit div.unit {
		margin:0 auto;
		width: 90%;
		border-radius:0px;
		padding: 12px 13px;
		border:2px dotted #90609E;
	}
	#about div.contents div.unit div.unit th .notes {
		display:block;
	}
	#about div.contents div.unit div.unit td.price {
		padding-right: 10px;
		font-size: 16px;
	}
	#about div.contents div.unit div.unit p.notes {
		margin:0 0px;
	}
	#about div.contents .unit p {
		padding: 0;
	}
	#about div.contents .unit .left p {
		padding: 0;
	}
	#about div.contents dl {
		padding:0;
	}	
	#about div.contents dt {
		float: none;
		padding-top: 8px;
	}
	#about div.contents dd {
		margin-left: 0px;
		padding-top: 4px;
	}
	#about div.contents div.sp_small {
		display:block !important;
		width:70% !important; 
		margin:0 auto !important;
		padding:0 0 8px !important;
		text-align:center !important;
	}




	div.ab_section {
		padding:0 0 2px;
	}




	div.section_title h3 {
		padding:8px;
		font-size: 15.5px;
		margin:0 !important;
	}
	div.section_title h3 span {
		width:18%;
		display:block;
		padding:1px 4px !important;
		margin-right:4px;
		margin-bottom:4px;
		font-size: 14px;
	}




	div.os_ttl h3 {
		padding:8px 8px 8px;
		font-size: 16px;
		margin:0 !important;
	}
	div.os_ttl h3.basic {
		color:#FFF !important;
		background-color:#FE7FAA !important;
	}
	div.os_ttl h3.option {
		color:#FFF !important;
		background-color:#8855A4 !important;
	}
	div.os_ttl h3 span {
		width:80%;
		padding:0px !important;
		margin-right:0px !important;
		text-align:left;
	}




	div.section_contents {
		padding:0 12px;
		margin:0 !important;
	}




	div.section_contents h3 {
		font-size: 15px;
		background-color:#FFF;
		margin-bottom:16px;
	}
	div.section_contents h3 span.basic {
		padding:5px 10px 5px 0px;
		background-color:#FFF;
		color:#404040;
	}
	div.section_contents h3 span.text {
		padding:5px 0px;
		background-color:#FFF;
	}




	#map div.contents {
		padding: 8px 10px 0;
	}
	#map div.contents div.unit h3 {
		font-size: 18px;
	}
	#map div.contents div.left {
		margin-right: 0;
		float: none;
		width: auto;
	}
	#map div.contents div.right {
		margin-left: 8px;
		margin-right: 0px;
		float: right;
		width: 38%;
	}
	#map div.contents div.unit span.notes {
		display:block;
	}




	div.section_contents h4 {
		font-size: 16px;
	}
	div.section_contents h4 img {
		height:20px;
	}
	div.section_contents h4.option {
		padding:7px 0 0 !important;
	}
	div.section_contents h4.basic {
		padding:8px 0 !important;
	}
	div.section_contents h4 span {
		font-size: 16px;
	}




	p.news_link {
		display:inline-block;
		padding:3px 0 3px 22px;
		margin:16px 0 16px 0px;
		background-position:0 5px; 
		background-repeat:no-repeat;
		background-size:16px;
	}


	div#pb_lnavi div.inner p.categorytop {
		display:none;
	}


	div.line h4 img {
		width:100%; 
		height:auto;
	}




}




div.toggle_area{
	display:none;
}

@media screen and (max-width:640px){
	div.section_contents {
		display:none;
	}
	div.toggle_area{
		width:4%;
		float:right;
		display:block;
		margin-top:-0.4em;
	}
	div.toggle_open {
		background-image:url(../img/img_tg_open.png);
		background-position:95% 0%; 
		background-repeat:no-repeat;
		background-size:100%;
	}
	div.toggle_close {
		background-image:url(../img/img_tg_close.png);
		background-position:95% 20%; 
		background-repeat:no-repeat;
		background-size:100%;
	}
}

@media screen and (min-width: 641px) and (-webkit-max-device-pixel-ratio: 1.4){
	div.section_contents {
		display:block!important;
	}
}