/* パンくず
---------------*/

#rout          { font-size:85%; letter-spacing:0.1em;}
#rout .link    { float:left; }
#rout .link a  { background:url(../img/common/icon_link.png) no-repeat 10px center; display:block; padding: 10px 10px 10px 30px; }
#rout .no_link { background:url(../img/common/icon_no_link.png) no-repeat 10px center; padding:10px 10px 10px 30px; float:left; color:#999; }



/* メインフレーム
---------------*/

#main {
    border: 1px solid #dedede;
    border-top: 1px solid #333;
    width: 950px;
    margin: 0px auto;
    background-color: #fefcf7;
    padding-bottom: 20px;
}

#main aside {
    float: left;
    width: 200px;
}

#main .col_left {
    float: left;
    width: 200px;
}

#main .col_right {
    float: right;
    width: 620px;
}

#main .inner {
    padding: 0px 30px 30px 30px;
}


/* 会社概要
---------------*/

#company #main aside {
    float: left;
    width: 340px;
    padding:60px 0px 0px 50px;
}

#company #main .col_right {
    float: right;
    width: 480px;
    padding: 70px 40px 25px 0px;
}

#company section {
    padding:25px 0px 10px 0px;
    clear:both;
    background: url(../img/common/hr_dot.gif) repeat-x 0px 0px ; 
}

#company section h1.m01 , 
#company section h1.m02 {
    font-size:85%;
    font-weight:normal;
    padding: 5px;
    width: 100px;
    color: #FFFFFF;
    letter-spacing: 0.1em;
    text-align: center;
    float: left;
}

#company section h1.m01 { background: url(../img/base/bg_03.gif) repeat left top #1A1010; }
#company section h1.m02 { background-color: #776750;}
#company section h2 { font-size:100%; font-weight:normal; }

#company section.data h2 , 
#company section.data p {
    float: right;
    width: 350px;
    line-height: 1.4em;
}

/* 求人
---------------*/

#recruit aside {
    float: left;
    width: 390px;
    margin: 60px 0px 50px 60px;
}

#recruit .col_right {
    float: right;
    width: 400px;
    margin: 70px 50px 0px 0px;
}


/* モバイル
---------------*/

#mobile #main aside {
    float: left;
    width: 340px;
    padding:60px 0px 80px 50px;
    text-align:center;
}
#mobile #main aside img {
    margin: 20px auto;
}

#mobile .col_right {
    float: right;
    width: 480px;
    padding: 70px 40px 80px 0px;
}


/* ストーリー
---------------*/

#story #main { padding: 65px 0px; }
#story #main h1 , 
#story #main h2 , 
#story #main p {
    margin:0px;
    text-align:center;
}


/* ストーリー編集（ZIP）
---------------*/

#story_zip #main { padding: 0px 0px; }
#story_zip #main h1 , 
#story_zip #main h2 , 
#story_zip #main p {
    margin:0px;
    text-align:center;
}


/* 物産展情報
---------------*/

#fair aside h1 { margin: 0px 0px 60px 0px; }
#fair aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#fair .col_right h1      { font-size:131%; }
#fair .col_right h1 span { font-size:85%; margin:0px 2px; }
#fair .col_right {
    float: right;
    width: 580px;
    margin: 70px 50px 0px 0px;
}

#fair #data { padding:40px 0px;}
#fair #data .cl_left  {width:300px; float:left;}
#fair #data .cl_right {width:250px; float:right;padding:10px 0px 0px 0px;}


/* スイーツ
---------------*/

/* トップ */

#sweets aside h1 { margin: 0px 0px 60px 0px; }
#sweets aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#sweets .col_right .read { width:580px; margin:20px 0px 0px 0px;}
#sweets .col_right {
    float: right;
    width: 620px;
    margin: 0px 0px 0px 0px;
}

/* 商品紹介 */

#sweets .box_l { float: left ; width: 400px; margin: 15px 0px 45px 15px; }
#sweets .box_r { float: right; width: 400px; margin: 15px 15px 45px 0px; }

