@charset 'UTF-8';

#modal_container {
	padding:5px;
	background-color:#fff;
	border:1px solid #666;
	overflow:auto;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
}

#modal_overlay {
	background-color:#000;
}


.clear { clear:both; }
* { margin:0; padding:0; }
html { overflow-y:scroll; font-size:62.5%; line-height:1; }


body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;
	background:#17A65C url("../img/layouts-default/body-bg.gif") repeat scroll 0%;
	color: #000000; }

li { list-style:none; }
img { vertical-align:bottom; }
fieldset,img { border:0; }

legend { display:none; }
hr { visibility: hidden; margin:15px 0; }


p {
	font-size:1.3em; 
	margin-bottom:18px; }

div {}
	div.error_message {
		padding:3px;
		color:#FFFFFF; background: #A62126; }

	div#flashMessage, div.error_message {
		padding:3px;
		margin:0 0 12px 0;
		color:#FFFFFF; background: #A62126; }


	div.error {
		padding:3px;
		font-weight:bold;
		color:#A62126; background: #FFFFFF; }
	div.required, div.optional {
		border:1px #CCCCCC dotted;
		margin-bottom:3px;
		padding:12px; background: #FFFFFF; }
	div.required {
		border:1px #CCCCCC solid; }



span {}
	span.new {
		font-weight:bold;
		font-size:0.8em; color:#17A65C;}
	span.icon { color:#4F453B; background:url("../img/a-icon-bg.gif") no-repeat 0 3px; padding-left:10px; }
	span.date-strong {
		font-weight:bold;
		color:#E2542E;
		text-decoration: blink;
		}

form div.field {
	padding:3px 3px 12px 3px; }
	form div.field div.name {
		font-size:0.8em; }
	form div.field div.error_message {
		padding:3px;
		font-weight:bold;
		color:#A62126; background: #FFFFFF; }


a {
	color:#E2542E; text-decoration:none; }
	a:hover { color:#000000; }
	a.icon { background:url("../img/a-icon-bg.gif") no-repeat 0 3px; padding-left:10px; }

strong{}
	strong.notice{
		color:#45ABBA; }


/* layouts */
#body-container { width:828px; }

#content-container { width:828px; float:left; }

#content {
	width:558px;
	float:left; }
	#content h1 {
		padding:0 0 3px 0;
		margin:0 0 9px 0;
		font-size:1.8em;
		line-height:1.3;
		color:#5E4A38; }
	#content h2 {
		padding:3px;
		margin:0 0 9px 0;
		font-size:1.2em;
		color:#FFFFFF; 
		background:#5E4A38; }
		#content h2.image {
			padding:0; margin:0 0 9px 0;
			background:none;}
		#content h2.column {
			background:#45ABBA; }
		#content h2.service-lesson {
			padding: 15px;
			font-size: 18px;
			line-height: 1.8;
			overflow: hidden;
			}
			#content h2.service-lesson span.add {
				font-size:12px;
				}
			#content h2.service-lesson span {
				font-size:15px;
				font-weight: normal;
				}
			#content h2.service-lesson img {
				float: right;
				margin-left: 15px;
				}
			#content h2.service-lesson-1 {
				color:#E41B2F;
				background: url("../img/pages/services/lesson/h3-bg1.png") no-repeat;
				}
			#content h2.service-lesson-2 {
				color: #786436;
				background: url("../img/pages/services/lesson/h3-bg2.png") no-repeat;
				}
			#content h2.service-lesson-3 {
				color: #74407B;
				background: url("../img/pages/services/lesson/h3-bg3.png") no-repeat;
				}


	#content h3 {
		padding:9px 0 3px 0;
		margin:0 0 9px 0;
		font-size:1.5em;
		color:#5E4A38; 
		border-bottom:3px #5E4A38 dotted; }

		#content h3.service-lesson {
			padding: 12px 0 0 0;
			font-size: 13px;
			line-height: 1.4;
			height: 45px;
			border: none;
			}
			#content h3.service-lesson div {
				float:left;
				color: #FFF;
				width: 54px;
				font-size: 15px;
				line-height: 45px;
				height: 45px;
				text-align: center;
				margin-right: 6px;
				}
			#content h3.service-lesson-1 div {
				background: url("../img/pages/services/lesson/h4-bg1.png") no-repeat;
				}
			#content h3.service-lesson-2 div {
				background: url("../img/pages/services/lesson/h4-bg2.png") no-repeat;
				}
			#content h3.service-lesson-3 div {
				background: url("../img/pages/services/lesson/h4-bg3.png") no-repeat;
				}
			#content h3.service-lesson span {
				font-weight: normal;
				}
			#content h3.service-lesson-1 {
				color:#E41B2F;
				}
			#content h3.service-lesson-2 {
				color:#786436;
				}
			#content h3.service-lesson-3 {
				color:#74407B;
				}

		#content h3 span {
			font-weight:normal;
			font-size:0.8em; }
		#content h3.column {
			color:#45ABBA;
			border-bottom:3px #45ABBA dotted; }
	#content h4 {
		padding:3px; margin:0 0 3px 0;
		font-size:1em;
		color:#5E4A38;
		background:#EFEDEB; }
		#content h4 span {
			font-weight:normal;}
	#content p {
		font-size:1.4em;
		line-height:1.5; }
		#content p.intro {
			color:#5E4A38; }
		#content p.note {
			font-size:1em;
			color:#5E4A38; }
		#content p.link {
			font-size:1em; }
		#content p span {
			font-size: 0.8em; }
	#content div {}
		#content div.price {
			font-family:arial;
			font-weight: bold;
			font-size:1.5em;
			text-align:center;}
			#content div.price span {
				font-size:0.8em;}
		#content div.price-soldout {
			text-decoration: line-through;
			}
			#content div.price span {
				font-size:0.8em;}
		#content div.image {
			text-align:center;
			margin:0 auto 9px 0; }
		#content div.point {
			color:#FFFFFF;
			background:#45ABBA;
			padding:9px 9px 3px 9px;
			margin:0 auto 9px 0;
			}
			#content div.point p {
				color:#FFFFFF;
				font-size: 13px;
				padding: 6px 9px 0 9px;
				}
		#content div.note {
			font-size:1.1em;
			margin-bottom:2em;
			color:#E2542E; }
		#content div.box {
			width:528px;
			overflow:hidden; 
			background: #FFFFFF;
			padding:15px 15px 27px 15px; }
			#content div.box-lr-container {
				overflow:hidden; 
				width:528px; }
			#content div.box-l {
				width:258px;
				float:left;
				margin:0 12px 0 0; }
				#content div.box-l p {
					font-size:1.1em;
					line-height:1.4;
					margin-bottom:3px; }
			#content div.box-r {
				width:258px;
				float:left; }
				#content div.box-r p {
					font-size:1.1em;
					line-height:1.4;
					margin-bottom:3px; }
			#content div.box div.add {
				text-align:left;
				line-height:1.3;
				padding:3px 0; }
			#content div.box div.contact {
				font-size:1.2em;
				line-height:1.3;
				padding:6px;
				margin-bottom: 12px;
				background:#EFEDEB; }
				#content div.box div.contact ul {
					margin-bottom: 0;
					}
			#content div.box div.credits {
				font-size:1.5em;
				line-height:1.3;
				padding:15px;
				background:#EFEDEB; }
			/* PORTFOLIO */
			#content div.box div.portfolio-thumb {}
				#content div.box div.portfolio-thumb img {
					margin:0 6px 6px 0;
					height:75px;
					width:57px; }
			#content div.box div.portfolio-credits {
				padding:15px 15px 9px 15px;
				margin-bottom:15px;
				background:#EFEDEB; }
				#content div.box div.portfolio-credits h4 {
					padding:0;
					color:#5E4A38; 
					font-size:1em; }
				#content div.box div.portfolio-credits p {
					font-size:1.1em;
					padding:0;
					margin:0 0 0.5em 0; }
					#content div.box div.portfolio-credits p.copyright {
						margin:0 0 6px 0; }
					#content div.box div.portfolio-credits p.note {
						color:#5E4A38; 
						text-align:right;
						margin:0; }
			/* PROFILE */
			#content div.box div.profile {
				width:264px;
				float:left; }
				#content div.box div.profile div.photo {
					width:90px;
					float:left; }
				#content div.box div.profile div.photo img {
					margin-bottom:9px; }
				#content div.box div.profile div.content {
					width:162px; padding:6px;
					line-height:1.2;
					float:right; }
					#content div.box div.profile div.content div.name {
						font-weight:bold;
						font-size:1.2em; }
					#content div.box div.profile div.content div.name-en {}
					#content div.box div.profile div.content div.title {
						border-bottom:1px #5E4A38 solid;
						margin-bottom:3px;
						color: #5E4A38; }
					#content div.box div.profile div.content ul {
						font-size:1em;
						margin-bottom:3px; }


			#content div.box div.profile-clear {
				clear:both; }

			#content div.box div.profile-full {
				width:528px;
				float:left; }
				#content div.box div.profile-full div.photo {
					width:150px;
					float:left; }
				#content div.box div.profile-full div.photo img {
					margin-bottom:9px; }
				#content div.box div.profile-full div.content {
					width:366px; padding:6px;
					line-height:1.2;
					float:right; }
					#content div.box div.profile-full div.content div.name {
						font-weight:bold;
						font-size:1.2em; }
					#content div.box div.profile-full div.content div.name-en {}
					#content div.box div.profile-full div.content div.title {
						border-bottom:1px #5E4A38 solid;
						margin-bottom:3px;
						color: #5E4A38; }
					#content div.box div.profile-full div.content ul {
						font-size:1em;
						margin-bottom:3px; }

	#content div.box-main {
		padding:15px;
		background:#F3F1F0; }
		#content div.box-main h2 {
			border:none; padding:0 0 12px 0; margin:0;
			background:none; }
		#content div.box-main div.box-news-entry {
			overflow:hidden; }
			#content div.box-main div.news-entry {
				overflow:hidden;
				line-height:1.2;
				padding-bottom:1em;
				color:#5E4A38; }
				#content div.box-main div.news-entry-date {
					float:left;
					padding-top:0.2em;
					font-size:0.9em;
					width:72px;
					color:#9B8978; }
				#content div.box-main div.news-entry-content {
					float:left;
					width:456px;
					font-size:1.2em; }
			#content div.box-main div.news-navi {
				text-align:right }

	#content div.topics {}
		#content div.topics dl {
			overflow:hidden;
			margin:1em 0 2em 0; }
			#content div.topics dt {
				float:left;
				text-align:right;
				line-height:1.4;
				padding:0.2em 12px 0 0;
				margin-bottom:1em;
				width:120px;
				font-size:1.1em;
				color:#5E4A38; }
			#content div.topics dd {
				float:left;
				line-height:1.4;
				margin-bottom:1em;
				width:396px;
				font-size:1.2em;
				}

	#content div#topics-life-style-beauty {
		background:#FFFFFF url("../img/libs/topics/20081026/bg.jpg") no-repeat;
		}
		#content div#topics-life-style-beauty div.credits {
			background:none;
			border:1px #5E4A38 solid;
			}



	#content table {
		width:100%;
		font-size:1.2em; }
		#content table caption {
			font-weight:bold;
			padding: 6px 0;
			color: #45ABBA;
			}

		#content table thead {}
			#content table thead tr {}
				#content table thead tr th {
					padding:3px 6px;
					background: #DFDBD7; }
		#content table tbody {}
			#content table tbody tr {}
				#content table tbody tr td {
					padding:6px;
					background: #EFEDEB; }
					#content table tbody tr td.price {
						text-align:right; }
				#content table tbody tr th {
					padding:3px 6px;
					background: #DFDBD7; }
		#content table tfoot {}
			#content table tfoot tr {}
				#content table tfoot tr td {
					font-size:0.8em;
					padding:6px; }
	#content table.item {
		line-height: 1.3;
		}

	#content ul {}
		#content ul.point {
			font-size:1.2em; 
			line-height:1.3;
			padding:0 6px;
			margin-bottom:18px; }
			#content ul.point li {
				background:url("../img/li-icon-point2.gif") 0 0.3em no-repeat; padding:0 3px 0 12px; margin:9px 0; }
				#content ul.menu li span.issue {
				font-size:0.8em; margin-top:1px;}
				#content ul.point li strong {
					color:#8283BD; }
		#content ul.menu {
			font-size:1.2em; 
			line-height:1.3;
			margin-bottom:18px; }
			#content ul.menu li {
				background:url("../img/a-icon-bg.gif") 0 0.2em no-repeat; padding:0 3px 0 9px; margin:6px 0; }
				#content ul.menu li span.issue {
				font-size:0.8em; margin-top:1px;}
				#content ul.menu li strong.notice{
					font-size:0.8em; }
		#content ul.link {
			font-size:1.2em; 
			margin-bottom:6px; }
			#content ul.link li {
				background:url("../img/a-icon-bg.gif") no-repeat; padding:0 3px 0 9px; margin:9px 0; }
				#content ul.link div {
					font-size:0.8em; 
					line-height:1.5; margin:3px 0; }
		#content ul.navi {
			width: 528px;
			overflow: hidden;
			}
			#content ul.navi li {
				float: left;
				list-style: none;
				}


	#content ol {
		line-height:1.3;
		font-size:1.2em; 
		margin-bottom:24px; }
		#content ol li {
			list-style-type: decimal;
			padding:0;
			margin:6px 0 1em 30px;
			}
			#content ol li strong {
				color:#8283BD; }
			#content ol li strong.title {
				color:#484A8A; }
			#content ol li span {
				color:#5E4A38; 
				font-size:0.9em; }

	#content form {
		padding:9px;
		border:1px #5E4A38 solid; }


