/* CSS Document */

/*-------------------------------------------------

01 ヘッダー（ヘッダーレイアウト・ナビボタン）
02 メイン＆コラム
03 左サイド
04 フッター

-------------------------------------------------*/

body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#F8F4E6;
background-image:url(../images/common/bg.jpg);
background-position:top;
background-repeat:repeat-x;
font-size:14px;
line-height:150%;
color:#726250;
}

#wrap {
margin:0px 0px 0px 0px;
padding:0px 30px 0px 30px;
width:1020px;
background-image:url(../images/common/wrap_bg.jpg);
background-position:top;
background-repeat:no-repeat;
}

a:link {
color:#006eb0;
text-decoration:none;
}

a:visited {
color:#006eb0;
text-decoration:none;
}

a:hover {
color:#006eb0;
text-decoration:underline;
}

a:active {
color:#006eb0;
text-decoration:underline;
}


/* =01 ヘッダー-------------------------------------------------------------
------------------------------------------------------------------------ */

#catch {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-align:left;
height:40px;
line-height:100%;
}

h1 {
margin:0px 0px 0px 0px;
padding:5px 0px 2px 0px;
font-size:12px;
}

h1 a:link {
color:#522F60;
text-decoration:none;
}

h1 a:visited {
color:#522F60;
text-decoration:none;
}

h1 a:hover {
color:#522F60;
text-decoration:none;
}

h1 a:active {
color:#522F60;
text-decoration:none;
}

#catch p {
color:#6F5436;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#navi {
float:right;
margin:0px 0px 0px 0px;
padding:10px 50px 0px 0px;
height:30px;
}

img.navi_cut {
margin:0px 9px 0px 9px;
padding:0px 0px 0px 0px;
}

img.logo_co {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 24px;
}

#head {
clear:both;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 30px;
}

/* =02 メイン＆コラム-------------------------------------------------------------
------------------------------------------------------------------------ */

#main {
float:right;
width:700px;
margin:40px 0px 0px 0px;
padding:0px 50px 60px 0px;
text-align:left;
}

/* =03 左サイド-------------------------------------------------------------
------------------------------------------------------------------------ */

#side {
float:left;
margin:0px 0px 0px 0px;
padding:40px 0px 60px 40px;
}

#login {
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
background-image:url(../images/common/side_login_bg.jpg);
background-position:top;
background-repeat:no-repeat;
width:200px;
height:420px;
}

img.lo001 {
margin:0px 0px 13px 0px;
padding:0px 0px 0px 0px;
}

img.lo002 {
margin:0px 0px 16px 0px;
padding:0px 0px 0px 0px;
}

img.lo003 {
margin:0px 0px 6px 0px;
padding:0px 0px 0px 0px;
}

#kiyoe001 {
margin:0px 0px 0px 0px;
padding:80px 0px 8px 9px;
background-image:url(../images/common/side_kiyoe01_bg.jpg);
background-position:top;
background-repeat:no-repeat;
font-size:12px;
text-align:left;
line-height:130%;
width:191px;
}

.kiyoe001_name {
color:#E17B34;
}

#kiyoe002 {
margin:0px 0px 0px 0px;
padding:0px 4px 0px 4px;
background-image:url(../images/common/side_kiyoe02_bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
text-align:left;
width:192px;
}

#kiyoe002 ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
border-color:#B3ADA0;
border-style:solid;
border-width:1px 0px 0px 0px;
}

#kiyoe002 li {
margin:0px 0px 0px 0px;
padding:6px 0px 4px 16px;
list-style:none;
background-image:url(../images/common/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
border-color:#B3ADA0;
border-style:solid;
border-width:0px 0px 1px 0px;
}

#kiyoe002 ul li ul {
visibility: hidden;
overflow: hidden;
position: absolute;
width: 180px;
background-image:url(../images/common/side_kiyoe02_sub_bg.gif);
background-position:right top;
background-repeat:no-repeat;
margin-left:20px;
border-style:double;
border-width:3px;
}

#kiyoe002 ul li ul li {
margin-bottom: 0;
height: 24px;
border-width:0px 0px 0px 0px;
}
			
#kiyoe002 ul li a {
}
			
#kiyoe002 ul li a:hover {
position: relative;
z-index: 100;
}
			
#kiyoe002 ul li:hover ul ,
#kiyoe002 ul li a:hover ul {
visibility: visible;
overflow: visible;
height: auto;
z-index: 10;
}

#kiyoe003 {
margin:0px 0px 20px 0px;
padding:10px 4px 10px 4px;
background-image:url(../images/common/side_kiyoe03_bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:192px;
}

#kiyoe003 img {
margin-bottom:6px;
}


/* =04 フッター-------------------------------------------------------------
------------------------------------------------------------------------ */

#footer {
clear:both;
margin:0px 0px 0px 0px;
padding:30px 20px 0px 20px;
background-image:url(../images/common/footer_bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
line-height:130%;
text-align:left;
font-size:12px;
}

#footer p.footer_navi {
margin:0px 0px 0px 0px;
padding:0px 0px 6px 10px;
border-color:#DCD5C8;
border-style:solid;
border-width:0px 0px 2px 0px;
}

#footer p.foot_catch {
margin:0px 0px 0px 0px;
padding:20px 0px 10px 140px;
color:#6F5436;
}

strong.foot_kiyoe {
color:#522F60;
}

#footer p.foot_co {
margin:0px 0px 0px 0px;
padding:0px 0px 20px 140px;
}

#footer p.copy {
margin:0px 0px 0px 0px;
padding:0px 30px 6px 0px;
text-align:right;
color:#FFFFFF;
}