/*----------------------------------------------
 Common           
----------------------------------------------*/
body {
 color:#333333;
 font-size: 11px;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 line-height:1.15em;
}

a img {border: none;}

.white {color:#FFFFFF;}
.grey {color:#888888;}
.red {color:#FF0000;}
.blue {color:#3388ff;}
.larger {font-size: larger;}
.smaller {font-size: smaller;}
.bold{font-weight: bold;}

.big {font-size:16px;}
.middle {font-size:15px;}
.small {font-size:12px;}

.site-seo {
 font-size:13px;
 color:#666666;
 line-height:130%;
}

HR {color: #cccccc;}

a:link {color: #58f;}
a:visited {color: #68a;}
a:hover {color: #FF4210;}
a:active {color: #FF4210;}


div#modalOverlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 500px;
 display: none;
 cursor: pointer;
 z-index: 100;
}

/*----------------------------------------------
 レイアウト
----------------------------------------------*/
div#centering {width: 100%; text-align: center;}


div#header_container {
 clear: both;
 margin: 0 auto;
 width: 900px;
}


/*----------------------------------------------
 ロゴ
----------------------------------------------*/
h1 {
 float: left;
 margin: 0; padding: 0;
 width: 300px; height: 100px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/ccucco_logo.png);
 background-repeat: no-repeat;
 text-indent: -5000px;
}

h1 a{ 
 display: block; width: 100%; height: 100%;
}


/*----------------------------------------------
 トップバナー
----------------------------------------------*/
#top_banner {
 float: right;
 margin-top: 20px;
 width: 555px;
 height: 50px;
}

#top_banner a {
 display: block;
 float: left;
 margin-left: 7px;
}


/*----------------------------------------------
 トップメニュー
----------------------------------------------*/
ul#top_menu {
 float: right;
 margin: 0; padding: 0;
 list-style-type: none;
}

ul#top_menu li, ul#top_menu img {
 float: left;
 margin: 0; padding: 0;
}

ul#top_menu a {
 display: block;
}

ul#top_menu form#search {
 width: 175px;
 _width: 130px;
}


/*----------------------------------------------
 クッココラム
----------------------------------------------*/
#zc {
 clear: both;
 position: relative;
 text-align: left;
 margin-bottom: 15px;
 padding: 31px 0 0;
 width: 180px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/zatsugaccucco_title.png);
 background-repeat: no-repeat;
}

#zc_index {display: none;}

#zc_body {
 padding: 10px 0 0;
 width: 178px;

 border: 1px solid #ddd;
}

#zc_footer {
 width: 180px;
 height: 19px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/leftnaviunder.png);
 background-repeat: no-repeat;
}

#zc_speaking {
 display: none;
 width: 178px;
 height: 100px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/zatugaccucco_002.gif);
 background-position: center 0;
 background-repeat: no-repeat;
}

#zc_silent {
 margin: 20px 0 0 15px; 
 width: 160px;
 height: 80px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/zatugaccucco_001.gif);
 background-repeat: no-repeat;
}

.zc_resume {
 cursor: pointer;
 margin: 10px 15px 5px;
 width: 150px;
 height: 31px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/zc_resume.png);
 background-position: 0 -40px;
}

#zc_headline {
 margin: 0;
 padding: 2px 20px;
 width: auto;
 height: 40px;
 font-size: 13px;
 letter-spacing: 0.1em;
 line-height: 1.1em;
}

#zc_profile_title {
 cursor: pointer;
 margin: 10px 0 0;
 padding: 2px 20px;
 text-align: center;
 font-size: 12px;
}

#zc_profile {
 display: none;
 padding: 5px 20px;
}

#zc_profile p {
 margin: 0;
 padding: 2px 0 7px;
 font-size: 11px;
 line-height: 1.2em;
 color: #f60;
}

#zc_balloon {
 display: none;
 position: absolute;
 top: 55px;
 left: 130px;
 z-index: 200;
 padding: 20px 35px 50px 45px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/zc_balloon.png);
}
#zc_balloon {
 width: 570px;
 height: 70px;
}
* html #zc_balloon {
 width: 650px;
 height: 140px;
}

