@charset "euc-jp";

/* CDP 001 css 06/12/1 */
/* Copyright (c) 2006 WebDesignTemplates[http://wdt.pekori.jp] All rights reserved. */

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{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%;}
q:before,q:after{content:'';}
/* fonts(Yahoo UI) */
body {
	font: 13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
select,input,textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

/* 全体設定 */
html {

}
body {

}
body#INDEX {
}
div#PAGETOP {
	width: 100%;
	font-size: 100%;
}
hr {
	display: none;
}
a:link {
	color: #414191;
	text-decoration:none;
}
a:visited {
	color: #414161;
	text-decoration:none;
}
a:hover {
	color: #914141;
	text-decoration:none;
}
a:active {
	color: #914141;
	text-decoration:none;
}

#MAIN {
	width:990px;
	margin:0 auto;
	padding:0 0px 0px;
	text-align:left;
}

/* ヘッダー */
iframe#IFRAMEHEADER {
	border:none;
	width:500px;
	height:140px;
}

div#HEADER {
	font-family:serif;
}
#HEADER h1 {
	padding: 0.3em 0em 0.2em 21px;
	font-size:45px;
	letter-spacing: 0.2em;
	color: #9A4414;
}
#HEADER h2 {
	padding: 0em 0em 0em 40px;
	font-size:14px;
	color: #000000;
}
.info_box {
	font-family: sans-serif;
	width: 380px;
	margin: 13px 0 8px 0;
	padding: 7px;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	border: double 3px #ddb474;
	display: none;
}
.info_box span {
	font-family: serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	color: #333;
	padding: 0 0 0 18px;
	background-image: url("../img/info_mark.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
.info_box a {
	text-decoration: underline;
}

ul#PAN {
	position: absolute;
	top: 10px;
	right: 0px;
	text-align: right;
}
#INDEX ul#PAN{
	display: none;
}
#PAN li{
	display: inline;
}
#PAN a{
	text-decoration: none;
}
#PAN a:after{
	content: "->";
}

/* ヘッダタブ */
div#HEADTAB {
	padding: 0 0 0 21px;
	margin-bottom: 10px;
}

/* メニュー */
iframe#IFRAMEMENU {
	border:none;
	width:210px;
	height:800px;
}

div#MENU {
	padding: 5px 0 0 0;
	width: 210px;
	float: left;
}
div.MENU_button {
	margin: 0 0 0 0;
	float: right;
	margin: 0 0 20px 0;
}
#MENU h2{
	width: 150px;
	margin: 0 20px 1em 20px;
	padding: 0.2em 10px;
	border: none;
	font-size: 107%;
	letter-spacing: 0.2em;
}
#MENU ul{
	width: 170px;
	margin: 0 20px 1em 20px;
	border-bottom: double 3px #FBFBFA;
}
#MENU li{
	margin-bottom: 15px;
	padding-top: 0.1em;
	background: #ffffff;
}
#MENU li.menu-on {
	background: #ECECEA;
}
#MENU li a{
	display: block;
	width: 150px;
	padding: 0.4em 10px 0.4em 10px;
	border-bottom: dotted 2px #DCDCDA;
	font-weight: bold;
	text-decoration: none;
}
#MENU li a:hover,#MENU li a:active{
	border-bottom: solid 2px #BA8474;
	text-decoration: none;
}

/* 記事部分 */
div#KIZI {
	margin: 0 20px 0 200px;
	padding: 0 0 0 20px;

	line-height: 235%;
}
#KIZI h2 {
	padding: 10px 0;
	margin-left:20px;
	font-weight: 300;
	color: #000000;
	font-size: 150%;
	font-family: serif;
	letter-spacing: 0.2em;
	float: left;
}
#KIZI h3 {
	margin-left:43px;
	font-weight: 300;
	color: #000000;
	font-size: 130%;
	font-family: serif;
	letter-spacing: 0.2em;
}
div.text {
	margin: 0.5em 2.5em 1.5em 0;
	line-height: 1.7;
}
.text p {
	margin-bottom: 1em;
}
h3 {
	padding: 0.6em 0 0.4em 0;
	letter-spacing: 0.1em;
}
h4 {
	padding: 0.5em 0 0.2em 0;
	letter-spacing: 0.1em;
}
h5,h6 {
	padding: 0.4em 0 0.2em 0;
}
.text ul.modori {
	text-align: right;
	font-size: 85%;
	list-style: none;
}
.modori a:link,.modori a:visited{
	color: #BA7464;
}