#sweets .box_l h3 , #sweets .box_r h3   { font-size:93%; background: url(../img/common/hr_dot.gif) no-repeat left bottom; padding:0px 0px 10px 0px; }
#sweets .box_l img , #sweets .box_r img { float:left; margin:0px 15px 15px 0px; width:210px; height:auto; }
#sweets .box_l p , #sweets .box_r p     { font-size:85%; color:#666; margin:10px 0px 0px 225px; }
#sweets .box_l p.price , #sweets .box_r p.price  { font-size:85%; color:#F63; }
#sweets .box_l p.price strong , #sweets .box_r p.price strong { font-size:140%; color:#F63; font-weight:bold }
#sweets .btn_buy a { 
    background: url(../img/sweets/btn_buy.gif) no-repeat 0px 0px;
    width:175px;
    height:25px;
    display:block;
    text-indent:-9999px;
    margin:10px 0px 0px 225px;
}

/* デコレーション
---------------*/

#deco .deco_top    { padding:0px; }
#deco .deco_bottom { padding:20px; }



/* カフェ
---------------*/

#cafe aside h1 { margin: 0px 0px 60px 0px; }
#cafe aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#cafe .col_right .read { width:580px; margin:20px 0px 0px 0px;}
#cafe .col_right {
    float: right;
    width: 620px;
}

/* カフェメニュー */

#cafe h1.title_b {
    background: url(../img/cafe/bg_title.gif) no-repeat left center #eae3d6;
}

.menu_box {
    font-size: 100%;
    line-height: 1.6em;
    margin: 15px 15px 30px 15px;
}


/* チーズ
---------------*/

#blog aside h1 { margin: 0px 0px 60px 0px; }
#blog aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#blog aside h2 {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.2em;
    margin:10px 0px 15px 0px;
}

#blog aside h2 a {
    background-color: #FBF7F4;
    padding: 10px;
    display: block;
}

#blog aside h3 {
    font-size: 100%;
    font-weight:normal;
    margin:50px 0px 15px 0px;
}

.blog_rss a {
    background: url(../img/common/rss.gif) no-repeat -5px center;
    display: block;
    padding: 5px 5px 5px 65px;
    margin:25px 0px;
}


/* チーズメイン */

#blog .col_right {
    float: right;
    width: 570px;
    margin: 70px 50px 0px 0px;
}

#blog .col_right h1 {
    padding: 10px 0px;
    font-size:120%;
    line-height:1.6em;
}

#blog .col_right h1 span {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#999;
    font-weight:normal;
}

p.darkred-right {
    color:#A29770;
    padding:0px;
    float:right;
}

span.number a{
    text-align:center;
    width:33px;
    font-size:12px;
    line-height:1em;
    font-weight: normal;
    background:url(../img/number-bg.jpg) bottom left;
    display: block;
    float:left;
    margin: 5px 5px 0px 0px;
    padding: 9px 0px 9px 0px;
}

span.number a:hover{
    background-position: left top;
}

.blog_edit {
    width: 910px;
    padding: 35px 25px 25px 25px;
}


/* アクセス
---------------*/

#access aside h1 { margin: 0px 0px 60px 0px; }
#access aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#access .col_right {
    float: right;
    width: 620px;
}

#access .col_right .inner {
    padding:0px 50px 40px 0px;
}


/* お問い合わせ
---------------*/

#info aside h1 { margin: 0px 0px 60px 0px; }
#info aside {
    float: left;
    width: 200px;
    margin: 60px 0px 0px 60px;
}

#info .col_right .read { width:580px; margin:20px 0px 0px 0px;}
#info .col_right {
    float: right;
    width: 580px;
    margin: 70px 50px 50px 0px;
}
#info input[type=text] , 
#info select , 
#info textarea { border:2px solid #b36998; padding:8px; margin:3px 0px 10px 0px;}
#info input[type=submit] , 
#info input[type=reset] , 
#info input[type=button] {padding:8px;}