#zc_ajax_container {
 width: 100%;
 height: 100%;
}

#zc_title {display: none;}

#zc_column {
 margin: 5px 0;
 padding: 0;
 list-style-type: none;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.3em;
 letter-spacing: 0.1em;
 color: #940;
}

#zc_control {
 position: absolute;
 top: 105px;
 margin: 0;
 padding: 3px 0 0;
 width: 570px;
 height: 15px;
 border-top: 1px solid #f60;
 list-style-type: none;
}

#zc_control li {
 cursor: pointer;
 float: right;
 margin: 0 10px;
 height: 15px;
 font-size: 11px;
 color: #f60;
}


/*----------------------------------------------
 トップナビ
----------------------------------------------*/
#top_navi_header {
 clear: both;
 width: 900px; height: 20px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_header.png);
}

#top_navi_body {
 width: 900px;
 height: 84px;
 overflow: hidden;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_body.png);
}

#top_navi_footer {
 width: 900px; height: 20px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_footer.png);
}

#top_navi_list {
 clear: both;
 margin: 0;
 padding: 2px 15px;
 width: 870px;
 height: 110px;
 list-style-type: none;
}

#top_navi_list li {
 cursor: pointer;
 float: left;
 margin: 0; padding: 0;
 width: 140px; height: 80px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_items.png);
 text-indent: -9999px;
}

#top_navi_list li:hover {
 background-color: #fff;
 filter: alpha(opacity=75);
 -moz-opacity:0.75;
 opacity:0.75;
}

#top_navi_item0 {background-position: 0 0;}
#top_navi_item1 {background-position: -140px 0;}
#top_navi_item2 {background-position: -280px 0;}
#top_navi_item3 {background-position: -420px 0;}
#top_navi_item4 {background-position: -560px 0;}
#top_navi_item5 {background-position: -700px 0;}

#top_navi_contents {
 clear: both;
 margin: 0 6px 0;
 padding: 35px 0px 5px;
 width: 888px;
 height: 475px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_contents_header.png);
 background-repeat: repeat-x;
 text-align: left;
}

#top_navi_close {
 margin: 0 0 0 405px;
 width: 90px;
 height: 30px;
 cursor: pointer;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_close.png);
}

#top_navi_brand_list_box {
 float: left;
 position: relative;
 top: 0; left: 0;
 margin: 15px 0 0 10px;
 padding: 5px 0;
 width: 215px;
 height: 450px;
 overflow: hidden;
}

#top_navi_brand_preview_box {
 position: relative;
 top: 50px; left: 0;
 margin: 0 0 0 255px;
 width: 590px;
 height: 390px;
 overflow: hidden;
 border: 2px solid #e0d2bb;
 
 background-image: url(css_bg/scui_loader.gif);
 background-repeat: no-repeat;
 background-position: center center;
}

#top_navi_brand_preview_box img {
 position: absolute;
 top: -5px;
 left: -5px;
 display: none;
}

#top_navi_brand_list {
 position: absolute;
 margin: 0;
 padding: 0;
 width: 215px;
 list-style-type: none;
 /*background-color: #e0d2bb;*/
}

#top_navi_brand_list_up   {cursor: pointer; position: absolute; top: 0;    left: 0; width: 215px; height: 35px; background-image: url(http://www.ccucco.com/site/library/css_bg/sc_navi_up.png);}
#top_navi_brand_list_down {cursor: pointer; position: absolute; bottom: 0; left: 0; width: 215px; height: 35px; background-image: url(http://www.ccucco.com/site/library/css_bg/sc_navi_down.png);}

#top_navi_brand_list li {
 margin: 0; padding: 25px 15px 12px 15px;
 cursor: pointer;
 background-color: transparent;
 border-bottom: 1px solid #e0d2bb;
 background-image: url(http://www.ccucco.com/site/library/css_bg/top_navi_brand_list_on.png);
 background-repeat: no-repeat;
 background-position: -215px 0;
}

#top_navi_brand_list h4 {
 margin: 0; padding: 3px 0;
 font-size: 13px;
 line-height: 1.2em;
 color: #333;
}

#top_navi_brand_list span {
 display: block;
 font-size: 12px;
 color: #555;
}

