@import "base.css";

#myblog{
font-size:12px;
line-height:120%;
width:750px;
margin:0px auto;
}
#myblog table{
color:#636363;
}

/*
a{
color:#237FE3;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:underline;
}
a:visited{
color:#237FE3;
text-decoration:none;
}
a:visited:hover{
color:#000;
text-decoration:underline;
}
*/

.main-iframe {
margin: 0px;
width:95%;
}
.main-finished{
font-weight:normal;
color:#FFCE84;
border:1px solid #ffb949;
color:#ffb949;
padding:10px;
margin-bottom:10px;
text-align:center;
}
.main-finished h2{
font-weight:normal;
font-size:12px;
}

/*********************
myblog-home
**********************/

.side-img{
text-align:center;
border:solid 1px #F2F2F2;
padding:10px 0 5px;
}
.ttl-link{
color:#625400;
text-decoration:none;
}
.ttl-link-pink{
color:#000;
text-decoration:none;
}

.myblog-top-box a,.myblog-top-box a:hover,.myblog-top-box a:visited{
color:#625400;
position:relative;
}
.myblog-top-box-pink a,.myblog-top-box-pink a:hover,.myblog-top-box-pink a:visited{
color:#625400;
position:relative;
}
.top-rc2{
font-size:10px;
margin:auto 0px;
width:23%;
float:left;
padding:0px 2px;
text-align:center;
}
.pbt{
padding:3px 0px 0px;
}
.info{
padding:5px;
border:solid 1px #f2f2f2;
margin-bottom:5px;
}

.dot-ul{
list-style:none;
padding:0px;
margin:0px;
text-align:left;
list-style-position:outside;
}
.dot-ul li{
margin:0px;
background:url(/img/cmn/li.gif) no-repeat 0 2px;
padding-left:12px;
}
.myblog-top-box{
background-color:#f2f2f2;
font-size:12px;
padding:5px 10px;
border-top:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;
}
.myblog-top-box2{
border-bottom:1px solid #f2f2f2;
border-left:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;
padding:10px;
font-size:12px;
}
.myblog-top-box-pink{
background-color:#FFE6FF;
font-size:12px;
padding:5px 10px;
border-top:1px solid #FFDFFF;
border-left:1px solid #FFDFFF;
border-right:1px solid #FFDFFF;
}
.myblog-top-box2-pink{
border-bottom:1px solid #FFDFFF;
border-left:1px solid #FFDFFF;
border-right:1px solid #FFDFFF;
padding:10px;
font-size:12px;
}
.myblog-top-menu-list{
width:120px;
padding:2px 20px 2px 5px;
background:#fff;
}
.myblog-top-menu-list:hover{
width:120px;
padding:2px 20px 2px 5px;
}
.myblog-top-menu-list a:hover{
text-decoration:none;
}


/*********************
myblog-finish
**********************/
.edit-finish{
color:#fcb646;
text-align:center;
/*border:1px solid #fcb646;*/
padding:10px;
margin-bottom:10px;
}
/*********************
myblog-finish
**********************/

/*********************
myblog-error
**********************/
.main-error{
margin:10px 0px;
padding:5px;
border:1px solid #fcb646;
}
.caution{
color:#fcb646;
font-weight:bold;
}
.main-error-message{
color:#fcb646;
line-height:120%;
}
.caution{

}
/*********************
myblog-error
**********************/

/*********************
myblog-menu
**********************/
.myblog-link{
border-bottom:solid 3px #146B1E;
}
.myblog-main-menu{
border-bottom:1px solid #eeeeee;
text-align:center;
padding:0px;
margin:0px;
}
.myblog-main-menu ul{
text-align:center;
margin:0px;
padding:0px;
}
ul .tab-selected{
margin:0px;
}
ul .tab-selected2{
margin:0px;
}
.tab-selected{
color:#000;
font-size:12px;
margin:0px;
background-image:url(/img/myblog/navi_cms.gif);
background-repeat:no-repeat;
background-position:50% 0%;
}
.tab-selected2{
color:#000;
font-size:12px;
margin:0px;
background-image:url(/img/myblog/navi_cms.gif);
background-repeat:no-repeat;
background-position:50% 0%;
}

ul{
margin:0px;
padding:0px;
}
.main-tab{
color:#237FE3;
text-align:center;
font-size:12px;
margin:0px;
padding:5px 13px 2px 13px;
white-space: nowrap;
}
.main-tab:hover{
color:#000;
}

.tab-selected .tab-text{
vertical-align:middle;
margin:0px;
padding:0px;
}

.tab-text6{
margin:0px;
padding:0px 20px 0px 10px;
}
.tab-text5{
margin:0px;
padding:0px 20px 0px 10px;
}
.tab-text3{
margin:0px;
padding:0px 10px 0px 10px;
}
.tab-text1{
margin:0px;
padding:0px 10px 0px 0px;
}
.main-tab-selecte{
color:#000;
}



