@charset "UTF-8";
/*==========================================================================

	00. common
	01. caries（虫歯治療）
	02. perio（歯周病）
	03. prevent（予防歯科）
	04. kids（小児・マタニティ歯科）
	05. implant（インプラント）
	06. denture（入れ歯）
	07. esthetics（審美歯科）
	08. whitening（ホワイトニング）
	09. correct（矯正治療）
	10. root（根幹治療）
	11. halitosis（口臭外来専門）
	12. staff（院長スタッフ紹介）
	13. tour（院内ツアー）
	14. price（料金）
	15. map_time（地図・診療時間）
	16. recruit（採用）
	17. contact（問い合わせ）
	18. interview（対談）
	19. ideal（患者様が理想とする歯科医院を体現しています）
	
	20.CMS

========================================================================== */

/*
	01. common
========================================================================== */
.left-contents {
	width: 240px;
	float: left;
	padding-bottom: 80px;
}
.left-contents .menu {
	margin-bottom: 20px;
}
.right-contents {
	width: 710px;
	float: right;
}
.mainPhoto img {
	border: 1px solid #ddd;
}
.page-catch {
	margin: 25px auto 50px;
	text-align: center;
	font-size: 19px;
	line-height: 2;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #323232;
	background: #fff;
	border: 1px solid #7bbf64;
	padding: 20px 5px 5px;
}
.page-catch p {
	margin-bottom: 15px;
}
.effect {
	position: relative;
	-webkit-box-shadow: 0 1px 2px rgba(27, 204, 170, 0.5), 0 0 10px rgba(27, 204, 170, 0.5) inset;
	-moz-box-shadow: 0 1px 2px rgba(27, 204, 170, 0.5), 0 0 10px rgba(27, 204, 170, 0.5) inset;
	box-shadow: 0 1px 2px rgba(27, 204, 170, 0.5), 0 0 10px rgba(27, 204, 170, 0.5) inset;
}
.effect:before, .effect:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(27, 204, 170, 0.6);
	-moz-box-shadow: 0 0 20px rgba(27, 204, 170, 0.6);
	box-shadow: 0 0 20px rgba(27, 204, 170, 0.6);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}
