/* All Layout reset
-------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}
fieldset,img{
    border: 0;
}
abbr,acronym{
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,ver{
    font-style: normal;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
    font-size: 100%;
	font-weight: normal;
}
/*
-------------------------------------------------*/

/* 
-------------------------------------------------*/
body{
    margin: 0 auto;
	text-align: center;
	color:#3B3027;
	font-size: 12px;
	line-height: 140%;
	background: url(img/main_bg.gif) repeat-x;
}
a:link {
	color: #b6801c;
	text-decoration: none;
}
a:visited {
	color: #816627;
	text-decoration: none;
}
a:hover {
	color: #b6801c;
	text-decoration: underline;
}
/* 
-------------------------------------------------*/

/* 共通レイアウト
-------------------------------------------------*/
#wrapper{
    margin: 0 auto;
	text-align: center;
	width: 790px;

}
#wrapper h1{
    text-align: left;
}
#head{
    margin: 0 auto;
	text-align: center;
	width: 100%;
	background: #dfdbd5;
}
#nav{
    margin: 0 auto;
	text-align: center;
	width: 100%;
	height: 50px;
	background: url(img/nav/nav_bg.gif) repeat-x;
}
#nav ul li{
    display: inline;
}
#side_qr{
    text-align: center;
    border: #D49A1F 2px dotted;
	padding: 5px;
}
#side_link{
    margin: 20px auto;
}
#side_link dl{
    margin: 10px auto 0 auto;
}
#main{
    margin: 0 auto;
    width: 790px;
	text-align: left;
	background: #ffffff;
}
#pan{
    height: 40px;
}
#subnav{
    float: left;
	width: 200px;
	background: #ffffff;
}
#subnav ul{
    margin: 20px auto;
}
#subnav ul li{
    list-style: none;
	margin: 0 auto 1px auto;
}
#maincontents{
    float: right;
	width: 520px;
	background: #ffffff;
}
.content{
    margin: 0 auto 40px auto;
	clear: both;
}
.content h2{
    margin: 0 auto 20px auto;
}
#footer{
    clear: both;
    width: 100%;
}
/* 
-------------------------------------------------*/

/* 共通フォント
-------------------------------------------------*/
.caption{
display: block;
text-align: right;
font-size: 80%;
}
.clear_blank{
     clear: both;
}
/* 
-------------------------------------------------*/

/* index
-------------------------------------------------*/
/*content01 begin*/
#img01{
   float: right;
   margin: 10px 0 10px 10px; 
}
#imgframe01{
   float: right;
   width: 150px;
}
#imgframe01 img{
   margin: 10px auto 0 auto;
}
#index_con01_1{
   float: left;
   width: 330px;
   text-align: center;
}
#index_con01_1 h3{
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
}
#index_con01_1 hr{
   width: 100%;
   border: thin dotted;
}
#hikari{
   width: 330px;
   text-align: left;
   margin: 10px auto;
}
#plus_img{
text-align: center;
}
#kaatsu{
   width: 330px;
   text-align: left;
   margin: 10px auto;
   color: #ffffff;
}
#hikari .top{
   width: 330px;
}
#hikari .middle{
   background: url(img/white_bg_m.gif);
   width: 300px;
   padding: 0 15px;
}
#hikari .bottom{
   width: 330px;
}
#kaatsu .top{
   width: 330px;
}
#kaatsu .middle{
   background: url(img/brown_bg_m.gif);
   width: 300px;
   padding: 0 15px;
}
#kaatsu .bottom{
   width: 330px;
}
/*content01 end*/

/*content02 begin*/
#index_con02_1{
   height: 250px;
   background: url(img/content2_2bg.gif) no-repeat;
} 
#index_con02_1 h3{
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
}
#index_con02_1 hr{
   width: 100%;
   border: thin dotted;
}
#hikari2{
   float: left;
   width: 230px;
   text-align: left;
   margin: 10px auto;
}
#kaatsu2{
   float: right;
   width: 250px;
   text-align: left;
   margin: 10px auto;
   color: #ffffff;
}
#hikari2 .top{
   width: 230px;
}
#hikari2 .middle{
   background: url(img/white_bg_m.gif);
   width: 200px;
   padding: 0 15px;
}
#hikari2 .bottom{
   width: 230px;
}
#kaatsu2 .top{
   width: 250px;
}
#kaatsu2 .middle{
   background: url(img/brown_bg_m.gif);
   width: 220px;
   padding: 0 15px;
}
#kaatsu2 .bottom{
   width: 250px;
}
#index_con02_2{
   text-align: center;
}
/*content02 end*/

/*content03 begin*/
.price_tbl{
   width: 520px;
   border: #645549 1px solid;
}
.price_tbl .course{
   width: 200px;
   background: #dfdbd5;
   padding: 10px;
}
.price_tbl .price{
   padding: 10px;
}
#mailprice_title{
margin: 10px auto 0 auto;
}
#qr{
clear: both;
margin: 20px auto 0 auto;
}
#qr .top{
   width: 520px;
}
#qr .middle{
   clear: both;
   color: #FFFFFF;
   background: url(img/brown_bg_m.gif) repeat;
   width: 490px;
   height: 110px;
   padding: 0 15px;
}
#qr .middle img{
   float: right;
   margin: auto 10px;
}
#wrapper #nav ul {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#wrapper #main #subnav ul {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#qr .bottom{
   clear: both;
   width: 520px;
}
#qr p{
   margin: 0 auto 20px auto;
}
/*content03 end*/
/*フレーム　begin*/
.framecorner_left{
   float: left;
}
.framecorner_right{
   float: right;
}
.frame_center_bro{
  background:url(img/brown_bg_m.gif);
  float: left;
}
.frame_center_wh{
  background:url(img/white_bg_m.gif);
  float: left;
}
/*フレーム　end*/