@charset "Shift_JIS";

/* 全称セレクタ--------------------------------------------- */

* {
margin:0;padding:0;
font:normal normal normal 12px/1.6 Verdana,Osaka,Chicago,sans-serif;
border:none;
}
/* 全体の文字サイズを変更したい場合は「12px」を変更して下さい。「1.6」は行間です */

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

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

html {
scrollbar-arrow-color:#333333;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#333333;
scrollbar-3dlight-color:#333333;
scrollbar-track-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#333333;
background:url(画像アドレス) no-repeat 100% 100% fixed;/* ←背景画像(ページ全体)を入れたい場合はここに */
}
/* スクロールバー指定が不要の場合は削除して下さい */

/* リンク--------------------------------------------------- */

a{text-decoration:none;font-size:100%;}
a:link,a:active {color:#474b42;}/*濃いめグレー */
a:visited {color:#4682b4;} /*steelblue*/
a:hover {color:#333333;position:relative;top:1px;left:1px;}/*黒 */

/* 文字----------------------------------------------------- */

em {font-weight:bold;font-size:100%;}/* 強調 */
strong {font-weight:bold;font-size:100%;border-bottom:2px solid #dcdcdc;}/* より強い強調 */
del {text-decoration:line-through;font-size:100%;}/* 削除 */
ins {text-decoration:underline;font-size:100%;}/* 追加 */

/* その他--------------------------------------------------- */

ul li {list-style:none;}/* リストマーク非表示 */

/* ドットライン用 */
hr {
clear:both;/* 2カラム用のfloat解除 */
height:3px;
margin:3px 0px;
border:none;
background:url(img/w-line.gif) repeat-x center;/* ドットライン画像指定 */
}

/* メインレイアウト? */
/* ヘッダー・フッター・メニュー・パンくず? */
/* 作品展示ページ? */


/* ********************************************************* */
/* メインレイアウト? */
/* ********************************************************* */


/* 横幅指定 */
#contents,#main,ul#pan {width:820px;}/* 記事部分(全体)の横幅指定変更はここです */

/* メイン(1カラム用) */
#main {
text-align:left;
margin:0px auto;
padding:30px 0px 10px 30px;
}

/* #main内(2カラム用)の左右BOX指定------------------------------------- */

/* サブ */
#main_sub {
float:right;/* 右寄せ */
width:220px;
margin:0px 0px;
padding:0px 0px 0px 0px;
}

/* メイン(文章の方) */
#main_main {
float:left;/* 左寄せ */
width:575px;
margin:0px 0px;
padding:0px 0px;
}
/* カラムの左右を入れ替えたい場合はfloatの「left」「right」を入れ替えて下さい。 */

/* メイン(文章の方)（★幅を広く） */
#main_main2 {
float:left;/* 左寄せ */
width:590px;
margin:0px 0px;
padding:0px 0px;
}
/* カラムの左右を入れ替えたい場合はfloatの「left」「right」を入れ替えて下さい。 */


/* ********************************************************* */
/* 1カラム用と2カラム用共通 */
/* ********************************************************* */


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

#main h3,#main h4,#main h5 {
color:#ffffff;/* 文字色 */
font-size:100%;/* 文字サイズ */
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
letter-spacing: 2px;
margin:0px 0px 18px 0px;
padding:1px 5px;
border:1px solid #dcdcdc;
background:#a52a2a;
}

/* サブ見出し1 */
#main .title1 {
color:#383c3c;
font-size:100%;
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
margin:0px 0px 12px 0px;
padding:0px 0px 0px 1px;
border-bottom:3px solid #a52a2a;
}

/* サブ見出し1 -説明*/
#main .title1hatena {
color:#383c3c;
font-size:120%;
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
margin:0px 0px 12px 0px;
padding:0px 0px 0px 1px;
border-bottom:3px solid #a52a2a;
}
/* サブ見出し2 */
#main .title2 {
color:#333333;
font-size:100%;
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
margin:0px 0px 6px 0px;
padding:0px 0px 1px 1px;
background:url(img/w-line.gif) repeat-x bottom;/* ドットライン画像指定 */
}

/* P段落---------------------------------------------------- */

#main p {
font-size:100%;
line-height:150%;/* 行間 */
margin:0px 2px 30px 2px;
padding:0px;
}

