/*
Theme Name: sora Theme
Theme URI: htt@://www.www.www/
Description: sora theme.
*/

/* ページの基本デザイン用CSS Document */

/* style resset */

*     {
      margin:                 0px;
      padding:                0px;
      font-family:            Verdana,Arial,'メイリオ',Osaka,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
      }

img      {
      border:                 0px;
      }
          
h1,h2,h3,h4,h5,h6,p,address   {
      font-size:              100%;
      font-weight:            normal;
      font-style:             normal;
      line-height:            140%;
      }


/* 基本デザイン用 */

body{  
      font-family:            Verdana,Arial,'メイリオ',Osaka,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
      font-size:              88%;
      color:                  #555555; 
      background-image:       url(images/common/img-back00.jpg);
      background-position:    top center;
      background-repeat:      repeat;
      text-align:             center;
      margin:                 auto;
      }

#conteiner   {
      width:                  810px;
      background-image:       url(images/common/img-back02.jpg);
      background-position:    top center;
      background-repeat:      repeat-y;
      text-align:             left;
      margin:                 auto;
      }


#content    {
      clear:                  both;
      width:                  800px;
      background-image:       url(images/common/img-back01.jpg);
      background-position:    top center;
      background-repeat:      repeat-y;
      margin:                 auto;
      }


/* リンク色指定 */

a:link        {
     color:                   #0033cc;
     text-decoration:         none;
     }

a:visited     {
     color:                   #9933cc;
     text-decoration:         none;
     }
     
a:hover       {
     color:                   #cc6666;
     text-decoration:         none;
     }

a:active      {
     color:                   #9933cc;
     text-decoration:         none;
     }

      
/* ヘッダー部 */

/* （ロゴ）*/
#logo         {
     border:                  none;
	 margin-left:             20px;
	 margin-top:              3px;
     }

#header  h1   {
     font-weight:             normal;
     }

#header  p   {
     font-size:               79%;
	 padding:                 15px 0px 5px  20px;
	 }
	 
/* （ヘッダ部画像）*/

#headimage  {
      background-image:       url(images/common/img-header01.jpg);
      background-position:    top center;
      background-repeat:      no-repeat;
      width:                  800px;
      height:                 89px; 
	  margin:                 auto;   
      }

/* （ヘッダメニュー）*/

#headmenu  ul  {
      margin-left:           6px;
	  padding:               0;
	  list-style-type:       none;
	  }
	  
#headmenu  li {
      text-align:            center;
	  float:                 left;
	  line-height:           200%;
	  }
	  
#headmenu  li  a  {
      display:                  block;
	  color:                    #1D286B;
	  text-decoration:          none;
	  width:                    112px;
      height:                   35px;
      line-height:              35px;
      background-repeat:        no-repeat;
      background-image:         url(images/common/img-hmenu.jpg);
      background-position:      top;
      font-weight:              normal;
	  }

#headmenu .hm-home a {
      width:                    97px;
	  background-image:         url(images/common/img-hmenu-home.jpg);
	  }
#headmenu .hm-room a   {
      width:                    151px;
	  background-image:         url(images/common/img-hmenu-room.jpg);
	  }
#headmenu .hm-link  a    {
      width:                    102px;
	  background-image:         url(images/common/img-hmenu-link.jpg);
	  }
	  
#headmenu  li   a:hover   {
      color:                    #993333;
      background-position:      bottom;
	  }	  

/* （パンくずリスト）*/

.breadcrumb   {
      clear:                    both;
      height:                   35px;
      line-height:              35px;
	  margin-left:              15px;
	  }


/*    メイン＆サブ　（２カラム表示）    */
/* ---- #main    => ブログ用       ---- */
/* ---- #main01  => トップ用       ---- */
/* ---- #main02  => その他ページ用 ---- */


#main   {
     float:           right;
     width:           580px;
     margin:          0px 5px 0px 5px;
	 }
	 
#sidebar   {
     float:           left;
     width:           210px;
     }
/*-----     （ＩＥ６用）-----*/　
* html #sidebar    { 
     width:           205px;
     }


/* page（トップページ）用 */

#main01   {
     float:           right;
     width:           580px;
     margin-right:    5px;
	 margin-top:      -15px;
     }


/* page02,03 （その他ページ）用 */

#main02   {
     float:           right;
     width:           580px;
     margin-right:     5px;
	 margin-top:      -15px;
     }

/***  (main02 共通スタイル)  ***/

#main02   h2   {
	 margin-bottom:            10px;
     }
	 
