/* Custom */
/*
カスタムCSSについて

TypePadのブログをカスタマイズする、代表的なCSS指定は、コメントアウトとして記述されています。コメントアウトを解除することで、CSS指定を有効にすることができます。TypePadのカスタムCSS講座も参照ください。
http://start.typepad.jp/manual/customcss.html
http://support.typepad.jp/cgi-bin/typepad_jp.cfg/php/enduser/std_adp.php?p_faqid=373

CSSの詳しい記述方法については、WEBサイトや書籍などを、参考にしてください。
*/

/*
指定しているのにうまくいかない場合

CSSセレクタの個別性が原因でうまく指定が反映されない可能性があります。セレクタの個別性順序は以下のようになります。

*         { color: black; }
span        { color: blue; }
p span      { color: green; }
span.memo   { color: red; }
span#memo { color: gray; }

の場合、<p><span class="memo" id="memo">サンプル</span></p>の『サンプル』という文字は上記セレクタの順序がちがっても、グレーになります。
指定が反映されない原因が、セレクタの個別性かどうか確認するには、優先させたいプロパティの値のあとに、! important と追加して指定してみてください。

例)

span { color: red ! important; }

*/



/* ブログのバナー背景部分に画像を指定 */
/* 

div#banner
{
  background-image: url(http://example.typepad.jp/sample_design/myimages/background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  text-align: right;
}

*/

/* バナー部分の中身 */
/*
div#banner-inner {}
div#banner-inner h1#banner-header {}
div#banner-inner h2#banner-description {}
*/

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

div#pagebody {}
div#pagebody div#pagebody-inner {}

div.entry {}
div.entry h3.entry-header {}
div.entry div.entry-content {}
div.entry div.entry-content div.entry-body {}
div.entry p.entry-footer {}
*/

/* レイアウト毎に異なる指定 */
/* １カラム */
/*
body.layout-one-column div#alpha {}
body.layout-one-column div#alpha-inner {}
*/
/* ２カラム （左サイドバー = alpha | 本文 = beta） */
/*
body.layout-two-column-left div#alpha {}
body.layout-two-column-left div#alpha-inner {}
body.layout-two-column-left div#beta {}
body.layout-two-column-left div#beta-inner {}
*/

/* ２カラム （本文 = alpha | 右サイドバー = beta） */
/*
body.layout-two-column-right div#alpha {}
body.layout-two-column-right div#alpha-inner {}
body.layout-two-column-right div#beta {}
body.layout-two-column-right div#beta-inner {}
*/

/* ３カラム （左サイドバー = alpha | 本文 = beta | 右サイドバー = gamma) */
/*
body.layout-three-column div#alpha {}
body.layout-three-column div#alpha-inner {}
body.layout-three-column div#beta {}
body.layout-three-column div#beta-inner {}
body.layout-three-column div#gamma {}
body.layout-three-column div#gamma-inner {}
*/

/* サイドバー・モジュールの指定 */
/*
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 {}
*/

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

  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;
}
h1,h2,h3　{ line-height : 100% ; }

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: #555555;
	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
	
========================================*/

