@charset "utf-8";
/* ===================================================================
CSS information

 file name  :base.css
 style info : 基本レイアウト
=================================================================== */


/*基本設定
--------------------------------------------------*/

body{
	background:url(../i/bg.gif) no-repeat center top fixed  #fff;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
}
#container{
	width: 820px;
	margin:0px auto;
	border:none;
	position: relative;
	text-align:center;
	padding:0px;
	}

#contents{
	width: 820px;
	margin:0px auto;
	border:none;
	text-align:center;
	padding:0px;
	}
/*メインコンテンツ
--------------------------------------------------*/
#main{
	float:left;
	display: inline;
	background: #fff;
	width:550px;
	text-align:center;
	margin-top:0px;
  margin-left: 10px;
	margin-right: 10px;
  padding:5px;
  font-family: "ＭＳ Ｐゴシック",Osaka,Sans-Serif;
	}

/*サブコンテンツ
--------------------------------------------------*/

	
#sub{
	float:left;
    display: inline;
	width:220px;
    margin-top:15px;
	margin-right:10px;
	}

#pro{
	border:1px #ff9933 solid;
	margin-top:10px;
	padding:0;
}

.pro{
	background: #ff9933 url(../i/icon_p.gif) left top no-repeat;
	color:#fff;
	height: 20px;
	margin:0;
	font-weight:bold;
	/*font-size: 90%;*/
	padding-left:22px;
	padding-top:2px;
	text-align:left;
}
	.proimg{
	padding:0;
	margin:0;
	line-height:0%;
}
	
/*メイン内部
--------------------------------------------------*/
.details{
    border: none;
    margin-top:0px;
    padding:10px;
	clear:both;
    }
/*更新履歴*/    
table#update{
	margin-left:20px ;
	padding:0;
	text-align:left;
	}
  table#update th.date{
	color:#C9A049;
	padding:5px 0;
	width:120px;
    }
	.indexImg{
	margin-top:10px;
}

/*IE以外へのハック_更新履歴
--------------------------------------------------*/
    .update > li.date {
	display:inline;
	}
    .update > li.memo {
	display:inline;
	}

/*メイン内部2カラム表示部分
--------------------------------------------------*/

	.pLeft{
		background-color:#fff;
		width:250px;
		float:left;
		display:inline;
		text-align:left;
		background-color:#FFF;
	}
	
	.pRight{
		background-color:#FFF;
		float:left;
		width:250px;
		display:inline;
		text-align:center;
		background-color:#FFF;
	}

/*p
--------------------------------------------------*/

p{
	font-family: "ＭＳ Ｐゴシック",Osaka,Sans-Serif;
	line-height: 150%;
	text-align: left;
	color: #37221A;
	margin: auto;
	padding: 5px;
	}
	
		
	#img{
		text-align:right;
		float:left;
		}
		
	.map{
		font-family:"ＭＳ Ｐゴシック",Osaka,Sans-Serif;
		line-height: 150%;
		text-align: left;
		color: #37221A;
		margin-left:10px;
		padding-bottom: 0px;
		}



/*リンク
--------------------------------------------------*/

a:link{
	color: #6222B9;
	font-weight: none;
	text-decoration:underline;
	}

a:hover{
	color:#2bb3d5;
	
	}
a:visited{
	color: #48687e;
	}

/*ページトップへ戻るリンク
--------------------------------------------------*/

	p.up{
		font-family: "ＭＳ Ｐゴシック",Osaka,Sans-Serif;
		line-height: 150%;
		text-align: right;
		color: #37221A;
		margin-top:0px;
		margin-right:20px;
		padding-top:10px;
		clear: both;
		}

	
/*ヘッダ
--------------------------------------------------*/
h1 {
    height:120px;
    width:800px;
    border:0px;
	text-align:center;
	margin:0px auto;
	padding:0px;
	font-size:0px;
    text-indent:-9999px;

	}
    h1 a{
	display:block;
	width:100%;
	height:120px;
	background: transparent url(../i/header.gif)  top left no-repeat;
	}
	h1 a span{
	display:none;
	}
	h1 a:hover{
	background: transparent url(../i/header_on.gif)  no-repeat;
	}

    

	