#main02   p   {
     margin-left:              10px;
	 margin-right:             10px;
	 margin-top:               15px;
	 }


/* サイドバー */

#sidemenu     {
     font-weight:              normal;
     line-height:              29px;
     }
      
#sidemenu ul     {
     list-style-type:          none;
     margin-left:    1px;
	 padding:   0px;
     }

#sidemenu li  a  {
     /*\*/
     overflow: hidden;
     /**/
     display:                  block;
     width:                    180px;
     height:                   29px;
     background-repeat:        no-repeat;
     text-decoration:          none;
	 padding-left:             20px;
     }

.page_item  a    {
     background-image:        url(images/common/img-smenu.jpg);
     background-position:     bottom  left;
	 color:                   #1D286B;
     }

.page_item   a:hover   {
     background-image:        url(images/common/img-smenu.jpg);
     background-position:     top left;
	 color:                   #993333;
     }


p.s-toi-link   {
     text-indent:              -999999px;
     }

p.s-toi-link   a  {
     /*\*/
     overflow: hidden;
     /**/
     display:                  block;
     width:                    181px;
     height:                   63px;
     background-repeat:        no-repeat;
     background-image:         url(images/common/img-s-toi.jpg);
	 background-position:      bottom;
     }

p.s-toi-link   a:hover   {
	 background-position:      top;
     }

p.s-toi-jusyo  {
     font-size:               12px;
	 padding-left:            10px;
	 }
	 
#sidelist   ul ,
#blog-new   ul   {
     list-style-type:         none;
	 margin-top:              20px;
	 margin-bottom:           40px;
     }

#sidelist  li a,
#blog-new  li a  {
     display:                block;
     background-image:       url(images/common/img-listmark01.jpg);
	 background-repeat:      no-repeat;
     background-position:    0.4em;
     padding-left:           20px;
     }

#sidelist   li   a  {
     color:                   #1D286B;
	 }
	 
#sidelist   li   a:hover  {
     color:                   #993333;
	 }
	 
#blog-new   p,
.feed    {
     color:                   #993333;	 
	 font-weight:             bold;
	 padding-left:            15px;
	 margin-top:              30px;
	 }
	 
#blog-new  li    {
	 margin-bottom:           5px;
	 width:                   180px;
	 }

#blog-new  li  a  {
     color:                   #555555;
	 }


/* ブログメニュー (blog時のみ表示)*/

.blog-menu  ul    {
     list-style-type:         none;
	 margin-top:              10px;
	 margin-bottom:           30px;
     }

.blog-menu  li   {
	 margin-left:              20px;
	 line-height:              120%;
	 width:                    180px;
     }

.blog-menu  h4   {
     display:                block;
     background-image:       url(images/common/img-listmark01.jpg);
	 background-repeat:      no-repeat;
     background-position:    0.4em;
	 margin-top:             40px;
     padding-left:           20px;
     }


/* このページのTOPへ */

.goto-top   {
     clear:                   both;
     margin-top:              10px;
     }
      
.goto-top  a  {
     display:                 block;
	 font-size:               88%;
     height:                  15px;
     line-height:             15px;
     background-image:        url(images/common/img-listmark00.jpg);
     background-repeat:       no-repeat;
     background-position:     0em 0.5ex;
     margin-left:             430px;
	 padding-left:            15px;
     }

	 
/* フッター */
#footer   {
     width:                 800px;
	 height:                23px;
	 background-image:      url(images/common/img-footback.jpg);
	 background-position:   center center;
	 background-repeat:     repeat-y;
	 font-size:             12px;
	 margin-top:            5px;
	 padding-top:           7px;
     }
/*-----     （ＩＥ６用）-----*/　
* html #footer    { 
	 margin-top:            50px;
     }
/*-----     （ＩＥ７用）-----*/　
*:first-child+html  #footer  { 
	 margin-top:            50px;
     }

#footer  ul  {
     list-style-type:          none;
     }

#footer  li  {
     float:              left;
	 margin-left:        10px;
     }

#footer  li   a  {
	 color:              #1D286B;
     }
	 
#footer  li   a:hover   {
     color:              #993333;
	 }	  

address   {
     color:              #999999;
     font-size:          10px;
     text-align:         right;
 	 color:              #1D286B;
     }

address   a ,
address   a:hover {
	 color:              #1D286B;
     }

.float-clear   {
     clear:              both;
     }


/* お問い合せボタン */
	 
p.b-toi-link   {
     text-indent:              -999999px;
	 }

