/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* 見出し */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0; }


/* リンク色（ページ全体） */

a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }


/* リンク色（サイトタイトル） */

#banner a { color: #999; text-decoration: none; }
#banner a:hover { color: #fff; }

/* リンク色（サイドメニューボタン） */

.li a { color: #666; text-decoration: none; }
.li a:hover { color: #0000ff; }

/* リンク色（フッターナビゲーション） */

#footer a { color: #666; text-decoration: none; }
#footer a:hover { color: #666; }

/* バナー入れ替え画像 */
/*
#container { background: url(img/02.jpg)  no-repeat; }
*/
/* バナー・フッター・背景画像 */

#banner { background: url(img/topbanner.png) bottom no-repeat; }
#contents { background: url(img/bbg.gif); }
#footer{ background: url(img/footer.gif) no-repeat; }
.header1 { background: url(img/ah.gif)  no-repeat top left; }
.header2, .des h2, .des h3, .des h4, .des h5 { background: url(img/des.gif)  no-repeat left; }
li a:hover, .des { background: url(img/dbg.gif) ; }


/* 文字装飾 */

.red { color: #ff0000; }
.blue { color: #006699; }
.green { color: #009900; }
.orange { color: #ff9900; }
.pink { color: #ff66cc; }

.b { font-weight: bold; }
.line { background: #ffff66; }

/* ページレイアウト */

body {
    min-width: 730px;
    text-align: center;
/*    font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif;*/
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    color: #333;
    background: #f5f5f5;
    line-height: 1.5;
}

#container
{
    position: relative;
    width: 730px;
    _width: 732px;
    margin: 0 auto;
    text-align: center;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

/* ヘッダー（レイアウト） */

#banner { position: relative; width: 730px; height: 300px;}


/* ヘッダー（サイトタイトル） */

#banner h1
{
    margin: 0;
    color: #666;
    font-size: 11pt;
/*    line-height: 1.25;*/
    position:absolute; top:5px; left:580px;
    font-weight: bold;
}

/* ヘッダー（サイト情報） */

.navi
{
    position:absolute; bottom:3px; right:10px;
    color: #fff;
    font-size: 0.8em;
}


/* ヘッダーその他（変更不要） */

#banner-description { display: none; }


/* メインコンテンツ全体 基本レイアウト*/

#contents
{
    position: relative;
    width: auto;
    _width: 100%;
    text-align: center;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#main
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
    text-align: left;
    width: 500px; 
    margin: 10px 15px;
}

/* メインコンテンツ基本レイアウト（サイドメニュー） */

#side
{ 
    display: inline; /* ie win bugfix */
    position: relative;
    float: right;
    min-height: 1px;
    text-align: left;
    width: 180px;
    margin: 10px;
}


/* 記事部分見出し */

.header1 {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
    min-height: 25px;
    _height: 25px;
    margin: 5px 0;
    padding: 5px 0 0 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.25;
    border-bottom: 1px solid #666;
    clear: both;
}

.header2 {
    margin: 10px 0 0;
    padding: 5px 0 5px 28px;
    color: #333;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
}

.header2 a, .header3 a { text-decoration: none; }


/* 記事部分その他 */

.entry, pre, blockquote
{
    margin: 15px 10px;
}

.more
{
    margin: 5px 0;
    padding: 0;
    color: #666;
    font-size: 12px;
    text-align: right;
}

.bread
{

    border-left: 3px solid #ccc;
    margin: 0 5px 5px;
    padding: 3px 3px 3px 7px;
    text-align: left;
    font-size: 0.8em;
}

.f-navi { margin: 5px 0; text-align: center; }
.gotop { margin: 5px 0; text-align: right; clear: both;}

.img
{
    float: left;
    margin: 0 5px 5px 0;
    text-align: center;
}

.des
{
    width: auto;
    _width: 100%;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
}

.des h2, .des h3, .des h4, .des h5
{
    line-height: 1.25;
    margin: 0 0 10px;
    padding: 3px 0 3px 27px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.content
{
    background-color: #f5f5f5;
    border: 1px dotted #ccc;
    margin-bottom: 5px;
    padding: 10px;
}

.content a { color: #666; text-decoration: none; }

#bookmarks { margin: 5px 0 20px; text-align: right; }


/* フッター */

#footer
{
    position: relative;
    margin: 0;
    padding: 0;
    width: 730px; 
    height: 70px;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.5;
    clear: both;
    color: #666;
}

.footer-navi
{ 
    position:absolute; top:10px; left:10px;
    color: #666;
    line-height: 1.25;
}
.copy
{ 
    position:absolute; bottom:8px; right:10px;
    color: #666;
    line-height: 1.25;
}
.f-text
{ 
    position:absolute; bottom:20px; right:10px;
    color: #666;
    line-height: 1.25;
}

/* サイドメニュー内部 */

.side-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 180px;
    height: 25px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
    background: #f5f5f5;
    padding: 0;
    color: #333;
    display: block;
    line-height: 25px;
    margin: 0px;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
}

#side ul
{
   margin: 0;
   padding: 0;
   list-style : none ;
}

#side li
{
    width: 180px;
    display: block;
    margin: 5px 0;
}

#side li a
{
    width: auto;
    _width: 100%;
    display: block;
    font-size: 0.8em;
    line-height: 1.5;
    padding: 5px;
    background-color: #fff;
    border-left: 5px solid #dcdcdc;
    text-decoration: none;
}

#side li a:hover
{
    border-left: 5px solid #ff9900;
}
#side dl
{
   margin: 0;
   padding: 0;
   list-style : none ;
}

#side dt
{
    margin: 5px 0;
    font-size: 0.8em;
}


/* 検索ボックス */

#s-search
{
    width: 180px;
    padding: 15px 0;
    color: #666;
}

.b { font-weight: bold; } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */

.line { background: #ffff00; }/* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */

/* 文字色 */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 

ul.appeal {
text-align: left;
margin: 10px 50px 20px 50px;
padding: 5px 10px 10px 35px;
list-style-image:url('./img/c-org.jpg');
border:double 4px #999;
background-color:#FFE4B5;
font-size:20pt;
}

li.appeal {
margin: 5px 0 0 0;
line-height: 30px;
}

.redunderline{
font-weight:bold;
border-bottom:solid 2px red;
}

h3#rank1 {
    padding: 12px 0 2px 50px;
    font-size: 1.5em;
    background: url(./img/rank1.jpg) no-repeat left;
}
h3#rank2 {
    padding: 12px 0 2px 50px;
    font-size: 1.5em;
    background: url(./img/rank2.jpg) no-repeat left;
}
h3#rank3 {
    padding: 12px 0 2px 50px;
    font-size: 1.5em;
    background: url(./img/rank3.jpg) no-repeat left;
}
h3#rank4 {
    padding: 12px 0 2px 50px;
    font-size: 1.5em;
    background: url(./img/rank4.jpg) no-repeat left;
}
h3#rank5 {
    padding: 12px 0 2px 50px;
    font-size: 1.5em;
    background: url(./img/rank5.jpg) no-repeat left;
}
h3#underline {
/*    padding: 12px 0 2px 50px;*/
    background: url(http://ricorita.com/img/h3underline.png) no-repeat left;
}

p {
   text-indent:1em;
}

p.toprank {
    margin 3pt;
    font-size:13pt;
}

.redunderline{
font-weight:bold;
border-bottom:solid 2px red;
}

#onet1 a {
 display: block;
 width: 370px;
 height: 100px;
 text-indent: -1000px;
 overflow: hidden;
 background: url("http://ricorita.com/img/onetbutton1.png");
 }

#onet1 a:hover {
 background: url("http://ricorita.com/img/onetbutton2.png");
/* background-position: 0 -108px;*/
 }

ul.nozzeappeal {
text-align: left;
margin: 10px 30px 20px 30px;
padding: 5px 10px 10px 35px;
list-style-image:url('./img/c-org.jpg');
border:double 4px #999;
background-color:#FFCCFF;
font-size:16pt;
}

li.nozzeappeal {
margin: 5px 0 0 0;
line-height: 30px;
}

#nozze1 a {
 display: block;
 width: 280px;
 height: 70px;
 text-indent: -1000px;
 overflow: hidden;
 background: url("http://ricorita.com/img/nozzebutton1.gif");
 }

#nozze1 a:hover {
 background: url("http://ricorita.com/img/nozzebutton2.gif");
/* background-position: 0 -108px;*/
 }

#cupid1 a {
 display: block;
 width: 280px;
 height: 70px;
 text-indent: -1000px;
 overflow: hidden;
 background: url("http://ricorita.com/img/cupidbutton1.gif");
 }

#cupid1 a:hover {
 background: url("http://ricorita.com/img/cupidbutton2.gif");
/* background-position: 0 -108px;*/
 }

#cupidcall a {
 display: block;
 width: 380px;
 height: 80px;
 text-indent: -1000px;
 overflow: hidden;
 background: url("./img/cupidclub-call.png");
 }

#cupidcall a:hover {
/* background: url("http://ricorita.com/img/cupidbutton2.gif");*/
 background-position: 0 -81px;
 }

ul.konkatutype {
text-align: left;
margin: 10px 40px 20px 40px;
padding: 5px 10px 10px 35px;
list-style-image:url('./img/heart01_red.gif');
border:double 4px #999;
background-color:#FFFF99;
font-size:14pt;
}

li.konkatutype {
margin: 5px 0 0 0;
line-height: 20px;
}

span.konkatutype {
text-align: left;
font-size:14pt;
font-weight:bold;
}

div.pickup {
text-align: left;
margin: 10px 40px 20px 40px;
padding: 5px 10px 5px 10px;
border:outset 2px #FF33FF;
background-color:#FFCCFF;
font-size:14pt;
}