/*============================================================================*/
/* LAYOUT */
    /* Header */
    /* Breadcrumb */
    /* Content */
    /* Center LR Column */
    /* Left Right Column */
    /* Left Right Column Title */
    /* Left Right Column Content */
    /* Footer */
/* COLORING */
    /* hyper-link coloring */
    /* table coloring */
    /* XOOPS CSS - remaining for compatibility   */
/* XOOPS MAIN MENU */
    /* forms */
    /* XOOPS item */
    /* XOOPS Code & Quote */
    /* XOOPS com */
    /* XoopsComments */
    /* dhtmltextarea - just for menu skip */
/* XOOPS DIALOGUE MSG */
    /* errorMsg */
    /* confirmMsg */
    /* resultMsg */
    /* redirectMsg */
    /* ctrlMsg */
/* ANHCOR ICONS */
/* normal headings */
/* XOOPS_DIALOGUE */
/* XOOPS ADMIN SIDE */
    /* admin ctrl */
    /* admin header and footer */
    /* admin headings */
    /* admin left column */
    /* admin left column anchor */
    /* admin table */
    /* admin error */
    /* ModuleContents */
    /* table coloring for admin */
    /* block and modules control pannel */
/* HEADLINES SETTINGS */
/*============================================================================*/
/* LAYOUT */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

body {
   font-size: 95%;
   background-color: #fcfcfc;
   color: #111;
    text-align: center;
    font-family: 'ＭＳ Ｐゴシック',Meiryo,Osaka,sans-serif;
/*  line-height: 110%;*/
}
body.ShowBlockL0R0 #Wrapper {
    width: 100%;
}
body.ShowBlockL1R0 #Wrapper {
    width: 100%;
}
body.ShowBlockL0R1 #Wrapper {
    width: 100%;
    float: left;
   margin-right: -220px;
}
body.ShowBlockL1R1 #Wrapper {
    width: 100%;
    float: left;
   margin-right: -220px;
}

body.ShowBlockL0R0 #CenterColumn {
    float: left;
    width: 100%;
}
body.ShowBlockL1R0 #CenterColumn {
    float: right;
    width: 100%;
   margin-left: -220px;
}
body.ShowBlockL0R1 #CenterColumn {
   margin-right: 220px;
}
body.ShowBlockL1R1 #CenterColumn {
    width: 100%;
    float: right;
   margin-left: -220px;
}

body.ShowBlockL1R0 #CenterWrapper {
   margin-left: 220px;
}
body.ShowBlockL1R1 #CenterWrapper {
   margin-right: 220px;
   margin-left: 220px;
}

div#Container {
    text-align: left;
    margin: 0 auto;
    padding: 0;
  width: 800px;
  color: #111;
  background-color: #fff;
}

div#CenterWrapper {
    padding: 0 0 0 12px;
}

/* Header */
div#Header {
    width: 100%;
    height: 20px;
    border-bottom: #b1b1b1 solid 2px;
    font-family: Verdana, sans-serif;
    font-size: small;
    text-align: right;
   color: #111;
   background-color: #fff;
}
div#Header div#Sitename {
    font-weight: bold;
    padding: 22px 0 10px 10px;
    font-size: 210%;
    line-height: 100%;
}
div#Header div#Logo {
    float: right;
    padding: 10px 25px 0 20px;
}
div#Slogan {
    font-size: 120%;
    padding: 0 0 0 10px;
}
div#Header a:link,
div#Header a:visited {
   color: #111;
    text-decoration: none;
}

/* Breadcrumb */
div#breadcrumb,
div#theme_breadcrumbs {
    width: 100%;
    margin-bottom: 5px;
    border-bottom: #DDD solid 1px;
}

/* Content */
div#CenterColumn  h2.BlockTitle {
/*  border-bottom: #DDD dashed 1px; */
}
div#CenterColumn div.BlockContent,
div#ModuleContents {
    font-size: 100%;
/*  line-height: 1.6;*/
    padding: 0;
    clear: both;
    width: 780px;
}
p {
    margin: 10px 0;
/*  clear: both; */
    margin-bottom: 10px;
}

/* Center LR Column */
div#CenterLColumn {
    float: left;
    width: 400px;
}
div#CenterLColumn div.BlockContent {
    font-size: 100%;
    padding: 0;
    clear: both;
    width: 400px;
}
div#CenterRColumn {
    float: right;
    width: 380px;
}
div#CenterRColumn div.BlockContent {
    font-size: 100%;
    padding: 0;
    clear: both;
    width: 380px;
}
div.CenterCblock {
    clear: both;
    margin-bottom: 10px;
}
div.CenterLblock {
    clear: both;
}
div.CenterRblock {
    clear: both;
}

/* Left Right Column */
div#LeftColumn {
    overflow: auto; /* ugly? */
    float: left;
   width: 220px;
   background-color: #fff;
}
div#RightColumn {
    float: right;
   width: 220px;
   background-color: #fff;
}

div.LeftBlock,
div.RightBlock {
    padding: 10px 0;
}

/* Left Right Column Title */
div#LeftColumn h2.BlockTitle,
div#RightColumn h2.BlockTitle {
   color: #111;
   background-color: #f0f0f0;
    border-bottom: 1px #a0a0a0 solid;
    border-top: 1px #a0a0a0 solid;
    margin: 0 0 5px 0;
    padding: 3px 10px;
    font-size: 110%;
}
div#LeftColumn h3,
div#RightColumn h3,
div#LeftColumn h4,
div#RightColumn h4 {
    margin: 5px 0;
    font-size: 100%;
}

