@charset "Shift_JIS";

/* 全称セレクタ */
*{
margin:0;padding:0;
font:normal normal normal x-small/1.5 Verdana,Osaka,Chicago,sans-serif;
border:none;
}

/* 全体指定------------------------------------------------- */

body {
color:#333333;
text-align:center;
height:100%;
}

html {
scrollbar-arrow-color:#333333;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
height:100%;
}
/* スクロールバー指定が不要の場合はスクロール部分のみ削除して下さい */

a{text-decoration:none;}
a:link,a:visited {color:#999999;}
a:active {color:#999999;}
a:hover {color:#333333;position:relative;top:1px;left:1px;}

em {font-weight:bold;}/* 強調 */
strong {color:#999999;font-size:120%;font-weight:bold;}/* より強調 */
ins {text-decoration:underline;}/* 追加(下線) */
del {text-decoration:line-through;}/* 削除 */

hr {display:none;}/* ライン(非表示) */


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


/* ラッパー(全体) */
#wrapper {
width:600px;/* 横幅 */
margin:0px auto;/* autoで真ん中寄せ */
text-align:left;
background:url(img/h-line.gif) repeat-y left;/* 縦ライン背景を指定 */
}

/* ヘッダー */
#head {
width:100%;
height:150px;
background:url(img/top.jpg) no-repeat 10% 0%;
}
/* トップの画像(花)を指定。10% 0%で位置を指定してます */

/* メイン */
#main {margin:15px 0px;}

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

/* ↓20130601 追加↓ */
/* サブ(右カラム) */
#sub {
  overflow: scroll;   /* スクロール表示 */ 
  width: 400px;
  height: 100px;
  background-color: white;

}
/* ↑20130601 追加↑ */

/* ********************************************************* */
/* 詳細設定 */
/* ********************************************************* */


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

/* サイトタイトル */
#head h1 {
color:#333333;
font-size:360%;
font-family:"Century Gothic",Osaka;
letter-spacing:1px;
text-align:right;
padding:60px 0px 0px 0px;/* 60pxは上からの位置 */
}

#head p {
margin:-5px 0px 0px 0px;
text-align:right;
}


/* メニュー------------------------------------------------- */

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

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

/* メニューリンク */
ul#menu a:link,ul#menu a:visited,ul#menu a:active {color:#333333;}
ul#menu a:hover {color:#71cc44;}


/* メイン--------------------------------------------------- */

#main h2,#main h3,#main h4 {
color:#ffffff;
font-size:100%;
margin:5px 0px 10px 0px;
padding:3px 10px;
background:url(img/entry.gif) no-repeat left center;/* 角丸ライン画像を指定 */
}

#main p {
margin:15px 0px 25px 40px;
line-height:180%;
}

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

/* ラインと背景画像付き */
#main p.box {
padding:5px 10px;
border:1px solid #dddddd;
background:url(img/back.gif);
}

/* 下部に余白をつける */
#main p.blank {
padding-bottom:40px;
}

/* 下部の余白を無くす */
#main p.none {
margin-bottom:-8px;
}

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

#main ul.pagetop {
margin:10px 0px;
text-align:right;
list-style:none;
}

#main ul.pagetop li {
padding:0px 0px;
display:inline;/* 横並び */
list-style:none;
}


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

#main ul {
margin:5px 0px 5px 40px;
list-style:square inside;
}

#main li {list-style:square inside;}


/* マーカーを画像にする */
#main ul.list01 {list-style:none;} 

#main ul.list01 li {
list-style:none;
background:url(img/ci-b44.gif) no-repeat left center;
}

/* IE6以外用ハック */
#wrapper > #main ul.list01 li {
list-style:none;
padding-left:12px;
background:url(img/ci-b44.gif) no-repeat left center;
}


/* リンクページ用 */
#main ul.link {
padding:10px 0px 15px 0px;
list-style:none;
}

#main ul.link li {
display:inline;/* 横並び */
list-style:none;
}


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

#main dl {padding:0px 0px 5px 40px;}

#main dt {
color:#999999;
font-size:110%;
}

#main dd {padding:3px 0px 5px 15px;}


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

#foot ul {}
#foot li {display:inline;}/* 横並び */

/* フッター用リンク */
#foot a:link,#foot a:visited,#foot a:active {color:#333333;}
#foot a:hover {color:#71cc44;}


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


form {margin:15px 0px 25px 40px;}

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

.input {width:40%;}
.textarea {width:40%;height:100px;}
.submit {width:41%;color:#ffffff;background:#333333;}


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