@import "base.css";


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


body {padding-left:5px;}


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


#wrapper {
width:500px;
height:100%;
min-height:100%;
text-align:left;
padding-bottom:80px;
background:url(../img/h-line2.gif) repeat-y left;/* 縦ラインの表示 */
}

body > #wrapper {height:auto;}/* 縦100%表示の為のハック */


/* サイトタイトル------------------------------------------- */

#wrapper h1 {
text-align:right;
padding:3px 0px 0px 0px;
}


/* タイトルバー(見出し)------------------------------------- */

#wrapper .h2 {
text-align:right;
margin:10px 0px;
background:url(../img/w-line.gif) repeat-x center;/* 横ラインの表示 */
}

#wrapper h2 {
z-index:10;
display:inline;
color:#333333;
font-size:120%;
font-weight:bold;
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
padding-left:2px;
background:#ffffff;
}

/* 記事部分------------------------------------------------- */

#wrapper p {
font-size:100%;
line-height:180%;
padding:5px 5px 20px 20px;
}

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


/* リンクページ--------------------------------------------- */

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

#wrapper ul.link li {
display:inline;/* liを横並び */
padding:0px 1px;
list-style:none;
}

#wrapper p.linktitle {padding:5px 5px 0px 20px;}


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

#wrapper .h3 {
text-align:right;
margin:10px 0px;
background:url(../img/w-line.gif) repeat-x center;/* 横ラインの表示 */
}

#wrapper h3 {
z-index:10;
display:inline;
color:#333333;
font-size:120%;
font-weight:bold;
font-family:Tahoma,"Century Gothic",Osaka;
letter-spacing:1px;
padding-left:2px;
background:#ffffff;
}

ul#foot {
text-align:right;
list-style:none;
margin:-5px -5px 0px 0px;
}

ul#foot li {
display:inline;/* liを横並び */
padding:0px 1px;
list-style:none;
}


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

#wrapper ul li {list-style:square inside;}

#wrapper ul {padding:5px 5px 0px 20px;}


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

#wrapper dl {padding:5px 5px 5px 20px;}

#wrapper dt {color:#91c43c;font-weight:bold;font-size:120%;}

#wrapper dd {padding:2px 0px 5px 10px;}

/* リンク */
#wrapper dt a {color:#91c43c;font-weight:bold;font-size:120%;}


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

#wrapper form {padding:5px 5px 5px 20px;}

#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:300px;}
#wrapper textarea.textarea {width:300px;height:100px;}
#wrapper input.submit {
width:304px;
color:#ffffff;
padding:2px 0px;
background:#333333;
}


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