/* Base */
@import url(/.shared-tpjbiz/themes/common/base-weblog.css);

/*========================================

  index
	
========================================*/

/*
	"2008-08-04";
	"2008-09-04";
	
	"	
	index - 1.RESET
		1-1.YUI Fonts CSS 
		1-2.Structure. 
		1-3.Text. 
		1-4.List.
		1-5.Table. 
		1-6.Form.
		1-7.Image.

	index - 2.BASIC
		2-1.Base. 
		2-2.Link.
		2-3.Font-size. 
		";
*/

/*========================================

  1-1.YUI Fonts CSS , YUI Reset CSS
	
========================================*/

/*

"2008-08-04";

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2

"2008-09-04";
version: 3.0.0pr1

*/


/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body{
	font:13px Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	*font-size:small; /* IE7およびIE6標準準拠モード用 */
	*font:x-small; /* IE6後方互換モード用 */
}

.ie6 body { font-family: Verdana,"ＭＳ Ｐゴシック", sans-serif;}
.ie7 body { font-family: Verdana, "メイリオ", sans-serif;}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:93%;
	line-height:100%;
}


/*======================================

  1-2.Structure

=======================================*/

html { color:#333;}

body { 
	margin:0;padding:0;
}

div { margin:0;padding:0; }


/*======================================

  1-3.Text

=======================================*/

h1,h2,h3,h4,h5,h6 {
	margin:0;padding:0;
	font-size:100%;
	font-weight:normal;
}

p,pre,code,blockquote {
	margin:0;padding:0;
}

address,caption,cite,code,
dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

caption { text-align:left;}

abbr,acronym {border:0;font-variant:normal;} 

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

q:before,q:after {content:'';}


/*======================================

  1-4.List

=======================================*/

dl,dt,dd,ul,ol,li { 
	margin:0;padding:0;
}

li { list-style:none;}

dl { list-style-position: inside;}

li,
dt,
dd {
	margin: 0.1em 10px;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.1em 10px;
}


/*======================================

  1-5.Table

=======================================*/

table { border-collapse:collapse;border-spacing:0;}

th,td { margin:0;padding:0;}

th {text-align:left;}


/*======================================

  1-6.Form

=======================================*/

form,fieldset,
legend,input,textarea { margin:0;padding:0;}

fieldset { border:0;}

input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input,textarea,select {*font-size:100%;}

legend {color:#333;}


/*======================================

  1-7.Image

=======================================*/

img { border:0;}



/*========================================

  2-1.Base
	
========================================*/

body{
	color: #333;
	background:#FFF;
	text-align:center;
	line-height:1.5;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}

br { letter-spacing: 0;}
	/* IE6 7 br改行バグ回避 */
	/* IE7 拡大機能バグ回避 */ 

th,td { 
	line-height:1.5;
}


/*========================================

  2-2.Link
	
========================================*/
#main a{ font-weight:bold;}
a:link {color:#A27A62; text-decoration:underline;}
a:visited {color:#551A8B; text-decoration:underline;}
a:hover {	color:#A27A62; text-decoration:none;}
a:active { 	color:#DA6951; text-decoration:none;}
a:focus { 	color:#DA6951; text-decoration:none;}

a[name]:hover,active,focus{ color:#555; text-decoration:none; }

/*========================================

  2-3.Font-size
	
========================================*/

/*
    Font-size Adjustment

    10px = 77%	| 	16px = 123.1%	|	22px = 167%
    11px = 85% 	|	17px = 131%	    |	23px = 174%
    12px = 93% 	|	18px = 138.5%	|	24px = 182%
    13px = 100%	|	19px = 146.5%	|	25px = 189%
    14px = 108%	|	20px = 153.9%	|	26px = 197%
    15px = 116% |	21px = 161.6%	|
		
*/

h1 {    font-size:153.9%;	}
h2 {    font-size:108%;	}
h3 {    font-size:108%;	}
h4 {    font-size:108%;	}
h5 {    font-size:108%;	}
h6 {    font-size:108%;	}
p { font-size: 108%;}
cite { font-size: 93%;}
address { font-size: 77%;}
li {	font-size:108%;}
dt,dd {    font-size:108%;	}
.note {     font-size:77%;	}

.font10 {font-size:77%;}
.font11 {font-size:85%;}
.font12 {font-size:93%;}
.font13 {font-size:100%;}
.font14 {font-size:108%;}
.font15 {font-size:116%;}
.font16 {font-size:123.1%;}

#head_copy{font-size:77%;}
#foot li{font-size:93%;}

p#sitemap_link{font-size:77%;}
p#pp_link{font-size:77%;}
th,td {    font-size:108%;	}
#profile_music h3,#profile_music p{font-size:93%;}
.p_link dd {font-size:93%;}

/*
	th,td {font-size:100%;}  
	YUI FONTS CSSで設定（1-1参照）

*/

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

th p,
td p {
	font-size: 100%;
}
/*========================================

  common
	
========================================*/

.clear { clear: both; }
.red { color: #FF0000; }
.bold{ font-weight:bold;}

.f_left { float: left;}
.f_right { float: right;}

.t_left { text-align:left;}
.t_right { text-align:right;}
.center { text-align: center;}

.mp0 { margin:0; padding:0;}

.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearFix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearFix{height:1%;}
.clearFix{display:block;}
/* End hide from IE-mac */


/* Portal */


/* Theme */
@import url(/.shared-tpjbiz/themes/kaminogoya/theme-layout-only.css);
*/


/* ページの各部分の指定 */
/* 詳しくは http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=374 */

body { width:100% ; }
div#container { width:760px ; margin:0 auto; text-align:left;}

div#pagebody  { width:760px ; margin: 0 ; padding: 0 ; background:url(http://145bpm.typepad.jp/blog/img_common/contents_bg.gif) repeat-y;}



div.entry {width:566px ; float:right; }
h1#main_title { padding:5px 0 5px 45px; font-weight:bold; background:url(http://145bpm.typepad.jp/blog/img_common/bg_note_blue.gif) no-repeat; margin-left:20px;}


div.entry div.entry-content { }
div.entry div.entry-content div.entry-body {}
div.entry p.entry-footer {}

body.layout-two-column-left div#alph { float:left; width: 177px; text-align:right;}
#contents_l { float:left; width: 177px; text-align:right;}

body.layout-two-column-left div#entry-featured { }


body.layout-one-column div#pagebody{ background:none; }

/* サイドバー・モジュールの指定 */
/*
div.module {}
div.module h2.module-header {}
div.module div.module-content {}
div.module-content ul.module-list {}
div.module-content ul.module-list li.module-list-item {}
*/

/*======================================

  banner

=======================================*/

#head_copy { margin-bottom:30px; float:left;}
#sitemap_link{ float:right; background:url(http://145bpm.typepad.jp/blog/img_common/s_arrow.gif) no-repeat 0px 4px; padding:0 0 0 13px;}
#sitemap_link a:link,#sitemap_link a:visited {	color:#333333; text-decoration:none;}
#sitemap_link a:hover,#sitemap_link a:active,#sitemap_link a:focus {	color:#499CD3; text-decoration:underline;}


#t_main_img { height:212px ; margin:0; padding:0; }
#t_main_img img{ float:left; margin:0; padding:0; }
#main_img { height:141px ; margin:0; padding:0; }
#main_img img{ float:left; margin:0; padding:0; }

div#banner{ margin: 0 ; padding: 0 ;}
div#banner h1#t_head_logo{ clear:both; height:36px; background:url(http://145bpm.typepad.jp/blog/img_top/top_bg_0.jpg) no-repeat ; }
div#banner p#head_logo{ clear:both; height:36px; background:url(http://145bpm.typepad.jp/blog/img_common/main_img0.jpg) no-repeat ; }


/*========================================

  contents
	
========================================*/

body.layout-two-column-left div#t_beta {float:right; width:583px ; background:url(http://145bpm.typepad.jp/blog/img_top/top_bg_3.jpg) no-repeat left top; padding:70px 0 0 0;}

/*    category   */
#contents_r {float:right; width:583px; background:url(http://145bpm.typepad.jp/blog/img_common/main_img3.jpg) no-repeat top; padding:50px 0 0 0;}

#main{float:right; width:566px;}
p#score_color{  width:566px; margin:10px 0 20px 0; padding:0; }
h2{ color:#499CD3; font-weight:bold;}

/*    main_index   */

#t_enjoy{ background:url(http://145bpm.typepad.jp/blog/img_top/top_enjoy_bg.gif) no-repeat; padding:0 0 0 104px; margin-bottom:20px;}
#t_enjoy dt{ margin:0; padding:10px 0;}
#t_enjoy dd{ margin:0; padding:0;}

#t_main_in{ background:url(http://145bpm.typepad.jp/blog/img_common/bg_score.gif) no-repeat; padding:46px 0 0 0; margin-bottom:20px;}

#t_lesson{ float:left; width:266px; background:url(http://145bpm.typepad.jp/blog/img_common/bg_note_green.gif) no-repeat;}
#t_lesson dt{ padding:0 0 15px 45px; line-height:0;}
#t_lesson dd{ padding-left:96px; background:url(http://145bpm.typepad.jp/blog/img_top/top_lesson_bg.jpg) no-repeat;}
.t_lesson_link{ padding:5px 0 5px 20px; background:url(http://145bpm.typepad.jp/blog/img_common/arrow.gif) no-repeat left; font-weight:bold; color:#AD8A75;}

#t_beginner{ float:left; width:278px; background:url(http://145bpm.typepad.jp/blog/img_common/bg_note_red.gif) no-repeat;}
#t_beginner dt{ padding:0 0 15px 45px; line-height:0;}
#t_beginner dd{ background:url(http://145bpm.typepad.jp/blog/img_top/top_beginner_bg.jpg) no-repeat;}
#t_beginner dd ul{ margin:0; padding:0; }
#t_beginner dd li{ margin:0 0 0 70px; padding:0; }

#t_genre{ padding:18px 20px 10px 75px; background:#F4E8D9 url(http://145bpm.typepad.jp/blog/img_top/top_genre.jpg) no-repeat;  margin-bottom:20px;}

#t_news{ background:url(http://145bpm.typepad.jp/blog/img_top/bg_top_ine.jpg) no-repeat; padding-top:20px;}
#t_news p{ padding:0 0 15px 40px; background:url(http://145bpm.typepad.jp/blog/img_common/bg_note_blue.gif) no-repeat; line-height:0;}

li.rss-item{ list-style:disc inside;}




/*----------------------------------------

profile

-----------------------------------------*/

#profile_l{ float:left; width:370px;}
h2.profile_st1{ margin-bottom:20px;}
h2.profile_st2{ margin:40px 0 5px;}
h2.profile_st3{ margin:40px 0 20px;}
.profile_box{ background:url(http://145bpm.typepad.jp/blog/img_category/profile_line.jpg) no-repeat; padding-top:13px; margin-bottom:5px;}
.profile_period{ float:left; width:176px;}
.profile_comment{ float:right; width:171px; background:url(http://145bpm.typepad.jp/blog/img_common/comment.gif) no-repeat; padding-top:20px; color:#733913;}
.p_link h3 { font-weight:bold;}
.p_link dl{ margin: 0; padding : 10px 0 0 0 ; }
.p_link dt{ margin: 0; padding : 0 ; }
.p_link dd{ margin: 0; padding : 0 0 0 10px ; }

#profile_r{ float:right; width:140px;}
#profile_name{ width:132px; height:69px; margin:3px 0; background:url(http://145bpm.typepad.jp/blog/img_category/profile_bg.gif) no-repeat; color:#ffffff; padding:8px 0 0 8px}
#profile_music{ background:#F4E8D9;}
#profile_music h3{ font-weight:bold; padding-left:5px;}
#profile_music p.favorite{ padding:8px 5px;}

/*----------------------------------------

lesson

-----------------------------------------*/

#lesson_story { margin-bottom:30px;}
#lesson_story img{float:left; margin-bottom:10px;}

#lesson_st2{ margin:50px 0 15px;}
#lesson_tbl th{ font-weight:bold; vertical-align:text-top; padding:15px 15px 0 10px; background:#F4E8D9; border-top:1px solid #cccccc !important;}
#lesson_tbl th.blue{ background:#E7F2FA;}
#lesson_tbl th.pink{ background:#FBE9E6;}
#lesson_tbl td{ padding:15px 0 15px 15px; border-top:1px solid #cccccc !important;}
#lesson_tbl tr.lesson_tbl_b th{ font-weight:bold; border-top:1px solid #cccccc !important; border-bottom:1px solid #cccccc !important;}
#lesson_tbl tr.lesson_tbl_b td{ padding:15px 0 15px 15px; border-top:1px solid #cccccc !important; border-bottom:1px solid #cccccc !important;}

#lesson_st3{ margin:30px 0 15px;}
#lesson_flow h3{ clear:both; background:url(http://145bpm.typepad.jp/blog/img_category/lesson_note.gif) no-repeat; padding:0 0 10px 24px; font-weight:bold; color:#499CD3;}
.lesson_f_box1{ padding:0 0 0 130px; background:url(http://145bpm.typepad.jp/blog/img_category/lesson_img2.jpg) no-repeat;}
#lesson_flow h4{color:#A27A62; font-weight:bold;}
#lesson_flow p{ margin:0 0 30px;}
#lesson_flow img{ float:left; margin:0 15px 30px 0;}


/*----------------------------------------

class

-----------------------------------------*/

#class_air{ width:566px; margin:0 0 40px;}
#class_st1{ margin:15px 0 10px;}
#class_air_l{ float:left; width:275px; color:#733913;}
#class_air_r{ float:right; width:275px;}

#class_piano{ width:566px; background:url(http://145bpm.typepad.jp/blog/img_category/class_img4.jpg) no-repeat right top; margin-bottom:40px;}
#class_piano p{ width:213px; color:#733913;}

#class_access{ width:566px; margin-bottom:40px;}
#access_l{ float:left; width:373px;}
#access_l iframe{ border:1px solid #cccccc; margin-bottom:10px;}
#access_r{ float:right; width:185px;}
#access_name{ font-weight:bold; margin-bottom:10px;}
#access_station{ font-weight:bold; margin-top:30px;}
#access_call{ background:url(http://145bpm.typepad.jp/blog/img_common/comment.gif) no-repeat; padding-top:20px; margin-top:20px;}


/*----------------------------------------

voice

-----------------------------------------*/

.voice_box{ background:url(http://145bpm.typepad.jp/blog/img_common/bg_contents_line.jpg) no-repeat; padding-top:15px; margin-top:10px;}
.voice_name{ color:#499CD3; font-weight:bold; margin:5px 0;}
#voice_thanks{ background:#F4E8D9; padding:13px 0 10px 13px; margin:15px 0 40px;}


/*----------------------------------------

qa

-----------------------------------------*/

.qa_box dt{ background:#E0EEF8; font-weight:bold; padding:10px; margin:0;}
.qa_box dd{ width:481px; float:right; margin:23px 0 38px;}
.qa_blue{ color:#499CD3;}
.q_title{ color:#499CD3;}
.a_title{ color:#A27A62; font-weight:bold !important;}

p#contact_top{ margin-bottom:15px;}

p.contact{ font-weight:bold !important; margin-top:15px !important;color:#499CD3;}
p.contact a:link {color:#499CD3; text-decoration:underline;}
p.contact a:visited {color:#499CD3; text-decoration:underline;}
p.contact a:hover {	color:#499CD3; text-decoration:none;}
p.contact a:active { 	color:#499CD3; text-decoration:none;}
p.contact a:focus { 	color:#499CD3; text-decoration:none;}

.comments-open-content{ margin:0; padding:0;}
.form_tbl{ margin:10px 0 10px 1px;}
table.form_tbl th{ border-left:1px solid #cccccc !important; background:#E0EEF8; text-align:right; padding:5px; border-top:1px solid #cccccc; font-weight:bold;}
.form_tbl td{ background:#ffffff; padding:5px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
table.form_tbl tr.form_tbl_b th{ border-bottom:1px solid #cccccc;}
table.form_tbl tr.form_tbl_b td{ border-bottom:1px solid #cccccc;}

/*----------------------------------------

sitemap

-----------------------------------------*/
#sitemap_list li{ list-style:disc inside; margin-left:10px; padding-left:10px;}
#sitemap_list li a{ font-weight:normal;}
#sitemap_list li a:link,#sitemap_list li a:visited{ color:#333333; }
#sitemap_list li a:hover,#sitemap_list li a:active,#sitemap_list li a:focus{ color:#A27A62; }


/*----------------------------------------

pp

-----------------------------------------*/
ol#pp_list{ padding:0; marign-top:15px;}
ol#pp_list li { list-style-type:decimal; list-style-position:inside; }



/*======================================

  Local navigation

=======================================*/

#nav_lo_top{ height:44px; margin:0; padding:0;}
#nav_lo li{ height:40px; margin:0;}
#nav_lo li a{ width:147px; height:31px; padding:9px 30px 0 0; display:block; text-align:right; }
#nav_lo li a:link,#nav_lo li a:visited  {color:#333333; text-decoration:none; background:url(http://145bpm.typepad.jp/blog/img_common/nav_contents.jpg) no-repeat; }
#nav_lo li a:hover,#nav_lo li a:active,#nav_lo li a:focus{color:#333333; text-decoration:none; background:url(http://145bpm.typepad.jp/blog/img_common/nav_contents_ov.jpg) no-repeat; }

#nav_blog{ width:162px ; text-align:right ; padding:15px 15px 0 0 ;}
#nav_address{color:#499CD3; width:162px ; text-align:right ; padding:15px 15px 0 0 ; }

/*======================================

  Foot

=======================================*/
#foot {
	clear: both;
	width: 100%;
	background:url(http://145bpm.typepad.jp/blog/img_common/foot_line.jpg) no-repeat;
	padding-bottom:30px;
}

#foot ul{width: 660px; margin:0 auto; padding:15px 0 10px; text-align:center; }
#foot li{ float:left; margin:0; padding:0; color:#666666;}
#foot li a:link,#foot li a:visited {		color:#666666; text-decoration:none;}
#foot li a:hover,#foot li a:active,#foot li a:focus {		color:#499CD3; text-decoration:underline;}

#foot_in{ width:760px; padding:15px 0; background:url(http://145bpm.typepad.jp/blog/img_common/foot_line.jpg) no-repeat bottom; border-top:1px solid #cccccc;}
#f_name{ float:left; padding-left:35px; background:url(http://145bpm.typepad.jp/blog/img_common/foot_bg.gif) no-repeat;}
#f_name dt{ color:#499CD3; font-weight:bold;}
#f_name dd{ line-height:130%;}
#f_qr{ float:right;}

#pp_link{ float:left; background:url(http://145bpm.typepad.jp/blog/img_common/s_arrow.gif) no-repeat 0px 4px; padding:0 0 0 13px;}
address { float:right;}
#address_box a:link,#address_box a:visited {	color:#333333; text-decoration:none;}
#address_box a:hover,#address_box a:active,#address_box a:focus  {	color:#499CD3; text-decoration:underline;}