@charset "Shift_JIS";


/*=============================

全体的なスタイル

=============================*/

* {
          margin:0;  padding:0;    /*全要素のマージン・パディングをリセット*/
          line-height:2.0;              /*全要素の行の高さを2倍にする*/
          color:#ffffff;              /*文字色を黒に*/
}

body {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/background00.png");     /*ページ全体の背景色*/
          backgrond-repeat:repeat;
          text-align:center;                    /*IE6以下でセンタリングするための対策*/
}

div#pagebody {
          width:965px; height:850px; margin:auto;   /*内容全体をセンタリング*/
          text-align:center;                     /*テキストの配置を中央揃えにする*/
          background-color#669900;            /*内容全体の背景色を白に*/
}


/*=============================

フォローミー（左カラム）

=============================*/

div#submenu {
          width:160px;          /*幅の指定*/
          margin:25px 0px 0px 0px;    /*位置調整（IE6以下のバグに注意）*/
          display:inline;        /*IE6のマージン算出のバグ対策*/
          float:left;               /*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/

div#submenu-header {
          height:0px; padding:0px 0px 0px 0px;    /*余白*/
          background-color:#669900;     /*背景色*/
          font-size:120%; font-weight:bolder; text-align:center;    /*文字のサイズ・太さ・位置調整*/
}

/*サブメニューのボディー部分（余白調整・背景画像・背景色）*/

ul#submenu_body {
          width:160px;
          padding-bottom:0px;      /*下の余白の調整*/
          background-color:#669900;
}

li#twitter, li#facebook, li#youtube, li#nikoniko, li#myspace, li#rss {
          font-size:90%;       /*文字サイズを90％に*/
          list-style-type:none;    /*リストマーカーを無しにする*/
          background-repeat:no-repeat;
}



li#twitter {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/twitter_m.gif");
}

li#facebook {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/facebook_m.gif");
}

li#youtube {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/youtube_m.gif");
}

li#nikoniko {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/nikoniko_m.gif");
}

li#myspace {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/myspace_m.gif");
}

li#rss {
          width:160px; height:103px;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/rss_m.gif");
}



ul#submenu_body li a {
          display:block;        /*リンクをブロック表示にする*/
          width:160px; height:103px;     /*サイズ指定*/
          margin:0px 0px 0px 0px;   /*サブメニュー項目のマージン*/
          padding:0px 0px 0px 0px;    /*サブメニュー項目のパディング*/
          text-decoration:none;            /*リンクの下線を無くす*/
}

li#twitter a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/twitter03.png");
}

li#facebook a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/facebook03.png");
}

li#youtube a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/youtube03.png");
}

li#nikoniko a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/nikoniko03.png");
}

li#myspace a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/myspace03.png");
}

li#rss a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/rss03.png");
}



div#java {
          float:bottom;
          width:160px; height:150;
          margin:0;
          
}

/*=============================

コンテンツ（中央と右の２カラム全体）

=============================*/

div#content {
          width:800px; height:830px; margin:25px 5px 5px 0px;   /*幅の指定と位置調整*/
          float:right;      /*2カラム全体を右寄せにする*/
}


/*=============================

メイン（中央カラム）

=============================*/

div#main {
          width:600px; height:800px; margin:50px 0px 20px 0px; padding-top:10px;   /*幅の指定と位置調整*/
          float:left;        /*カラムを左寄せにする*/
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/top.jpg");
          /*背景画像の指定*/
          background-repeat:no-repeat;   /*背景画像を繰り返さない*/
}

/*見出し・段落のスタイル指定*/
h2 {
          font-size:400%; margin-bottom:10px; padding:0px;
          font-size:600%; border-bottom:solid 1px "cccccc;
}

p {
          font-size:50%; margin:10px 0px 10px 10px;
}


/*=============================

タイトル（右カラム）

=============================*/

div#header {
          width:200px; height:80px; padding:0; margin:0;     /*タイトルのサイズとパディング指定*/
          float:right;　　　　　　/*カラムを右寄せ*/
          display:inline;        /*タイトルをインライン表示にする*/
}

div#header a {
          widht:200px; height:80px; padding:0; margin:0;         /*リンクのサイズの指定*/
          display:block;       /*リンクをブロック表示にする*/
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/title.png");
          /*タイトルの背景画像*/
          background-repeat:no-repeat;       /*背景画像を繰り返さない*/
          text-decoration:none;           /*リンクの下線を無くす*/
}


/*=============================

メニュー（右カラム）

=============================*/

ul#menu {
          float:right;
          width:200px; height:536px; padding:0; margin:0;       /*メニュー全体のサイズ指定*/
          background-color:#669900;         /*背景色*/
          font-size:20%;                          /*フォントサイズを小さく*/
}

li#profile, li#music, li#today, li#other, li#diary, li#buy, li#mail, li#link {
          float:right;       /*項目を右に並べる*/
          display:inline;     /*項目をインライン表示にする*/
          list-style-type:none;   /*リストマーカーを無しにする*/
          background-repeat:no-repeat;   /*背景画像を繰り返さない*/
}

/*ボタンそれぞれに異なる背景をつける*/
li#profile {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/1profile.png");
}

li#music {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/2music.png");
}

li#today {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/3today.png");
}

li#other {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/4other.png");
}

li#diary {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/5diary.png");
}

li#buy {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/6buy.png");
}

li#mail {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/7mail.png");
}

li#link {
          width:200px; height:67px; margin:0;  padding:0;
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/8link.png");
}

li#profile a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/1profile04.png");
}

li#music a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/2music04.png");
}

li#today a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/3today04.png");
}

li#other a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/4other04.png");
}

li#diary a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/5diary04.png");
}

li#buy a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/6buy04.png");
}

li#mail a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/7mail04.png");
}

li#link a:hover {
          background-image:url("http://7974e3c9b0f8e1b1.lolipop.jp/nawomy-com-top/image/8link04.png");
}


ul#menu a {
          display:block;       /*リンクをブロック表示にする*/
          height:67px; padding:0; margin:0;         /*リンクの大きさを指定*/
          text-decoration:none;   /*リンクの下線を無くす*/
}


/*=============================

最新情報（右カラム）

=============================*/

div#news {
          width:190px; height:300px; padding:0; margin:5px;    /*サイズと位置の指定*/
          float:right;        /*カラムを右に寄せる*/
          background-color:#669900;    /*背景色*/
}

h3 {
          font-size:100%; text-align:left;　　　　/*文字サイズと位置の指定*/
}

dl {
          font-size:80%; text-align:left;　　　/*文字サイズと位置の指定*/
          width:170px; height:245px;       /*情報内容欄のサイズ*/
          padding-left: 5px;         /*文字の左に少し余白*/
          overflow:scroll;                /*はみ出した文章をスクロールさせる*/
}


/*=============================

フッタ

=============================*/

div#fotter {
          height:42px; text-align:center;        /*文字の位置を中心に指定*/
          clear:both;            /*回り込みを解除する*/
          background-color:#669900;     /*背景色*/
}

address {
          font-size:small;       /*文字サイズを小さく*/
          padding:5px; 0px; 5px; 0px;       /*要素内容の位置調整*/
}