/*共用スタイルシート*/

/*サイト全体ベース*/

body {
 background: #ffffff none  ;
 padding : 0px ;
 color : #000000 ;
 font-size : 12px;
 font-family : Osaka,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック" , sans-serif ;
 line-height : 130% ;
 letter-spacing : 0.1em ;
 margin : 0px;
/*Mac IE Hack \*/
 letter-spacing : 1px ;
/*Mac IE Hack END*/
 }

a:link    { text-decoration : underline ; font-weight : bold ; color : #669933 ; background : transparent none  ; }
a:visited { text-decoration : underline ; font-weight : bold ; color : #003399 ; background : transparent none  ; }
a:active  { text-decoration : underline ; font-weight : bold ; color : #99cc33 ; background : transparent none  ; }
a:hover   { text-decoration : underline ; font-weight : bold ; color : #99cc33 ; background : transparent none  ; }

img {
 border : 0px ;
 margin : 0px ;
 }

p {
 font-size : 12px ;
 line-height : 130%;
 margin : 0px;
 letter-spacing : 0px;
}

/*レイアウト用*/

#basebox {
 color : #000000 ;
 padding : 0px ;
 margin : 0px auto;
 background : #ffffff none;
}

#header {
 width : 760px ;
 color : #000000 ;
 }

#mainbox {
width : 770px;    /* 760 → 770 へ変更 */
}

#leftbox {
width:200px;
float:left;
margin-top : 20px;
}

#rightbox {
float:left;
padding : 20px 0px;
}

#googlebox {
float:left;
padding : 20px 10px 0px;
}

#footer {
 clear : both;
 width : 760px ;
 background : #669933 none ;
 color : #ffffff ;
 font-size : 10px ;
 letter-spacing : 0px;
 }

#footer-icon {
 clear : both;
 width : 760px ;
 background : #ffffff none ;
 color : #000000 ;
 font-size : 10px ;
 letter-spacing : 0px;

 }

#copy {
 font-size : 10px;
 padding : 2px 10px;
}

#footmenu {
 font-size : 10px;
 padding : 2px 10px;
}

a.foot:link    { text-decoration : underline ; font-weight : normal ; color : #ffffff ; background : transparent none  ; }
a.foot:visited { text-decoration : underline ; font-weight : normal ; color : #ffffff ; background : transparent none  ; }
a.foot:active  { text-decoration : underline ; font-weight : normal ; color : #ffffff ; background : transparent none  ; }
a.foot:hover   { text-decoration : underline ; font-weight : normal ; color : #ffffff ; background : transparent none  ; }

.right {
 text-align : right;
}

.left {
 text-align : left;
}


/* メイン左側部分 */

#time {
 border : 1px solid #666666;
 width : 180px;
 margin : 20px 10px;
 padding : 10px 0px;
 text-align : left;
 letter-spacing : 0px;
}

#user {
 border-top : 1px solid #666666;
 border-left : 1px solid #666666;
 border-right : 1px solid #666666;
 width : 180px;
 background : url(../images/name_bg.jpg) top no-repeat;
 text-align : center;
 padding : 3px 0px;
 margin : 0px 10px;
}

#login {
 border : 1px solid #666666;
 width : 180px;
 margin : 0px 10px 20px ;
 padding : 10px 0px;
 text-align : left;
 letter-spacing : 0px;
}

#results {
 border : 1px solid #666666;
 width : 180px;
 margin : 0px 10px 20px 10px;
 padding : 10px 0px;
 text-align : left;
 letter-spacing : 0px;
}


/* メイン右側部分 */

.box ,.goal-box ,.welldone-box {
 border : 1px solid #666666;
 width : 525px;
 margin : 0px 10px;
 padding : 10px 5px;
 text-align : left;
 letter-spacing : 0px;
}

.plantb {
 margin : 0px 0px 0px 10px;
}

.plantb th {
 font-weight : normal;
 padding : 4px 5px;
 text-align : left;
}

.plantb td {
 padding : 4px 5px;
 text-align : left;
}

.tbtopleft {
 border-top : 1px solid #666666;
 border-left : 1px solid #666666;
 border-right : 1px solid #666666;
}
.tbmiddleleft {
 border-top : 1px solid #666666;
 border-left : 1px solid #666666;
 border-right : 1px solid #666666;
 border-bottom : 1px solid #666666;
}
.tbbottomleft {
 border-bottom : 1px solid #666666;
 border-left : 1px solid #666666;
 border-right : 1px solid #666666;
}
.tbtopright {
 border-top : 1px solid #666666;
 border-right : 1px solid #666666;
}
.tbmiddleright {
 border-top : 1px solid #666666;
 border-right : 1px solid #666666;
 border-bottom : 1px solid #666666;
}
.tbbottomright {
 border-bottom : 1px solid #666666;
 border-right : 1px solid #666666;
}

.daytitle {
 font-size : 14px;
 margin : 20px 10px 0px 10px;
 font-weight : bold;
}