/* Left Right Column Content */
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent,
div#LeftColumn .BlockContent p,
div#RightColumn .BlockContent p {
    text-align: left;
}
div#LeftColumn .BlockContent,
div#RightColumn .BlockContent{
    padding: 0 10px;
}

/* Footer */
div#BacktoTop {
    text-align: right;
    margin: 10px 0px 5px;
    clear: both;
    font-size: 80%;
}
div#Footer {
    clear: both;
    width: 100%;
    margin: 0 auto;
    border-top: 1px #f9f9f9 solid;
   color: #999;
   background-color: #fcfcfc;
}
div#Footer p {
    font-size: x-small;
    margin: 0 10px;
    padding: 0px 0;
    text-align: center;
}

div#Banner {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

/*============================================================================*/
/* clearfix http://www.positioniseverything.net/ */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
/*  display: inline-table; [hd: 0788] */
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*============================================================================*/
/* COLORING */
/* hyper-link coloring */

a:link   { color: #336699;}
a:visited { color: #9966cc;}
a:active { color: #cc6666;}
a:hover  { color: #cc6666;}
a:hover  { text-decoration: none;}
div#LeftColumn  a:link { color: #336699;}
div#RightColumn a:link { color: #336699;}
div#LeftColumn  a:visited { color: #336699;}
div#RightColumn a:visited { color: #336699;}
div#LeftColumn  a:hover { color: #336699;}
div#RightColumn a:hover { color: #336699;}
.ctrlMsg a:link { color: #336699;}
.ctrlMsg a:visited { color: #336699;}
.ctrlMsg a:hover { color: #336699;}

/*============================================================================*/
/* table coloring */

.head {
   color: #111;
   background-color: #ddd;
}
.even,
tr.even td {
   color: #111;
   background-color: #f0f0f0;
}
.odd,
tr.odd td {
   color: #111;
   background-color: #fff;
}
.foot {}

table.outer th,
table.outer1 th,
table.outer2 th,
table.outer3 th{
   color: #111;
   background-color: #e6e6e6;
}
table.outer thead tr th,
table.outer1 thead tr th,
table.outer2 thead tr th,
table.outer3 thead tr th {
   color: #111;
   background-color: #ddd;
}
table.outer thead tr td,
table.outer1 thead tr td,
table.outer2 thead tr td,
table.outer3 thead tr td {
   background-color: #111;
   background-color: #f0f0f0;
}

/*============================================================================*/
/* XOOPS CSS - remaining for compatibility   */
/* img {border: 0;} */

#xoopsHiddenText {
    visibility: hidden;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.pagneutral {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    background-image: url(./images/pagneutral.gif);
}
.pagact {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    background-image: url(./images/pagact.gif);
}
.paginact {
    font-size: 10px;
    width: 16px;
    height: 19px;
    text-align: center;
    background-image: url(./images/paginact.gif);
}

/*============================================================================*/
/* XOOPS MAIN MENU */
#mainmenu,
#usermenu {
    margin: 0 -10px;
    padding: 0;
    text-align: left;
}
#mainmenu li,
#usermenu li {
    display: inline;
}
#mainmenu a {
    text-decoration: none;
    display: block;
    border-bottom: #DDD solid 1px;
    margin: 0 1px;
}
#mainmenu a:hover {background-color: #ccc}
#mainmenu a.menuTop {padding: 5px 10px;}
#mainmenu a.menuMain {padding: 5px 10px;}
#mainmenu a.menuSub {padding: 5px 5px 5px 15px;}

#usermenu a {
    text-decoration: none;
    display: block;
    border-bottom: #DDD solid 1px;
    margin: 0 1px;
    padding: 5px 10px;
}
#usermenu a:hover { background-color: #ccc}
#usermenu a.menuTop {}
#usermenu a.highlight {
    background-color: #FCC;
}

/* forms */
#legacy_xoopsform_block_uname,
#legacy_xoopsform_block_pass,
#legacy_xoopsform_query_block,
#xoops_theme_select{
    width: 120px;
}

/* XOOPS item */
.item {}
.itemHead {
    padding: 3px;
    background-color: #666;
    color: #FFF;
}
.itemInfo {
    text-align: right;
    padding: 3px;
    background-color: #EFEFEF;
}
.itemTitle a {
    font-weight: bold;
    font-variant: small-caps;
    color: #FFF;
    background-color: transparent;
}
.itemPoster {
    font-size: 90%;
}
.itemPostDate {
    font-size: 90%;
}
.itemStats {
    font-size: 90%;
}
.itemBody {
    padding-left: 0px;
}
.itemText {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 100%;
}
.itemText: first-letter {}
.itemFoot {
    text-align: right;
    padding: 3px;
    background-color: #EFEFEF;
}
.itemAdminLink {
    font-size: 90%;
}
.itemPermaLink {
    font-size: 90%;
}
/* XOOPS Code & Quote */
div.xoopsCode {
   color: #111;
   background-color: #fafafa;
    border: 1px inset #000080;
    font-family: "Courier New",Courier,monospace;
    padding: 0px 6px 6px 6px;
}
div.xoopsQuote {
   color: #111;
   background-color: #fafafa;
    border: #336699 solid 1px;
    padding: 3px;
}

/* XOOPS com */
.comTitle {
    font-weight: bold;
    margin-bottom: 2px;
}
.comText {
    padding: 2px;
}
.comUserStat {
    font-size: 10px;
    color: #2F5376;
    font-weight: bold;
    border: 1px solid silver;
    background-color: #ffffff;
    margin: 2px;
    padding: 2px;
}
.comUserStatCaption {
    font-weight: normal;
}
.comUserStatus {
    margin-left: 2px;
    margin-top: 10px;
    color: #2F5376;
    font-weight: bold;
    font-size: 10px;
}
.comUserRank {
    margin: 2px;
}
.comUserRankText {
    font-size: 10px;font-weight: bold;
}
.comUserRankImg {
    border: 0;
}
.comUserName {}
.comUserImg {
    margin: 2px;
}
.comDate {
    font-weight: normal;
    font-style: italic;
    font-size: smaller;
}
.comDateCaption {
    font-weight: bold;
    font-style: normal;
}

/* XoopsComments */
div.XoopsCommentsInfo{}

ul#XoopsCommentsNavigation{
    padding: 0;
    margin: 5px 0;
}
ul#XoopsCommentsNavigation li{
    display: inline;
}
ul.XoopsCommentsThread{
    padding: 0;
    margin: 5px 0 15px;
}
ul.XoopsCommentsThread li{
    padding: 2px 0;
    list-style: none;
}
ul.XoopsCommentsThread li img{
    vertical-align: middle;
}
div.XoopsCommentsTitle{
    font-weight: bold;
    padding: 3px 6px;
    background-color: #ddd;
}
div.XoopsCommentsTitle img{
    vertical-align: middle;
}
h4.XoopsCommentsThreadTitle{
    border-bottom: 1px #aaa solid;
}
div.XoopsCommentsText{
    clear: both;
    padding: 3px 3px 10px 3px;
}
div.XoopsCommentsSub{
    position: relative;
    padding: 2px 6px;
    background-color: #eee;
    height: 1.7em;
}
div.XoopsCommentsCtrl{
    position: absolute;
    top: 2px;
    right: 6px;
}
hr.XoopsCommentsDivision{
    margin: 10px 0;
}

