/*---------------------
 2012.1.16 KINET Save
-----------------------*/
/*---------------------
 Base
-----------------------*/
body {
background-color:#FFEEF4; 
color:#dc0000;
font-size:13px;
padding: 0px;
margin: 0 auto;
text-align:center;
}
img {
border:0;
}
a, 
a:link ,
a:visited {
color:#560000;
text-decoration: none;
}
a:hover {
color:#F37167;
text-decoration: underline;
}
.clear {
clear: both;
height: 0px;
}

/*-------------------
 Wrapper
-------------------*/
#wrapper {
width: 960px;
margin: 0 auto;
padding:0;
text-align:center;
}

/*------------------ 
 Main contents
 ----------------- */

#container {
clear: both;
text-align: center;
}
#container_folder{
clear: both;
text-align: center;
margin-top: 16px;
}
.leftcontents {
float: left;
width: 240px;
min-height: 500px;
height: auto !important;
height: 500px;
text-align: left;
padding: 0px;
margin:  0px;
}
.contents {
float: left;
width: 710px;
text-align: left;
line-height: 150%;
padding: 0px auto;
margin:  0px 0 0 6px;
}
.contents2_left {
clear: both;
float: left;
width: 308px;
text-align: left;
padding: 10px;
margin:  0 0 20px 0;
}
.contents2_right {
float: right;
width: 308px;
text-align: left;
padding: 10px;
margin:  0 0 20px 0;
}
.contents_folder {
float: left;
width: 680px;
text-align: left;
line-height: 150%;
padding: 0px auto;
margin:  0px 0 70px 20px;
}
.contents_boxpan {
float: left;
width: 570px;
text-align: left;
line-height: 150%;
border-bottom:1px dotted  #800000;;
padding: 0px auto;
margin:  0px 0 70px 20px;
}
.boxpan_left {
float: left;
width: 310px;
text-align: left;
padding: 0px;
margin:  0 0  0 0;
}


/*------------------ 
 Left contents
 ----------------- */

.leftcontents .logo {
padding: 0px;
margin:  0px 0 10px 0;
}