a:link {color:#FD8C02; text-decoration:underline; }
a:visited {color:#FD8C02; text-decoration:underline; }
a:hover {	color:#FD8C02; text-decoration:none; }
a:active { 	color:#FD8C02; text-decoration:none; }
a:focus { 	color:#FD8C02; text-decoration:none; }

a[name]:hover,active,focus{ color:#FD8C02; 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:123.1%;	}
h2 {    font-size:108%;	}
h3 {    font-size:93%;	}
h4 {    font-size:93%;	}
h5 {    font-size:93%;	}
h6 {    font-size:93%;	}
p { font-size: 93%;}
cite { font-size: 93%;}
address { font-size: 77%;}
li {	font-size:93%;}
dt,dd {    font-size:93%;	}
.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%;}


/*
	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%;
}

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

  Head

=======================================*/
#head {
	width: 800px;
	margin: 0 auto;
}
#head img{ vertical-align:top;}

#head_copy {
	padding:7px 0 21px;
	color:#999999;
	text-align:right;
}

#head_wrap p.f_right { margin-top:6px;}

#head_wrap p.f_right {overflow: hidden;}
#head_wrap p.f_right img {visibility: hidden;}
#head_wrap p.f_right img.current {visibility:visible;float:left;}
#head_wrap p.f_right a:link,#head_wrap p.f_right a:visited { background-position: 0px 0px;float:left;}
#head_wrap p.f_right a:hover,#head_wrap p.f_right a:focus,#head_wrap p.f_right a:active { background-position: 0px 33px;float:left;}
#head_wrap p.f_right a.h_inquiry {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/h_inquiry_ov.jpg) ;}

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

  Foot

=======================================*/
#foot {
	clear: both;
	width: 100%;
	padding-bottom: 60px;
	background: url(http://145bpm.typepad.jp/beginner/img_common/foot_bg.jpg) repeat-x;
	text-align: center;
}

#foot_inner {
	width: 800px;
	margin: 0 auto;
}

#f_nav  {
	padding: 12px 0 12px 120px;
}

#f_nav li {
	float: left;
	margin: 0;
}

#foot_about {
	margin-top: 13px;
	text-align: left;
}

#f_about_l {
	float: left;
}
#f_about_l ul{
	float: left;
}
#f_about_l li {
	float: left;
	margin:12px 0 0 5px;
}

#foot li a:link { color:#555555; text-decoration:none;	}
#foot li a:visited { color:#555555; text-decoration:none;}
#foot li a:hover {	 color:#0E93BE; text-decoration:underline;}
#foot li a:active {  color:#0E93BE; text-decoration:underline;}
#foot li a:focus {  color:#0E93BE; text-decoration:underline;}

address {
	float: right;
	margin: 12px 0 0 0;
 }

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

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

.clear { clear: both; }
.red { color: #FF0000; }
.orange { color:#FD8C02;}
.blue { color:#0C789C;}
.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;}

.ver_t { vertical-align:top;}
.ver_b { vertical-align:bottom;}

.mp0 { margin:0; padding:0;}
.mp18 { margin-bottom:18px;}
.img_mg { margin-right:11px;}

.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 */



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

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

#wrap {
	width: 100%;
	margin:0;
	padding:0;
	text-align:center;
	background: url(http://145bpm.typepad.jp/beginner/img_common/body_bg.gif) repeat-x;
}

#main_img img{
	vertical-align:bottom;
}

#container {
	width: 800px;
	margin: 10px auto;
	text-align:left;
}

#contents_l {
	float: left;
	width: 182px;
	margin-top: 6px;
}
#contents_l img { vertical-align:top;}

#contents_r {
	float: right;
	width: 598px;
}
#contents_r h1{
	height:41px;
	font-weight: bold;
}
#main {
	padding-top: 20px;
	background: url(http://145bpm.typepad.jp/beginner/img_common/main_bg.gif) no-repeat;
}
.ie6 .h2_bg {height: 38px;padding:}
.h2_bg {
	height: 26px;
	margin-bottom: 18px;
	padding: 12px 0 0 34px;
	font-weight: bold;
	background: url(http://145bpm.typepad.jp/beginner/img_common/h2_bg.gif) no-repeat;
}
h3 {
	margin-bottom: 9px;
	color: #0C789C;
	font-weight: bold;
}

.ie6 .entry_body { width: 598px;}
.entry_body {
	width: 583px;
	margin-bottom:25px;
	padding-left:15px;
}


.to_top {
	margin-bottom: 22px;
	text-align: right;
}
/*========================================

  top
	
========================================*/
#t_wrap {
	width: 100%;
	margin:0;
	padding:0;
	text-align:center;
	background: #fff url(http://145bpm.typepad.jp/beginner/img_top/body_bg.gif) repeat-x;
}

