/******************************************************************************/
/*                                                                            */
/*  <スタイルシート名> ：SMS共通スタイルシート定義(ID)(TAG)                   */
/*                                                                            */
/*  <機能概要>         ：HTMLページスタイルを共通化する                       */
/*                                                                            */
/******************************************************************************/

/*----------------------------------------------------------------------------*/
/*  tag                                                                       */
/*----------------------------------------------------------------------------*/
a:link    {color: #0000FF;}
a:visited {color: #0000FF;}
a:active  {color: #FF9933;}
a:hover   {color: #660099;}

body{
width                      : 100%;
height                     : ;
text-align                 : center;
overflow                   : none;
margin                     : 0px;
background-color           : ;

background-image           : url("/img/bgground.gif");
background-repeat          : repeat-x;
/*scrollbar-base-color       : #CCCCCC;
scrollbar-face-color       : #CCCCCC;
scrollbar-arrow-color      : #CCCCCC;
scrollbar-3dlight-color    : #CCCCCC;
scrollbar-darkshadow-color : #CCCCCC;
scrollbar-shadow-color     : #CCCCCC;
*/
}
* html body{     /*** ie6以下専用ハック IEでの最上部1px部がバグが生じるために設定　relative ***/
width                      : 100%;
height                     : ;
text-align                 : center;
overflow                   : none;
margin                     : 0px;
background-color           : ;
position               : relative;
top:-10px;
}
*:first-child+htm body{/*** ie7専用ハック IEでの最上部1px部がバグが生じるために設定　relative ***/
width                      : 100%;
height                     : ;
text-align                 : center;
overflow                   : none;
margin                     : 0px;
background-color           : ;
position               : relative;
top:-10px;
}

div{
font-size              : small;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
}

table{
margin                 : 0px;
}

tr{

}

th{
font-size              : small;
line-height            : 130%;
}

td{
font-size              : small;
line-height            : 130%;
}

ul{
font-size              : small;
text-align             : left;
list-style             : none;
}

li{
font-size              : small;
text-align             : left;
list-style             : none;
}

h1 {
height                 : 1px;
margin                 : 0px 0px 0px 5px;
padding                : 0px 0px 0px 0px;
font-weight            : normal;
text-align             : left;
font-size              : 10px;
color                  : #777777;
position               : relative;
top                    : 12px;
left                   : 78px;
}
* html h1{     /*** ie6以下専用ハック ***/
height                 : 1px;
margin                 : 0px 0px 0px 9px;
padding                : 0px 0px 0px 0px;
font-weight            : normal;
text-align             : left;
font-size              : 10px;
color                  : #777777;
position               : relative;
top                    : 20px;
left                   : 78px;
}
*:first-child+htm h1{/*** ie7専用ハック ***/
height                 : 1px;
margin                 : 0px 0px 0px 9px;
padding                : 0px 0px 0px 0px;
font-weight            : normal;
text-align             : left;
font-size              : 10px;
color                  : #777777;
position               : relative;
top                    : 20px;
left                   : 78px;
}

h2,h3,h4,h5,h6,p,dl {
margin                     : 0px;
padding                    : 0px;
font-weight                : normal;
font-size                  : small;
}

img{
border                     : 0px;
}

input{
}

span{
font-size              : small;
line-height            : 130%;
}
/*----------------------------------------------------------------------------*/
/*  div_id                                                                    */
/*----------------------------------------------------------------------------*/
/*--大枠--------------------------------------------------*/
div#all {             /* オール */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 15px 0px 15px;
background-image       : url("/img/all-p-bg-side.gif");
background-repeat      : repeat-y;
background-position    : 6px 0px;
text-align             : left;
}

div#h1 {              /* h1 */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
border-left            : solid 1px #666666;
border-right           : solid 1px #666666;
background-color       : #ffffff;
}
* html div#h1{     /*** ie6以下専用ハック ***/
top                    : -10px;
}
*:first-child+htm div#h1{/*** ie7専用ハック ***/
top                    : -10px;
}

div#header {         /* ヘッダー */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 3px 0px;
border-top             : solid 1px #999999;
border-left            : solid 1px #666666;
border-right           : solid 1px #666666;
border-bottom          : solid 1px #666666;
background-color       : #ffffff;
float                  : left;
}
* html div#header a{     /*** ie6以下専用ハック ***/
float                  : left;
}
*:first-child+htm div#header a{/*** ie7専用ハック ***/
float                  : left;
}

div#kategori {         /* カテゴリ */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
border-left            : solid 1px #666666;
border-right           : solid 1px #666666;
border-top             : solid 1px #cccccc;
border-bottom          : solid 1px #cccccc;
background-color       : #F5F5F5;
}

div#content {        /* コンテンツ */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 15px 0px;
border-left            : solid 1px #666666;
border-right           : solid 1px #666666;
border-top             : solid 1px #666666;
float                  : left;
background-color       : #ffffff;
}