/*-- left -- */
.left_menu {
width:  220px;
padding: 0px;
margin:  0px;
}
.left_menu ul{
padding: 0px;
margin:  0 0 10px 0;
}
.left_menu li{
list-style-type: none;
width:  200px;
height: 3.6em;
background:  url(http://www.kaoruko.co.jp/img/mark_y.gif) 6px 9px no-repeat;
border-top: 1px solid #C8A478;
border-right: 2px solid #A0754A;
border-bottom: 2px solid #A0754A;
border-left: 1px solid #C8A478;
padding: 0px 0 0 0;
margin:  5px 0px;
}

.left_menu  a {
display: block;
font-size: 13px; 
text-decoration: none;
padding: 8px 0 0 24px;
margin:  0px;
}
.left_menu .nidan {
text-align: left;
padding:0px;
margin:  8px 0 0 24px;
}
.left_menu .nidan a {
display: inline;
font-size: 13px; 
text-decoration: none;
padding: 0px;
margin:  0px 0.5em;
}

.left_menu_top_youtube {
border: 2px solid #BD925D;
width:  200px;
text-align: center;
font-size: 11px; 
line-height: 100%;
padding: 20px 0;
margin:  20px 0;
}
.left_menu_top_youtube a{
font-size: 11px; 
line-height: 100%;
}
.left_menu_top_youtube iframe {
margin: 6px auto;
}
/*------------------ 
contents
 ----------------- */
.header{
height: 320px;
background: #E7D0A9 url(http://www.kaoruko.co.jp/img/logo_700.jpg)  no-repeat;
padding: 0px;
margin:  0px;
}

.header h1{
font-size: 16px; 
font-family: "ＤＦ平成明朝体W7"; 
color: #CF9654; 
line-height: 180%;
font-weight: normal;
padding:  30px 0 0 60px;
margin:  0;
}

.contents h2 { 
font-size:15px; 
color:#BD925D;
border-left: 7px solid #BD925D;
border-bottom : 1px dotted #BD925D;
padding: 0.15em 0.8em;
margin:  2em 0 0 0px;
}
.contents h2 a { 
font-size:15px; 
color:#BD925D;
}
.contents h3 { 
font-size:14px; 
color:#B4534B;
padding: 0;
margin:  0.8em 0px;
}

.nav_top {
padding: 0px;
margin:  0 0 0 30px;
}
.nav_top img{

}
.nav_top  ul{
clear: both;
padding: 0px;
margin:  0px;
}
.nav_top li{
float: left;
list-style-type: none;
width:  200px;
height: 150px;
border: 2px solid #94560E;
padding: 0px 0 0 0;
margin:  0 5px 10px 0px;
}

.nav_top_ttl {
font-size:15px; 
color:#560000;
text-decoration: none;
padding: 0px 0 0 1em;
}

.contents .whatsnew {
clear: both;
}
.contents .whatsnew h2 { 
font-size:15px; 
color:#ffffff;
background:#BD925D;
padding: 0.2em 1em;
margin:  5px 0 0 0px;
}

.contents .archive a{
font-size: 11px;
color: #FFFFC8; 
font-weight: normal;
padding-left:380px;
}
.whats {
height:200px;
text-align: left; 
overflow-y:scroll;
border : 1px dotted #996666;
border-right : 0;
padding: 1em 1.5em;
margin:  0 0 10px 0 ;
scrollbar-arrow-color:#996666;
scrollbar-face-color:#E7D0A9;
scrollbar-3dlight-color:#996666;
scrollbar-darkshadow-color:#996666;
scrollbar-highlight-color:#E7D0A9;
scrollbar-shadow-color:#E7D0A9;
scrollbar-track-color:#E7D0A9;
}
.whats dl {
font-size: 12px; 
color:#B4534B;
}
.whats a {
color:#B4534B;
text-decoration: underline;
}
.whats dt {
clear: both;
float: left;
width: 100px;
font-size: 12px; 
color:#B4534B;
padding: 0.5em 0 0 0px;
margin:  0px;
}
.whats dd {
float: left;
width: 500px;
border-bottom : 1px dotted #BD925D;
padding: 0.5em 0 2em 0px;
margin:   0px;
}


/*-------------------
  各フォルダcontents
-------------------*/
.contents_boxpan h2 ,
.contents_folder h2 { 
font-size:17px; 
color:#500000;
border-left: 7px solid #500000;
border-bottom : 1px dotted #500000;
padding: 0.15em 0.8em;
margin:  0 0 1em 0px;
}
.contents_folder h3 { 
font-size:16px; 
color:#B4534B;
padding: 0;
margin:  1em 0 1em 1.5em;
}
.contents_boxpan h4 {
font-size:16px;
color:#006600; 
padding: 0.15em;
margin: 1.2em 0 0 0 ;
}
.contents_folder a {
color:#B4534B;
text-decoration: underline;
}
.contents_folder .savtitle { 
border-bottom : 1px dotted #BD925D;
font-size:17px; 
color:#800000;
padding: 0;
margin:  1.5em  0 0 0;
}
.contents_folder .savtitle span ,
.contents_folder .savtitle a{ 
font-size:14px; 
color:#B4534B;
padding: 0 1em;
}
.contents_folder .boxpan_left h3 {
color: #B4534B;
font-size: 14px;
margin: 1em 0 ;
padding: 0;
}
.prf h3 {
font-family: "ＤＨＰ平成明朝体W3","ＭＳ Ｐ明朝";
font-size:35px; 
color:#948A54;
padding: 0;
margin:  0.2em 0;
}
.prfsav {
font-size:14px;
color:#948A54;
}
.prf h4 { 
border-bottom : 1px dashed #B4534B;
font-size:17px; 
color:#B4534B;
padding: 0;
margin:  1em 0;
}
.contents_folder h4 { 
font-size:17px; 
color:#B4534B;
padding: 0;
margin:  1em 0;
}
.contents_boxpan h3 { 
font-size:20px; 
color:#dc0000;
padding: 0;
margin:  1em;
}

.waku_gld {
background: #EFD7B1;
border: 1px solid #9C8221;
line-height: 180%;
font-size: 14px;
padding: 2em;
margin:  10px 40px;
}
.waku_gld  h4{
color: #F37167;
font-size: 16px;
}

.waku_gld .small a{
line-height: 120%;
color: #F37167;
font-size: 13px;
}
.waku_gldlight  {
font-size:12px; 
line-height:150%; border:1px solid #C5956B;
padding: 1.5em 0.8em;
margin:  10px auto
}
.waku_gldlight td ,
.waku_gldlight a {
font-size:12px; 
text-align: left;
}
.waku_cha {
border: 2px solid #990033;
line-height: 180%;
color: #900000;
font-size: 16px;
padding: 0.5em 1em;
margin:  20px auto;
}
.waku_redcha {
font-size:12px; 
line-height:150%; border:1px solid #B4534B;
padding: 1.2em;
margin:  10px auto;
}
.waku_redcha td ,
.waku_redcha a {
color: #B4534B;
font-size:12px; 
text-align: left;
}
.waku_olive  {
border: 1px solid #6D5F1A;
padding: 1.2em;
}
.waku_cha_lightin {
background-color:#FAF5E6; border: 1px solid #660000;
padding: 2em 4em;
}
.waku_chain_double {
color: #B4534B;
line-height: 190%;
background-color:#FAF5E6; border: 2px solid #B4534B;
padding: 2.2em;
}


/*-- note -- */
.contents_note {
text-align: left;
padding: 10px 0 10px 10px ;
margin:  8px 0 10px 24px;
}
.contents_note a {
color:#800000;
font-size:13px;
}

.contents_note li{
list-style-image: url(http://www.kaoruko.co.jp/img/ulc8.gif);
margin-top:  0.25em;
margin-bottom:0.5em;
}

.box_note {
padding: 0;
margin: 0.8em 1.5em;
}

.box_note2 {
padding: 1em 50px;
}



/*-- academy -- */
.nav_academy{
padding: 20px 0px;
margin:  0px;
}
.nav_academy  ul{
clear: both;
padding: 0px;
margin:  0px;
}
.nav_academy li{
float: left;
list-style-type: none;
border: 3px dotted #f09199;
background: #EFD7B1 url(http://www.kaoruko.co.jp/img/mark_y.gif) 10px 20px no-repeat;
width:  270px;
height: 110px;
line-height: 150%;
padding:15px;
margin:  10px;
}
.nav_academy a{
display:block;
font-size: 15px;
color: #FF3300;
font-weight: bold;
padding:0px 0 0 1em;
margin:  0px;
}
.academy {
min-height: 700px;
height: auto !important;
height: 700px;
line-height: 180%;
}
.academy h4 {
color: #666;
font-size: 16px;
}

.academy table {
border-collapse: collapse;
padding:0px;
margin:  10px ;
}
.academy th {
color:#b55555;
background: #EFD7B1;
border: 2px solid #BD925D;
padding: 0.7em 0.9em;
}
.academy td {
font-size: 15px;
background: #FFFFdd;
border: 2px solid #BD925D;
padding: 0.7em 0.9em;
}
.academy a {
font-weight: bold;
color:#CC3333;
}
.sch_b {
color: #B4534B;
font-size: 20px;
font-weight: bold;
padding: 0px;
margin:  20px auto;
}
/*-- input.produce ベージュ beige #eedcb3 -- */

input.beige {
font-size: 16px;
color: #800000;
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
border-right: 2px solid #74583F;
border-bottom: 2px solid #74583F;
padding: 2em 3em;
background: #FFFFCC;
font-weight: bold;
width:26em;
text-align: left;
}
input.beige:hover  {
color:#ff0000;
}

/*-- input.school -- */

input.school_block {
font-size: 14px; color: #ffffff; border-top: 2px solid #DFC5AE;border-left: 2px solid #DFC5AE;border-right: 2px solid #74583F;border-bottom: 2px solid #74583F; padding: 6px; background: #C5956B;
font-weight: bold;width:500px;
text-align: left;
}
input.school_block_s {
font-size: 14px; color: #ffffff; border-top: 2px solid #DFC5AE;border-left: 2px solid #DFC5AE;border-right: 2px solid #74583F;border-bottom: 2px solid #74583F; padding: 6px; background: #C5956B;
font-weight: bold;width:300px;
text-align: center;
}
input.school_block_ss {
font-size: 14px; color: #ffffff; border-top: 2px solid #DFC5AE;border-left: 2px solid #DFC5AE;border-right: 2px solid #74583F;border-bottom: 2px solid #74583F; padding: 6px; background: #C5956B;
font-weight: bold;width:210px;
text-align: center;
}
input.school_block:hover ,
input.school_block_s:hover ,
input.school_block_ss:hover {
color:#B4534B;
}

input.school_block_pink {
font-size: 14px; color: #ffffff; border-top: 2px solid #DFC5AE;border-left: 2px solid #DFC5AE;border-right: 2px solid #74583F;border-bottom: 2px solid #74583F; padding: 6px; background: #FF66CC;
font-weight: bold;width:500px;
text-align: left;
}
input.school_block_pink:hover {
color:#B4534B;
}



/*-- joho -- */

.sav_top_menu {
padding: 0px;
margin:  20px 0px;
}
.sav_top_menu  ul{
clear: both;
padding: 0px;
margin:  0px;
}
.sav_top_menu li{
float: left;
list-style-type: none;
border: 1px solid #9C8221;
background: #FFFFFF url(http://www.kaoruko.co.jp/img/mark_y.gif) 10px 20px no-repeat;
width:  270px;
height: 110px;
line-height: 150%;
padding:15px;
margin:  10px;
}
.sav_top_menu a{
display:block;
font-size: 15px;
font-weight: bold;
padding:0px 0 0 1em;
margin:  0px;
}
.joho_savtitle {
font-size:16px;
font-weight: bold;
}

/*-- media -- */

.media {

}
.media_topnav  {
margin: 0.5em 50px;
}
.media_topnav a {
padding:0px 1em;
border-left: 1px solid #CC6666;
font-size: 12px;
color:#CC6666;
}
.mediajoho td {
padding:20px;
margin:  0px;
}
.media td ,
.media a  {
color:#AA5A32;
font-size:12px;
}
.media dd {
margin-left:  20px;
}
.medialist table {
border-collapse: collapse;
border: 1px solid #C5956B;
padding: 0px;
margin: 0px;
}
.medialist  td {
border: 1px solid #C5956B;
color:#AA5A32;
font-size:12px;
line-height: 120%;
padding: 0 0 12px 0;
}
.medialist  th {
text-align: left;
background: #c5956b;
border: 1px solid #C5956B;
color:#800000;
font-size:17px;
font-weight: normal;
padding: 4px;
}

/*-- shanhai -- */
.sabsection  {
line-height: 200%;
color: #cc3366; font-size: 16px;font-weight: bold;
padding: 0px;
margin: 20px auto;
}






/*-------------------
FONT
-------------------*/
.redlight,
.redlight td,
.redlight a {
font-size: 12px; color:#CC6666;
}
.redlight a:hover {
color:#FF9966;
}

.dot {
border-top: 2px dotted #CC9966;
padding: 20px 0;
margin:  70px 50px;
}
.cha ,
.cha td,
.cha a{
color: #800000;
}
.orlight16,
.orlight16 td,
.orlight16 a {
font-size: 16px; font-weight: bold; color: #ff6666;
}

.ip {
border: 1px solid #99770f;
}


/*-------------------
shop
-------------------*/
.shop_nav {
padding: 0px 0 0px 0 ;
margin:  0px 50px 0 0;
}
.shop_nav ul{
padding: 0px 0 0px 0 ;
margin:  0px 2em;
}

.shop_nav li{
float:right; 
list-style-type: none;
color: #339999; 
text-decoration:none;
}

.shop_nav a{
display: block;
border-left: 1px solid #999; 
color: #339999;
line-height: 100%; 
text-decoration: none;
padding: 0em 0.8em;
margin:  0px 0;
}
.netshop img {
clear: both;
text-align: center;
margin:  10px auto;
}
.waku_gld_shop {
width: 250px; height: 350px; float: left;
background: #EFD7B1;
border: 1px solid #9C8221;
line-height: 180%;
font-size: 13px;
color: #990000;
padding: 1.2em;
margin:  10px;
}
.waku_gld_shop a{
color:#339999;
font-size: 15px;
font-weight: bold;
}


.waku_gld_shop .small a{
line-height: 120%;
color: #F37167;
font-size: 13px;
}


.shoplist table {
border-collapse: collapse;
padding:0px;
margin:  10px ;
}

.shoplist td {
line-height: 200%;
color:#343434;
font-size: 13px;
padding: 0.8em 1.2em;
}
.shoplist h4{
color:#343434;
font-size: 14px;

}

.law table {
border-collapse: collapse;
padding:0px;
margin:  10px ;
}
.law th {
background: #EFD7B1;
border: 1px solid #BD925D;
padding: 0.8em 1.2em;
}
.law td {
border: 1px solid #BD925D;
padding: 0.8em 1.2em;
}
.red {
color:#FF0000;
}

/*-- FORM -- */
.formbox {
background: #D2C38A;
border:1px solid #9C8221;
padding:10px;
margin:  30px ;
}
.formbox table {
border-collapse: collapse;
background: #fff;
width:100%;
border:1px solid #D2C38A;
padding: 0px;
}
.formbox th {
font-weight: normal;
font-size: 14px; color: #000000;
border:1px solid #D2C38A;
padding: 0.2em 0.5em;
}
.formbox td {
font-size: 14px; color: #000000;
background: #F4F4F4;
border:1px solid #D2C38A;
padding: 0.2em 0.5em;
}
.formbox h3 {
font-size: 18px; color: #99770f;
}
.formbox .nonebor table ,
.formbox .nonebor th ,
.formbox .nonebor td {
border:0;
}
.formbox .nonebor table {
width:*;
}
.formbox .nonebor th ,
.formbox .nonebor td {
padding: 0;
}

/*-------------------
  Copyright  Footer
-------------------*/

#footer {
clear: both;
color: #ffffff; 
text-align:left;
background:#BD925D;
padding: 0.5em 1em;
margin:0px;
}
#footer .copyright{
font-size: 12px; 
color: #fff; 
padding: 0;
margin:0px 0 0 50px;
}
#footer a{
font-size: 12px; 
color: #fff; 
}
#footer  ul {
padding: 0;
margin:0px ;
}
#footer li {
float:left; 
list-style-type: none;
border-left : 1px solid #fff;
padding:0  10px;
margin:0px;
}