.daybox {
 margin : 0px 0px 0px 10px;
}

.daybox td {
 vertical-align : top;
}

.daytb {
}

.daytb th {
 font-weight : normal;
 padding : 3px 5px;
 text-align : left;
}

.daytb td {
 padding : 3px 5px;
 text-align : right;
}

.day {
 border-bottom : 2px solid #666666;
}

.plantitle {
 background : #cccccc;
 width : 100px;
 text-align : center;
 font-weight : bold;
 padding : 2px;
 border : 1px solid #666666;
}

.plantxt {
 margin : 5px 0px 20px 10px;
}

.resulttitle {
 background : #cccccc;
 width : 100px;
 text-align : center;
 font-weight : bold;
 padding : 2px;
 border : 1px solid #666666;
}

.resulttxt {
 margin : 5px 0px 20px 10px;
}


/*プライバシーポリシー用*/
#privacy {

}

#privacy h2 {
 text-align : center;
 font-size : 16px;
 font-weight : bold;
 margin : 20px 0px 0px 0px;
}

#privacy h3 {
 margin : 20px 0px 3px 0px ;
 font-size : 12px;
 font-weight : bold;
}

#privacy ul {
 margin : 0px;
 list-style-type : disc;
}

#privacy ul li {
 margin-left : 20px;
}


/* 利用規約用 */
#termofuse {

}

#termofuse h2 {
 text-align : center;
 font-size : 16px;
 font-weight : bold;
 margin : 20px 0px 0px 0px;
}

#termofuse h3 {
 margin : 20px 0px 3px 0px ;
 font-size : 12px;
 font-weight : bold;
}

#termofuse ul {
 margin : 0px;
 list-style-type : disc;
}

#termofuse ul li {
 margin-left : 20px;
}


/*新規ユーザ*/
#line {
 padding : 3px 10px;
 background : #ddffdd;
 margin-bottom : 10px;
}

.still {
 color : #999999;
}

.flow {
 font-size : 10px;
}

#now {
 color : #ff0000;
}

.newusertb th {
 font-weight : normal;
 padding : 4px 0px 4px 5px;
 text-align : right;
}

.newusertb {
 margin : 0px 0px 0px 10px;
}

.newusertb td {
 padding : 4px 5px 4px 5px;
 text-align : left;
}


/*設定変更*/
#userbox {
 border : 1px solid #666666;
 width : 525px;
 margin : 0px 10px;
 padding : 10px 5px;
 text-align : left;
 letter-spacing : 0px;
 line-height : 150%;
}

#userimg {
 float : left;
 background : #ffeeee;
 padding : 8px 5px;
 margin-right : 15px;
 border : 1px solid #dddddd;
}

#imgupfile {
 margin-top : 25px;
}

.caution {
 font-size : 10px;
 line-height : 130%;
}

.formtb {
 border-collapse : collapse;
 margin-left : 10px;
}

.formtb th {
 width : 110px;
 font-size : 12px;
 font-weight : normal;
 text-align : left;
 line-height : 110%;
 padding : 7px 2px;
 vertical-align : top;
}

.formtb td {
 text-align : left;
 font-size : 12px;
 padding : 7px 2px;
}

.formtb td p {
 line-height : 200%;
}


/* 目標の入力 */

.goal-box#regist {
 margin-top : 20px;
}

.welldone-box p {
 margin-bottom : 1em;
}

/* メイン画面 */

.daybox {
 border : 1px solid #666666;
 width : 525px;
 margin : 0px 10px;
 padding : 3px 5px;
 text-align : left;
 letter-spacing : 0px;
}

.daytitle {
 background : #eeeeee;
 margin : 0;
 padding: 2px 0;
}

.daytxtbox {
 margin : 5px 0;
}

.date {
 font-size : 14px;
 letter-spacing : 1px;
 font-weight : normal;
}

.gethour {
 font-size : 12px;
 font-weight : bold;
 letter-spacing : 0px;
}

.hour {
 font-size : 12px;
 letter-spacing : 0px;
 font-weight : normal;
 line-height : 120%;
}


/* 左メニュー */

.box-head, .box-head-l {
 width : 182px;
 margin : 0px 10px;
 text-align : center ;
 color : #ffffff;
 font-weight : bold;
 font-size : 12px;
 padding-top : 6px;
 line-height : 130%;
 letter-spacing : 0px;
}

.box-head {
 height : 19px;
 background : url(../images/box_h_s.png) #ffffff bottom center no-repeat;
}

.box-head-l {
 height : 34px;
 background : url(../images/box_h_l.png) #ffffff bottom center no-repeat;
}

.box-foot {
 width : 182px;
 height : 6px;
 background : url(../images/box_f.png) #ffffff top center no-repeat;
 margin : 0px 10px 5px 10px;
}

.left-menu {
 border-left : 1px solid #669933;
 border-right : 1px solid #669933;
 width : 160px;
 margin : 0px 10px;
 padding : 10px;
 text-align : left;
 letter-spacing : 0px;
}