.effect:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}
/*
	01. caries（虫歯治療）
========================================================================== */
section.caries {
	padding-bottom: 30px;
}
.nopain {
	margin-bottom: 20px;
}
.nopain li {
	display: inline;
	font-size: 22px;
}
.caries .ttl-low2 span {
	margin-right: 6px;
}
.caries aside ul {
	padding: 10px;
	line-height: 2;
}
/*
	02. perio（歯周病）
========================================================================== */
section.perio {
	padding-bottom: 40px;
}
.perio .compare {
	background-position: center center;
	font-size: 16px;
	margin-bottom: 50px;
}
.disease dt {
	font-weight: bold;
}
.disease dd {
	margin-bottom: 10px;
}
/*
	03. prevent（予防歯科）
========================================================================== */
section.prevent {
	padding-bottom: 30px;
}
.two-box {
	margin-bottom: 40px;
}
.two-box figure {
	width: 206px;
	float: left;
	margin: 0 30px 15px 10px;
	text-align: center;
	font-size: 18px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.two-box img {
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.two-box figure:nth-of-type(3n) {
	margin-right: 0;
}
.prevent .wash {
	padding: 10px 90px 0;
}
.prevent .center{
	display:table;
	margin:0 auto;
}
/*
	04. kids（小児・マタニティ歯科）
========================================================================== */
section.kids {
	padding-bottom: 40px;
}
.kids aside ul {
	padding: 10px;
	line-height: 2;
}
.tbi {
	border-left: 6px solid #1bccaa;
	padding: 5px 14px;
	font-size: 18px;
	line-height: 1.6;
	margin: 40px 0 30px;
}
.tbi-list {
	padding: 10px 0;
}
.tbi-list ul {
	margin: 10px;
}
/*
	05. implant（インプラント）
========================================================================== */
.under {
	text-decoration: underline;
}
section.implant {
	padding-bottom: 40px;
}
.i-plan {
	background: url(../images/common/arrow02.png) no-repeat center center;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.i-plan ul {
	width: 300px;
}
.i-plan ul li {
	background: #1eb1ed;
	margin-bottom: 5px;
	line-height: 2;
}
.i-plan p {
	width: 280px;
	background-color: #f9be38;
	line-height: 1.8;
	padding: 10px;
}
.implant .two-column {
	padding-left: 60px;
	padding-right: 60px;
}
.implant .two-box figure, .esthetics .two-box figure {
	width: 322px;
	margin-right: 22px;
}
.implant .two-box figure a, .esthetics .two-box figure a {
	display: block;
}
.implant .two-box figcaption, .esthetics .two-box figcaption {
	background-color: #1bccaa;
	color: #fff;
	line-height: 2.2;
}
.implant .two-box figcaption i, .esthetics .two-box figcaption i {
	margin-right: 5px;
}
.implant .two-box figure img, .esthetics .two-box figure img {
	border-radius: 0;
	border-top: none;
}
/*
	06. denture（入れ歯）
========================================================================== */
section.denture, .denture .reason {
	padding-bottom: 30px;
}
.dent-list {
	text-align: center;
	margin-bottom: 30px;
}
.dent-list figure {
	margin-bottom: 10px;
	width: 340px;
	float: left;
}
.dent-list figure a {
	display: block;
}
.dent-list figure:nth-of-type(even) {
	float: right;
}
.dent-list figcaption {
	margin: 0 auto 2px;
	padding: 8px 0;
	font-size: 14px;
	width: 338px;
}
.den-com figure {
	width: 340px;
	float: left;
	text-align: center;
}
.den-com figcaption {
	line-height: 2;
}
.den-com figure:nth-of-type(even) {
	float: right;
}
.dent-list-info .left {
	float: left;
	width: 360px;
	padding-left: 10px;
}
.dent-list-info .right {
	float: right;
	width: 300px;
	background-color: #e4e4f0;
	text-align: center;
	padding: 10px;
}
.dent-list-info .right h2 {
	background-color: #479eff;
	color: #fff;
	border-radius: 5px;
	width: 80%;
	margin: 0 auto 10px;
}
.dent-list-info .right p {
	line-height: 1.2;
	margin-bottom: 8px;
}
.reason dt {
	padding-top: 3px;
	font-size: 18px;
}
/*
	07. esthetics（審美歯科）
========================================================================== */
section.esthetics {
	padding-bottom: 30px;
}
.esthetics .sozai {
	padding: 30px 20px;
}
.esthetics .sozai dt {
	margin-bottom: 10px;
	padding: 6px 25px;
}
.esthetics .sozai dd {
	margin-bottom: 20px;
}
.esthetics .ttl-gra-gr span {
	margin-right: 5px;
}
.ttl-low2 span {
	margin-right: 20px;
}
.board {
	width: 160px;
	height: 100px;
	color: #fff;
	font-size: 60px;
	text-align: center;
	line-height: 100px;
	background-color: #0c90c7;
	float: right;
	margin: 0 0 25px 25px;
	position: relative
}
.board img {
	position: absolute;
	top: 0;
	left: 0;
}
.esthetics .ttl-low3 {
	border-bottom: none;
	margin-bottom: 5px;
}
.esthetics .ttl-low3 .or {
	font-size: 18px;
	color: #fc9b2a;
}
.esthetics .mling {
	padding: 0 40px;
}
.esthetics .lt {
	letter-spacing: 0;
}
.esthetics .case-records {
	background-position: center center;
}
.esthetics .case-records img {
	background: none;
	padding-top: 0;
}
/*
	08. whitening（ホワイトニング）
========================================================================== */
section.whitening {
	padding-bottom: 40px;
}
.whitening .ttl-low3 {
	padding-bottom: 0;
}
.whitening .circle-mark {
	border: 1px solid #5A5A5A;
	border-radius: 5px;
	padding: 15px 25px;
	line-height: 1.8;
}
.whitening .rip {
	margin-bottom: 40px;
}
.whitening .rip ul {
	padding: 20px 0 20px 30px;
	width: 240px;
}
.whitening .rip li {
	background: url(../images/common/checkmark.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 10px;
}
.whitening i {
	margin-right: 3px;
}
.whitening .white-box {
	margin-bottom: 30px;
}
.whitening .ttl-low5 {
	margin-bottom: 5px;
}
.whitening dl {
	width: 430px;
	float: left;
	padding-bottom: 3px;
}
.whitening dl dt {
	font-size: 16px;
	margin-bottom: 2px;
}
.whitening dl dd {
	font-size: 14px;
	margin-bottom: 15px;
	padding-left: 14px;
}
/*
	09. correct（矯正治療）
========================================================================== */
section.correct {
	padding-bottom: 30px;
}
/*
	10. root（根幹治療）
========================================================================== */
section.root {
	padding-bottom: 30px;
}
.root .ttl-low3 {
	margin: 20px 0 10px;
	border: none;
}
.root .compare {
	background-position: center 100px;
	font-size: 16px;
	margin-bottom: 30px;
}
.root .case-records {
	background: url(../images/common/arrow03.png) no-repeat center 140px;
}
.nikel {
	margin: 10px 20px 10px 30px;
}
/*
	11. halitosis（口臭外来専門）
========================================================================== */
section.halitosis {
	padding-bottom: 30px;
}
.halitosis .ttl-low3 {
	margin: 20px 0 10px;
	border: none;
}
.halitosis .three-box {
	margin-bottom: 10px;
}
.halitosis .three-box figure {
	width: 232px;
	float: left;
	margin-right: 6px;
	text-align: center;
	margin-bottom: 10px;
}
.halitosis .three-box figure:nth-of-type(3) {
	margin-right: 0;
}
.halitosis .three-box figure figcaption {
	background-color: #1bccaa;
	color: #fff;
	line-height: 2.4;
	font-size: 15px;
}
.halitosis .three-box figure img {
	border-radius: 0;
	border: 1px solid #aaa;
	border-top: none;
}
/*
	12. staff（院長スタッフ紹介）
========================================================================== */
.doctor, section.staff {
	padding-bottom: 20px;
}
.staff-name {
	font-size: 24px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 10px 0 5px;
}
.staff-name span {
	font-size: 18px;
}
.doctor-box {
	margin-bottom: 30px;
	padding: 0 10px;
}
.doctor .Fleft, .staff .Fleft {
	width: 350px;
	float: left;
}
.Fright{
	width:300px;
	float:right;
	margin-top:10px;
}
.doctor-box .photo, .staff-box .photo {
	float: right;
	width: 300px;
}
.doctor-box .photo_large img{
	width:690px;
}
.doctor-box aside, .staff-box aside {
	margin-bottom: 20px;
}
.doctor-box aside ul {
	padding: 0 10px;
}
.doctor-box h4, .staff-box h4 {
	font-size: 18px;
}
.history dl dt {
	clear: both;
	width: 100px;
	float: left;
	margin-left: 10px;
}
.history dl dt span {
	background: #eee;
	border-radius: 4px;
	padding: 2px 6px 1px;
	font-size: 13px;
}
.history dl dd {
	width: 220px;
	float: right;
	margin: 0 10px 8px 0;
}
.profile {
	width: 350px;
	border: 1px solid #bfbfbf;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.profile th {
	background-color: #cccccc;
	color: #434343;
	padding: 5px 17px;
	border: 1px solid #bfbfbf;
	width: 3em;
}
.profile td {
	padding: 5px 17px;
	border: 1px solid #bfbfbf;
}
.history ul, .message p, .capacity ul,.training ul,.message ul{
	padding-left: 10px;
}
.staff-box {
	padding: 10px 10px 60px;
	border-bottom: 1px dashed #aeaeae;
}
.staff-box:last-child {
	border: none;
}
.message {
	clear: both;
}
.media ul{
	text-align:left;
	font-size:0;
}
.media li{
	display:inline-block;
}
.media li:first-child{
	margin-right:20px;
}
/*
	13. tour（院内ツアー）
========================================================================== */
section.tour {
	padding-bottom: 30px;
}
.tour .rip {
	width: 380px;
	float: right;
	padding-top: 5px;
}
.tour .rip ul {
	line-height: 1.8;
	margin: 5px;
}
.tour .rip li:before {
	content: "■";
	margin-right: 3px;
	font-size: 8px;
}
/*
	14. price（料金）
========================================================================== */   
section.price {
	padding-bottom: 30px;
}
.attend {
	padding: 0 20px;
	margin-bottom: 40px;
}
.price-menu {
	padding: 0 10px 30px;
}
.price-menu li {
	float: left;
	width: 200px;
	margin: 0 15px 15px 0;
}
.price-menu a {
	display: block;
	border-radius: 5px;
	border: 1px solid #1bccaa;
	line-height: 40px;
	padding-left: 10px;
}
.price-menu a:hover {
	background: #128e76;
	color: #fff;
}
.price-list {
	margin-bottom: 40px;
}
.item {
	padding: 0 10px 10px;
}
.featurea {
	float: right;
	width: 320px;
	padding-top: 5px;
}
.featurea dt {
	font-size: 16px;
}
.featurea dd {
	margin: 0 0 20px 10px;
}
.featurea dd li{
	text-indent: -1.2em;
	margin-left: 1.2em;
}
.pricetable {
	width: 680px;
	margin: 20px auto 30px;
	border: 1px solid #9e9a98;
	border-collapse: collapse;
	clear: both;
}
.pricetable th {
	text-align: center;
	background: #cccccc;
	padding: 5px;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.pricetable td {
	text-align: center;
	padding: 5px;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.ded {
	padding: 0 10px;
}
.ded h3 {
	margin-bottom: 5px;
}
.ded img {
	display: block;
	margin: 15px auto 20px;
}
.ded ul {
	margin-bottom: 20px;
}
.ded ul li {
	padding-left: 1em;
	margin-bottom: 10px;
}
.ded ol li {
	padding-left: 1em;
	list-style: none;
	margin: 0;
}
.price .gray {
	background: #ccc;
}

.pricetable.imp {
	margin-bottom: 10px;
}
.attend-implant li{
	display: inline;
	margin-right: 2em;
}
/*
	15. map_time（地図・診療時間）
========================================================================== */
section.map_time {
	padding-bottom: 40px;
}
.map_time table {
	width: 700px;
	border-collapse: collapse;
	border: 1px solid #7edadd;
	margin: 10px auto;
}
.map_time th {
	background-color: #09b3b9;
	color: #fff;
	border: 1px solid #7edadd;
	padding: 5px;
	text-align: center;
}
.map_time td {
	text-align: center;
	padding: 5px;
	border: 1px solid #9e9a98;
}
.map_time .holiy {
	margin-bottom: 30px;
}
.map_time span.gr {
	font-weight: bold;
}
.map_time .telnumber {
	font-size: 28px;
	margin-bottom: 40px;
	text-align: center;
}
.map_time .telnumber .txt-s {
	font-size: 18px;
}
.map_time .web24 {
	margin-bottom: 10px;
	font-size: 24px;
	text-align: center;
}
.map_time .toform {
	text-align: center;
	font-size: 20px;
	margin-bottom: 40px;
}
.map_time .web-btn a {
	background: #80d8ee;
	background: -moz-linear-gradient(top, #80d8ee 0%, #48bdda 100%);
	background: -webkit-linear-gradient(top, #80d8ee 0%, #48bdda 100%);
	background: linear-gradient(to bottom, #80d8ee 0%, #48bdda 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d8ee', endColorstr='#48bdda', GradientType=0 );
	width: 500px;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 24px;
	padding: 12px 0 10px;
	border-radius: 10px;
	border: 1px solid #22a7c8;
	display: block;
	color: #fff;
}
.map_time .web-btn i {
	margin-right: 6px;
	font-size: 18px;
	vertical-align: middle;
}
.map_time dl.detail {
	padding: 0 0 20px 40px;
	line-height: 2;
}
.map_time dl.detail dt {
	font-weight: bold;
	float: left;
	width: 5em;
	clear: both;
}
.map_time dl.detail dt:after {
	content: "：";
}
.map_time dl.detail dd {
	float: left;
	width: 500px;
}
#gmap {
	width: 708px;
	height: 400px;
	margin: 0 auto 20px;
	border: 1px solid #bfbfbf;
}
#gmap span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
/*
	16. recruit（採用）
========================================================================== */
section.recruit {
	padding-bottom: 30px;
}
.recruit nav ul li {
	width: 228px;
	float: left;
	margin: 0 10px 0 0;
}
.recruit nav ul li:last-child {
	margin: 0;
}
.recruit nav ul li a {
	display: block;
	color: #fff;
}
.recruit .box-border {
	padding: 20px;
	line-height: 2;
	margin: 30px 20px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #A8A8A8;
	border-radius: 10px;
}
.recruit .box-border li:last-child{
	text-indent: -2em;
}
.recruit .needs {
	margin: 25px 30px 25px;
	line-height: 2;
}
.recruit .needs li:before {
	content: "■";
	margin-right: 3px;
}
.recruit table {
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
	border: 1px solid #9e9a98;
}
.recruit th {
	background-color: #09b3b9;
	color: #fff;
	border: 1px solid #09767a;
	padding: 6px 15px;
	vertical-align: top;
	width: 140px;
}
.recruit td {
	padding: 6px 15px;
	border: 1px solid #9e9a98;
	vertical-align: middle;
}
.callme {
	text-align: center;
	font-size: 20px;
	margin-bottom: 50px;
}
.callme span {
	font-size: 24px;
	font-weight: bold;
}
/*
	17. contact（問い合わせ）
========================================================================== */
section.contact {
	margin-bottom: 50px;
}
.contact .callme {
	margin-top: 30px;
}
.contact .gr {
	font-weight: normal;
}
.contact .callme.mail {
	margin-bottom: 10px;
}
.contact .callme.h24 {
	margin-bottom: 10px;
	font-size: 24px;
}
.contact .callme .txt-s{
	font-size: 14px;
	vertical-align: middle;
}
.contact .web-btn a {
	background: #80d8ee;
	background: -moz-linear-gradient(top, #80d8ee 0%, #48bdda 100%);
	background: -webkit-linear-gradient(top, #80d8ee 0%, #48bdda 100%);
	background: linear-gradient(to bottom, #80d8ee 0%, #48bdda 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d8ee', endColorstr='#48bdda', GradientType=0 );
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 24px;
	padding: 12px 0 10px;
	border-radius: 10px;
	border: 1px solid #22a7c8;
	display: block;
	color: #fff;
}
.contact .web-btn i {
	margin-right: 6px;
	font-size: 18px;
	vertical-align: middle;
}
.res {
	font-size: 12px;
	color: #9A9A9A;
	margin-bottom: 20px;
}
.privateinfo {
	width: 600px;
	margin: 30px auto;
	border: 1px solid #9e9a98;
}
.privateinfo th {
	border: 1px solid #9e9a98;
	padding: 5px 17px;
	color: #3A3A3A;
	background-color: #cccccc;
	width:110px;
}
.privateinfo td {
	border: 1px solid #9e9a98;
	padding: 5px 17px;
}
.qa figure {
	padding: 10px 20px 20px;
}
.qa figure img {
	float: left;
	margin: 0 20px 10px 0;
}
.qa figcaption {
	float: left;
}
.qa figcaption li {
	background: url(../images/common/checkmark.png) no-repeat left center;
	padding-left: 16px;
}
.form {
	width: 600px;
	margin: 20px auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.form th {
	background-color: #eee;
	padding: 10px 15px;
	border: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
}
.form td {
	width: 380px;
	padding: 10px 15px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.form td p {
	margin-bottom: 5px;
}
.form .required {
	color: #C20E11;
	margin-left: 4px;
}
.form input, .fomr textarea {
	max-width : 340px;
	font-size: 14px;
	height: 20px;
}
.wpcf7-list-item-label {
	margin-right: 12px;
}
.wpcf7-list-item {
	display: block;
}
.wpcf7-number {
	margin: 0 4px 0 8px;
}
.form-btn {
	text-align: center;
}
.form-btn input {
	margin-right: 20px;
	line-height: 40px;
	background: #1bccaa;
	color: #fff;
	cursor: pointer;
	padding: 0 20px;
	border-radius: 5px;
	border: 1px solid #08ab8c;
}
.form-btn input:hover {
	background: #128f77;
	color: #fff;
}
.contact div.wpcf7-mail-sent-ok, .contact div.wpcf7-mail-sent-ng, .contact div.wpcf7-validation-errors {
	border: none;
	text-align: center;
	color: #C20E11;
}
.contact span.wpcf7-not-valid-tip {
	font-size: 14px;
	color: #C20E11;
	text-align: left;
}
/*
	18. interview（対談）
========================================================================== */
section.interview {
	padding-bottom: 30px;
}
.btn a {
	display: block;
}
.btn li:nth-of-type(1) {
	float: left;
}
.btn li:nth-of-type(2) {
	display: block;
	float: right;
}
.border {
	border: 1px solid #bfbfbf;
}
.best {
	text-align: center;
	font-size: 24px;
	padding: 30px 15px;
	border: 1px solid #1bccaa;
	margin: 30px;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-radius: 3px;
}
/*
     19. ideal（患者様が理想とする歯科医院を体現しています）
 ========================================================================== */
.ideal {
	padding-bottom: 40px;
}
.ideal nav {
	margin-bottom: 50px;
}
.ideal nav ul li {
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.ideal nav ul li a {
	display: block;
}
.ideal nav ul li:nth-of-type(2) {
	width: 340px;
	float: left;
	margin-bottom:15px;
}
.ideal nav ul li:nth-of-type(3) {
	width: 340px;
	float: right;
	margin-bottom:15px;
}
.ideal nav ul li:nth-of-type(4) {
	width: 230px;
	margin-right: 10px;
	float: left;
}
.ideal nav ul li:nth-of-type(5) {
	width: 230px;
	float: left;
}
.ideal nav ul li:nth-of-type(6) {
	width: 230px;
	float: right;
}
.ideal nav ul li h3 {
	border-bottom: 1px solid #1bccaa;
	border-top: 1px solid #1bccaa;
	padding: 6px 2px;
	margin: 0 auto 5px;
	font-size: 15px;
	width: 80%
}
.ideal nav ul li:nth-of-type(3) h3, .ideal nav ul li:nth-of-type(4) h3, .ideal nav ul li:nth-of-type(5) h3 {
	width: 94%;
}
.ideal nav ul li:nth-of-type(1) {
	margin-bottom: 25px;
}
.ideal nav ul li:nth-of-type(1) a {
	border: 1px solid #ccc;
}
.ideal nav ul li:nth-of-type(1) div {
	float: right;
	width: 400px;
}
.ideal nav ul li:nth-of-type(1) img {
	float: left;
	margin: 3px 0 3px 3px;
}
.ideal nav ul li:nth-of-type(1) p:nth-of-type(1) {
	margin: 30px 0 20px;
}
.ideal nav ul li:nth-of-type(1) p:nth-of-type(2) {
	margin-bottom: 10px;
	border-bottom: 1px solid #bbb;
	display: inline-block;
	font-size: 170%;
	padding: 0 10px 5px;
}
.ideal nav ul li:nth-of-type(1) p:nth-of-type(3) {
	margin-bottom: 15px;
}
.ideal nav ul li:nth-of-type(2) p {
	height: 148px;
	box-sizing: border-box;
}
.ideal nav ul li:nth-of-type(2) p img{
	height:auto;
	max-width: 230px;
}
.ideal nav ul li:nth-of-type(3) p:last-child {
	padding-top: 25px;
	height: 148px;
	box-sizing: border-box;
}
.ideal nav ul li:nth-of-type(3) p:last-child span.txt-large {
	font-size: 170%;
}
.ideal nav ul li:nth-of-type(3) p:last-child span.equal {
	position: absolute;
	transform: rotate(90deg) translate(-40%, 50%);
}
.ideal .ttl-btn-bl {
	margin-bottom: 10px;
}
#important04 li:before {
	content: "■";
}
#important04 li {
	padding-left: 2em;
	text-indent: -1em;
	margin-bottom: 10px;
}
/*
	20. CMS
========================================================================== */
.roop {
	padding-bottom: 80px;
	min-height: 600px;
}
.post {
	border: 1px solid #ccc;
	border-radius : 4px;
	padding: 30px;
	margin: 0 0 20px 20px;
}
.post h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.post h2 a {
	color: #46c3fc;
}
.post time {
	font-size: 12px;
	color: #777;
	margin-bottom: 15px;
	display: block;
}
.post p {
	margin-bottom: 10px;
}
.posts-btn p a {
	display: block;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #666;
}
.previous {
	float: left;
}
.next {
	float: right;
}
.posts-btn p a i {
	margin: 0 4px;
}
.roop .post .size-full{
	max-width: 600px;
	height: auto;
}
/*サイドバー*/
.sidebar {
	margin-bottom: 20px;
	padding-right: 5px;
}
.sidebar .ttl-low-s {
	letter-spacing: 0;
	font-size: 16px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.sidebar li {
	padding: 0 10px 0 14px;
	background: url(../images/common/icon_h_sidebar.gif) no-repeat left 6px;
}