div#pankuzu {        /* パンクズリスト */
width                  : 610px;
color                  : #888888;
margin                 : 0px 0px 2px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
background-color       : #ffffff;
}
div#pankuzu a{
color                  : #888888;
}

div#pankuzu2 {       /* パンクズリスト2 */
width                  : 790px;
color                  : #888888;
margin                 : 5px 0px 2px 8px;
padding                : 0px 0px 0px 0px;
float                  : left;
background-color       : #ffffff;
}
div#pankuzu2 a{
color                  : #888888;
}
* html div#pankuzu2{     /*** ie6以下専用ハック ***/
margin                 : 5px 0px 2px 4px;
}
*:first-child+htm div#pankuzu2{/*** ie7専用ハック ***/
margin                 : 5px 0px 2px 4px;
}

div#menu {            /* メニュー */
width                  : 160px;
margin                 : 0px 0px 0px 5px;
padding                : 5px 0px 0px 0px;
float                  : left;
background-color       : #ffffff;
}

div#main {            /* メインコンテンツ */		
width                  : 620px;
margin                 : 0px 0px 0px 8px;
padding                : 5px 0px 0px 0px;
float                  : left;
background-color       : #ffffff;
}
* html div#main{     /*** ie6以下専用ハック ***/
margin                 : 0px 0px 0px 4px;
}
*:first-child+htm div#main{/*** ie7専用ハック ***/
margin                 : 0px 0px 0px 4px;
}

div#footer-top {  /* フッダー上 */
width                  : 800px;
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
border-left            : solid 1px #666666;
border-right           : solid 1px #666666;
float                  : left;
clear                  : both;
background-color       : #ffffff;
}

div#footer-bottom {  /* フッダー下 */
width                  : 802px;
margin                 : 0px 0px 0px 0px;
padding                : 7px 0px 7px 0px;
clear                  : both;
text-align             : center;
background-color       : #D0F2D3;
}

/*--全ページ共通--------------------------------------------------*/
/********************************kategori sta*/
div#kategori-con {
width                  : 780px;
margin                 : 0px 0px 0px 8px;
padding                : 0px 0px 0px 0px;
border-right           : solid 1px #999999;
background-color       : #ffffff;
float                  : left;
}
* html div#kategori-con{     /*** ie6以下専用ハック ***/
margin                 : 0px 0px 0px 5px;
}
*:first-child+htm div#kategori-con{/*** ie7専用ハック ***/
margin                 : 0px 0px 0px 5px;
}
div#kategori-con img {
margin                 : 0px 0px 0px 0px;
padding                : 0px 0px 0px 0px;
border-left            : solid 1px #cccccc;
float                  : left;
}

/********************************kategori end*/

/********************************footer sta*/
div#footer-t-con{
width                  : 780px;
font-size              : x-small;
color                  : #999999;
text-align             : center;
margin                 : 0px 0px 0px 10px;
padding                : 5px 0px 5px 0px;
border-top             : double 2px #cccccc;
float                  : left;
}
* html div#footer-t-con{     /*** ie6以下専用ハック ***/
margin                 : 0px 0px 0px 5px;
}
*:first-child+htm div#footer-t-con{/*** ie7専用ハック ***/
margin                 : 0px 0px 0px 5px;
}
div#footer-t-con ul{
margin                 : 0px 0px 0px 280px;
/*margin                 : 0px 0px 0px 280px;*/
padding                : 0px 0px 0px 0px;
}
div#footer-t-con li{
margin                 : 0px 0px 0px 0px;
padding                : 0px 4px 0px 4px;
float                  : left;
border-left            : solid 1px #cccccc;
}
div#footer-t-con li a{
color                  : #999999;
text-decoration        : none;
}
/********************************footer end*/

img#titlerogo {
margin                 : 3px 0px 2px 4px;
}

li#category-on a{
width                  : 135px;
color                  : #555555;
font-weight            : bold;
padding                : 4px 0px 2px 10px;
background             : url("/img/menu-roll-bg03.gif") no-repeat;
text-decoration        : none;
display                : block;
}

li#category a{
width                  : 135px;
color                  : #555555;
font-weight            : bold;
padding                : 4px 0px 2px 10px;
background-color       : #EBFEEB;
text-decoration        : none;
display                : block;
}
li#category a:hover{
color                  : #000000;
background             : url("/img/menu-roll-bg03.gif") no-repeat;
}

li#roll a{
width                  : 125px;
color                  : #000000;
padding                : 4px 0px 2px 20px;
background             : url("/img/menu-roll-bg01.gif") no-repeat;
text-decoration        : none;
display                : block;
}
li#roll a:hover{
color                  : #000000;
background             : url("/img/menu-roll-bg02.gif") no-repeat;
}

li#ranking img{
margin                 : 3px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}

li#ranking span{
width                  : 120px;
margin                 : 1px 0px;
padding                : 0px 0px 0px 0px;
float                  : left;
}