/*==============================
photolog
  [ INDEX ]
  1.OUTLINE::body,inbox,temporarybox,toparea,main,side,footer,adjust,hide
  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,sub_entry,entry_xxx,a,contentxxx,endframe
      4-2.SUPPLIMENT::linktitle,linktext,linkcentertext,button(a),list_and_pict,sidelist
  5.BOTTOM AREA::copyright
  6.PARTS
      6-1.THUMBNEIL::thumbnail_box,thumbnail,thumnail_in_data
      6-2.CLOCK::clock
      6-3.LOGIN::login_box,login_form,error_sign,
      6-3.SEARCH::searcharea,search
      6-4.CALENDAR::month_navi,calendar,cell,cell_xxx
==============================*/

/* 1---------- OUTLINE
*/
body{
  background-color:#fff;
  margin:0px;
  padding:0px;
  text-align:center;
  *word-break:break-all;/*for IE of Windows*/
}
#inbox{
  width:605px;
  background-color:#fff;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  text-align:left;
  margin:10px auto;
  padding:0px;
}

#temporarybox{
  float:left;
  width:470px;
}
#toparea{
  width:470px;
  background:transparent;
  margin:0px;
  padding:0px;
}
#main{
  width:470px;
  background-color:transparent;
  margin:0px;
  padding:0px;
}
#side{
  float:right;
  width:130px;
  text-align:left;
  background-color:transparent;
  margin:0px;
  padding:0px;
}
#footer{
  clear:both;
  width:605px;
  background-color:transparent;
  text-align:right;
  margin:10px;
  padding:10px;
}

.adjust{
  clear:both;
}
.hide{
  position:absolute;
  top:-3000px;
}