/* dhtmltextarea - just for menu skip */
.dhtmltextarea{
    position: relative;
}

/*============================================================================*/
/* XOOPS DIALOGUE MSG */
/* errorMsg */
.errorMsg {
   color: #111;
   background-color: #fcc;
    text-align: left;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    padding: 15px 25px 10px;
}
/* confirmMsg */
.confirmMsg {
   color: #136C99;
   background-color: #ddffdf;
    text-align: left;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    padding: 15px 25px 10px;
}
/* resultMsg */
.resultMsg {
   color: #333;
   background-color: #ccc;
    text-align: left;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    padding: 15px 25px 10px;
}
/* redirectMsg */
.redirectMsg {
   color: #111;
   background-color: #fafafa;
    text-align: left;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
    padding: 15px 25px 10px;
}
/* ctrlMsg */
.ctrlMsg {
   color: #111;
   background-color: #fafafa;
    text-align: left;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 15px 25px 10px;
}

/*============================================================================*/
/* ANHCOR ICONS */

#CenterColumn a[href^="http:"]:after{
    margin: 0 2px;
/*  content: url(images/_common/ouklink.png);*/
}
#CenterColumn a[href^="https:"]:after {
    margin: 0 2px;
/*  content: url(images/_common/lock.png);*/
}
#CenterColumn a[href^="http://glooto.com"]:after {
  margin: 0;
  content: "";
}
/*============================================================================*/
/* XOOPS_DIALOGUE */
.xoops_dialogue{
   color: #111;
   background-color: #ddd;
}
#dialogue_title{
    padding: 3px 5px;
    text-align: left;
    font-weight: bold;
   color: #fff;
   background-color: #666;
}
#dialogue_title img{
    vertical-align: middle;
    margin-right: 5px;
}

/*============================================================================*/
/* XOOPS ADMIN SIDE */

/* admin ctrl */
#admin_ctrl{
    border-bottom: 1px #666 solid;
    background-color: #666;
    text-align: right;
    padding: 5px 10px;
    line-height: 100%;
}
#admin_ctrl a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#admin_ctrl a:hover{
    color: #113;
}
#admin_ctrl a:before {
    margin: 0 3px;
    content: url(images/_common/menulist.gif);
}
#admin_ctrl a.direct:before {
    margin: 0 2px;
    content: url(images/_common/menulist_direct.gif);
}
#admin_ctrl a.end_of_shortcut{
    margin-right: 10px;
}

/* admin header and footer */
.AdminMode #Container{
    width: 100%;
    border: none;
}
.AdminMode #Header{
    height: 60px;
   background-color: #222;
}
.AdminMode #Header #Logo{
    margin: 0;
    padding: 0 10px;
}
.AdminMode div#Header div#Sitename {
    font-size: 150%;
   color: #fff;
}
.AdminMode div#Footer {
   color: #fff;
   background-color: #222;
}
.AdminMode div#Footer p a{
   color: #fff;
}

/* admin headings */
.AdminMode #CenterWrapper h2 {
    line-height: 100%;
    font-size: 110%;
    padding: 6px;
    border: none;
    margin: 0;
   color: #fff;
   background-color: #666;
}
.AdminMode #CenterWrapper h3 {
    line-height: 100%;
    font-size: 110%;
    padding: 6px;
    border-bottom: none !important;
   border-left: 8px#666 solid;
}
.AdminMode #CenterWrapper h4{
    margin: 10px 0 0;
   border-bottom: 1px#666 solid;
}

