@charset "Shift_JIS";
*{
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding:0;
background-repeat: no-repeat;
}

a img {
border: none;
color: #ffffff;
background: transparent;
}

#wrapper {
width: 800px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

strong {
color: #cc0000;
}

em {
font-style: normal;
color: #cc0000;
}

td {
padding: 3px;
line-height: 160%;
font-size: 13px;
color: #2b2b2b;
text-align: justify;
text-justify: inter-ideograph;
}


/* リンク
---------------------------------------------------- */
a{
text-decoration : none;
}
a:hover{
text-decoration : none;
background-color: #feeeed;
color:#CC0000;
}

/* ヘッダ
---------------------------------------------------- */
#header{
width:800px;
height:61px;
border-bottom: 1px solid #000000;
background-color:#33a3dc;
}

#header img {
left: 0;
float: left;
}

#header h1 {
text-align: right;
font-size: 14px;
color: #ffffff;
margin: 3 8 -5;
padding: 1em;
}

#menu{
margin: 0;
line-height: 1.0;
background-color:#c1e4e9;
width: 800px;
border-bottom: 1px solid #000000;
}

#menu ul {
margin: 0;
padding: 5px;
width: 760px;
list-style: none;
text-align: center;
font-size: 11px;
line-height: 1.0;
}

#menu li {
display: inline;
padding-left: 40px;
text-transform: uppercase;
vertical-align: top;
}

#menu li a {
color:#000000;
}

/* コンテンツ
---------------------------------------------------- */
#content {
float: right;
width: 550px;
padding-left:30px;
padding-bottom:30px;
background-color:#ffffff;
border-left: 1px solid #cccccc;
}

#content img {
　margin-bottom:20px;
}

#content img.left{
float:left;
margin: 0px 15px 15px 0px;
}

#content img.top{
margin-top: 50px;
margin-bottom: 20px;
}

.basec {
float: left;
margin-left: 0px;
width: 500px;
}

.basec p {
margin: 1em 0 1.5em 1em;
line-height: 160%;
font-size: 13px;
color: #2b2b2b;
text-align: justify;
text-justify: inter-ideograph;
}

.right {
float:right;
margin-left:10px;
margin-bottom:10px;
}


#content h2 {
font-size: 13px;
padding: 10px 0 4px 18px;
background-image:url(images/science/h2.gif);
background-position: left bottom;
clear:both;
margin-top:2em;
margin-bottom:5px;
color: #ffffff;
}

#content ul {
margin: 1em 2em;
padding: 2;
list-style: outoside;
width: 450px;
}

#content li {
margin: 0;
padding: 0;
text-align: left;
line-height: 22px;
font-size: 13px;
}

.hr {
size=1px
}

/* ナビゲーション
---------------------------------------------------- */
#navigation {
float: left;
width: 180px;
padding-left: 10px;
margin-top:10px;
border-top: 13px solid #33a3dc;
}

#navigation h3 {
margin: 1em 0 0.3em;
font-size: 12px;
font-weight: bold;
color: #000000;
background: transparent;
padding: 5px;
border-left: 5px solid #33a3dc;
}

#navigation ul {
margin: 0 0 1em;
padding: 2px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #ffffff;
list-style: none;
}

#navigation li {
margin: 0;
padding: 3px;
text-align: left;
line-height: 16px;
font-size: 12px;
color: #000000;
}

#navigation li a {
text-decoration: none; /* ■Firefox等で線が表示されないようにする */
}

#navigation address {
margin: 0;
padding: 1em 0 0 1px;
border-top: 1px solid #cccccc;
font-style: normal;
font-size: x-small;
text-transform: uppercase;
line-height: 1.5;
color: #999999;
background: transparent;
}
#navigation div {
margin: 0.7em 0 0 5px;
}

/* フッタ
---------------------------------------------------- */
#footer {
width:800px;
clear: both;
}

#footer ul {
margin: 0;
padding: 15px 0;
width: 742px;
list-style: none;
text-align: right;
font-size: 13px;
}

#footer li {
display: inline;
padding-left: 1.7em;
text-transform: uppercase;
}
#footer li a {
padding: 11px 0;
vertical-align: middle;
text-decoration: none;
}

#footer p {
margin: 0;
padding: 1em 35px 1em 0;
text-align: right;
text-transform: uppercase;
font-size: 11px;
color: #ffffff;
background-color:#33a3dc;
}

/* コメント入力
---------------------------------------------------- */

#comment {
margin-left: 2em;
margin-top: 1em;
text-align: left;
line-height: 160%;
font-size: 13px;
}

#comment p {
text-align: left;
line-height: 160%;
font-size: 13px;
}



/* コメント出力
---------------------------------------------------- */

#list h3 {
font-size: 14px;
padding: 10px 0 4px 18px;
background-image:url(images/h3.gif);
background-position: left bottom;
clear:both;
margin-top:30px;
color: #ffffff;
}


#list p {
margin-left: 2em;
margin-top: 1em;
text-align: left;
line-height: 160%;
font-size: 13px;
}

/* アイテム枠線
---------------------------------------------------- */

#content h4{
background-color: #DCDCDF;
color: #221122;
width: 480px;
margin: 25px 0 0 0.1;
padding: 5px 1em;
border-left: double 17px #888888;
border-right: dashed 2px #DCDCDF;
font-size: 13px;
font-weight: bold;
font-family: Tahoma;
letter-spacing: 0.2em;
}

.text{
width: 477px;
padding: 8px 4px 7px 9px;
margin: 0px 0px 10px 3px;
border-left: solid 1px #888888;
border-bottom: solid 1px #989898;
border-right: dashed 2px #FDFDFD;
background-color: #FDFDFD;
font-size: 13px;
line-height: 19px;
text-align: justify;
text-justify: inter-ideograph;
}

/* かおるこワークス（店主紹介）のテーブル
---------------------------------------------------- */

#pbox h3{
font-size: 14px;
padding: 10px 0 4px 18px;
background-image:url(images/h3.gif);
background-position: left bottom;
clear:both;
margin-top:1em;
margin-bottom:5px;
color: #cc0000;
}

#pbox p {
margin: 0 0 1.5em 1em;
line-height: 160%;
font-size: 13px;
color: #2b2b2b;
text-align: justify;
text-justify: inter-ideograph;
}

/* かおるこワークス（店主紹介）のテーブル
---------------------------------------------------- */

table {
width:460px;
}

td.gray {
background-color:#888888;
width: 100px;
color:#ffffff;
line-height: 150%;
font-size: 12px;
vertical-align:top;
padding: 5px;
}


td.pink {
vertical-align:top;
width: 500px;
line-height: 150%;
font-size: 12px;
border:1px solid #ffcccc;
padding: 5px;
}

td.white {
width: 360px;
color:#666666;
line-height: 150%;
font-size: 12px;
border:1px solid #cccccc;
padding: 3px;
}