#main p.hirome {
font-size:100%;
line-height:190%;/* 行間 */
margin:0px 2px 30px 2px;
padding:0px;
}

/* ノート線付き */
#main p.note {
font-size:100%;
line-height:19px;/* 行間(下のノート画像の高さと合わせてます) */
background:url(img/note.gif);/* 背景指定 */
}

/* 段落下の余白少なめ */
#main p.blank {
margin:0px 2px 10px 2px;
}

/* 文字を小さく */
#main p.small {
font-size:80%;
line-height:170%;/* 行間 */
}

/* 真ん中寄せにする */
#main p.center {text-align:center;}

/* 段落の下にライン */
#main p.info {
font-size:100%;
line-height:160%;/* 行間 */
margin:0px 2px 10px 2px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #333333;
}

/* 枠付きBOX1 */
#main p.box1 {
font-size:90%;
line-height:160%;/* 行間 */
padding:10px 10px;
border:1px solid #a52a2a;
background:#f5f5f5;
}

/* 枠付きBOX2 */
#main p.box2 {
font-size:90%;
line-height:160%;/* 行間 */
padding:10px 10px;
border:3px double  #a52a2a;
background:#ffffff;
}

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

#main ul.list01,#main ul.list02 {margin:0px 2px 10px 2px;}

/* リストマーク付 */
#main ul.list01 li {
font-size:100%;/* 文字サイズ */
list-style:square inside;
}

/* アイコン付 */
#main ul.list02 li {
font-size:100%;/* 文字サイズ */
padding:0px 0px 0px 16px;
background:url(img/s-icon2.gif) no-repeat left;/* アイコン指定 */
}

/* Gallery(小説)用リスト */
#main ul.novellist {margin:0px 2px 10px 2px;}
#main ul.novellist li {
font-size:100%;/* 文字サイズ */
list-style:disc inside;
}


/* 戻るリンク----------------------------------------------- */

#main ul.pagetop {
margin:0px 2px 5px 2px;
text-align:right;
}

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


/* ********************************************************* */
/* 2カラム用 */
/* ********************************************************* */


/* #main_sub------------------------------------------------ */

/* サブ見出し */
#main_sub .sub_title {
color:#333333;/* 文字色 */
font-size:100%;/* 文字サイズ */
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
margin:0px 0px 3px 0px;
padding-left:18px;
background:url(img/s-icon1.gif) no-repeat left center;
}

/* P段落 */
#main_sub p {
font-size:100%;
line-height:140%;
margin:0px 0px 10px 0px;
padding:0px;
}

/* 更新履歴 */
#main_sub p.rireki {
height:54px;/* 縦幅 */
overflow:auto;
font-size:100%;
line-height:140%;
}


/* ********************************************************* */
/* ヘッダー・フッター・メニュー・パンくず? */
/* ********************************************************* */


/* ヘッダー */
#header {
height:150px;/* ヘッダーの高さ指定。トップ画像に合わせて変更して下さい */
text-align:left;
margin:0px auto;
border-top:5px solid #696969;/* ヘッダー上部のライン */
background:url(img/sonotaaka4.gif) repeat-x center;/* トップの背景画像指定はここです */
}

/* フッター */
#footer {
text-align:center;
margin:0px auto;
padding:20px 0px 20px 0px;
border-top:12px solid #dcdcdc;/* フッター上部の太いライン指定◆ */
}


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

/* サイトタイトル */

#header h1 {
color:#ffffff;/* ホワイト
 */
font-size:140%;
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
position:absolute;/* 絶対位置指定 */
top:65px;/* 上からの位置 */
left:200px;/* 左からの位置 */
}
/* ↑絶対位置指定「position:absolute;」を使って位置の指定をしてます */
/* 上からの位置や左からの位置の数値を調節してみて下さい */


/* 説明文 */
#header h2 {
color:#ffffff;
font-size:80%;
position:absolute;/* 絶対位置指定 */
top:95px;/* 上からの位置 */
left:200px;/* 左からの位置 */
}
/* ↑不必要な場合はdisplay:none;を入れて下さい。非表示になります */

/*キタップのページ（ロゴ無し）--------------------- */

#header h1kt {
color:#ffffff;/* ホワイト
 */