#content-sidebar {
	width:270px; float:right;}
	#content-sidebar div.title { 
		padding:0 0 0 0; }
	#content-sidebar div.box-blog { 
		width:270px;
		padding:6px 0 0 0; }
		#content-sidebar div.box-blog h3 { 
			margin:12px 0 6px 0; }
		#content-sidebar div.box-blog-entry { 
			height:48px;
			line-height:1.2;
			width:258px;
			padding:0 0 12px 12px; }
			#content-sidebar div.box-blog-entry-date {
				color:#EFEDEB;}
			#content-sidebar div.box-blog-entry-title {
				font-size:1.2em; }
			#content-sidebar div.box-blog-entry-title a {
				color:#F5B090; }
			#content-sidebar div.box-blog-entry-icon {
				width:48px;
				height:48px;
				margin:0 3px 9px 0; 
				float:left; }



/* elements */
#elememts-dev {
	clear:both;
	line-height:1.5;
	padding:24px;
	margin:15px 0 0 0;
	background:#D5D0CC; }


#elements-globalnavi {
	margin:15px 0 0 0; }


#elements-commonnavi {
	font-size:1em;
	line-height:1.3;
	padding:15px;
	margin:0 0 12px 0; }
	#elements-commonnavi ul {
		font-size:1em;
		margin-bottom:6px; }
		#elements-commonnavi li {
			display:inline;
			background:url("../img/a-icon-bg.gif") no-repeat 0 2px; padding:0 3px 0 9px; }
	#elements-commonnavi .company {
		color:#17A65C;
		margin-bottom:3px; }
	#elements-commonnavi .copyright {
		color:#9B8978; }

#elements-topicpath {
	color:#5E4A38;
	font-size:1em;
	line-height:1.3;
	padding:4px 15px;
	margin:0; }