@charset "utf-8";
/*
copyright(c) KAYAC co ltd,
. All Rights Reserved.
*/


/* HTML
------------------------------------------------------ */
*{
margin:0;
padding:0;
background-repeat:no-repeat;
border:0 none;
font-size:100%;
font-style:normal;
font-family:"Courier New", "ヒラギノ角ゴ Pro W3", Courier, mono, "ＭＳ Ｐゴシック", Osaka;
}

/*
-------------------------------------------------------*/
body,
html{
background-color:#fff;
margin:0 auto;
padding-top:0;
text-align:center;
background-image:url(../../img/common/bg.gif);
background-position:center top;
background-repeat:repeat;
color:#333;
height:auto;
}


a{
color:#069;
text-decoration:none;
line-break:strict;
word-wrap:break-word;
word-break:break-all;
cursor:pointer;
}

dd{
line-break:strict;
word-wrap:break-word;
word-break:break-all;
}

ul,
li,
ol,
menu{
list-style-type:none;
}

p{
line-height:150%;
}

a:link{
color:#006F91;
}

a:visited{
color:#069;
}

a:hover{
color:#D31D8C;
border-bottom:1px dotted #D31D8C;
}

hr{
padding:10 auto;
height:1px;
border-bottom:1px solid #ccc;
}

#head a,
#menu a,
#head a:visited,
#menu a:visited,
#head a:hover,
#menu a:hover,
#pagetop a,
#pagetop a:hover{
border-bottom:0 none;}

strong{
color:#D31D8C;
}

.fontS{
font-size:10px;
}

.fontSS{
font-size:60%;
}


/* HTML
-top
------------------------------------------------------ */
#top{
width:900px;
margin:0 auto;
text-align:left;
position:relative;
background-color:#fff;
}

#content_l{
width:624px;
padding-left:15px;
margin-right:5px;
float:left;
}


#content_r{
width:245px;
float:left;
}

#headnavi {
float:left;
}

#headnavi li{
float:left;
margin:28px 5px 0 5px;
}

#about a{
display:block;
width:94px;
height:36px;
background-image:url(../../img/common/about.gif);
background-position:left top;
}

#about a:hover{
display:block;
width:94px;
height:36px;
background-image:url(../../img/common/about.gif);
background-position:left bottom;
}

#help a{
display:block;
width:77px;
height:36px;
background-image:url(../../img/common/help.gif);
background-position:left top;
}

#help a:hover{
display:block;
width:77px;
height:36px;
background-image:url(../../img/common/help.gif);
background-position:left bottom;
}

#head,
#content{
width:624px;
margin-bottom:5px;
}

#head p,
#head span{
display:none;
/* \*/
display:block;
height:0;
width:0;
position:absolute;
overflow:hidden;
/* */
}

#head hr{
display:none;
}

#logo{
float:left;
}

#logo a{
display:block;
background-image:url(../../img/common/photon_logo.gif);
background-position:top left;
width:307px;
height:102px;
}

#logo a:hover{
display:block;
background-image:url(../../img/common/photon_logo.gif);
background-position:bottom left;
width:307px;
height:102px;
}

#logo span{
display:none;
}

/*all of style*/
#allofstyle{
width:90px;
height:90px;
display:block;
background-image:url(../../img/common/allofstyle.gif);
position:relative;
float:left;
margin-top:3px;
}


/* HTML
-comment
------------------------------------------------------ */




/* HTML
-pagetop
------------------------------------------------------ */
#pagetop{
clear:both;
width:885px;
height:20px;
padding:10px 0;
}

#pagetop:after{
display:block;
clear:both;
content:"";
color:#ccc;
height:0;
overflow:hidden;
}

#pagetop a{
float:right;
display:block;
width:116px;
height:17px;
background-image:url(../../img/common/pagetop.gif);
background-position:left top;
}

#pagetop a:hover{
float:right;
display:block;
width:116px;
height:17px;
background-image:url(../../img/common/pagetop.gif);
background-position:right bottom;
}

#pagetop span{
display:none;
}

/* HTML
-foot
------------------------------------------------------ */
#foot {
clear:both;
width:900px;
font-size:80%;
margin-left:0px;
}