#top_navi_brand_list p {
 margin: 2px 0 5px; padding: 0 0;
 font-size: 12px;
 color: #864;
 line-height: 1.3em;
 letter-spacing: 0.1em;
}

#top_navi_brand_list a {
 display: block;
 margin-top: 5px;
 text-align: right;
}


/*----------------------------------------------
 レフトナビ            
----------------------------------------------*/
#left_navi_topcap {
 width: 180px; height: 31px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/brandindex.png);
}

#left_navi_bottomcap {
 width: 180px; height: 19px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/leftnaviunder.png);
 background-repeat: no-repeat;
}

#brand_list
{
 background-color: #fff;
 margin: 0;
 padding: 10px 0; 
 list-style-type: none;
 border: 1px solid #ddd;
}
#brand_list {width: 178px;}
* html #brand_list {
 width: 178px;
 width /**/: 180px;
}

#brand_list li    /* 各ブランド　ボックス */
{
 margin: 0;
 padding: 0;
 font-size: 12px;
 font-weight: normal;
 line-height: 1.1em;
}

#brand_list a 
{
 display: block;
 padding: 3px 8px 4px;
 color: #666;
 text-decoration: none;
 background-image: url(http://www.ccucco.com/site/library/css_bg/leftnavi_curr_brand.png);
 background-position: -200px 0;
 background-repeat: no-repeat;
}
#brand_list a 
{
 width: 162px;
}
* html #brand_list a {
 width: 162px;
 width /**/: 178px;
}

html>/**/body #brand_list a:first-letter {
 color: #333;
 font-size: large;
 font-weight: bold;
 letter-spacing: 0.1em;
}

#brand_list span    /* ブランドタイトル（日本語部分） */
{
 display: block;
 font-size: 11px;
 color: #d00;
}
 
#brand_list a:link    {background-color: transparent;}
#brand_list a:visited {background-color: transparent;}
#brand_list a:hover   {background-color: #efefef;}
#brand_list a:active  {background-color: transparent;}


/*----------------------------------------------
                 ブランドサーチ 
----------------------------------------------*/
#bs_keys {
 clear: both;
 list-style-type: none;
 padding: 0 2px 0 0;
 height: 130px;
 margin: 0;
 background-image: url(http://www.ccucco.com/site/library/css_bg/bs_keys.gif);
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 overflow: hidden;
}
#bs_keys {width: 176px;}
* html #bs_keys {
 width: 176px;
 width /**/: 180px;
}

#bs_keys li {
 float: left;
 cursor: pointer;
 width: 25px; height: 30px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/bs_keys.gif);
}

li#clear_key {width: 50px;}

#bs_status {
 clear: both;
 display: none;
 padding: 5px 0;
 width: 178px; height: 50px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/bs_status.gif);
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 overflow: hidden;
}
*html #bs_status {width: 180px;}

#bs_prev {
 float: left; 
 cursor: pointer;
 padding-left: 10px;
 width: 15px; height: 30px;
}
*html #bs_prev {
 float: left; 
 cursor: pointer;
 padding-left: 0px;
 width: 25px; height: 30px;
}

div#bs_ini {
 display: block;
 width: 30px;
 height: 25px;
 float: left;
 padding: 2px 0;
 margin: 0;
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 line-height: 1em;
 color: #000;
 border: 1px solid #efefef;
}

#bs_next {
 float: left; width: 15px; height: 30px;
 cursor: pointer;
}

#bs_all {
 float: right;
 margin: 27px 3px 0 0;
 width: 100px; height: 20px;
 cursor: pointer;
}



/*====================================================
                    トピックパス                       
====================================================*/
a.crumbsList {display: none;}
span.crumbsList {display: none;}

div#topic_path {
 margin-top: -23px;
 width: 700px;
 height: 37px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/topic_path_bg.png);
}
div#topic_path {
 margin-top: -23px;
}
* html div#topic_path {
 margin-top: -28px;
 margin-top /**/: -23px;
}

div.topic_path_step {
 float: left;
 width: 14px;
 height: 37px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/topic_path_step.png);
}

div#topic_path a {
 display: block;
 float: left;
 color: #999;
 line-height: 1.1em;
 text-decoration: none;
 font-weight: bold;
}