/* 2---------- TAG
*/
a:link{color:#369; text-decoration:underline;}
a:visited{color:#336; text-decoration:underline;}
a:active,
a:hover{color:#006; text-decoration:none; background-color:#e3eaff;}

ul{
  margin:0px 0px 0px 15px;
  padding:0px;
}

blockquote{
  color:#333;
  background-color:#f3f3f3;
  margin:20px 10px 20px 10px;
  padding:10px;
  }

form{
  margin:0px;
  padding:0px;
}
textarea{
  width:100%;
}

img{
  border-width:0px;
}

/* 3---------- TOP AREA
*/
#banner_l{
  background-color:transparent;
  float:left;
  width:470px;
  margin:0px;
  padding:0px;
}

.site_title{
  font-size:140%;
  font-family:Times,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  margin:5px 0px 5px 5px;
}
a.sitetitle:link,
a.sitetitle:visited,
a.sitetitle:active,
a.sitetitle:hover{
  color:#888;
  text-decoration:none;
  background-color:transparent;
}

.description{
  color:#333;
  font-weight:bold;
  font-size:12px;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  margin:10px 0px 10px 20px;
  padding:0px;
}


/* 4---------- MIDDLE AREA
*/
/* 4-1---MAIN
*/
.pagearea{
  clear:both;
  background-color:transparent;
  font-size:xx-small;
  text-align:right;
  line-height:150%;
  margin:0px 20px 5px 0px;
  padding:0px;
}

.entry {
  background:#fff url(images/pho_bg2.gif) repeat;
  line-height:150%;
  margin:0em 0em 1.75em 0em;
  padding:0em;
  border-color:#f00;
  border-width:0px;
  border-style:solid;
}
.sub_entry {
  clear:both;
  background-color:transparent;
  margin:1em 1em 1.5em 1em;
  padding:0em 0em 0.25em 0em;
}

.entry_title{
  color:#888;
  background:#fff url(images/pho_bg1.gif) no-repeat left top;
  font-weight:bold;
  font-size:xx-small;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  line-height:100%;
  margin:0px;
  padding:5px 5px 5px 5px;
}
.entry_title a,
.entry_title a:link,
.entry_title a:visited,
.entry_title a:active,
.entry_title a:hover{
  color:#fff;
  text-decoration:none;
  background-color:transparent;
  cursor:default;
}

.entry_subtitle{
  width:40%;
  color:#444;
  background-color:#fff8e9;
  font-weight:bold;
  font-size:x-small;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  text-align:left;
  line-height:135%;
  margin:0px;
  padding:0px 10px;
  border-color:#fff #ddd #ddd #f4e4b5;
  border-width:0px 1px 1px 8px;
  border-style:solid;
}
.trackback_title{
  color:#000;
  background-color:transparent;
  font-size:x-small;
  line-heigth:125%;
  margin:10px 0px 0px 15px;
  padding:0px;
}

.entry_admin{
  margin:0px 0px 0px 10px;
  padding:0px;
}

.entry_body{
  color:#333;
  font-size:x-small;
  line-height:170%;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  margin:5px 10px 10px 10px;
  padding:0px;

}
.entry_body2{
  color:#666;
  font-size:xx-small;
  line-height:170%;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  margin:5px 25px 5px 30px;
  padding:0px;
}

.entry_more{
  margin:0px;
  padding:0px;
}

.entry_date{
  color:#f00;
  background-color:transparent;
  font-family:Times;
  font-size:x-small;
  text-align:right;
  line-height:150%;
  margin:0px 20px;
  padding:0.5em 0em 0em 1em;
}

.entry_author{
  color:#666;
  font-size:xx-small;
  font-family:Times,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  line-height:135%;
  text-align:right;
  margin:0px 30px 0px 30px;
  padding:0px;
}

.entry_state{
  clear:both;
  color:#666;
  font-size:x-small;
  font-family:Times;
  text-align:right;
  line-height:135%;
  margin:0px 30px 12px 30px;
  padding:0px;
}
.entry_state_list{
  color:#666;
  font-size:x-small;
  font-family:Times;
  text-align:left;
  line-height:150%;
  margin:5px 0px 0px 30px;
  padding:0px;
}

.contenttitle{
  color:#666;
  background:#eee url(images/pho_bg1.gif) no-repeat top left;
  font-size:100%;
  text-align:left;
  line-height:125%;
  margin:0px 0px 0px 0px;
  padding:7px 0px 5px 15px;
}
.contenttext{
  color:#888;
  background:#fff url(images/pho_bg2.gif) repeat;
  font-size:small;
  line-hegith:150%;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 20px;
}

.endframe{
  clear:both;
  height:20px;
  color:#fff;
  font-size:xx-small;
  background:#eee url(images/pho_bg1.gif) no-repeat left bottom;
}
/* 4-2---SUPPLIMENT
*/
.linktitle{
  color:white;
  background-color:#f00;
  text-align:left;
  font-weight:bolder;
  font-size:x-small;
  line-height:170%;
  font-family:Verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","‚l‚r ƒSƒVƒbƒN","Osaka]“™•";
  margin:0px;
  padding:0px 0px 0px 10px;
}

.linktext{
  color:#369;
  background-color:transparent;
  font-size:xx-small;
  line-height:170%;
  margin:0px 0px 10px 15px;
  padding:3px 3px 7px 3px;
}

.linkcentertext{
  color:#369;
  background-color:transparent;
  font-size:xx-small;
  line-height:170%;
  text-align:center;
  margin:0px 0px 10px 0px;
  padding:3px 3px 7px 3px;
}

.button{
  width:30%;
  float:left;
  background-color:#fff;
  font-size:xx-small;
  font-family:Verdana;
  text-align:center;
  margin:0px 1px 5px 0px;
  padding:1px 0px;
  border:#f00 1px solid;
}
.button a,
.button a:link,
.button a:visited,
.button a:active,
.button a:hover{color:#666;text-decoration:none;background-color:transparent;}

.list_and_pict{
  border-color:#ddd;
  border-width:1px 0px 0px 0px;
  border-style:solid;
}  
.sidelist{
  float:right;
  width:100%;
  text-align:left;
}

/* 5----------BOTTOM AREA
*/
.copyright {
  color:#333;
  font-size:x-small;
  margin:5px 0px 0px 0px;
}


/* 6----------PARTS
*/
/* 6-1---THUMBNAIL
*/
.thumbnail_box{
  width:30px;
  float:left;
  font-size:xx-small;
  line-height:100%;
  text-align:center;
  margin:5px 0px 5px 2px;
  padding:0px;
}
.thumbnail{
  width:30px;
  height:23px;
  border-width:0px;
}

.thumbnail_in_data{
  float:left;
  width:50px;
  height:50px;
  margin-top:5px;
  border-width:0px;
}

/* 6-2---CLOCK
*/
.clock{
  width:100%;
  color:black;
  background-color:transparent;
  font-size:x-small;
  text-align:center;
  margin:0px;
  padding:3px;
  border:0px;
}

/* 6-3---LOGIN
*/
#login_box{
  color:#666;
  font-size:xx-small;
  line-height:150%;
  text-align:right;
  margin:5px 0px;
}
.login_form{
  color:#000;
  width:70px;
}

#error_sign{
  color:#f00;
  font-size:xx-small;
  text-align:right;
  margin:0px;
}
/* 6-4---SEARCH
*/
#searcharea{
  float:right;
  background-color:transparent;
  width:200px;
  text-align:right;
  margin:0px;
  padding:0px;
}
#search{
  color:#000;
  width:70%;
  font-size:small;
}

/* 6-5---CALENDAR
*/
#month_navi{
  text-align:center;
  margin:5px 0px 0px 0px;
  padding:0px;
}
.calendar{
  width:65%;
  font-size:x-small;
  margin:0px auto;
}

.cell{
  height:1.5em;
  color:#999;
  background-color:#fff;
  text-align:center;
  margin:0px;
}

.cell_today{
  height:1.5em;
  color:#000;
  background-color:#f8f8f8;
  text-align:center;
  margin:0px;
}

.cell_sunday{
  height:1.5em;
  color:#ff6e58;
  background-color:#fff;
  text-align:center;
  margin:0px;
}

.cell_saturday{
  height:1.5em;
  color:#7b8cff;
  background-color:#fff;
  text-align:center;
  margin:0px;
}