p.b-toi-link   a  {
     /*\*/
     overflow: hidden;
     /**/
     margin-top:              20px;
	 margin-bottom:           10px;
     margin-left:             200px;
     display:                  block;
     width:                    181px;
     height:                   63px;
     background-repeat:        no-repeat;
     background-image:         url(images/common/img-b-toi.jpg);
	 background-position:      bottom;
     }

p.b-toi-link   a:hover   {
	 background-position:      top;
     }

.center   {
     text-align:              center;
	 }
	 
/* 現在ページ表示 */

body.home       div#sidemenu  .sm-home    a ,
body.lesson     div#sidemenu  .sm-lesson  a ,
body.counse     div#sidemenu  .sm-counse  a ,
body.body       div#sidemenu  .sm-body    a ,
body.room       div#sidemenu  .sm-room    a ,
body.profile    div#sidemenu  .sm-profile   a ,
body.blog       div#sidemenu  .sm-blog    a ,
body.link       div#sidemenu  .sm-link    a ,
body.contact    div#sidemenu  .sm-contact   a    {
     background-image:        url(images/common/img-smenu.jpg);
     background-position:     top left;
	 color:                   #993333;
     }

body.home       div#headmenu  .hm-home    a ,
body.lesson     div#headmenu  .hm-lesson  a ,
body.counse     div#headmenu  .hm-counse  a ,
body.body       div#headmenu  .hm-body    a ,
body.room       div#headmenu  .hm-room    a ,
body.profile    div#headmenu  .hm-profile   a ,
body.link       div#headmenu  .hm-link    a     {
      color:                    #993333;
      background-position:      bottom;
	  }	
	  
	    
/* 記事 */
.pagenav   {
     text-align:                center;
	 }

.wp-pagenavi  {
     margin-top:                30px;
	 padding-top:               10px;
	 background-image:          url(images/common/img-line03.jpg);
	 background-repeat:         no-repeat;
	 background-position:       top center;
	 text-align:                center;
	 font-size:                 86%;
	 }
	 

.post   {
     margin-bottom:              20px;
     }

.post  h2    {
	 width:                      570px;
     padding-left:               10px;
     line-height:                25px;
     display:                    block;
	 background-image:           url(images/blog/img-title-blog.jpg);
	 background-position:        top;
	 background-repeat:          no-repeat;
     }


.post  p  {
     line-height:             1.5em;
	 margin-top:              10px;     
     margin-left:             20px;
	 }
	 
.post01  {
     margin:                  10px 10px 15px 10px;
	 width:                   550px;
	 }
	 
.postinfo   {
     font-size:               71%;
	 text-align:              right;
	 }

	
/* コメント */
	 
#comments   h3 {
     list-style-type:         none;
	 margin:                  40px 10px 0px 0px;
     background-image:        url(images/common/img-listmark02.jpg);
	 background-repeat:       no-repeat;
     background-position:     0.4em;
     padding-left:            20px;
     }

#com  p   {
     margin-left:            40px;
	 }

.compost   {
     padding:                20px 40px 20px 0px;
     background-image:       url(images/common/img-line03.jpg);
	 background-repeat:      no-repeat;
	 background-position:    bottom;
	 }

p.cominfo   {
     font-size:               71%;
     text-align:             right;
	 }

	 
/* コメント投稿エリア */

#com-toukou  {
     width:                   450px;
     border:                  solid  1px   #2b76cc;
	 padding:                 10px 30px;
	 margin:                  30px;
	 }

#com-toukou  h3 {
     margin:                  10px 0;
	 }

#com-toukou p  {
     line-height:             160%;
	 }

#com-toukou  small {
     font-size:               93%;
	 }
	 
.input-area   {
     padding-left:            40px;
	 }
	  
textarea  {
     width:                   400px;
	 }

.b-submit   {
     text-align:              center;
	 margin:                  10px;
	 }     


/* トラックバック */

#trackbacks  h3  {
     list-style-type:         none;
	 margin:                  40px 10px 0px 0px;
     background-image:        url(images/common/img-listmark02.jpg);
	 background-repeat:       no-repeat;
     background-position:     0.4em;
     padding-left:            20px;
     }

#trackbacks ol {
	 margin:                  10px 10px 0px 30px;
     }

#trackbacks  ol li {
     margin:                  20px 30px 0px 30px;
     }

p#trurl  {
     width:                   450px;
     border:                  solid  1px   #2b76cc;
	 padding:                 10px 30px;
	 margin:                  30px;
	 }