#t_rec {
	padding-left:114px;
	background:url(http://145bpm.typepad.jp/beginner/img_top/recommend_01.jpg) no-repeat;
}
#t_rec img { vertical-align:top;}

#t_main {
	margin: 0 0 60px 4px;
}
#t_link_wrap {
	background: url(http://145bpm.typepad.jp/beginner/img_top/link_bg.gif) repeat-y;
}

#t_link_wrap div {
	float:left;
	width:193px;
}
#t_link_wrap dt,#t_link_wrap dd {
	margin: 0;
}
#t_link_wrap dt {
	height: 43px;
}
#t_link_wrap dt img {
	vertical-align:top;
}

.ie6 #t_link_wrap dd a { width:193px;}
#t_link_wrap dd a {
	display: block;
	color:#555555;
	width: 173px;
	padding: 87px 10px 5px 10px;
	text-decoration:none;
}


#t_link_l {
	margin-right: 7px;
}
#t_link_l dd {
	background: url(http://145bpm.typepad.jp/beginner/img_top/link_l02.jpg) no-repeat;
}
#t_link_m {
	margin-right: 8px;
}
#t_link_m dd {
	background: url(http://145bpm.typepad.jp/beginner/img_top/link_m02.gif) no-repeat;
}
#t_link_r dd {
	background: url(http://145bpm.typepad.jp/beginner/img_top/link_r02.jpg) no-repeat;
}

#t_main #title01 {
	margin: 15px 0 7px;
}
#t_main #title02 {
	margin: 11px 0 9px;
}
#t_main #title03 {
	margin: 15px 0 14px;
}
#t_main #to_service {
	float: right;
	padding-left: 24px;
	background: url(http://145bpm.typepad.jp/beginner/img_top/arrow_orange.gif) no-repeat 0px center;
}
#t_main #to_service a:link { text-decoration:underline;}
#t_main #to_service a:visited { text-decoration:underline;}
#t_main #to_service a:hover {	 text-decoration:none;}
#t_main #to_service a:active { 	 text-decoration:none;}
#t_main #to_service a:focus { 	 text-decoration:none;}


#t_main ul {
}
#t_main li {
	margin: 0 0 5px 24px;
	padding-left: 24px;
	background: url(http://145bpm.typepad.jp/beginner/img_top/info_bar.gif) no-repeat 0px center;
}
#t_main li a:link {  text-decoration:none;}
#t_main li a:visited { text-decoration:none;}
#t_main li a:hover { text-decoration:underline;}
#t_main li a:active { text-decoration:underline;}
#t_main li a:focus { text-decoration:underline;}

.top_to_tpl {overflow: hidden;}
.top_to_tpl img {visibility: hidden;}
.top_to_tpl img.current {visibility:visible;float:left;}
.top_to_tpl a:link,.top_to_tpl a:visited { background-position: 0px 0px;float:left;}
.top_to_tpl a:hover,.top_to_tpl a:focus,.top_to_tpl a:active { background-position: 0px 202px;float:left;}
.top_to_tpl a.gyousei_tpl {	background-image: url(http://145bpm.typepad.jp/beginner/img_top/gyousei_tpl_ov.jpg) ;}

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

  beginner
	
========================================*/

#about_b {
	margin-bottom : 30px;
	background:url(http://145bpm.typepad.jp/beginner/img_beginner/about_bg.jpg) no-repeat right top;
}
#about_b_l {
	float:left;
	width:280px;
}


#about_b_l h3 {
	margin: 12px 0 20px;
}
#about_b_r {
	float:right;
	width:289px;
	padding-top:189px;
}
#about_b_r img { vertical-align:top;}

#point_b01 {
	margin-top:14px;
	background:url(http://145bpm.typepad.jp/beginner/img_beginner/point_bg_m.gif) repeat-y;
}
#point_b01 dl,#point_ex {
	padding-left:4px;
}
#point_b01 dt,#point_b01 dd {
	float:left;
	margin:0;
}
#point_b01 dd {
	width:314px;
}