/* admin left column */
.AdminMode #LeftColumn h2.BlockTitle{
    font-size: 110%;
    margin: -10px 0 0;
    padding: 6px 10px;
    line-height: 100%;
   color: #fff;
   background-color: #222;
}
.AdminMode #LeftColumn div.adminmenu_block_main{
    margin: 0 -10px;
    clear: left;
    border-top: 1px #aaa solid;
}
.AdminMode #LeftColumn div.adminmenu_block_main img{
    padding: 4px 4px 2px 5px;
    float: left;
}

/* admin left column anchor */
.AdminMode #LeftColumn div.adminmenu_block_main a.adminmenu_block_main_module_name{
    font-weight: bold;
    color: #222;
    padding: 4px;
    display: block;
    text-decoration: none;
}
.AdminMode #LeftColumn div ul,
.AdminMode #LeftColumn div li{
    list-style: none;
    margin:0 -5px;
    padding:0;
 border: 1px #fff solid;}
.AdminMode #LeftColumn div li a{
    color: #222;
    padding: 3px 5px;
    display: block;
    text-decoration: none;
}
.AdminMode #LeftColumn div a:hover{
    color: #fff;
    background-color: #999;
}

/* admin table */
.AdminMode table.outer{
    margin: 10px 0;
    border-top: 1px #bbb solid;
    border-left: 1px #bbb solid;
    border-collapse: collapse;
}
.AdminMode table.outer th{
    text-align: center;
   color: #fff;
   background-color: #666;
}
.AdminMode table.outer th,
.AdminMode table.outer td {
    border-bottom: 1px #bbb solid;
    border-right: 1px #bbb solid;
}
.legacy_list_description{
    color: #333;
    font-size: 85%;
}


/* admin error */
div.error{
    color: #900;
    background-color: #eee;
    padding: 5px;
}
/* ModuleContents */
form.odd{
    border              :1px #aaa solid;
}

/* table coloring for admin */
.AdminMode .head {
   color: #fff;
   background-color: #666;
}
.AdminMode .even,
.AdminMode tr.even td {
   color: #111;
   background-color: #ddd;
}
.AdminMode .odd,
.AdminMode tr.odd td {
   color: #111;
   background-color: #fafafa;
}
.AdminMode .foot {}

.AdminMode table.outer th {
   color: #fff;
   background-color: #666;
}
.AdminMode table.outer thead tr th {
   color: #111;
   background-color: #666;
}
.AdminMode table.outer thead tr td {
   background-color: #111;
   background-color: #666;
}

/* block and modules control pannel */
.AdminMode td.legacy_blockside div {
    display: inline;
    padding: 1px;
}
.AdminMode td.legacy_blockside div *{
    vertical-align: middle;
}
.AdminMode td.legacy_blockside div.active {
    background-color: #edd;
}
.AdminMode td.legacy_blockside,
.AdminMode td.blockposition {
    white-space: nowrap !important;
}
.AdminMode tr.active td{
    background-color: #edd;
}
.AdminMode .tips {
   color: #111;
   background-color: #fafafa;
border: 1px #aaa solid;    padding: 10px 15px;
}

/*============================================================================*/
/* HEADLINES SETTINGS */
/* normal headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Verdana, sans-serif;
}

div#CenterColumn h1 {
   color: #111;
   background-color: #fff;
    font-size: 150%;
    margin: 0 0 10px;
    padding: 0;
}
div#CenterColumn h2 {
   color: #111;
   background-color: #f0f0f0;
    clear: both;
    font-size: 110%;
    margin: 15px 0 10px;
    padding: 4px 15px;
    border-top: 1px #a0a0a0 solid;
    border-bottom: 1px #a0a0a0 solid;
}
div#CenterColumn h3 {
    font-size: 110%;
    margin: 15px 0 5px;
    padding: 2px 6px;
    border-bottom: 1px  #999 solid;
   color: #111;
   background-color: #fff;
}
h4,
h5 {
    font-size: 110%;
}

/* 水平線を非表示にする */
div#CenterColumn div.twtr-doc h3 {
    border: none;
}

/* ヘッダ部のCSS */
div#CenterColumn div.twtr-doc div.twtr-hd {
    /*display: none;*/
}

/* ツイート表示部のCSS */
div#CenterColumn div.twtr-doc div.twtr-bd {

}

/* フッタ部のCSS */
div#CenterColumn div.twtr-doc div.twtr-ft {
    /*display: none;*/
}

/*---- common -----------------------------------*/

#mypage {
	width:776px;
	padding:0;
	margin:0;
}

ul {
	list-style-type: disc;
}

#mypage table td.leftColumn {
	vertical-align:top;
	padding:1em 0 0 0;
	margin:0;
	width: 385px;
}
#mypage table td.rightColumn {
	vertical-align:top;
	padding:1em 0 0 15px;
	margin:0;
	width: 386px;
}
#mypage table td.rightColumn2 {
	vertical-align:top;
	padding:1em 0 0 19px;
	margin:0;
}

#mypage div.table-top {
	background:#FFFFFF url(./images/gltomo_list_top.jpg) no-repeat;
	height:32px;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 2px 0 30px;
	margin:0;
}
#mypage div.table-bottom {
	height:32px;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 2px 0 2px;
	margin:0;
}
#mypage div.table-top .listtitle {
	width:300px;
	float:left;
	text-align:left;
	padding:10px 0 0 2px;
}
#mypage div.table-bottom .listtitle {
	width:328px;
	float:left;
	text-align:left;
	padding:10px 0 0 2px;
}
#mypage div.table-top .listnavi1,
#mypage div.table-bottom .listnavi1 {
	float:left;
	text-align:left;
	font-weight:normal;
	color:#333333;
	padding:7px 0 0 0;
}
#mypage div.table-top .listnavi2,
#mypage div.table-bottom .listnavi2 {
	float:right;
	text-align:right;
	font-weight:normal;
	color:#333333;
	padding:7px 0 0 0;
}
#mypage table.outer tr th,
#mypage table.outer tr.head td,
#mypage table.outer tr td.head {
	background-color:#9DD098;
	height:25px;
	padding:3px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#mypage table.outer tr th.left,
