@charset "Shift_Jis";

/*  全体への指定 */ 

*{margin:0px; padding:0px; font-style:normal; background:transparent; text-align:left;
 font-family:Verdana,Chicago,"ＭＳ Ｐゴシック",Osaka,sans-serif;}

body{color:#000; font-size:70%; line-height:170%;}


/*  リンクへの指定 */ 

a{color:#00cccc; text-decoration:none;}
a:hover{color:#ccc;}
.menu a,#footer a{color:#000;}
.menu a:hover{color:#caa3ba; font-weight:bold;}
.menu2 a:hover{color:#fff;}

/*  レイアウト（ボックス類） */ 

.menu,.menu2,.main,h2{background:#fff;}

.image
{height:200px; background-image : url(img/calpis1.gif);background-color : white;
 border:solid #000; border-width:1px 0px; margin-top:20px;}

.menu,.menu2,.text{position:relative;}

.menu li,.menu2 li{height:18px; list-style:none outside; font-size:1em;}
.menu{width:310px; height:202px; margin:-1px 0px -1px 0px; border-right:solid #000 1px;}
.menu li{ border-bottom:solid #000 1px; padding:3px 30px 3px 0px; text-align:right;}
.menu2
{width:140px; height:184px; margin:-201px 0px -1px 12px; padding-top:18px;
 border:solid #000; border-width:0px 1px; left:310px; float:left;}
.menu2 li{margin-bottom:1px; padding:3px 15px; background:#eee;}

.main{margin-top:10px;}

.text{margin:-12px 0px 50px; padding:30px 20% 0px 50px; border-top:solid #000 1px;}

#footer{height:25px; padding:0px 40px 15px; text-align:right;}


/* 見出しへの指定 */

h2,h3{font-size:1em;}
h1{font-size:2em; font-family:"Century Gothic",Times,serif; margin:140px 20px 0px; float:right;}
h2
{width:200px; padding:2px 30px; font-weight:normal; border:solid #000 1px;
 border-left-width:0px; position:relative; z-index:1; background:#fff;}
h3{margin-bottom:12px; padding-left:8px; border-left:solid #caa3ba 4px; font-weight:normal;}


/* リンクページに使用しているリストへの指定 */

dl{line-height:150%; margin:0px 0px 16px;}
dt{float:left; margin-right:5px;}
dl.illustration dd{height:36px; margin-bottom:10px; padding-top:4px;}
dl.material dd{height:31px; margin-bottom:7px;}
dl img{margin:0px;}


/* コンタクトページに使用しているフォームへの指定 */

input,textarea{padding:1px; margin:1px 0px; font-size:1.0em; overflow:auto; border:solid #000 1px;}
#submit,#reset{width:80px; text-align:center;}
#name,#address,#url{width:200px;}
#message{width:260px;}


/* HTMLサンプル類 */

em{color:#fff; font-weight:bold; background:#caa3ba;}
del{text-decoration:line-through;}
.block{border:dotted #ccc 2px; padding:8px; margin:15px 0px;}
ul,ol{list-style-position:inside; margin-bottom:15px;}
.circle{list-style-type:circle;}
.square{list-style-type:square;}


/* その他 */

p{margin-bottom:13px;}
img{border:0px; margin:2px 0px;}