.point_b02 {
	margin-top:12px;
	background:url(http://145bpm.typepad.jp/beginner/img_beginner/point_bg_m.gif) repeat-y;
}
#last { margin-bottom:40px;}

.point_b02 dl {
	padding-top:8px;
	background:url(http://145bpm.typepad.jp/beginner/img_beginner/point_bg_t.gif) no-repeat;
}
.point_b02 dt,.point_b02 dd {
	float:left;
	margin:0;
}
.ie6 .point_b02 dd { width:332px;}
.point_b02 dd {
	width:317px;
	padding:5px 15px 0 0;
	line-height:170%;
}

#change_b {
	margin-bottom:35px;
}

#change_b .f_right {
	width: 180px;
}

.ie6 #support_b { width:579px;}
#support_b {
	width:388px;
	padding: 0 190px 50px 0;
	background:url(http://145bpm.typepad.jp/beginner/img_beginner/support_img.gif) no-repeat right 28px;
}

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

  series01
	
========================================*/

#point_gyousei_wrap {
	margin-top: 32px;
}
#point_gyousei_wrap dl {
	padding:0 0 30px 189px;
}
#point_gyousei_wrap dt,#point_gyousei_wrap dd {
	margin:0;
	line-height:170%;
}

#point_gyousei_wrap dl#point_gyousei_01 {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_img01.jpg) no-repeat;
}
#point_gyousei_02 {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_img02.jpg) no-repeat;
}
#point_gyousei_03 {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_img03.jpg) no-repeat;
}
#point_gyousei_wrap dl#point_gyousei_04 {
	padding-bottom:18px;
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_img04.gif) no-repeat;
}

#normal_gyousei_wrap {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_normal_m.gif) repeat-y;
}
#point_balloon {
	position:absolute;
	z-index:1;
}
#normal_gyousei{
	width:486px;
}
#normal_gyousei div.f_left{
	width:238px;
}
#normal_gyousei div.f_right{
	width:243px;
}
.ie6 #normal_gyousei p { width:237px;}
#normal_gyousei p {
	width:167px;
	padding:2px 0 7px 70px;
	line-height:170%;
}
#normal_gyousei div.f_left p {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_form_img.gif) no-repeat left bottom;
}
#normal_gyousei div.f_right p {
	background:url(http://145bpm.typepad.jp/beginner/img_series01/point_seo_img.gif) no-repeat left bottom;
}


#tpl_gyousei {
	width:580px;
	background:url(http://145bpm.typepad.jp/beginner/img_series01/tpl_m.gif) repeat-y;
}

#tpl_gyousei div.f_left {
	width: 398px;
}
#tpl_gyousei div.f_left h3 {
	padding-bottom: 13px;
}
#tpl_gyousei div.f_left ul {
	margin: 0 0 23px 22px;
}
#tpl_gyousei div.f_left li {
	float: left;
	margin:0 8px 0 0;
}
#tpl_gyousei div.f_left p {
	padding:23px 0 0 11px;
}

#tpl_gyousei div.f_left p {overflow: hidden;}
#tpl_gyousei div.f_left p img {visibility: hidden;}
#tpl_gyousei div.f_left p img.current {visibility:visible;float:left;}
#tpl_gyousei div.f_left p a:link,#tpl_gyousei div.f_left p a:visited { background-position: 0px 0px;float:left;}
#tpl_gyousei div.f_left p a:hover,#tpl_gyousei div.f_left p a:focus,#tpl_gyousei div.f_left p a:active { background-position: 0px 47px;float:left;}
#tpl_gyousei div.f_left p.f_left a.tpl_btn {	background-image: url(http://145bpm.typepad.jp/beginner/img_series01/tpl_btn_ov.jpg) ;}



#tpl_gyousei div.f_right {
	width: 182px;
}
#tpl_gyousei div.f_right p {
	margin: 17px 0 16px 11px;
}


