body {
    margin: 0px;
    padding: 0px;
   font-family: Arial, Helvetica, sans-serif;
    /*background: #ffffff url(/res/jim/bg_grey_x.png) repeat center;*/
}

object,embed { margin: 0px; padding: 0px; }

div.nobg { background: #ffffff; }

img { border: none; }

a { text-decoration: none; color: #69821B; }


a.menu {
    color: #aaaaaa;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
}

a.menu:hover { color: #ffffff; }
/*a.top-menu { color: #f4b3c2; padding: 7px 5px 5px 25px; font-size: 10pt; }*/
a.top-menu {color:#ffffff; vertical-align:middle; text-align:center; width:96px; height:23px; font-size:10pt; background:url(/res/jim/jim2_images/btn2.gif) no-repeat; display:block; padding:2px 0 0 0 ;}

a.video-menu {color:#333333; vertical-align:middle; text-align:center; font-size:9pt; background:#ffffff; no-repeat; display:block; padding:3px; float:left; margin:0 4px; border-radius:5px; border:solid 2px; border-color:#A1A1A1;}
div.video-menu {color:#ffffff; vertical-align:middle; text-align:center; font-size:9pt; background-color:#333333; no-repeat; padding:5px ; float:left; margin:0 4px; border-radius: 5px;}



a.footer-menu {
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 5px;
    font-size: 10pt;
}

/*a.top-menu:hover { color: #ee827c; text-decoration: underline; }*/
a.top-menu:hover { color:#ffffff; text-decoration:none; background:url(/res/jim/jim2_images/btn2_rollover.gif) no-repeat; width:96; }
a.footer-menu:hover { color: #ffffff; text-decoration: underline; }
.footer-right { color: #ffffff; font-size: 7pt; float: right; padding: 15px 5px 0 0; }

a.lang-icon img { width: 25px; }

div#top-menubox { color: #eeeeee; float: right; width: 600px; }
.personal-menus { width: 600px; }
.lang-flags { padding: 0 0px 0 0; float: right; width: 610px; }

a.menu2 { color: #666666; padding: 7px 10px 5px 10px; font-size: 10pt; }

a.menu2:hover { color: #ffffff; }

a.user-menu { font-size: 13px; }

a.user-menu:hover { text-decoration: underline; }

div.divlines { }
div.floatleft { padding: 5px; float: left; }
div.floatright { padding: 5px; float: right; }

img.check-icon { position: relative; left: -10px;}

div.menu-box { padding: 5px; }

div.menu-yourhome { 
    /*background: transparent url(/res/jim/tss_images/personal_icon/YourHome/02_1.gif) no-repeat scroll 5px 3px;*/
}

div.menu-tweets {
    /*background: transparent url(/res/jim/tss_images/personal_icon/Tweets/01_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-photos { 
   /* background: transparent url(/res/jim/tss_images/personal_icon/Photos/02_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-group { 
    /*background: transparent url(/res/jim/tss_images/views_icon/04_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-inbox {
    /*background: transparent url(/res/jim/tss_images/personal_icon/Tweets/05_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-logout { 
    /*background: transparent url(/res/jim/tss_images/menu_icon/10_1.gif) no-repeat scroll 5px 3px;*/
}

div.menu-login { 
   /* background: transparent url(/res/jim/tss_images/menu_icon/01_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-signup { 
    /*background: transparent url(/res/jim/tss_images/menu_icon/14_2.gif) no-repeat scroll 5px 3px;*/
}

div.menu-box a { padding-left: 30px; padding-bottom: 10px; }

div.login-user-menu { padding-left: 5px; }

div.login-user-menu a { width: 100%; }

a.normal:hover { text-decoration: underline; }

a.r-title { font-size: 11px; }

div#main {
    position: relative;
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 900px;
    text-align: center;
}

div#garally-top { background: transparent url(/res/jim/garally_top.png) no-repeat; height: 29px; }
div#garally-swf { height:254px; }
div#garally-bottom { background: transparent url(/res/jim/garally_bottom.png) no-repeat; height: 45px; }

div#garally-top2 { background: transparent url(/res/jim/jim2_images/gronav2_top.gif) no-repeat; height: 16px; width:916px; 
                   font-size: 5pt; }

div#garally-bottom2 {
    background: transparent url(/res/jim/jim2_images/gronav2_btm.gif) no-repeat;
    height: 32px;
    width:916px;
    position: relative;
}
table.gallery-bottom { position:relative; bottom:3px; }

div#garally-br {
    background: transparent url(/res/jim/garally_btnbar.gif) repeat-x;
    height: 45px;
    float: right;
    width: 40%;
    position: relative;
}

/*div#garally { background-color: #222222; height:254px;}*/
div#garally {background:url(/res/jim/jim2_images/gallery2_bg.gif) repeat-y; width:916px; }

div#garally-left { padding: 10px; padding-right: 20px; color: #ffffff; width: 260px; }

div#map-usage { border-bottom: 1px solid #888888; padding-bottom: 5px; color: #cccccc; }

div#map-usage-desc { color: #cccccc; font-size: 12px; padding-bottom: 20px; }

div#map-area { border-bottom: 1px solid #888888; padding-bottom: 5px; }

div#author-area { padding: 10px; }

div#map-pref { padding: 0 3px 3px; }

div#map-desc { padding: 5px; font-size: 12px; }

div.map-sight { padding: 3px; }

div#garally-map { /*background-color: #222222;*/ }

div#container { background: #ffffff; text-align: left; padding: 0px; clear: both; }

div.boxmain { /* background: #ffffff; */ padding: 5px; }

.footerarea { border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa;
 color: #888888; background-color: #111111; }

table { width: 100%; }

td#lmain { width: 70%; padding: 0px; }

td#rmain { width: 30%; padding: 0px; padding-left: 10px; }

span.subtitle { }

#mov-title {
    width: 350px;
    padding-top: 10px;
    float: left;
    font-size: 100%;
    color: #222222;
    margin: 3px;
}

.mov-title2 {
    width: 350px;
    font-size: 100%;
    color: #222222;
    margin: 3px;
    font-size: 15px;
}

#mov-vote {
    padding: 5px;
    width: 140px;
    background: #EFD;
    margin: 3px;
    border: 1px solid #BC9;
    font-size: 12px;
    color: #444444;
}

div.ratings {
    float: left;
    padding: 10px;
    margin: 5px;
    font-size: 20px;
    color: #ff0000;
    border: 1px solid #BC9;
    background: #EFD;
}

#num-of-votes {
    font-size: 20px;
    color: #ff0000;
}

hr {
    height: 1px;
    border-color: #eeeeee;
}

div.internal_links {
    padding-left: 10px;
    padding-top: 3px;
    color: #222222;
    clear: both;
    border-top: 1px solid #888888;
}

div.internal_links a { }

div.entry {
    padding: 10px;
    padding-top: 20px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 12px;
    line-height: 18px;
}
div.entry-videos {
    padding: 10px;
    padding-top: 40px;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 12px;
    line-height: 18px;
}
div.result-info { float: right; font-size: 14px; color: #444444; }

div.thumb-boxes { text-align: left; }

div.pager {
    clear: both;
    padding-top: 10px;
    text-align: right;
}

div.pagination { margin: 10px; text-align: center; }

/** /はIE5, 5.5, 6, 7用のCSSハックでそれ以外には無視される */
div.photo-box {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 19%;
    vertical-align: top;
    padding: 1px;
    margin: 0px;
}

div.thumb-box {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 31%;
    vertical-align: top;
    padding: 3px;
    margin: 0px;
}

div.r-thumb-box {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 31%;
    vertical-align: top;
    padding: 3px;
    margin: 0px;
    text-align: center;	/* for top-rankicon img */
}
.r-thumbnail-img { width: 160px; padding: 0px; margin: 0px; float: left; }

div.thumb-box-internal {	/* for firefox2 */
    display: block;
    width: 100%; 	/* jim2 */
    padding: 0px;
    margin: 0px;
    position: relative;		/* the base point for absolute property of play-btn */
    text-align: center;
}

div.thumb-box-browse { text-align: center; padding: 15px; }

div.thumb-box-internal a {	/* for firefox2 */
    padding: 0px;
    margin: 0px;
}

.anchor-area {
    font-size: 100%;
    padding-top: 5px;
    margin-top: 40px;
    border-left: #cccccc solid 4px;
    padding-left: 7px;
    padding-bottom: 3px;
    border-top: #eeeeee solid 1px;
}

img.play-btn {
    width: 30px;
    z-index: 1;
    position: absolute;
    left: 77px;
    top: 45px;
}

img.rank-play-btn {
    width: 27px;
    z-index: 1;
    position: absolute;
    left: 128px;
    top: 40px;
}

img.top-rank-play-btn {
    width: 30px;
    z-index: 1;
    position: absolute;
    left: 77px;
    top: 45px;
    /* top: 78px; */
}

img.top-rank-photo-btn {
    width: 30px;
    z-index: 1;
    position: absolute;
    left: 77px;
    top: 45px;
    /* top: 78px; */
}

img.top-rankicon {
    width: 30px;
    /* float: left; */
    padding-right: 3px;
}

img.rank-photo-btn {
    width: 27px;
    z-index: 1;
    position: absolute;
    left: 128px;
    top: 40px;
}

.thumbnail-img { padding: 0px; margin: 0px; float: left; }

.film-left { float: left;  background: transparent url(/res/jim/film_bar.gif); width: 10px; }
.film-left-dmy { float: left;  width: 10px; }
.film-right { float: left; background: transparent url(/res/jim/film_bar.gif); width: 10px; }
.film-right-dmy { float: left; width: 10px; }

.film-img { height: 115px; }

div.thumb_img { margin: 0px; padding: 0px; }

.mov-titlename {
    color: #ffffff;
    background: transparent url(/res/jim/garally_btnbar.gif) repeat-x;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

div.thumb-info {
    color: #444444;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
    /* text-align: justify;
    text-justify: inter-ideograph; */
    font-size: 12px;
    clear: both;
    width: 170px;	/* jim2: for firefox2 */
}

div.photo-img { width: 100px; }	/* jim2 for firefox2 */
div.photo-title { width: 100px; } /* jim2 for firefox2 */

div.thumb-info img { display: none; }

div.user-info { margin-right: 10px; border-top: 1px solid #eeeeee; }

div.thumb-title { height: 40px; text-align: center; padding-right: 10px; }

div.thumb-snip { padding-right: 10px; }

div.snippet { color: #444444; }

/* スニペット内のHTMLは非エスケープモードで表示されるが
 * 画像だけは表示しない。
 */
div.snippet img { display: none; }

div.pageinfo { color: #444444; font-size: 14px; }

div.internal_links a:hover { text-decoration: underline; }

.subtitle-box2 { border-bottom: 1px solid #888888; padding: 5px; }

img.article-img {
    float: left;
    margin: 10px;
    border: #111111 solid 4px;
    width: 150px;
}

div.greybox { color: #444444; }

div.caption { font-size: 14px; color: #aaaaaa; }

div.left-form { color: #444444; }

/** 「clear: both;」用のdiv要素を不要にする方法。
 *  class="clearfix"とすることでfloat指定を解除することができる。
 *  ref: http://www.positionseverything.net/easyclearing.html
 */
.clearfix { min-height: 1%; }
.clearfix:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
/* hides from ie5-mac \*/
* html .clearfix { height: 1%; }
/* hide from ie5-mac */
/* div.clearfix { color: #444444; } */

div.side-login { color: #444444; font-size: 12px; padding-bottom: 20px; }

input[type="text"], input[type="password"], textarea {
    padding: 3px;
    margin: 3px;
    border: solid 1px /* #C6C6C6*/ #BCCDF0;
    border-bottom: solid 1px /* #E3E3E3 */#abbce0;
    color: #666;
    font-size: 8pt;
    background: #F3F3F3 url('/site_media/form-shadow.png') left top repeat-x;
    /* width: 120px; */
}

div#comment_input textarea { font-size: 14px; }

span#chars_left { font-size: 16px; }

div.comment_odd { padding: 10px; background-color: #f5f5f5; color: #444444; }

div.comment_even { padding: 10px; background-color: #ffffff; color: #444444; }

div.comment-date { font-size: 10px; }

p#tweet-login-alert { background-color: #c7b370; color: #ffffff; }

div#flash-install { background-color: #fffacd; border: 1px solid #f0e68c; }

/* フィールド入力エラー */
ul.errorlist { padding: 5px; background-color: #ddd79a; border: 1px solid #fffacd; color: #ffffff; }

.warning-box { background-color: #fffacd; border: 1px solid #f0e68c; padding: 10px; }

div.r-adv { padding: 5px; }

div.r-adv img { width: 120px; }

div#ranking { font-size: 11px; color: #444444; }

.tag-boxes { padding-bottom: 15px; }
.selected-tags { padding-bottom: 15px; /* border-bottom: 1px dotted; */
 padding: 5px 5px 5px; margin: 10px 10px 5px 10px; font-size: 12px; 
 background-color: #f5deb3; /*  #f0e68c; */ }

.top-tag-boxes { padding: 10px; }
.tag-box { background: transparent url(/site_media/tags.png) no-repeat scroll 5px 3px; float: left; padding-bottom: 3px; }
.tag-box a { padding-left: 25px; padding-right: 10px; }
.tag-box-top { font-size: 14px; }
/*
.rmenu-title {
    background: transparent url(/res/jim/tss_images/bg_icon/04.gif) repeat-x scroll 0 -3px;
    font-size: 16px;
    padding: 5px;
    margin: 5px;
    text-align: center;
    color: #ffffff;

}
*/

.topic-title { border-bottom: 1px dotted #888888;
  color: #222222; padding: 10px 5px 5px; margin: 0 5px; font-size: 14px; }

.rmenu-title { border-bottom: 1px dotted #888888; border-top: 1px dotted #888888; text-align: center;
  color: #444444; padding: 10px 5px 5px; margin: 0 5px 10px; font-size: 14px; background-color: #f8f8f8; }

.top-topic-title { border-bottom: 1px dotted #888888; border-top: 1px dotted #888888; text-align: center;
  color: #444444; padding: 10px 5px 5px; margin: 20px 5px 10px; font-size: 14px; background-color: #f8f8f8; }

div.icon { background: transparent url(/res/jim/tss_images/menu_icon/09_2.gif) no-repeat scroll 0 0; }
div.featured-icon { background: transparent url(/res/jim/06_icon_featured.gif) no-repeat scroll 0 0; }
div.movie-title { padding-left: 30px; font-size: 100%; }

div.rank-box { padding: 10px; position: relative; }

img.rank-thumb-img { width: 100px; }

div.rank { font-size: 14px; color:#1e90ff; }

div.rank-1 {  }
div.rank-2 {  }
div.rank-3 {  }
div.rank-4 {  }
div.rank-5 {  }

div#public-box { padding-bottom: 20px; }

div#public-box input { width: 240px; }

/* pager */
.page,.next,.prev { border: 2px solid #800000; padding: 2px 4px; background-color: #880000; color: #ffffff; }
.page:hover,.next:hover,.prev:hover { border: 2px solid #800000; padding: 2px 4px; background-color: #cd5c5c; color: #ffffff; }
.current,.disabled { background-color: #ffffff; color: #444444; }
.current:hover,.disabled:hover { border: 2px solid #800000; padding: 2px 4px; background-color: #ffffff; color: #444444; }

/* pager for gsearch */
.gsc-cursor-page { border: 2px solid #800000; padding: 2px 4px; background-color: #880000; color: #ffffff; }
.gsc-cursor-page:hover { border: 2px solid #800000; padding: 2px 4px; background-color: #cd5c5c; color: #ffffff; }
.gsc-cursor-current-page { background-color: #ffffff; color: #444444; }
.gsc-cursor-current-page:hover { border: 2px solid #800000; padding: 2px 4px; background-color: #ffffff; color: #444444; }


div.box { border: 1px solid #888888; padding: 15px; }
div.box2 { border: 1px solid #888888; margin: 5px; padding: 10px; }
.entrance-box { border: 1px solid #888888; margin: 5px; padding: 10px; text-align: center; }

div.rbox { padding: 5px; }
p.content { padding: 5px; }
div.contract { line-height: 25px; }

.btnlink { border: 2px solid #800000; padding: 2px 4px; margin: 5px; background-color: #880000; color: #ffffff; }
a.btnlink:hover { background-color: #cd5c5c; }

.btnlink2 { border: 2px solid #f5deb3; padding: 2px 4px; margin: 5px; background-color: #f5deb3; color: #ffffff; }
a.btnlink2:hover { background-color: #fffacd; }


.uldiv { padding: 10px; }

#gsearchForm input[type="text"] { border: 1px solid #BCCDF0; padding: 2px 2px 3px 0; }
.i-strong { color: #4682b4; }
.s-msg-box { text-align: center; font-size: 13px; color: #888; padding: 10px 0; }

#leftmain { width: 610px; }

/* blog settings */
.blog-post { border: 1px solid #999; margin-bottom: 10px; background-color: #eee; }
.blog-box { border: 1px solid #999; background-color: #fff; margin: 3px; position: relative; }
.blog-box p { margin-right: 10px; /*width: 660px;*/ word-break: break-all;  word-wrap: break-word;
              padding: 0px; margin: 0px;}
.blog-post-meta { width: 180px; margin: 0 0 0 20px; padding-left: 10px; }
.blog-under-title { font-size: 10pt;  }
.blog-meta { padding: 0 10px; float: left; color: #888; }
.blog-meta-right { float: right; padding-right: 5px; }
.blog-tags { padding-left: 10px; color: #888; font-size: 10pt; }
.blog-post h2 { font-style: normal; margin: 0px; padding: 10px; text-shadow: 4px 4px 4px #ccc; }
.blog-post-tease { width: 97%; margin: 10px 10px; word-wrap: break-word; word-break: break-all;
                   text-align: justify; text-justify: inter-ideograph; 
                   font-size: 10pt; color: #444; }
.blog-post-tease p { word-break: break-all; word-wrap: break-word; margin-bottom: 15px; }
.blog-post-tease img { float: left; padding: 3px 10px 3px 0; }
.blog-writer-img { margin: 0 10px 0 0; }
.blog-comments-box h3 { text-shadow: 4px 4px 4px #ccc; }
.blog-title-area { border-bottom: 1px dotted #999; margin: 0; padding-bottom: 5px; }
.blog-readmore { float: right; height: 50px; width: 110px; 
                 background: url("/res/jim/readmore.png") no-repeat scroll 0 -60px; }
.blog-readmore-sticker { padding-top: 20px; font-size: 10pt; }
.top-title { font-size: 14px; padding: 5px; }
.comment-form { list-style-type: none; }
.comment-submit { float: right; }
.comment-box { width: 450px; padding-bottom: 20px; }
.preview-box { border: 1px dotted #888; padding: 10px; margin-bottom: 20px; }

pre { padding: 10px; border: 1px dotted #888; background-color: #f5f5dc;  
      text-align: justify; text-justify: inter-ideograph; }

#subnav {
    margin: 0px;
    height: 20px;
    clear: both;
}

#subnav ul {
    float: right;
    margin: 0 20px 10px 0;
    padding: 0;
}

#subnav ul li {
    display: inline;
    list-style-type: none;
}

/*** from personal ***/
div.task-meta { float: left; margin: 4px; padding: 4px; width: 100px; font-size: 12px; }
div.bulk { margin-left: 120px; padding: 10px 4px 4px 4px; }
div.bulk p { margin-top: 0px; margin-right: 10px; word-break: break-all;  word-wrap: break-word;}

/* for comments */
.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 20px; }
.thread-2 { margin-left: 40px; }
.thread-3 { margin-left: 60px; }
.thread-4 { margin-left: 80px; }
.thread-5 { margin-left: 100px; }
.thread-6 { margin-left: 120px; }
.thread-7 { margin-left: 140px; }
.thread-8 { margin-left: 160px; }

.responses { font-size: 14px; }

.responses .even, .topics .even { background-color: #fafafa; }
.responses .odd, topics .odd { background-color: #f3f3f3; }

div.meta {
    float: left;
    width: 100px;
    margin: 4px;
    padding: 4px;
    font-size: 12px;
}

.responses li { list-style-type: none; }
.bulk a { font-size: 12px; }


/* tag search */
.thumb-row { }
.gallery-photo-thumb {
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    width: 22%;
    vertical-align: top;
    padding: 5px;
    margin: 0px;
}
.gallery-photo-thumb { font-size: 12px; }
.gallery-photo-internal { /* jim2 for firefox2 */
    display: block;
    width: 100%; 	/* jim2 */
    padding: 0px;
    margin: 0px;
    position: relative;		/* the base point for absolute property of play-btn */
    text-align: center;
}
.iconright2 { padding-left: 28px; padding-right: 5px; padding-bottom: 5px;float: left; }
.icon-comments { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/02_2.gif) no-repeat scroll 5px 1px;
}
.icon-photos-views { 
    background: transparent url(/res/jim/tss_images/views_icon/06_1.gif) no-repeat scroll 5px 1px;
}

.plugin-entry { padding: 5px 5px 40px 5px; }
.subtitle { 
    border-left: 4px solid #cccccc;
    border-top: 1px solid #eeeeee;
    padding-bottom: 3px;
    padding-left: 30px;
    padding-top: 10px;
    clear: both;
}

.subtitle-profile { 
    /* background: transparent url(/res/jim/tss_images/personal_icon/YourHome/08_4.gif) no-repeat scroll 5px 8px; */
    background: transparent url(/res/jim/tss_images/views_icon/07_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-tweets { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/01_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-photos { 
    background: transparent url(/res/jim/tss_images/personal_icon/Photos/03_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-photos-camera { 
    background: transparent url(/res/jim/tss_images/personal_icon/Photos/02_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-upphotos { 
    background: transparent url(/res/jim/tss_images/views_icon/05_2.gif) no-repeat scroll 15px 0;
}

.subtitle-camera { 
    background: transparent url(/res/jim/tss_images/views_icon/05_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-groups,.subtitle-tribe { 
    background: transparent url(/res/jim/tss_images/views_icon/04_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-topic { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/04_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-inbox { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/05_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-tags { 
    background: transparent url(/res/jim/tss_images/views_icon/01_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-notices { 
    background: transparent url(/res/jim/tss_images/personal_icon/YourHome/08_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-compose { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/03_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-delete-messages { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/05_6.gif) no-repeat scroll 5px 8px;
}

.subtitle-settings { 
    background: transparent url(/res/jim/tss_images/personal_icon/YourHome/01_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-tweets-friends { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/02_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-tweets-followers { 
    background: transparent url(/res/jim/tss_images/personal_icon/Tweets/04_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-photos-yourphotos { 
    background: transparent url(/res/jim/tss_images/personal_icon/Photos/01_2.gif) no-repeat scroll 5px 8px;
}

.subtitle-default { 
    background: transparent url(/res/jim/tss_images/menu_icon/09_2.gif) no-repeat scroll 5px 8px;
}

/* space */
.space-all { border: 1px solid #999; background-color: #eee; }
.space-box { border: 1px solid #999; background-color: #fff; margin: 3px;}
.space-inner { padding: 10px; }
table.space-tbl { width: 560px; }
td.space-img { width: 270px; }
td.space-img img { width: 270px; }
td.space-desc { width: 280px; }
.space-text { width: 280px; word-break: break-all; word-wrap: break-word; padding-left: 10px; }
.space-title { font-size: 14pt; margin-top: 10px; }
.space-name { font-size: 10pt; color: #666; }
.space-description { font-size: 10pt; margin: 10px; }

/* present */
.present-text { width: 560px; word-break: break-all;  word-wrap: break-word; padding: 10px; }
.present-top-img { padding: 0px 10px 10px 15px; }

.banner-left { margin: 10px 0 20px 0; }

/* gallery top images */
div#gallery-image { position: relative; width:800px; height:250px;/* gallery-overflow-boxの基準ボックス */ } 
div.gallery-overflow-box { width: 270px; height: 240px; padding: 5px; position: absolute; top: 0px; right: 70px;
                           background-color: #333; color: #fff;
                           filter: alpha(opacity=70); /* IE */
                           -moz-opacity: 0.70; /* FF */
                           opacity: 0.70; }
div.gallery-title { text-align: center; font-size: 14pt; padding-top: 5px; }
div.gallery-desc { text-align: left; font-size: 9pt; width: 260px; height: 160px; padding: 5px; 
                   overflow: auto; /* hiddenと指定すると、はみ出した部分は非表示となる */}
a.gallery-title-link { color: #fff; }
a.gallery-title-link:hover { text-decoration: underline; }
.gallery-btn { text-align: right; padding: 10px 10px 0 0; }