#mypage table.outer tr td.left {
	text-align:left;
}
#mypage table.outer tr th.msgFrame,
#mypage table.outer tr td.msgFrame {
	padding:15px;
}

#mypage table.outer tr td.noticeMsg {
	background-color:#f8fff8;
	color:#000000;
	border:none;
	padding:15px 25px;
}
#mypage table.outer tr td.confirmMsg {
	font-weight:bold;
	border:none;
	padding:15px 25px;
}
#mypage table.outer tr td.errorMsg {
	color:#ff0000;
	background-color:#fff1a8;
	font-weight:bold;
	border:none;
	padding:15px 25px;
}

#mypage div.breadcrumbs-sub {
	text-align: right;
	font-size: 80%;
	padding: 0 2px 5px 0;
}

/*---- calendar -----------------------------------*/

#mypage #calendar {
	padding:0;
	margin:50px 0 0 0;
	position:relative;
}
#mypage #calendar div.table-top div.listnavi1 {
	width:150px;
	float:left;
	padding-top:2px;
}
#mypage #calendar div.calendar-note {
	text-align:left;
	font-size:11px;
	border:1px solid #cccccc;
	padding:5px;
	position:absolute;
	top:-45px;
	left:555px;
}
#mypage #calendar table.calendartable {
	width:776px;
	border:none;
	font-size:80%;
	padding:0;
	margin:0;
	text-align:center;
}
#mypage #calendar table.calendartable tr.weekdays td {
	padding:0;
	margin:0;
}
#mypage #calendar table.calendartable div.sunday {
	height:26px;
	background:#ffffff url(./images/cal_sunday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.monday {
	height:26px;
	background:#ffffff url(./images/cal_monday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.tuesday {
	height:26px;
	background:#ffffff url(./images/cal_tuesday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.wednesday {
	height:26px;
	background:#ffffff url(./images/cal_wednesday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.thursday {
	height:26px;
	background:#ffffff url(./images/cal_thursday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.friday {
	height:26px;
	background:#ffffff url(./images/cal_friday.jpg) no-repeat;
}
#mypage #calendar table.calendartable div.saturday {
	height:26px;
	background:#ffffff url(./images/cal_saturday.jpg) no-repeat;
}

/*---- frame1 -----------------------------------*/

div.frame {
	width:376px;
	padding:0;
	margin:0; 
}
div.frame .frame-top {
	background:#FFFFFF url(./images/frame_top.jpg) no-repeat;
	height:44px;
	padding:0 0 0 30px;
}
div.frame .frame-top div {
	padding: 5px;
	font-size:80%;
	font-weight:bold;
}
div.frame .frame-middle {
	background:#FFFFFF url(./images/frame_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.frame .frame-bottom {
	background:#FFFFFF url(./images/frame_bottom.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	padding: 0px 10px 0 0;
	text-align:right;
}
div.frame .frame-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}

/*---- frame2 -----------------------------------*/

div.frame2 {
	width:376px;
	padding:0;
	margin:0;
}
div.frame2 .frame2-top {
	background:#FFFFFF url(./images/frame_top.jpg) no-repeat;
	height:44px;
	padding:0 0 0 30px;
}
div.frame2 .frame2-top div {
	padding: 5px;
	font-size:80%;
	font-weight:bold;
}
div.frame2 .frame2-top div.left {
	padding: 5px;
	font-size:80%;
	font-weight:bold;
	float:left;
}
div.frame2 .frame2-top div.right {
	float:right;
	text-align:right;
}
div.frame2 .frame2-middle {
	background:#FFFFFF url(./images/frame2_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.frame2 .frame2-bottom {
	background:#FFFFFF url(./images/frame2_bottom.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	padding: 0px 10px 0 0;
}
div.frame2 .frame2-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}
div.frame2 .frame2-bottom span.right {
	float:right;
}
div.frame2 .frame2-bottom span.left {
	float:left;
	padding-left:50px;
}

/*---- frame3 -----------------------------------*/

div.frame3 {
	width:376px;
	padding:0;
	margin:0;
}
div.frame3 .frame3-top {
	background:#FFFFFF url(./images/frame_top.jpg) no-repeat;
	height:44px;
	padding:0 0 0 30px;
}
div.frame3 .frame3-top div {
	padding: 5px;
	font-size:80%;
	font-weight:bold;
}
div.frame3 .frame3-middle {
	background:#FFFFFF url(./images/frame_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.frame3 .frame3-bottom {
	background:#FFFFFF url(./images/frame3_bottom.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	padding: 0px 10px 0 0;
	text-align:right;
}
div.frame3 .frame3-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}

/*---- frame4 -----------------------------------*/

div.frame4 {
	width:772px;
	padding:0;
	margin:0;
}
div.frame4 .frame4-top {
	background:#FFFFFF url(./images/frame4_top.jpg) no-repeat;
	height:44px;
	padding:0px 0 0 30px;
	margin:5px 0 0 0;
}
div.frame4 .frame4-top div {
	padding: 5px;
	font-size:80%;
	font-weight:bold;
}
div.frame4 .frame4-middle {
	background:#FFFFFF url(./images/frame4_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.frame4 .frame4-bottom {
	background:#FFFFFF url(./images/frame4_bottom.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	padding: 0px 10px 0 0;
	text-align:right;
}
div.frame4 .frame4-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}