font-size:140%;
font-weight:bold;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
position:absolute;/* 絶対位置指定 */
top:80px;/* 上からの位置 */
left:160px;/* 左からの位置 */
}
/* ↑絶対位置指定「position:absolute;」を使って位置の指定をしてます */
/* 上からの位置や左からの位置の数値を調節してみて下さい */


/* 説明文 */
#header h2kt {
color:#ffffff;
font-size:100%;
position:absolute;/* 絶対位置指定 */
top:120px;/* 上からの位置 */
left:160px;/* 左からの位置 */
}
/* ↑不必要な場合はdisplay:none;を入れて下さい。非表示になります */

/*キタップのページ（ロゴ無し）--------------------- */

/* TOP画像 */
#header p.topimg {
img/sonotaaka.gif
margin:0;
padding:15px 0px 0px 90px;
}
/* ↑画像位置を細かく調節したい場合はサイトタイトルと同じように絶対位置で指定して下さい */

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


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

ul#menu {
text-align:center;
border-top:1px solid #696969;/* メニュー上のライン★ */
border-bottom:1px solid #696969;/* メニュー下のライン★ */
background:#dcdcdc;/* 背景色指定 */
}

ul#menu li {
letter-spacing:normal;
display:inline-block;
/display:inline;
/zoom:1;
}

/* メニュー用リンク */
ul#menu li a {
width:80px;/* リンクのブロック部分の幅 */
height:25px;/* 高さ */
line-height:25px;/* 上の高さと数値を合わせて下さい */
color:#000000;
font-size:80%;
font-weight:normal;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
letter-spacing:1px;
padding:0px 1px;/* 余白 */
border-right:0px solid #ffffff;/* メニュー境目縦ライン★ */
background:#dcdcdc;/* メニュー背景色指定 */
display:inline-block;
/display:inline;
/zoom:1;
}

/* マウスが乗った時 */
ul#menu li a:hover{
color:#ffffff;
border-right:1px solid #222222;
background:#778899;/* マウスが乗った時の背景色 */
position:relative;top:0px;left:0px;
}

/* メニュー境目縦ライン・一番左★ */
ul#menu li.first {border-left:0px solid #ffffff;}


/* パンくずリスト------------------------------------------- */

ul#pan {
text-align:right;
margin:0px auto;
padding:2px 0px 5px 0px;
}

ul#pan li {
padding:0px 2px 0px 4px;
display:inline;/* 横並び指定 */
}

ul#pan li.line {
width:3px;
background:url(img/h-line.gif) no-repeat center center;
}

/* リンク */
ul#pan li a {color:#91c43c;}
ul#pan li a:visited {color:#91c43c;}
ul#pan li a:hover {color:#333333;}

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

#footer ul {margin:0px 0px 0px 0px;}

#footer li {
font-size:80%;/* 文字サイズ */
color:#333333;/* 文字色 */
margin:0px 0px 2px 0px;
}

/* リンク */
#footer li a {color:#91c43c;font-size:100%;}
#footer li a:visited {color:#91c43c;}
#footer li a:hover {color:#333333;}


/* ********************************************************* */
/* 作品展示ページ? */
/* ********************************************************* */


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

#ga_header {
text-align:center;
margin:0px auto;
border-top:10px solid #333333;/* ヘッダー上部のライン */
}

#ga_header h1 {
color:#75b9cf;
font-size:100%;
margin:10px 0px 0px 0px;
}

/* pict----------------------------------------------------- */

#pict {
text-align:center;
margin:15px auto;
}

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

/* コメント部分 */
#pict p.com {
font-size:80%;
line-height:140%;
margin:0px 0px 10px 0px;
padding:0;
}

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

/* novel---------------------------------------------------- */

/* 全体 */
#novel {
width:80%;/* 横幅 */
text-align:left;
margin:15px auto;
}

/* タイトル */
#novel h1 {
color:#333333;
font-size:130%;
font-family:"ＭＳ ゴシック",Osaka; 
letter-spacing:1px;
margin:0px 0px 10px 0px;
padding:0px;
}

/* 文章部分 */
#novel p {
font-size:100%;
line-height:200%;/* 行間 */
padding:30px 0px 100px 0px;/* 上下の余白 */
}

/* コメント部分 */
#novel p.com {
font-size:80%;
line-height:160%;/* 行間 */
margin:0px 0px 20px 0px;
padding:10px 10px;
border:3px double #b9ce64;
background:#ffffff;
}