div#KIZI_privacy {
	margin: 0 20px 0 200px;
	padding: 0 0 0 20px;

	line-height: 235%;
}
#KIZI_privacy h2 {
	padding: 10px 0;
	margin-left:20px;
	font-weight: 300;
	color: #000000;
	font-size: 150%;
	font-family: serif;
	letter-spacing: 0.2em;
}
#KIZI_privacy h3 {
	margin-left:33px;
	font-weight: bold;
	color: #000000;
	font-size: 15px;
	font-family: serif;
	line-height: 25px;
}
#KIZI_privacy p {
	margin: 0 25px 10px 53px;
	font-size:11px;
	line-height:140%;
}

/* リスト */
.text ol {
	margin: 0 0 1em 35px;
	list-style: decimal;
}
.text ul {
	margin: 0 0 1em 35px;
	list-style: square;
}
dl {
	margin: 0 0 1em 5px;
}
dt {
	color: #9A5434;
	font-weight: bold;
}
dd {
	margin: 0 1em 1em 1.5em;
}

/* フッター */
div#FOOTER {
	width: 950px;
	clear: left;
	text-align: right;
	margin-top: 20px;
}
#FOOTER h2 {
	display: none;
}
#FOOTER ul {
	padding: 0.8em 2em;
}
#FOOTER li {
	display: inline;
	padding: 0 0.5em;
	font-size: 92%;
}
#FOOTER a{
	text-decoration: none;
}
address {
	display: inline;
}

/* ヘッダー */
iframe#IFRAMEFOOTER {
	border:none;
	width:950px;
	height:50px;
}

div#HEADER {
	font-family:serif;
}

/* 強調・追加・削除 */
em {
	font-weight: bold;
}
strong{
	font-weight: bold;
	color: #814121;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* フォーム */

input {
	margin-top: 0.5em;
}
input#TEXT {
	border: solid 1px #CCCCCA;
}
input#BUTTON {
	padding: 1px 0.5em;
	border: double 3px #CCCCCA;
	background: #EDEDEA;
}
textarea {
	margin-top: 0.5em;
	border: solid 1px #CCCCCA;
}
select {
	margin-top: 0.5em;
	border: solid 1px #CCCCCA;
}

/* 引用 */
blockquote {
	padding-left: 0.8em;
	margin: 1em;
	border-left: 2px dashed #EAEAED;
}
cite,q {
	text-decoration: underline;
}

/* 整形済みテキスト */
pre {
	padding: 0.3em;
	border: solid 1px #DADADC;
	font-size: 92%;
	font-family: monospace;
}

/* 物理要素 */
b { font-weight: bold; } /* 太字 */
i { font-style: italic; } /* 斜体 */
big { font-size: 107%; } /* 文字大 */
small { font-size: 85%; } /* 文字小 */
tt { font-family: monospace; } /* 等幅 */

#image-btn-login {
    border: 0px;
    width: 140px;
    height: 20px;
    background: url(../img/button_login.gif) left top no-repeat;
}

.td_Pora {
	background-image:	url(../img/back_steel.jpg);
	background-repeat:	no-repeat;
	text-align:			center;
	vertical-align:		top;
	padding-top:		10px;
}

/* コンテンツ */
p.paper01{
	width: 220px;
	line-height: 180%;
	color: #3B393A;
	font-size: 96%;
	font-family: sans-serif;
	float: right;
	margin: 90px 23px 0 0;
}
p.paper02{
	width: 215px;
	line-height: 150%;
	color: #3B393A;
	font-size: 96%;
	font-family: sans-serif;
	float: right;
	margin: 60px 23px 0 0;
}
p.paper03{
	width: 215px;
	line-height: 150%;
	color: #3B393A;
	font-size: 96%;
	font-family: sans-serif;
	float: right;
	margin: 420px -215px 0 0;
}
p.process0m{
	width: 230px;
	line-height: 150%;
	color: #3B393A;
	font-size: 100%;
	font-family: sans-serif;
	float: right;
	margin: 95px 35px 0 400px;
}
div#PROCESS{
	width: 210px;
	line-height: 120%
	color: #3B393A;
	font-size: 98%;
	font-family: sans-serif;
}
p.about1{
	line-height: 150%;
	letter-spacing: 2px;
	width: 540px;
	margin: 20px auto 20px auto;
	font-size: 110%;
	font-family: serif;
}
p.about2{
	line-height: 150%;
	letter-spacing: 2px;
	width: 540px;
	margin: 20px auto 20px auto;
	font-size: 110%;
	font-family: sans-serif;
}
p.about3{
	float: left;
	width: 220px;
	line-height: 150%;
	margin: 0 10px 10px 14px;
	font-size: 90%;
	font-family: sans-serif;
}
p.history{
	width: 600px;
	margin: 20px auto 10px auto;
	line-height: 180%;
	font-size: 100%;
	font-family: sans-serif;
}
div.topimage{
	margin: 20px 0 0 0;
}
div.topmenu{
	float: left;
	margin: 15px 0 15px 0;
}
div.map0i{
	float: left;
	width: 342px;
	height: 341px;
	margin: 5px 10px 5px 40px;
}
div.map0m{
	float: left;
	margin-left: 20px;
	padding-top: 140px;
	line-height: 160%;
	font-family: sans-serif;
}
div.map0m_ot{
	float: left;
	margin-left: 20px;
	padding-top: 120px;
	line-height: 160%;
	font-family: sans-serif;
}
div.map0m_kyoto{
	float: left;
	margin-left: 20px;
	padding-top: 90px;
	line-height: 160%;
	font-family: sans-serif;
}
p.outline0m{
	line-height: 160%;
	width: 500px;
	margin: 0px 0 20px 20px;
	font-size: 100%;
	font-family: sans-serif;
}
div.outline0m{
	line-height: 160%;
	width: 500px;
	margin: 0px 0 20px 20px;
	font-size: 100%;
	font-family: sans-serif;
}