/*---- headerinfo -----------------------------------*/

#headerinfo {
	background:#FFFFFF url(./images/header_info_bg.jpg) no-repeat;
	width:395px;
	height:114px;
	padding:0;
	margin: 5px 0 10px 0;
	position: relative;
}

#headerinfo div.userinfo {
	position: absolute;
	color: #FFFFFF;
	left: 8px;
	top: 5px;
	width: 300px;
	height: 1.2em;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 90%;
}
#headerinfo div.userinfo span {
	font-weight: bold;
}

#headerinfo div.mypage_btn {
	position: absolute;
	left: 313px;
	top: 3px;
	padding: 0;
	margin: 0;
	font-size: 80%;
}

#headerinfo div.admin_menu {
	position: absolute;
	left: 310px;
	top: 3px;
	padding: 0;
	margin: 0;
	font-size: 80%;
	border: 1px solid #ffcccc;
	background-color: #ffcccc;
	color: #ffffff;
}

#headerinfo div.avatar {
	position: absolute;
	left: 8px;
	top: 29px;
	width: 75px;
	height: 80px;
	padding: 0;
	margin: 0;
}
#headerinfo div.avatar table tr td {
	margin: 0;
	padding: 0 5px 0 0;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

#headerinfo div.text {
	position: absolute;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 75%;
	overflow: hidden;
	color:#ffffff;
}

#headerinfo div.friend-text {
	left: 95px;
	top: 30px;
	width: 50px;
}

#headerinfo div.friend2-text {
	left: 152px;
	top: 30px;
	width: 75px;
}

#headerinfo div.point-text {
	left: 235px;
	top: 30px;
	width: 52px;
}

#headerinfo div.rank-text {
	left: 298px;
	top: 30px;
	width: 90px;
	text-align: left;
}

#headerinfo div.commu-text {
	left: 93px;
	top: 70px;
	width: 100px;
	text-align: left;
}

#headerinfo div.commu2-text {
	left: 93px;
	top: 89px;
	width: 100px;
	text-align: left;
}

#headerinfo div.friend {
	position: absolute;
	left: 90px;
	top: 46px;
	width: 50px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	overflow: hidden;
}

#headerinfo div.friend2 {
	position: absolute;
	left: 150px;
	top: 46px;
	width: 75px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	overflow: hidden;
}

#headerinfo div.point {
	position: absolute;
	left: 235px;
	top: 46px;
	width: 52px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	overflow: hidden;
}

#headerinfo div.rank_img {
	position: absolute;
	left: 300px;
	top: 46px;
	width: 80px;
	padding: 0;
	margin: 0;
}

#headerinfo div.commu {
	position: absolute;
	left: 177px;
	top: 70px;
	width: 45px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	overflow: hidden;
}

#headerinfo div.commu2 {
	position: absolute;
	left: 177px;
	top: 89px;
	width: 45px;
	padding: 0;
	margin: 0;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	overflow: hidden;
}

#headerinfo div.btns {
	position: absolute;
	left: 236px;
	top: 68px;
	width: 155px;
	padding: 0;
	margin: 0;
}

#headerinfo div.btns img.left {
	margin: 0 1px 1px 0;
}

#headerinfo div.btns img.right {
	margin: 0 0px 1px 1px;
}

/*---- search1 -----------------------------------*/

#search1 {
	background:#FFFFFF url(./images/search_friend.jpg) no-repeat;
	width:376px;
	height:232px;
	padding:0;
	margin:0;
}
#search1 .searchbtn {
	width:376px;
	height:25px;
}
#search1 .searchbtn img {
	float:right;
	margin:1px 40px 0 0;
}
#search1 .inputarea1 {
	float:left;
	padding:12px 0 10px 64px;
	font-size:90%;
}
#search1 .inputarea2 {
	float:left;
	padding:16px 0 13px 64px;
	font-size:90%;
}

/*---- search2 -----------------------------------*/

#search2 {
	background:#FFFFFF url(./images/search_newmember.jpg) no-repeat;
	width:376px;
	height:232px;
	padding:0;
	margin:0;
}
#search2 .searchbtn {
	width:376px;
	height:25px;
}
#search2 .searchbtn img {
	float:right;
	margin:1px 40px 0 0;
}
#search2 .inputarea1 {
	float:left;
	padding:10px 0 10px 105px;
	font-size:90%;
}

/*---- search3 -----------------------------------*/

#search3 {
	background:#FFFFFF url(./images/search_group.jpg) no-repeat;
	width:376px;
	height:232px;
	padding:0;
	margin:0;
}
#search3 .searchbtn {
	width:376px;
	height:25px;
}
#search3 .searchbtn img {
	float:right;
	margin:1px 40px 0 0;
}
#search3 .inputarea1 {
	float:left;
	padding:12px 0 10px 110px;
	font-size:90%;
}
#search3 .inputarea2 {
	float:left;
	padding:16px 0 13px 110px;
	font-size:90%;
}

/*---- search4 -----------------------------------*/