#foot hr{
height:2px;
width:870px;
border-bottom:2px solid #ccc;
margin:5px 15px 5px 15px;
}

#foottop{
margin:0 15px;
padding:10px 0px;
background-color:#fff;
width:870px;
}

#foottop:after{
display:block;
clear:both;
content:"";
color:#666;
height:0;
overflow:hidden;
}

#footbottom{
clear:both;
padding:10px 0px 20px 0px;
background-color:#CCC;
}

#footmenu{
float:left;
width:380px;
}

#kayacproject{
float:right;
width:480px;
font-size:80%;
}

#bookmark {
margin-right:15px;
float:right;
}

#bookmark img{
float:left;
margin-right:5px;
}

#kayacproject span,
#bookmark span{
display:none;
}

#footmenu li,
#kayacproject li{
line-height:1.5em;
margin-right:5px;
display:inline;
}

#copyright{
margin-left:15px;
color:#fff;
}

/* HTML
- content right
------------------------------------------------------ */
#word h3 span,
#news h3 span,
#ranking h3 span,
#amazon h3 span,
#rakuten h3 span,
#word hr,
#news hr,
#ranking hr,
#login hr,
#amazon hr,
#rakuten hr{
display:none;
}

#word,
#news,
#ranking,
#amazon,
#rakuten{
width:245px;
font-size:70%;
margin-bottom:35px;
margin-top:3px;
position:relative;
clear:both;
}

#word h3 img,
#news h3 img,
#ranking h3 img,
#amazon h3 img,
#rakuten h3 img,
.banner{
padding-left:15px;
}

.banner a:hover{
border-bottom:none;
}

.more{
position:absolute;
top:5px;
right:0;
padding-left:10px;
background-image:url(../../img/login/dot.gif);
background-repeat:no-repeat;
background-position:center left;
}



#ranking table,
#amazon table,
#rakuten table{
margin:5px 5px 10px 15px;
}

#news li{
/*background-image:url(../../img/common/news_dot.gif);
background-repeat:no-repeat;
background-position:left;
*/
line-height:2em;
_margin:10px 0;
padding-left:16px;
}

#news li img {
vertical-align:text-top;
}

#ranking table,
#amazon table,
#rakuten table{
width:90%;
}

#ranking th,
#ranking td{
padding:5px 3px;
border-bottom:1px solid #ccc;
}

#ranking td img{
margin-right:3px;
}

.rank1,
.rank2,
.rank3,
.rank4,
.rank5 {
border-right:1px solid #ccc;
}

#amazon th,
#amazon td,
#rakuten th,
#rakuten td{
padding:5px 3px;
text-align:center;
}

#amazon  table th a:hover,
#rakuten table th a:hover{
border:none;
}

.w20P{
width:20%;
}

.w40P{
width:40%;
}

.bgGRY{
background-color:#f5f5f5;
text-align:center;
font-weight:bold;
}

/* 
- tag cloud
------------------------------------------------------ */
.tagcloud1{
font-size:x-small;
}
.tagcloud2{
font-size:small;
}
.tagcloud3{
font-size:medium;
}

#tag{
text-align:center;
line-height:1.5em;
margin:5px 5px 0 15px;
}

#tag a{
color:#000;
}

#tag a:hover{
color:#D31D8C;
}

#tag .tagcloud3{
color:#D31D8C;
font-weight: bold;
}


/* 
- back
------------------------------------------------------ */
#back a{
background-image:url(../../img/common/back.gif);
background-position:top left;
width:116px;
height:17px;
display:block;
}

#back a:hover{
background-image:url(../../img/common/back.gif);
background-position:bottom left;
border-bottom:none;
width:116px;
height:17px;
display:block;
}

#back span {
display:none;
}


/* CLASS
- cursor
---------------------------------------------------------*/
img.csrNONE{
cursor:default !important;
}

img.csrPOINT{
cursor:pointer !important;
}



#content_r .googleAD{
padding-left:20px;}

#content_r .googleAD iframe{
}


#content_r .banner li{
padding-bottom:10px;
list-style-type:none;}