/* ページリンク */
#novel ul.page {
text-align:right;
margin:0px 0px 10px 0px;
}

#novel ul.page li {
display:inline;/* 横並び */
padding:0px 0px 0px 4px;
}

/* 共通←戻→リンク----------------------------------------- */

ul.bottom {
padding:10px 0px 10px 0px;
text-align:center;
}

ul.bottom li {
display:inline;/* 横並び */
padding:0px 0px 0px 3px;
}

/*招待状レイアウトの画像------------------------------------------------- */

.inviphoto{
    margin:0px 0px 0px 5px;
}

/*招待状レイアウトの画像（記の縦の画像）------------------------------------------------- */

.inviphotokitate{
    margin:0px 0px 0px 52px;
}


/*招待状レイアウト画像の右のテキスト ------------------------------------------------- */
.invi{
height:180px;
width:280px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:280px;
margin-top:0px;

text-align:center;
font-size:9px;
line-height:1.5;

}

/*招待状レイアウト画像の右のテキスト(記のページ） ------------------------------------------------- */
.invishita{
height:170px;
width:170px;
border-style:none;
background-color:#fffafa;
padding:10px 0px 0px 30px;
margin-left:330px;
margin-top:40px;

text-align:left;
font-size:9px;
line-height:1.5;

}


/*招待状レイアウト画像の右のテキスト（長い） ------------------------------------------------- */
.invi2{
height:250px;
width:280px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:280px;
margin-top:0px;

text-align:center;
font-size:9px;
line-height:1.5;

}


/*招待状レイアウト画像の右のテキスト（左右開き・縦型用） ------------------------------------------------- */
.invi3{
height:230px;
width:280px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:230px;
margin-top:50px;

text-align:center;
font-size:9px;
line-height:1.5;

}

/*招待状レイアウト画像の右のテキスト（左右開き・縦型用／縦幅短い） ------------------------------------------------- */
.invi4{
height:120px;
width:280px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:230px;
margin-top:50px;

text-align:center;
font-size:9px;
line-height:1.5;

}


/*招待状レイアウト画像の右のテキスト（左右開き・縦型用／縦幅長い） ------------------------------------------------- */
.invi5{
height:350px;
width:280px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:230px;
margin-top:50px;

text-align:center;
font-size:9px;
line-height:1.5;

}




/* ----- 席次表レイアウトの画像 ------------- */


.sekijiphoto{

margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;

float: left; 
border:3px solid #eeeeee;
}



/* ----- プロフィール・レイアウトの画像 ------------- */


.sekijiphoto2{

margin-bottom: 10px;
margin-left: 70px;
margin-right: 10px;

float: left; 
border:3px solid #eeeeee;
}



/* ----- 席次表レイアウト画像の右の説明 ------------- */
.sekiji{
height:233px;
width:170px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-top:0px;
margin-left:380px;
text-align:center;
font-size:9px;
line-height:2;

}

/* ----- 席次表レイアウト画像の右の説明（A4ロング） ------------- */
.sekiji2{
height:150px;
width:300px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-top:300px;
margin-left:10px;
text-align:center;
font-size:9px;
line-height:2;

}


/*aboutレイアウトの画像------------------------------------------------- */

.aboutphoto{
    margin:0px 0px 0px 5px;
}

/*aboutレイアウト画像の右のテキスト ------------------------------------------------- */
.aboutmoji{
height:240px;
width:100px;
border-style:none;
background-color:#fffafa;
padding:10px;
margin-left:220px;
margin-top:0px;

text-align:left;
font-size:9px;
line-height:1.5;

}

/*aboutレイアウトテーブル ------------------------------------------------- */
table.about
{
border:none;
}

td.photohidari{
border:none;

}

td.mojihidari{
border:none;
padding:10px;
width:150px;
font-size:90%;
line-height:170%;/* 行間 */
vertical-align: top;
}

td.photomigi{
border:none;
vertical-align: top;

}

td.mojimigi{
border:none;
padding:10px;
width:150px;
font-size:90%;
line-height:170%;/* 行間 */
vertical-align: top;
}

td.sukima{
border:none;
padding:10px;
width:20px;


}



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

#ga_footer {
text-align:center;
margin:0px auto;
border-bottom:10px solid #333333;/* ヘッダー下部の黒ライン */
}

#ga_footer ul {margin:10px 0px;}

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


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