#search4 {
	background:#FFFFFF url(./images/search_gltomo.jpg) no-repeat;
	width:376px;
	height:252px;
	padding:0;
	margin:0;
}
#search4 .searchbtn {
	width:376px;
	height:25px;
}
#search4 .searchbtn img {
	float:right;
	margin:1px 40px 0 0;
}
#search4 .inputarea1 {
	float:left;
	padding:28px 0 10px 64px;
	font-size:90%;
}
#search4 .inputarea2 {
	float:left;
	padding:13px 0 5px 64px;
	font-size:90%;
}
#search4 .inputarea3 {
	float:left;
	padding:28px 0 13px 64px;
	font-size:90%;
}

/*---- friendpage -----------------------------------*/

#friendpage {
	width:776px;
	padding:0;
	margin:0;
}

#friendpage .friendpage-top {
	background:#FFFFFF url(./images/friendPageMenu_top.jpg) no-repeat;
	width:746px;
	height:65px;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;
	padding:7px 0 0 30px;
	margin:0
}
#friendpage .friendpage-top .listtitle1 {
	width:270px;
	float:left;
	text-align:left;
}
#friendpage .friendpage-top .listnavi1 {
	float:left;
	margin-top:10px;
	text-align:left;
	font-weight:normal;
	color:#333333;
}
#friendpage .friendpage-top .listnavi2 {
	float:right;
	margin:10px 50px 0 0;
	text-align:right;
	font-weight:normal;
	color:#333333;
}

/*---- menuarea -----------------------------------*/

#menuarea {
	height: 25px;
	margin: 0px;
	position: absolute;
	left: 270px;
	top: 5px;
}

#menuarea ul#menu {
	margin: 0px;
	height: 25px;
	list-style-type: none;
}
#menuarea ul#menu li {
	float: left;
	margin: 0px;
	width: 87px;
}
#menuarea ul#menu li:hover > ul {
	display: block;
}
#menuarea ul#submenuFriend {
	display: none;
	list-style-type: none;
}
#menuarea ul#submenuFriend li {
	width: 87px;
	line-height: 0;
	float: none;
	position: absolute;
	left: 105px;
}

/*---- friendpage-list -----------------------------------*/

#friendpage table.friendpagelisttable {
	width:776px;
	border:none;
	font-size:80%;
	padding:0;
	margin:0;
}
#friendpage table.friendpagelisttable th {
	background:#FFFFFF url(./images/friendpage_list_title.jpg) repeat-x;
	height:25px;
	padding-top:3px;
	color:#FFFFFF;
}

/*---- friendframe -----------------------------------*/

div.friendframe {
	width:376px;
	padding:0;
	margin:0; 
}
div.friendframe .friendframe-top {
	background:#FFFFFF url(./images/friend-frame_top.jpg) no-repeat;
	height:44px;
	padding:0 0 0 30px;
}
div.friendframe .friendframe-top div {
	padding: 7px 0 0 0;
	font-size:80%;
	font-weight:bold;
}
div.friendframe .friendframe-top span.right {
	float:right;
	padding-right:50px;
}
div.friendframe .friendframe-top span.left {
	float:left;
}
div.friendframe .friendframe-middle {
	background:#FFFFFF url(./images/friend-frame_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.friendframe .friendframe-bottom {
	background:#FFFFFF url(./images/friend-frame_bottom_S.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	text-align:right;
	padding: 0 10px 0 0;
}
div.friendframe .friendframe-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}

/*---- friendframe2 -----------------------------------*/

div.friendframe2 {
	width:376px;
	padding:0;
	margin:0; 
}
div.friendframe2 .friendframe2-top {
	background:#FFFFFF url(./images/friend-frame_top.jpg) no-repeat;
	height:44px;
	padding:0 0 0 30px;
}
div.friendframe2 .friendframe2-top div {
	padding: 7px 0 0 0;
	font-size:80%;
	font-weight:bold;
}
div.friendframe2 .friendframe2-middle {
	background:#FFFFFF url(./images/friend-frame_middle.jpg) repeat-y;
	padding:5px 10px;
}
div.friendframe2 .friendframe2-bottom {
	background:#FFFFFF url(./images/friend-frame_bottom_L.jpg) no-repeat;
	height:27px;
	color:#FFFFFF;
	padding: 0 10px 0 0;
	text-align:left;
}
div.friendframe2 .friendframe2-bottom div {
	padding: 7px 0 0 0;
	font-size:80%;
}
div.friendframe2 .friendframe2-bottom div span.left {
	float:left;
	padding-left:50px;
}
div.friendframe2 .friendframe2-bottom div span.right {
	float:right;
}

/*---- friendpage-detail -----------------------------------*/

#friendpage-detail {
	position: relative;
	width:776px;
	padding:0;
	margin:0;
}
#friendpage-detail .listtitle {
	position:absolute;
	left:30px;
	top:37px;
	font-size:80%;
	font-weight:bold;
}
#friendpage-detail .friendpage-detail-top {
	background:#FFFFFF url(./images/friendframe-detail_top.jpg) no-repeat;
	height:60px;
	font-size:80%;
	font-weight:bold;
	padding:0px 0 0 10px;
	margin:0;
}
#friendpage-detail .friendpage-detail-top2 {
	background:#FFFFFF url(./images/friendframe-detail_top2.jpg) no-repeat;
	height:60px;
	font-size:80%;
	font-weight:bold;
	padding:0px 0 0 10px;
	margin:0;
}
#friendpage-detail .friendpage-detail-top .listtitle1,
#friendpage-detail .friendpage-detail-top2 .listtitle1 {
	width:270px;
	float:left;
	text-align:left;
	padding: 7px 0 0 0;
}
#friendpage-detail .friendpage-detail-top .listnavi1,
#friendpage-detail .friendpage-detail-top2 .listnavi1 {
	float:left;
	margin-top:10px;
	text-align:left;
	font-weight:normal;
	color:#333333;
}
#friendpage-detail .friendpage-detail-top .listnavi2,
#friendpage-detail .friendpage-detail-top2 .listnavi2 {
	float:right;
	margin:10px 50px 0 0;
	text-align:right;
	font-weight:normal;
	color:#333333;
}