.tab-left{
margin:0px;
padding:0px;
}
.tab-right{
margin:0px;
padding:0px;
}
.myblog-header{
margin:5px 0px 20px 0px;
}
.header-sub-menu{
color:#CCC;
text-align:center;
margin:5px 0px 10px 0px;
padding-bottom:20px;
}
/*********************
myblog-menu
**********************/
/*********************
myblog-side-contents
**********************/
.myblog-sidetitle{
background-color:#efefef;
font-size:12px;
padding:5px 10px;
border-top:1px solid #dededd;
border-left:1px solid #dededd;
border-right:1px solid #dededd;
}
.myblog-side{
border-bottom:1px solid #dededd;
border-left:1px solid #dededd;
border-right:1px solid #dededd;
padding:10px 5px;
font-size:12px;
margin-bottom:5px;
}

/*********************
myblog-side-contents
**********************/

/*********************
list-table
**********************/
.list-table{
background-color:#f2f2f2;
margin-bottom:15px;
}
.list-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:center;
font-size:12px;
}
.list-title2{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
font-size:12px;
}
.list-body{
color:#626262;
padding:5px;
background-color:#FFF;
font-size:12px;
}

/*********************
list-table
**********************/

/*********************
delete-table
**********************/
.delete-table{
background-color:#f2f2f2;
}
.delete-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:left;
font-size:12px;
}
.delete-body{
color:#626262;
padding:5px;
background-color:#FFF;
font-size:12px;
}

/*********************
list-table
**********************/

/*********************
entry-table
**********************/
.table-title{
color:#626262;
font-weight:bold;
padding:5px 5px 5px 10px;
}

.entry-table{
background-color:#f2f2f2;
margin-bottom:15px;
}
.entry-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
font-size:12px;
}
.entry-body{
color:#616161;
padding:5px;
background-color:#FFF;
font-size:12px;
}
.entry-body-con{
color:#616161;
background-color:#FFF;
font-size:12px;
}
.main-section{
background-color:#f2f2f2;
color:#626262;
font-weight:bold;
padding:5px 5px 5px 5px;
font-size:12px;
}

/*********************
entry-table
**********************/
/*********************
side-menu-table
**********************/
.side-table{
background-color:#f2f2f2;
margin-bottom:5px;
}
.side-table-top-title{
color:#626262;
padding:5px;
}

.side-table-title{
color:#626262;
padding:5px;
background-color:#fcfcfc;
}
.side-table-body{
color:#616161;
padding:5px;
background-color:#FFF;
}

/*********************
side-menu-table
**********************/
.tab-selected a{
color:#555;
float:left;
}
.main_tab{
float:left;
}
.tab-selected-regist{
border-top:solid 1px #fff;
color:#666;
}
.tab-selected-regist-on{
border-top:solid 1px #fff;
color:#666;
}
.css_category_name{
border-top:solid 1px #fff;
}

.header-sub_menu{
clear:both;
text-align:center;
margin:0px auto;
}
.header-sub_menu a{
padding:0px 10px;
}

.list_title{
font-weight:normal;
font-size: 10px;
text-align:center;
padding:5px;
}
/*********************
input-button-layout
**********************/

.input-submit {
}
.input-button {
}
.input-reset {
}
.input-text{
border:solid 1px #7B9CBD;
}

/*********************
help
**********************/
.help {
display:none;
margin-left:10px;
background: #FFF;
z-index:256;
position:absolute;
background:url(/img/myblog/tips_sankaku.gif) no-repeat 0px 0px;
}
.help-title{
background-color:#6b768c;
border:1px solid #6b768c;
color:#FFF;
padding:3px 8px;
width:300px;
font-size: 12px;
text-align:left;
font-weight: normal;
margin-left:5px;
}
.help-body{
background-color:#FFF;
padding:8px;
width:300px;
border-left:1px solid #6b768c;
border-right:1px solid #6b768c;
border-bottom:1px solid #6b768c;
line-height:1.2;
font-size: 12px;
text-align:left;
font-weight: normal;
color:#626262;
line-height:120%;
margin-left:5px;
}

/*********************
help
**********************/


/*old*/
.myblog {
margin:0px;
padding:0px;
}

#main {
margin:0px;
padding:0px;
}
/*old*/

/*********************
access_log
**********************/

.on-day-style{
text-align:center;
font-size:12px;
padding:3px;
}
.on-day-style a{
color:#616161;
}
.day-selected{
text-align:center;
border:1px solid #d7d7d7;
background-color:#FFF;
font-size:12px;
padding:2px;
}
.day-selected a{
color:#616161;
}
.day-style-saturday{
text-align:center;
padding:3px;
font-size:12px;
color:#00f;
}
.day-style-saturday a{
color:#00f;
}
.day-style{
text-align:center;
padding:3px;
font-size:12px;
color:#f00;
}
.day-style a{
color:#f00;
}
.log-table{
background-color:#c0c0c0;
margin-bottom:15px;
}
.log-title{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#d0e1fd;
text-align:center;
}
.log-total-text{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:left;
}
.log-total-num{
color:#626262;
font-weight:bold;
padding:5px;
background-color:#fcfcfc;
text-align:right;
}
.log-body{
color:#626262;
padding:5px;
background-color:#ecf4f4;
}

