/*==============================
remodelng_default
  === class index ===
  1.OUTLINE::body,inbox,banner,main,side,footer,adjust
  2.TAG::a,ul,blockquote,form,textarea,img
  3.TOP AREA::banner_l,site_title,a,description
  4.MIDDLE AREA
      4-1.MAIN::pagearea,entry,entry_xxx,a,pict,button
      4-2.SUPPLIMENT::linktitle,linktext,linkcentertext
  5.BOTTOM AREA::copyright
  6.PARTS
      6-1.CLOCK::clock
      6-2.LOGIN::mode_name,error_sign,login_box,login_form
      6-3.SEARCH::searcharea,search
      6-4.CALENDAR::month_navi,calendar,cell,cell_xxx
==============================*/

/* 1---------- OUTLINE
*/
body{
  color:#505050;
  background-color:#808080;
  margin:0px 10px 0px 10px;
  padding:0px 0px 0px 0px;
  text-align:center;
  font-family:Osaka,MS UI Gothic;
  font-size:75%;
  *word-break:break-all;/*for IE of Windows*/
}
#topmargin{
  background-color:#808080;
  height:10px;
}

.topmenu{
  width:100%;
  color:#FFFFFF;
  background-color:#808080;
  text-align:left;
  font-size:9pt;
  line-height:160%;
  margin:0px 0px 3px 0px;
  border:#8080F0 1px solid;
}
.topmenu a:link{color:#FFFFFF; text-decoration:none;}
.topmenu a:visited{color:#FFFFFF; text-decoration:none;}
.topmenu a:active{color:#F02800; text-decoration:none;}
.topmenu a:hover{color:#F02800;  text-decoration:underline;}

#inbox{
  width:720;
  background-color:#ffffff;
  text-align:left;
  margin:0px 0px 10px 0px;
  margin:0px auto 10px auto;
  border:#000000 2px solid;
}

#banner{
  width:100%;
  background-color:transparent;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:0px;
}
#main{
  float:left;
  width:350px;
  background-color:#FFFFFF;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
#side{
  float:left;
  width:180px;
  background-color:#ffffcc;
  background-color:transparent;
  padding:0px 0px 0px 0px;
}
#sideright{
  float:left;
  width:180px;
  background-color:#ffffcc;
  background-color:transparent;
  padding:0px 0px 0px 0px;
}
#footer{
  clear:both;
  width:100%;
  background-color:#808080;
  font-size:9pt;
  text-align:center;
  margin:0px 0px 3px 0px;
  padding:3px 0px 3px 0px;
  border:#8080F0 1px solid;
}
#footer a:link{color:#FFFFFF; text-decoration:none;}
#footer a:visited{color:#FFFFFF; text-decoration:none;}
#footer a:active{color:#F02800; text-decoration:none;}
#footer a:hover{color:#F02800;  text-decoration:underline;}

.adjust{
  clear:both;
}
/* 2---------- TAG
*/
a:link{color:#4040FF; text-decoration:underline;}
a:visited{color:#4040FF; text-decoration:underline;}
a:active{color:#F02800; text-decoration:underline;}
a:hover{color:#F02800; text-decoration:underline;}
H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
H5
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
ul{
  margin:0px 0px 0px 18px;
  padding:0px;
}

blockquote{
  color:#333333;
  margin:6px 10px 3px 10px;
  padding:10px;
  border:1px solid #CCCCCC;
  }

form{
  margin:0px;
  padding:0px;
}
textarea{
  width:98%;
}

img{
  border-width:0px;
}

/* 3---------- TOP AREA
*/
#header1{
  width:100%;
  background-color:#FFFFFF;
  padding:5px 0px 5px 0px;
}

/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:#FFFFFF;
  background-color:#8080F0;
  text-align:left;
  font-weight:bolder;
  font-size:100%;
  line-height:200%;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 9px;
  border:#8080F0 0px solid;
}
.linktitle a {;
	float: right;
}

.linktext{
  background-color:transparent;
  line-height:130%;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:3px 3px 12px 3px;
  border:#8080F0 1px solid;
}

/* 5----------BOTTOM AREA
*/
.copyright {
  color:#FFFFFF;
}

/* 6----------PARTS
*/
/* 6-9---myMark
*/
.myMarkMargin{
  text-align:center;
  margin:0px 3px 0px 3px;
}
.bloglink{
}
.bloglink a:link{color:#4040FF; text-decoration:underline;}
.bloglink a:visited{color:#800080; text-decoration:underline;}
.bloglink a:active{color:#F02800; text-decoration:underline;}
.bloglink a:hover{color:#F02800; text-decoration:underline;}