@charset "utf-8";

/**************************************************
全てのページに共通されているスタイルシート
リンク関係は　⇒　link.css
**************************************************/


*{
margin: 0;
padding: 0;
color: #333;
line-height:1.6;
text-align: left;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
}

#menu_s span, #menu span, #info span, #product_photo span,
#past span, #voice span, #pro_all span, #happy span,
.watch span, .salad span{
display: none;
}

img{
border: none;
}

li{
list-style-type:none;
display:inline;
}

.clear{
clear: both;
}


/*************************
 全体　幅1000px 
*************************/
#body{
width:1000px;
text-align: center;
margin: 0 auto;
border-right: #000 1px solid;
border-left: #000 1px solid;
}


/*************************
 ヘッダー
*************************/

/* タイトルロゴ */
#header{
background:#fff url(../img/happy.gif) no-repeat top center;
height:93px;
}

/* キャッチコピー */
#copy{
height: 19px;
}

h1{
text-align:right;
padding: 3px 100px 3px 0;
font-size: 63%;
letter-spacing: 0.1em;
line-height: 1;
font-weight: normal;
}


/*************************
 全体　幅800px 801から変更
*************************/ 
#all{
text-align: center;
margin: 0 auto;
width: 800px;
clear: both;
}


/*************************
  2カラム分け
*************************/ 
/* 2カラム全体 */
#box{
margin: 0 auto;
background:#fff url(../img/box_bg.gif) repeat-y;
float:left;
}


/*************************
  左カラム(サイドナビ)
*************************/ 
#sub{
width:210px;
float:left;
}

#sub p{
text-align: center;
margin-bottom: 5px;
line-height: 1;
}


/*************************
  右カラム(メイン)
*************************/ 
#main{
float:right;
}

/* トップページへ */
#to_top{
clear: both;
float: left;
text-align: right;
width:590px;
height: 20px;
} 


/*************************
  フッター
*************************/ 
#footer{
clear: both;
height: 51px;
background:#fff url(../img/footer.gif) repeat-x;
}

#footer ul{
text-align:center;
/* font-size を　65％にするとOperaで
hoverの時に下線が消えない為70％に設定しました。*/ 
font-size: 70%;
padding-top: 25px;
}

#footer li{
margin-right:6px;
padding-left:10px;
border-left:1px solid #666;
}

#footer li.home{
border-left:0;
padding-left:0;
}


/*************************
  コピーライト
*************************/ 
address{
text-align: center;
padding: 3px;
/* Photoshopの注意書き『ココの開き（margin）は、10px』とは一番下の開きの事ですか？
margin-bottom: 10px;　*/
background: #0271b4;
color: #fff;
font-style: normal;
font-size: 65%;
letter-spacing: 0.1em;
}