/* ==============================================
   Designed by. KATATI.com - yu
   Arrangement by.  re : onmode. - hitomi
   ============================================== */



/* ==============================================
   Base
   ============================================== */

body
   {
   margin: 0; padding: 0;
   color: #666666;
   font: 11px/168% Optima, Osaka, Arial, 'Trebuchet MS', sans-serif;
   background: #FFFFFF url("http://blog.onmode.org/template/kc_bg.gif") repeat-y center;
   text-align: center;
   }

html>body
   {
   font: 11px/168% Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   }

a:link
   {
   color: #666666; text-decoration: none;
   }
   
a:visited
   {
   color: #666666; text-decoration: none;
   }
   
a:hover
   {
   color: #FF3300;
   background: none;
   border-bottom-style: dotted;
   border-bottom-color: #FF3300;
   border-bottom-width: 1px;
   color: #FF3300;
   }

#container
   {
   width: 610px;
   text-align: left;
   margin: 0 auto;
   background: #FFFFFF;
   }

#mainbox
   {
   margin: 0 5px;
   }

.c
   {
   clear: both; font-size: 1px;
   }

img
   {
  border: 0;
   }

ul
   {
   font-size: 100%;
   line-height: 160%;
   margin: 0px;
   padding:0px;
   }

li 
   {
   padding: 0px 0px 0px 18px;
   background:url("http://blog.onmode.org/template/kc_arrow.gif") no-repeat;
   list-style-type: none;
   }

h2, h3
   {
   font-weight: normal;
   }



/* ==============================================
   Head
   ============================================== */

#header
   {
   margin-bottom: 15px;
   }

#header h1, #header h2
   {
   display: none;
   }



/* ==============================================
   Main Contents
   ============================================== */

.contents
   {
   padding-bottom: 20px;
   }

.entry
   {
   padding: 9px 0 30px 0;
   }

.entry_body
   {
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   font-size: 11px;
   line-height: 173%;
   margin: 0 0 30px 0;
   }

.posted
   {
   font-size: 10px;
   text-align: right;
   clear: both;
   }

.contents h2
   {
   font-size: 11px;
   font-weight: normal;
   margin: 0px; padding: 0px;
   }

.contents h3
   {
   font-size: 10px;
   font-weight: normal;
   margin: 0px; padding: 0px;
   }

#pagenavi
   {
   width: 100%;
   font-family: Optima, Arial, Osaka, sans-serif;
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   }

address
   {
   padding: 17px 20px 0px 20px;
   text-align: center;
   font-style: normal;
   font-size: 10px;
   }

.profile_body
   {
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   font-size: 11px;
   line-height: 173%;
   margin: 0 0 30px 0;
   }

.entry ul
   {
   font-size: 100%;
   line-height: 173%;
   margin: 10px 0px;
   padding: 0px;
   }

.entry li
   {
   padding: 0px 0px 0px 18px;
   background:url("http://blog.onmode.org/template/kc_arrow.gif") no-repeat;
   list-style-type: none;
   }

blockquote
   {
   font: 10px/168% Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   margin: 15px 3px 20px 0px;
   padding: 10px;
   background: #F5F5F5;
   }

html>blockquote
   {
   font: 10px/168% Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   margin: 15px 3px 20px 0px;
   padding: 10px;
   background: #F5F5F5;
   }

.cut
   {
   margin-top: 20px;
   text-align: center;
   }



/* ==============================================
   Images
   ============================================== */

.pict
   {
   margin-bottom: 29px;
   }

.pictn
   {
   margin: 0 15px 10px 0;
   padding: 5px;
   border: #DDDDDD solid 1px;
   }

.pictl
   {
   margin: 0 15px 10px 0;
   padding: 5px;
   border: #DDDDDD solid 1px;
   float: left;
   }

.left
   {
   margin: 0 15px 10px 0;
   float: left;
   }

.right
   {
   margin: 0 0 10px 15px;
   float: right;
   }

.left_nomal
   {
   margin: 0;
   float: left;
   }



/* ==============================================
   Comment Form
   ============================================== */

.comments
   {
   padding: 5px 0 20px 0;
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   font-size: 10px;
   line-height: 183%;
   }

.comments h2
   {
   margin: 0px;
   padding-bottom: 10px;
   font-family: Optima, Osaka, Arial, Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   }

.tb
   {
   margin: 0px;
   padding-bottom: 20px;
   font-family: Optima, Osaka, Arial, sans-serif;
   font-size: 86%;
   font-weight: bold;
   }

.commentbody
   {
   padding: 15px;
   margin: 0 195px 20px 0;
   background: #FFFFFF;
   }

.commentinfo
   {
   margin: 0px;
   font-family: Optima, Osaka, Arial, sans-serif;
   text-align: right;
   }

.formfield
   {
   margin: 0px 0px 10px 0px;
   width: 65%;
   border: 1px solid #DDDDDD;
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   background-color: #FFFFFF;
   font-size: 10px;
   }

.formfield3
   {
   margin: 0px 0px 10px 0px;
   border: 1px solid #DDDDDD;
   width: 30%;
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   background-color: #FFFFFF;
   font-size: 10px;
   }

.formfield2
   {
   padding: 3px 5px 4px 5px ;
   margin-bottom: 30px;
   border: solid 1px #DDDDDD;
   font-family: Optima, Osaka, Arial, sans-serif;
   font-size: 10px;
   background-color: #FFFFFF;
   }

.formbutton
   {
   padding: 2px;
   margin: 10px 0px;
   border: solid 1px #BBBBBB;
   font-family: Optima, Osaka, Arial, sans-serif;
   font-weight: bold;
   font-size: 10px;
   }



/* ==============================================
   Popup menu
   ============================================== */

#navi
   {
   padding-bottom: 20px;
   }

#navi ul
   {
   margin: 0;
   padding: 0;
   list-style: none;
   }

#navi li
   {
   float: left;
   margin-right: 16px;
   padding: 0;
   background-image: none;
   }

#navi a
   {
   display: block;
   border: 0;
   }

.MENU
   {
   visibility: hidden;
   z-index: 999;
   position: absolute;
   width:360px;
   margin-top:-15px;
   margin-left:-10px;
   background: #FFFFFF;
   border: 1px #DDDDDD solid;
   }

.home
   {
   width: 360px;
   background: #DDDDDD;
   }

.home_name
   {
   padding: 5px 15px;
   font-size: 120%;
   }

.list_box
   {
   width: 179px;
   float: left;
   }

.list-title
   {
   padding: 8px 0 5px 15px;
   font-size: 113%;
   font-family: Georgia, serif;
   font-weight: bolder;
   color: #C8C8C8;
   }

.list-text
   {
   font-size: 10px;
   padding: 0 15px 0 17px;
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   text-align: left;
   }

.list-text2
   {
   font-size: 10px;
   padding: 0px 15px 15px 17px;
   font-family: Optima, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'Trebuchet MS', sans-serif;
   text-align: left;
   }