/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #f7e7e7;
text-align: center;
}

h1{
font-family: palatino, georgia, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", verdana, arial, sans-serif;
font-size: 110%;
font-weight: bold;
text-align: center;
color: #334d55;
margin: 0px;
padding: 0px;
}

img { border: 0;}

p {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 130%;
}

form {
margin: 0;
padding: 0;
}

#cbox {
width: 780px;
margin: 0 auto;
padding: 0;
background-color: #f7e7e7;
text-align: left;
}

/* header */

#header {
width: 780px;
margin: 10px 0 0;
}

#hnavi {
margin-bottom: 5px;
}
#hnavi p { color: #960606}
#hnavi a { color: #960606}

#logo {
width: 780px;
padding: 29px 0px 15px 0px;
background: url(cmnfix/bg_header.gif) no-repeat left top;
}

#logo table {
margin: 0px 10px 0px 25px
}

div#topimg {
border-left: 1px solid #600606;
border-right: 1px solid #600606;
border-top: 1px solid #9F6969;
margin: 0;
padding: 0;
}

div#gnavi {
border-left: 1px solid #600606;
border-right: 1px solid #600606;
margin: 0;
}

/* contents */

div#sline {
width: 780px;
background: url(cmnfix/bg_contents.gif) repeat-y center top;
padding: 35px 0px 10px;
}

div#contents {
width: 760px;
margin: 0 10px;
}

/* footer */

div#copy {
width: 780px;
background: url(cmnfix/bg_copy.gif) no-repeat center top;
margin: 0px 0px 50px;
padding: 10px 0px 0px;
text-align: right;
}

/* common */

dl.boxstyle {
width: 760px;
margin: 0 0 25px;
padding: 0;
background: url(cmnfix/box01_bg.gif) repeat-y center top;
}
dl.boxstyle dt {
width: 760px;
margin: 0;
padding: 25px 0px 0px;
background: url(cmnfix/box01_bgh.gif) no-repeat center top;
text-align: left;
}
dl.boxstyle dt img {
margin: 0px 25px;
}
dl.boxstyle dd {
width: 710px;
margin: 0;
padding: 10px 25px 30px;
background: url(cmnfix/box01_bgf.gif) no-repeat center bottom;
text-align: left;
}
dl.boxstyle dd p.m10 {
margin: 0px 10px 15px;
}

dl.boxstyle dd p.m20 {
margin: 0px 20px 15px;
}

p.toTOP { 
width: 730px;
margin: 0px 15px;
text-align:right;
}

.CCorner {
background: url(cmnfix/bg_cc.gif) no-repeat left top;
}
.CCorner p {
line-height: 18px;
vertical-align: middle;
}

/* home */

#homenavi {
width: 760px;
background: url(cmnfix/dline_brown1.gif) repeat-x left top;
padding: 20px 0px;
}

#homenavi #navi01 img {
margin: 0px 4px 4px 0px;
}

.box01 {
background: url(home/img/box02r.gif) repeat-y left center;
padding: 2px 10px;
}
.box01 p {
color: #fff;
}

/* diary */

.diarytable {
margin: 0px 0px 20px;
}

.diarytable th {
background: url(diary/img/bg_ti.gif) no-repeat left top;
}
.diarytable th p {
margin: 0px 15px;
line-height: 18px;
vertical-align: middle;
font-weight: bold;
color: #fff;
}

.diarytable td.textarea {
border: 1px solid #5E0303;
padding: 10px 15px;
}


/* access */

.vertualnavifix {
margin: 0px 20px 20px;
}

.vertualnavirepeat th {
border-top: 1px solid #5E0303;
height: 19px;
}
.vertualnavirepeat {
margin: 0px 20px 20px;
}

.borderbox {
border: 1px solid #5E0303;
}
.borderbottom {
border-bottom: 1px solid #5E0303;
}
dl.boxstyle dd#access {
padding: 30px 25px 50px;
}
.borderboxgray {
border: 1px solid #9A9A99;
}

.accesspdg {
margin: 0;
padding: 15px 0 0 15px;
}
/* contact */

#formtable {
border-top: 1px solid #9F6969;
border-left: 1px solid #9F6969;
background-color: #FBF3F3;
margin: 0px 10px 15px;
}
#formtable td {
border-right: 1px solid #9F6969;
border-bottom: 1px solid #9F6969;
padding: 4px;
}
#formtable td p {
line-height: 20px;
vertical-align: center;
margin: 0px 4px;
}

p.btright { 
width: 680px;
margin: 0px 15px 20px;
text-align:right;
}

/* welcome */

div#flow {
width: 630px;
margin: 0px 40px 0px;
padding: 15px 0px 30px;
}

.dline02 {
background: url(cmnfix/dline_brown2.gif) repeat-x left top;
}

#feature {
padding: 0 10px 10px;
background: url(cmnfix/dline_brown2.gif) repeat-x left bottom;
}

/* course */

.coursetable {
margin: 0 0 15px;
}

.coursetable td.textarea {
border: 1px solid #5E0303;
padding: 10px 15px;
}

/* coupon */

.dline01 {
background: url(cmnfix/dline_brown1.gif) repeat-x left center;
}

p.percent {
line-height: 34px;
}
p.percent strong{
font-size: 30px;
color: red;
}

/* faq */

.faqtable {
margin-bottom: 20px;
}

.faqtable p {
margin-top: 3px;
}



/** font-color **/

.brown { color:#AB0202; }
.brown02 { color:#9F6969; }
.white { color: #fff;}
.red { color: #f00;}


/** link-color **/

a:link    { color: #06f;}
a:active  { color: #06f; text-decoration: none;}
a:hover   { color: #06f; text-decoration: none;}
a:visited { color: #06f;}

/** bg-color **/


/** font-size **/

.txtop {
	font-size: 110%;
	line-height: 150%;
}
.txto {
	font-size: 110%;
	line-height: 130%;
}
.txtom {
	font-size: 110%;
	line-height: 125%;
}


.txtxlp {
	font-size: 100%;
	line-height: 150%;
}
.txtxl {
	font-size: 100%;
	line-height: 130%;
}
.txtxlm {
	font-size: 100%;
	line-height: 125%;
}


.txtlp {
	font-size: 90%;
	line-height: 150%;
}
.txtl {
	font-size: 90%;
	line-height: 130%;
}
.txtlm {
	font-size: 90%;
	line-height: 125%;
}

.txtmp {
	font-size: 80%;
	line-height: 150%;
}
.txtm {
	font-size: 80%;
	line-height: 130%;
}
.txtmm {
	font-size: 80%;
	line-height: 125%;
}

.txtsp {
	font-size: 70%;
	line-height: 150%;
}
.txts {
	font-size: 70%;
	line-height: 130%;
}
.txtsm {
	font-size: 70%;
	line-height: 120%;
}