/*画像付き見出し
--------------------------------------------------*/
h3{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
    color:#4a2626;
    background: url(../i/h_flower.gif) no-repeat ;
	text-align: left;
	margin-bottom:0px; margin-left:10px;
	margin-top:0;
    padding-left:35px;
    padding-top:20px;
	clear:both;
	height:25px;
	font-size:120%;

	}
	
/*小見出し
--------------------------------------------------*/
h4{
	margin-bottom:5px; margin-top:5px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color:#000000;
	text-align:left;
	padding-left:10px; padding-top:5px;
	background:url(../i/h_stripe.gif)  repeat;
	}

/*料金表
--------------------------------------------------*/
h5{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	height:20px;
	background-color:#F5F0CD;
	color:#663333;
	clear:both;
	text-align:left;
	padding-left:5px; padding-top:2px;
	margin-bottom:5px;
}


	.charge table{
	border:0px;
	width:200px;
	border-spacing:1px;
	margin-left:5px;
	}
	
	.charge th{
	color: #663333;
	background: #E1D2BF;
	border:0;
	font-size:90%;
	text-align:center;
	padding:3px;
	
	}
	
	.charge td{
	color:#37221A;
	border: #CCCCCC dotted 1px;
	text-align:right;
	padding:3px;
	}

	
/*コース紹介用見出し
--------------------------------------------------*/

h6{
	margin-bottom:0px; margin-top:5px;
	height:20px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color:#574F44;
	font-size:110%;
	text-align:left;
	padding-left:5px; padding-top:5px;
	background:#F5F0CD url(../i/h_pinkflower.gif) right bottom no-repeat;
	clear:both;
	}

.h7{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	color:#000000;
	font-weight:none;
	text-align:right;
	padding-right:5px; padding-top:3px;
	background:#fff url(../i/h_stripe_yellow.gif) repeat;
	}

	

	
dl{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:90%;
	text-align:left;
	width:500px;
	color: #37221A;
	}
	dt{
        font-size:110%;
		background:#CCCC99;
        padding-left:5px;
        letter-spacing:2px;
        margin-top:5px;
        margin-bottom:5px;
		}
    dd{
        margin-top:5px;
        margin-bottom:5px;
        font-size:110%;
        }
	
/*vertical-align_middle
--------------------------------------------------*/

.ver{
    vertical-align:middle;
    }

/*サイトマップ
--------------------------------------------------*/

#main ul{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:110%;
	text-align:left;
	line-height:150%;
	margin-top:0;
	}
	
#main li{
	list-style-type: none;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:110%;
	text-align:left;
	text-indent:20px;
	}
	
/*フォーム
--------------------------------------------------*/

form{
	text-align:left;
	line-height:150%;
	}
	
#form{
	margin:10px;
	}

/*pdf
--------------------------------------------------*/

.program{
	float:left;
	font-size:90%;
	padding:10px;
	text-align:left;
	
	}
.clear{
	clear:both;
}


table.pdf{
	width:500px;
	margin:0 auto;
	text-align:center;
	border-spacing:2px;
	border-collapse:separate;
	}

	img.sampleImg{
	text-align:center;
}
	table.pdf td{
	text-align:left;
	padding:2px;
}

	table.pdf td img{
	display:inline;
	vertical-align:bottom;
	margin-right:5px;
}
	td.priTitle{
	background:#ffe4a3;
}
	td.freTitle{
	background:#ffbfda;
}
span.pdfTitle{
	width:300px;
	display:inline;
	float:left;
}

span.pdfTitleNumber{
	width:80px;
>width:100px;
	display:inline;
	float:right;
}

	td.rightBlock{
	text-align:right;
	width:125px;
>width:140px;
}


/*エラー*/
.error{
color:#FF0000;
}

/*mail magazine*/
div#mailmagazine{	
	text-align:center;
  margin:0 auto;
  padding:5px;
	width:550px;
}
div#mailmagazine p.btn{
	width:100px;
	margin:0 auto;
	text-align:center;
}	

div#mailmagazine_expire{
	margin:20px auto;
  padding:5px;
	height:300px;
	width:550px
}

div#mailmagazine_expire p{
	text-align:center;
}
div#comp{
	margin:20px 0 0;
}
div#comp p{
	text-align:center;
}

div#comp p.topbtn{
	text-align:center;
	margin:40px auto;
	width:240px;
}