#friendpage-detail div.friendinfo {
	background: #FFFFFF url(./images/friendinfo.jpg) no-repeat;
	width: 244px;
	height: 37px;
	position: absolute;
	left: 515px;
	top: 60px;
	font-size: 75%;
	font-weight: bold;
	overflow: hidden;
}
#friendpage-detail div.friendinfo div.text {
	background: none;
	position: absolute;
	overflow: hidden;
	font-weight: normal;
	color: #ffffff;
	height: 1.5em;
	top: 1px;
}
#friendpage-detail div.friendinfo div.friendinfo-text1 {
	left: 20px;
	width: 50px;
}
#friendpage-detail div.friendinfo div.friendinfo-text2 {
	left: 80px;
	width: 75px;
}
#friendpage-detail div.friendinfo div.friendinfo-text3 {
	left: 156px;
	width: 90px;
}
#friendpage-detail div.friendinfo div.friendinfo-value1 {
	position: absolute;
	left: 10px;
	top: 16px;
	width: 50px;
	height: 1.5em;
	text-align: right;
	overflow: hidden;
}
#friendpage-detail div.friendinfo div.friendinfo-value2 {
	position: absolute;
	left: 70px;
	top: 16px;
	width: 75px;
	height: 1.5em;
	text-align: right;
	overflow: hidden;
}
#friendpage-detail div.friendinfo div.friendinfo-value3 {
	position: absolute;
	left: 158px;
	top: 16px;
	width: 80px;
	height: 1.5em;
	overflow: hidden;
}

#friendpage-detail .friendpage-detail-middle1 {
	background:#FFFFFF url(./images/friendframe-detail_middle1.jpg) repeat-y;
	font-size:80%;
}
#friendpage-detail .friendpage-detail-middle1 table td {
	vertical-align:top;
}
#friendpage-detail .friendpage-detail-middle1 table td.left-contents {
	padding: 0;
	margin: 0;
	width:155px;
	text-align:center;
}
#friendpage-detail .friendpage-detail-middle1 table td.right-contents {
	padding: 0;
	margin: 0;
}
#friendpage-detail .friendpage-detail-middle1 table td.right-contents table.outer {
	width:98%;
}
#friendpage-detail .friendpage-detail-middle1 table td.right-contents table#friendpage-detail-profile td {
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
}

#friendpage-detail .friendpage-detail-middle1 table td.left img {
	margin:20px 0;
}
#friendpage-detail .friendpage-detail-middle1 table td.center {
	width:90px;
	background-color:#d3edfb;
	font-weight:bold;
	vertical-align:middle;
}
#friendpage-detail .friendpage-detail-middle1 table td.right {
	vertical-align:middle;
}

#friendpage-detail .friendpage-detail-middle2-1 {
	background: url(./images/friendframe-detail_middle2.jpg) no-repeat;
	padding:25px 10px 2px 0;
	font-size:80%;
	text-align:right;
}
#friendpage-detail .friendpage-detail-middle2-2 table {
	background:#FFFFFF url(./images/friendframe-detail_middle2_bg.jpg) repeat-y;
}
#friendpage-detail .friendpage-detail-middle2-2 table td {
	padding:10px 10px 10px 15px;
	width:360px;
	height:80px;
}
#friendpage-detail .friendpage-detail-middle2-2 table td .item-title {
	color:#3A85C9;
	font-weight:bold;
}
#friendpage-detail .friendpage-detail-middle2-2 table td .item-value {
	padding-bottom:1em;
}

#friendpage-detail .friendpage-detail-bottom {
	background:#FFFFFF url(./images/friendframe-detail_bottom.jpg) no-repeat;
	height:26px;
	color:#FFFFFF;
	padding: 0 10px 0 0;
}
#friendpage-detail .friendpage-detail-bottom div {
	padding: 5px 0 0 100px;
	font-weight: bold;
}
#mypage #friendpage-detail table.outer tr th,
#mypage #friendpage-detail table.outer tr.head td,
#mypage #friendpage-detail table.outer tr td.head {
	background-color:#D8EAF1;
	color:#000000;
	height:25px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

/*---- frame common -----------------------------------*/

table.frame-image-box tr td {
	width:33%;
	height:85px;
	margin: 0px;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

div.frame-middle table.search-table tr td {
	height: 1.2em;
	margin: 0px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}

div.frame .frame-bottom div a,
div.frame2 .frame2-bottom div a,
div.frame3 .frame3-bottom div a,
div.frame4 .frame4-bottom div a,
div.friendframe .friendframe-bottom div a,
div.friendframe2 .friendframe2-bottom div a{
	color:#ffff00;
}
div.frame .frame-bottom div a:hover,
div.frame2 .frame2-bottom div a:hover,
div.frame3 .frame3-bottom div a:hover,
div.frame4 .frame4-bottom div a:hover,
div.friendframe .friendframe-bottom div a:hover,
div.friendframe2 .friendframe2-bottom div a:hover{
	color:#ff9999;
}

#mypage small {
	font-size: 80%;
}

#mypage .message-menu {
	padding: 5px;
}

#mypage input.submit {
	width: 80px;
	cursor: pointer;
}