@import "base.css";


/* ********************************************************* */
/* 右フレーム用 */
/* ********************************************************* */


/* レイアウト----------------------------------------------- */

/* 全体 */
#wrapper {
width:500px;/* 横幅 */
text-align:left;
margin:0px auto;/* autoは真ん中寄せに必須 */
}

/* フッター */
#footer {
margin:20px 0px;
padding:0px 0px 50px 0px;
text-align:right;
}

/* 見出し--------------------------------------------------- */

/* サイトタイトル(表示不要の場合display:none;を足して下さい) */
#wrapper h1 {margin:5px 0px 20px 0px;text-align:right;}

/* 記事タイトル */
#wrapper h2,#wrapper h3,#wrapper h4 {
font-size:120%;
font-weight:bold;
margin:10px 0px;
padding-left:28px;
background:url(../img/hosi.gif) no-repeat left center;
}

/* 記事----------------------------------------------------- */

#wrapper p {
margin:10px 5px;
line-height:180%;
}

/* p下部に余白 */
#wrapper p.blank {padding-bottom:30px;}

/* 文字を大きくする */
#wrapper p.text {
font-size:110%;
line-height:200%;
}

/* 装飾(背景を付ける) */
#wrapper p.box1 {
font-size:100%;
line-height:180%;
padding:10px 10px;
border:1px solid #dddddd;
background:url(../img/w-line1.gif);
}

/* 戻りリンク----------------------------------------------- */

ul.pagetop {padding:10px 10px 0px 0px;text-align:right;}
ul.pagetop li {display:inline;}/* 横並び */

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

#wrapper ul {margin:0px 5px 10px 5px;list-style:disc inside;}
#wrapper li {margin:3px 0px;list-style:disc inside;}

/* 説明付きリスト------------------------------------------- */

#wrapper dl {margin:0px 5px 30px 5px;}

#wrapper dt {
color:#D25A7F;/*文字色*/
font-size:110%;/*文字サイズ*/
font-weight:bold;
}

#wrapper dd {margin:5px 0px 5px 15px;}

/* リンク用リスト------------------------------------------- */

#wrapper ul.link01 {list-style:none;} 

#wrapper ul.link01 li {
list-style:none;
display:inline;/* 横並び指定 */
padding:1px 1px;
}

#wrapper dt a {
color:#D25A7F;/*文字色*/
font-size:100%;/*文字サイズ*/
font-weight:bold;
}


/* フッター************************************************* */

#footer ul {padding:5px 10px;}
#footer li {display:inline;}/* 横並び */


/* イラストページ******************************************* */

#pict {
width:500px;/* 横幅 */
text-align:center;
margin:0px auto;/* autoで真ん中寄せ */
}

/* サイトタイトル(表示不要の場合display:none;を足して下さい) */
#pict h1 {margin:5px 0px 20px 0px;text-align:right;}

/* タイトルバー(見出し) */
#pict h2 {
color:#ffffff;
font-size:120%;
font-weight:bold;
margin:5px 0px;
padding:2px 3px;
background:#333333;
}

#pict p {margin:0px 0px;}

/* コメント部分 */
#pict p.com {
line-height:170%;
padding:10px 0px 15px 0px;
background:url(../img/cl-lm29.gif) repeat-x bottom;
}

/* 画像の周りに枠をつける */
#pict .img {border:1px solid #333333;}


/* フォーム************************************************* */

#wrapper form {margin:5px 3px;}

#wrapper input,#wrapper textarea,#wrapper select {
color:#333333;
margin:1px 0px;
padding:1px;
line-height:100%;
border:1px solid #333333;
}

/* 一言メルフォ用 */
#wrapper input.name {width:80px;}
#wrapper input.msg {width:300px;}
#wrapper input.button {
color:#ffffff;
background:#333333;
}

/* メルフォ用 */
#wrapper input.input {width:250px;}
#wrapper textarea.textarea {width:250px;height:100px;}
#wrapper input.submit {
width:254px;
color:#ffffff;
padding:2px 0px;
background:#333333;
}

/* ********************************************************* */