/*-------------------
ショップトップページ
-------------------*/

.shop_rightmenu {
padding-left: 10px; border-left: 1px solid #ffffff;
}
.shop_rightmenu h2{
border: 1px solid #DC8250; margin: 8px 0 0 0;padding: 4px;font-size:12px; color:#CC6666;font-weight: normal;
}
.shop_rightmenu img{
border: 1px solid #FFFFCC; margin: 0 0 6px 0;padding:2px;width:100px;: height:100px;
}
.shop_rightmenu .item {
margin: 0px 0px 16px 0px; padding: 12px; border-bottom: 1px dashed #CC9933;
color:#DC8250;
}
.shop_rightmenu a:link ,
.shop_rightmenu a:active {
font-size: 13px;  color:#CC6666;
}
.shop_rightmenu a:hover ,
.shop_rightmenu a:visited {
font-size: 13px;color:#FF9933;text-decoration: none;
}
.shop_top {
margin-left:50px;
color:#CC6666;
font-size: 15px; 
}
.shop_top a:link ,
.shop_top a:active {
color:#CC6666;
font-size: 15px; 
border-left: 1px solid #CC6666;
padding: 4px 12px;
text-decoration: none;
}
.shop_top a:active ,
.shop_top a:hover {
font-size: 15px; color:#DC8250;
}