p.outline0m2{
	line-height: 150%;
	width: 500px;
	margin: -15px 0 20px 20px;
	font-size: 90%;
	font-family: sans-serif;
}
p.company02{
	line-height: 160%;
	width: 650px;
	margin: 0 auto 20px auto;
	font-size: 100%;
	font-family: sans-serif;
}
p.oeko01{
	line-height: 160%;
	width: 455px;
	height: 134px;
	margin: 0 0 30px 20px;
	padding: 0 25px 0 0;
	font-size: 100%;
	font-family: sans-serif;
}
div.oeko02{
	line-height: 160%;
	width: 650px;
	margin: 0 auto 20px auto;
	font-size: 100%;
	font-family: sans-serif;
}
table.company{
	width: 640px;
	border: 1px #aaaaaa solid;
	margin-left: 47px;
}
tr.company1{
	background-color: #ffffff;
}
tr.company2{
	background-color: #efefef;
}
td.company1{
	padding-left: 5px;
	border: 1px #aaaaaa solid;
}
td.company2{
	padding-left: 5px;
	border: 1px #aaaaaa solid;
}
div#new{
	float: left;
	width: 228px;
	height: 103px;
	overflow: auto;
	margin: 0 3px 8px 10px;
	line-height: 160%;
	font-family: sans-serif;
	color: #3B393A;
}
ul#new{
	margin: 0 5px 0 18px;
	list-style-type: square;
}
ul#company{
	line-height: 180%;
	font-family: sans-serif;
}
p.sitemap01 {
	margin: 0 20px 0 50px;
	padding: 0 0 0 20px;
	font-family: serif;
	font-size: 120%;
	line-height: 300%;
}
p.sitemap02 {
	margin: 0 20px 0 70px;
	padding: 0 0 0 25px;
	line-height: 300%;
}
span.font0s {
	line-height: 0%;
	font-family: sans-serif;
	font-size: 90%;
}
p.Eng00{
	font-size: 110%;
	font-family: serif;
	float: right;
	font-weight 300;
	margin: 13px 25px 0 0;
}

/* 配置 */
div.ma10{
	margin: 10px 0 10px 0;
}
div.ma20{
	margin: 20px 0 20px 0;
}
div.bottom20{
	margin: 0 0 20px 0;
}
div.bottom30{
	margin: 0 0 30px 0;
}
div.floatleft020{
	float: left;
	margin: 25px 0 0 0;
}
div.floatleft0oeko{
	float: left;
	margin: 20px 0 0 45px;
}
div.top01{
	float: left;
	width: 222px;
	height: 103px;
	margin: 0 3px 8px 25px;
	line-height: 160%;
	font-family: sans-serif;
}

/* 文字装飾 */
span.bold{
	font-weight: bold;
	font-family: sans-serif;
}
p.serif01{
	line-height: 150%;
	letter-spacing: 1px;
	margin: 30px 0 10px 20px;
	font-size: 115%;
	font-family: serif;
}
ul.black0{
	list-style-type: disc;
	margin-left: 1.5em;
}

/* メニュー */
div.undermenu{
	float: right;
	margin: 20px 23px 0 450px;
	font-size: 90%;
	font-family: serif;
}

/* インスタアイコン設置 */
#HEADER{
	position: relative;
}
#HEADER .instagram{
	position: absolute;
	top: 60px;
	right: 40px;
}
#HEADER .instagram img{
	width: 32px;
}
#HEADER td[valign="bottom"][width="400"]{
	padding-bottom: 30px;
}
#HEADER table[width="332"]{
	width: 450px;
}