div#topic_path a:link {color: #999;}
div#topic_path a:visited {color: #999;}
div#topic_path a:hover {color: #69f; text-decoration: underline;}
div#topic_path a:active {color: #69f; text-decoration: underline;}

a.topic_path_top {
 width: 105px; height: 37px;
}

a.topic_path_single {
 padding: 13px 0 0 5px;
 font-size: 11px;
}

a.topic_path_double {
 padding: 8px 0 0 5px;
 font-size: 11px;
}

/*----------------------------------------------
 ショッピングガイド
----------------------------------------------*/
#guide {
 margin: 15px auto;
 width: 900px;
 line-height: 1.3em;
 letter-spacing: 0.08em;
}

#guide_header {
 width: 898px;
 height: 40px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/guide_header.png);
}

#guide_body {
 width: 898px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/guide_body.png);
 text-align: left;
 overflow: hidden;
}

#guide_body h2 {
 margin: 0 0 0 10px;
 width: 240px;
 height: 40px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/guide_title_bg.png);
 text-indent: -9999px;
}

#guide_list {
 float: left;
 padding: 0;
 width: 260px;
 list-style-type: none;
}
#guide_list {margin: 0 0 0 10px;}
* #guide_list {
 margin: 0 0 0 5px;
 margin /**/: 0 0 0 10px;
}

#guide_list li {
 width: auto;
 cursor: pointer;
 padding: 10px 10px 15px 25px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/guide_list.png);
 background-position: -520px 0;
 font-size: 13px;
 font-weight: bold;
 color: #666;
}

#guide_contents {
 margin: 0 0 0 280px;
 padding: 0;
 width: 585px;
 list-style-type: none;
 overflow: hidden;
}

#guide_contents li {
 margin: 0 0 30px;
}

#guide_contents h3 {
 margin: 15px 0 5px;
 font-size: 16px;
 font-weight: bold;
 color: #79b;
}

#guide_contents h4 {
 margin: 6px 0 4px;
 font-size: 14px;
 font-weight: bold;
 color: #333;
}

#guide_contents p {
 margin: 5px 0 25px;
 font-size: 13px;
 color: #888;
}

#guide_contents ul {
 margin: 5px 0 25px;
 padding: 0 0 0 25px;
 font-size: 13px;
 color: #888;
}

#guide_contents ul li {
 margin: 4px 0;
}

#guide_contents dl {
 margin: 5px 0 25px;
 clear: both;
 color: #888;
 font-size: 13px;
}

#guide_contents dt {
 float: left;
 margin: 0 0 0 7px;
 width: 125px;
 border-left: solid 8px #CCC;
 border-bottom: 1px solid #ccc;
 padding-left: 5px;
 margin-bottom: 10px;
 clear: both;
}

#guide_contents dd {
  margin-left: 150px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#guide_footer {
 width: 898px;
 height: 50px;
 background-image: url(http://www.ccucco.com/site/library/css_bg/guide_footer.png);
}


/*----------------------------------------------
 フッター
----------------------------------------------*/
#footer {
 margin: 10px auto;
 width: 900px;
 text-align: left;
 overflow: hidden;
}

.footer_notice {
 float: left;
 margin-right: 10px;
 width: 440px;
}

#footer h3 {
 margin: 10px 0;
 padding: 5px 10px;
 width: 420px;
 height: 15px;
 background-color: #aaa;
 
 font-size: 15px;
 font-weight: bold;
 color: #fff;
}

#footer p {
 margin: 10px 15px 5px 5px;
 clear: both;
 color: #666;
 font-size: 13px;
 line-height: 1.25em;
}

#footer ul {
 margin: 5px 20px 10px 0;
 padding-left: 25px;
 color: #666;
 font-size: 13px;
 list-style-type: square;
 line-height: 1.25em;
}

#footer ul li {padding: 2px 0;}

#footer dl {
 color: #888;
 font-size: 12px;
}

#footer dt {
  clear: left;
  float: left;
  margin: 0 0 0 7px;
  width: 115px;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
  margin-bottom: 10px;
}

#footer dd {
  margin-left: 110px;
  margin-bottom: 10px;
}