/*********************
access_log
**********************/

/********************
css_pre_view
*********************/
.css_pre_view {
display:none;
margin-left:10px;
width:110px;
padding:8px;
background: #FFF;
border:2px solid #cccccc;
z-index:256;
position:absolute;
text-align:left;
line-height:1.5;
}
/********************
css_pre_view
*********************/
/********************
image_pre_view
*********************/

.image_pre_view {
display:none;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
background: #FFF;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
z-index:256;
position:absolute;
text-align: center;
}
/********************
image_pre_view
*********************/
/********************
myblog template
*********************/


.css-list-sample-list{
margin:0px auto;
float:left;
width:187px;
text-align:center;
font-size:12px;
}
.css-list-sample-tt{
padding:5px;
margin:0px auto;
width:130px;
text-align:center;
border:solid 1px #ececec;
}
.css-list-sample-list2{
padding:5px 5px 0px 0px;
}
.css-list-sample-img{
text-align:center;
clear:left;
}
.css-list-sample-img img{
border:solid 1px #999;
}
.sample-img{
text-align:center;
clear:left;
}
.sample-img img{
border:solid 1px #999;
}
.css-list-sample-list3{
padding:2px 5px 0px 0px;
}
.css-list-sample-list4{
margin:3px auto 0px auto;
float:left;
width:149px;
text-align:center;
font-size:11px;
}
.css-list-sample-tt2{
padding:5px;
margin:0px auto;
width:115px;
text-align:center;
border:solid 1px #ececec;
}
.css-list-sample-genre{
text-align:right;
float:left;
font-size:12px;
line-height:18px;
padding:0px 0px 10px 20px;
}
.css-list-sample-ttl{
padding:2px 0px 0px 0px;
font-size:14px;
font-weight:bold;
color:#625400;
}
.css-list-sample-box{
padding:5px 0px;
text-align:center;
margin:auto 0px;
border:solid #89BBE7;
border-width:0px 1px;
width:748px;
}
.css-list-sample-box2{
padding:5px 0px;
text-align:center;
margin:auto 0px;
width:748px;
}
.css-list-sample-box-title{
background-color:#89BBE7; 
padding:4px; 
color:white; 
font-weight:bold;
}
.css-list-sample{
float:left;
font-size:12px;
line-height:18px;
}

.contents-htmlpanel-title{
background-color:#f2f2f2;
color:#626262;
font-weight:bold;
padding:5px 5px 5px 5px;
font-size:14px;
}

/*********************************************************/
.panele {
       visibility:hidden;
       border-collapse:separate;
       position:relative;
       left:0px;top:0px;
       font:1em Arial;
       background-color:#FFF;
       border:1px solid #000;
       z-index:1;
       overflow:hidden;
}

.panele .hd {
       background-color:#000;
       color:#FFF;
       font-size:100%;
       line-height:100%;
       border:1px solid #FFF;
       border-bottom:1px solid #000;
       font-weight:bold;
       overflow:hidden;
       padding:4px;
}
.panele .bd {
       overflow:hidden;
       padding:4px;
}

.panele .bd p {
       margin:0 0 1em;
}

.panele .close {
       position:absolute;
       top:5px;
       right:4px;
       z-index:6;
       height:12px;
       width:12px;
       margin:0px;
       padding:0px;
       background-repeat:no-repeat;
       cursor:pointer;
       visibility:inherit;
}

.panele .close.nonsecure {
       background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panele .close.secure {
       background-image:url(https://a248.e.akamai.net/sec.yimg.com/i/nt/ic/ut/alt3/close12_1.gif);
}

.panele .ft {
       padding:4px;
       overflow:hidden;
}
/*********************************************************/

.myblog-sub-title{
text-align:left;
background:#F3F3F3;
padding:3px;
border:solid #DBDBDB;
border-width:1px 0px;
}
.myblog-sub-body{
padding:5px;
text-align:left;
}

.iphone-frame {
/*background-image:url(/img/iphone_sample/iphone_frame.jpg); */
background-image:url(/img/iphone_sample/iphone_fullframe.jpg); 
background-repeat:no-repeat;
padding:80px 30px 0 30px;
width:330px; 
height:742px;
margin-left: 15px;
}

/*
div.draggable-mini {
     width: 112px;
     text-align: center;
}

div.draggable_top-mini {
    font-size:12px;
    cursor: move;
    width: 112px;
    margin: 5px 5px 0px 5px;
    padding: 1px 5px;
    border: solid #CCC;
    border-width: 2px 2px 0px 2px;
    background-color: #000066;
    text-align: right;
}

div.draggable_top-mini a{
    color:#FFF;
    font-weight:bold;
}

div.draggable_body-mini {
    font-size:14px;
    width: 112px;
    margin: 0px 5px 5px 5px;
    padding: 5px;
    border: solid #CCC;
    border-width: 0px 2px 2px 2px;
    text-align: center;
}
div.draggable_page-mini {
}

#bgtable-mini{
border-collapse: collapse;
}
.bgtable td-mini{
    border:solid 2px #DCE9C2;
}
*/