#btn_inquiry {
	width: 421px;
	margin:34px 0 60px 75px;
}
#btn_inquiry li {
	margin:0;
}
#btn_inquiry li {overflow: hidden;}
#btn_inquiry li img {visibility: hidden;}
#btn_inquiry li img.current {visibility:visible;float:left;}
#btn_inquiry li a:link,#btn_inquiry li a:visited { background-position: 0px 0px;float:left;}
#btn_inquiry li a:hover,#btn_inquiry li a:focus,#btn_inquiry li a:active { background-position: 0px 56px;float:left;}
#btn_inquiry li a.inquiry {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/btn_inquiry_ov.jpg) ;}
#btn_inquiry li a.sample {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/btn_sample_ov.jpg) ;}
/*========================================

  template
	
========================================*/
.tpl_list li {
	float: left;
	margin: 0 14px 0 0;
	padding-bottom: 32px;
	text-align: center;
	line-height:100%;
	color: #666666;
}

.tpl_list li.tpl_list_l {
	margin: 0;
	text-align: center;
	line-height:100%;
}


/*  imghover  */

.tpl_list li a {
	display: block;
}

.tpl_list li a:hover {
	position: relative;
}

.tpl_list li a .mainimage {
	display: none;
}

.tpl_list li a:hover .mainimage {
	display: block;
	position: absolute;
	top: 0;
	left: 144px;
}


.tpl_list li a.list_left .mainimage {
	display: none;
}

.tpl_list li.list_left a:hover .mainimage {
	display: block;
	position: absolute;
	top: 0;
	left: -275px;
}

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

  case
	
========================================*/
.case_box p.f_left img{ border:1px solid #cccccc;} 
.case_box div.f_right { width:346px;}
.case_box div.f_right h3 a { color: #0C789C;}
.case_box div.f_right p a { color: #55555;}


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

  price
	
========================================*/
#price_tbl01 {
	width:579px;
	text-align:center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#price_tbl01 td {
	padding:8px 10px 5px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#price_tbl01 td.blank {
	border-top:none;
	border-left:none;
}
#price_tbl01 td.blue {
	height:90px;
	background:#4DB9D1;
}
#price_tbl01 td.orange {
	height:90px;
	background:#FFE08E;
}
#price_tbl01 td.gray{
	background:#E7E7E7;
}
#price_tbl01 ul { text-align:left;}

#price_point p{
	margin-bottom: 22px ;
}
.price_btn {
	margin:0 auto 46px;
	text-align:center;
}

h3#price_option {
	margin:0;
	padding:23px 0 30px 51px;
	background:url(http://145bpm.typepad.jp/beginner/img_price/option_img.jpg) no-repeat;
}