/*-------------------
ＫＡＯＲＵＫＯドレス ページ
-------------------*/
#dress {
float: left;
width: 680px;
text-align: left;
line-height: 150%;
padding: 0px auto;
margin:  0px 0 70px 20px;
}

#dress h1{
font-size:18px;
color:#800000;
margin: 1em 0 0 0.5em;
border-bottom:1px dotted #ac0000;
}
#dress h3{
color:#F37167;
font-size:19px;
}
#dress h4{
color:#F37167;
font-size:15px;
font-weight: normal;
}


.dress_topimg {
background: url(img/dress/waku_dress.gif) no-repeat; 
margin: 0 10px; 
padding:24px 0 0 0; 
width: 200px; 
height: 300px;
text-align: center;
color:#CC6666;
font-size: 15px; 
}
.dress_topimg a{
color:#CC6666;
font-size: 14px; 
}
.dress_topimg img{
padding: 5px;
border:1px solid #C1A96D;
width: 150px; 
}
.dress_link_m {
color:#C10000;
font-size: 10px; 
}
.dress_link a{
color:#C10000;
font-size: 12px; 
}

.dress_pink {
border-width: 5px 1px 5px 1px; border-style: solid; border-color:  #FD008E;
/*-- background: #ffffff url(img/dress/bg_dress_pink.gif)  repeat-x; -- */
background: #FF78C3;
margin: 20px;  padding: 0 ;
}
.dress_pink_in {
width: 560px;
font-size: 15px;
margin: 0px;
padding: 20px 20px;
}
.dress_pink_in h2 {
color:#FFFFFF;
font-size: 18px; 
padding:0; 
}
.dress_pink_in table{
 width:600px;
 }

.dress_pink_in td{
color:#FFFFCC;
font-size: 14px; 
}

.dress_pink_in img{
border:1px solid #FD008E;
}
