/* „Common Style */
/* ----------------------------------------------------- */

/* -----------------------------body----------------------------- */
h1,h2,h3,h4,p,ul,li,ol,dl,dd,dt{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;font-weight:normal;font-size: 12px;color: #333333;line-height: 16px;}
.body {background-attachment: fixed;background-image: url(img/back2.gif);background-repeat: repeat-y; background-color: #cadbd9;margin: 0px 0px px 0px;
scrollbar-face-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-shadow-color:#333333;
scrollbar-3dlight-color:#333333;scrollbar-arrow-color:#333333;scrollbar-darkshadow-color:#ffffff;}

.index-body {scrollbar-face-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-shadow-color:#333333;
scrollbar-3dlight-color:#333333;scrollbar-arrow-color:#333333;scrollbar-darkshadow-color:#ffffff;}
/* -----------------------------body----------------------------- */

/* -----------------------------all----------------------------- */
#allfield-480 {width: 480px;float: left;margin: 10px 0px 0px 40px;}
#allfield-4802 {width: 480px;float: left;margin: 0px 0px 10px 0px;}
#dot-field2{width: 480px;padding: 0px;border: 1px dotted #666666;}
/* -----------------------------all----------------------------- */

/*----------------------------qr_code----------------------------*/
#qr-allbox{width: 320px;float: left;text-align: left;border: 1px dotted #cccccc;font-size: 12px;color: #333333;line-height: 16px;padding:3px;}
#qr-box{width: 90px;float: left;padding:0px;}
#qr-text{width: 215px;float: left;padding:0px;}
/*----------------------------qr_code----------------------------*/

/* -----------------------------menu btn----------------------------- */
#navi{width:480px; float:left; text-align:left;margin: 0px;padding:0px ;}
ul#menu{width:480px; list-style-type:none;}
ul#menu li{float:left;}
ul#menu li a{display:block; text-indent:-9999em; overflow:hidden; text-decoration:none;}
/* --space-- */
li#space{background:url(img/space.gif) no-repeat; width:10px; height:25px;}
/* --contents-- */
li#contents{background:url(img/contents.gif) no-repeat; width:60px; height:25px;}
/* --top-- */
li#navitop a{background:url(img/top.gif) no-repeat; width:60px; height:25px;}
li#navitop a:hover{background:url(img/top_r.gif) no-repeat; width:60px; height:25px;}
li#navitop a:active{background:url(img/top_r.gif) no-repeat; width:60px; height:25px;}
/* --about-- */
li#naviabout a{background:url(img/about.gif) no-repeat; width:60px; height:25px;}
li#naviabout a:hover{background:url(img/about_r.gif) no-repeat; width:60px; height:25px;}
li#naviabout a:active{background:url(img/about_r.gif) no-repeat; width:60px; height:25px;}
/* --works-- */
li#naviworks a{background:url(img/works.gif) no-repeat; width:60px; height:25px;}
li#naviworks a:hover{background:url(img/works_r.gif) no-repeat; width:60px; height:25px;}
li#naviworks a:active{background:url(img/works_r.gif) no-repeat; width:60px; height:25px;}
/* --guest book-- */
li#naviclap a{background:url(img/clap.gif) no-repeat; width:60px; height:25px;}
li#naviclap a:hover{background:url(img/clap_r.gif) no-repeat; width:60px; height:25px;}
li#naviclap a:active{background:url(img/clap_r.gif) no-repeat; width:60px; height:25px;}
/* --diary-- */
li#navidiary a{background:url(img/diary.gif) no-repeat; width:60px; height:25px;}
li#navidiary a:hover{background:url(img/diary_r.gif) no-repeat; width:60px; height:25px;}
li#navidiary a:active{background:url(img/diary_r.gif) no-repeat; width:60px; height:25px;}
/* --mail-- */
li#navimail a{background:url(img/mail.gif) no-repeat; width:60px; height:25px;}
li#navimail a:hover{background:url(img/mail_r.gif) no-repeat; width:60px; height:25px;}
li#navimail a:active{background:url(img/mail_r.gif) no-repeat; width:60px; height:25px;}
/* --links-- */
li#navilinks a{background:url(img/links.gif) no-repeat; width:60px; height:25px;}
li#navilinks a:hover{background:url(img/links_r.gif) no-repeat; width:60px; height:25px;}
li#navilinks a:active{background:url(img/links_r.gif) no-repeat; width:60px; height:25px;}
/* -----------------------------menu btn----------------------------- */

/* -----------------------------text color size----------------------------- */
.blue-text {font-size: 12px;color: #669999;}
.green-text {font-size: 12px;color: #669966;}
.red-text {font-size: 12px;color: #cc6633;}
.project-text {font-size: 12px;color: steelblue;line-height: 12px;}
.gray-text10 {font-size: 10px;color: #333333;line-height: 11px;}
.red-text10 {font-size: 10px;color: #cc6633;line-height: 11px;}
.gray-text12 {font-size: 12px;color: #333333;line-height: 16px;}
.gray-text14 {font-size: 14px;color: #333333;line-height: 16px;}
.white-text {font-size: 12px;color: #ffffff;line-height: 16px;}
.white-text11 {font-size: 11px;color: #ffffff;line-height: 11px;}
.lgray-text10 {font-size: 10px;color: #cccccc;line-height: 11px;}
.lightgray-text12 {font-size: 12px;color: #cccccc;line-height: 16px;}
.lightgray-text14 {font-size: 14px;color: #cccccc;line-height: 16px;}
.green-text14 {font-size: 14px;color: #669966;line-height: 16px;}
a:link{color:#333333;}
a:active {color:#cc6633;}
a:visited{color:#666666;}
a:hover{color:#cc6633;}
.copy-text {width: 480px;float: left;padding: 3px 3px 3px 3px;background-color: #ffffff;
font-size: 11px;color: #333333;line-height: 16px;text-align: center;padding-top: 3px;}
/* -----------------------------text color size----------------------------- */

/* -----------------------------other----------------------------- */
.clear{clear: both;height: 0;line-height: 0;}
#field-480 {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#titlefield-180 {width: 180px;float: left;padding: 0px;background-color: #ffffff;}
#titlefield-300 {width: 300px;float: right;padding: 0px;background-color: #ffffff;}
#banafield-125 {width: 125px;float: right;padding: 0px;background-color: #ffffff;}
#banafield-130 {width: 130px;float: right;padding: 0px;background-color: #ffffff;}
#spacefield-480 {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#flafield {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#commentfield-480 {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#field2-480 {width: 480px;float: left;background-color: #ffffff;padding: 0px 0px 0px 0px;}
#spacefield-480 {width: 480px;float: left;background-color: #ffffff;padding: 0px 0px 0px 0px;}
#textbox-480 {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#textbox2-480 {width: 480px;float: left;padding: 0px 0px 20px 0px;}
#menufield-480 {width: 480px;float: left;padding: 0px 0px 0px 0px;}
#menu-60 {width: 60px;float: left;padding: 0px 0px 0px 0px;}
#recfield-480 {width: 480px;height: 20px;float: left;background-color: indianred;padding: 2px 0px 0px 2px;}
#rectextbox {width: 480px;float: left;padding: 0px 5px 5px 5px;}
#dot-field{width: 480px;padding: 0px;border: 1px solid #666666;}
#dot-field2{width: 480px;padding: 2px;margin: 10px 0px 0px 0px;border: 1px dotted #666666;}
#dot-in{width: 480px;padding: 0px;}
/* -----------------------------other----------------------------- */

/* £Common Style */
/* ----------------------------------------------------- */