.price_tbl01 {
	width:579px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.price_tbl01 th,.price_tbl01 td {
	padding:9px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.price_tbl01 th{
	padding-left:10px;
	color:#333333;
	background: #F2F2F2;
	font-weight:bold;
}
.price_tbl01 td {
	padding-left:15px;
}
.price_tbl01 td.free a {
	padding-left: 20px;
	background:url(http://145bpm.typepad.jp/beginner/img_common/arrow_orange.gif) no-repeat left center;
}

h3#price_pay{
	margin:0;
	padding:23px 0 33px 51px;
	background:url(http://145bpm.typepad.jp/beginner/img_price/pay_img.jpg) no-repeat;
}


.price_tbl02 {
	width:579px;
	margin-bottom : 36px ;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.price_tbl02 th,.price_tbl02 td {
	padding:9px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.price_tbl02 th{
	width:100px;
	padding-left:10px;
	color:#333333;
	background: #F2F2F2;
	font-weight:bold;
}
.price_tbl02 td {
	padding-left:15px;
}
.price_tbl02 td.blue_year {
	width:85px;
	color:#0C789C;
	font-weight: bold;
	background:#D0EDF2;
}
/*========================================

  function
	
========================================*/

.function_list {
	width:578px;
	background:url(http://145bpm.typepad.jp/beginner/img_common/line_dot.gif) no-repeat 0px bottom;
}

.function_list dt,.function_list dd { float:left;}

.function_list dt {
	width: 160px;
	padding:10px 0 10px 16px;
	color: #0C789C;
	font-weight: bold;
	background: url(http://145bpm.typepad.jp/beginner/img_common/list_dot.gif) no-repeat left 15px;
}
.function_list dd {
	width:380px;
	margin:0;
	padding:10px 0;
}


#flow_wrap { margin-bottom: 8px;}
.ie6 #flow_wrap div{ width: 580px;}
#flow_wrap div{
	width: 395px;
	padding: 12px 0 15px 185px;
}
#flow_wrap h3{ margin-bottom: 15px;}
#flow_wrap div.flow_box01 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img01.jpg) no-repeat;}
#flow_wrap div.flow_box02 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img02.jpg) no-repeat;}
#flow_wrap div.flow_box03 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img03.jpg) no-repeat; padding-bottom:33px;}
#flow_wrap div.flow_box04 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img04.jpg) no-repeat;}
#flow_wrap div.flow_box05 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img05.jpg) no-repeat; padding-bottom:48px;}
#flow_wrap div.flow_box06 { background:url(http://145bpm.typepad.jp/beginner/img_flow/flow_img06.jpg) no-repeat; padding-bottom:50px;}

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

  qa
	
========================================*/
#qa_btn {
	padding:8px 0 0 16px;
}
#qa_btn ul.qa_list01 {
	margin-bottom:15px;
}
#qa_btn ul.qa_list02 {
	margin:0 0 10px;
}

#qa_btn li {
	float:left;
	margin:0 10px 0 0;
}
#qa_btn li img { vertical-align:top;}

.qa_box {
	margin-bottom :20px; ;
	padding-bottom: 30px;
	background:url(http://145bpm.typepad.jp/beginner/img_common/line_dot.gif) no-repeat bottom;}



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

  Gloval navigation

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

#nav_gl li{
	margin: 0;
}

.ie6 #nav_gl li a{ height: 36px;}
#nav_gl li a{
	display: block;
	height: 28px;
	padding: 8px 0 0 24px;
	 text-decoration:none;
	background: url(http://145bpm.typepad.jp/beginner/img_common/nav_bg.gif) no-repeat;
}
#nav_gl li a:link,#nav_gl li a:visited {
	color:#555555;
	background: url(http://145bpm.typepad.jp/beginner/img_common/nav_bg.gif) no-repeat;
}
#nav_gl li a:hover,#nav_gl li a:focus,#nav_gl li a:active {	
	color:#0E93BE;
	font-weight:bold;
	background: url(http://145bpm.typepad.jp/beginner/img_common/nav_bg_ov.gif) no-repeat;
}

#nav_btn {overflow: hidden;}
#nav_btn img {visibility: hidden;}
#nav_btn img.current {visibility:visible;float:left;}
#nav_btn a:link,#nav_btn a:visited { background-position: 0px 0px;float:left;}
#nav_btn a:hover,#nav_btn a:focus,#nav_btn a:active { background-position: 182px 0px;float:left;}
#nav_btn a.nav_sample {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/nav_sample_ov.jpg) ;}
#nav_btn a.nav_tpl {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/nav_tpl_ov.jpg) ;}
#nav_btn a.nav_inquiry {	background-image: url(http://145bpm.typepad.jp/beginner/img_common/nav_inquiry_ov.jpg) ;}
/*======================================

  pan_nav

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

#pan_nav {
	color: #666666;
	text-align:right;
	 text-decoration:none;
}
#pan_nav a {
	color: #0E93BE;
}
#pan_nav a:link,#pan_nav a:visited{
	 text-decoration:none;
}
#pan_nav a:hover,#pan_nav a:focus,#pan_nav a:active{
	 text-decoration:underline;
}

#head_copy { font-size: 77%;}
#pan_nav { font-size: 77%;}
#foot_inner li { font-size: 77%;}

.h2_bg {  font-size: 108%;}

#tpl_gyousei div.f_right li { font-size: 77%;}

#flow_wrap h3 {  font-size: 108%;}