@charset "UTF-8";
/*
-----------------------------------------------
BOstudio templete style
version: 2007-04
----------------------------------------------- */


/* INDEX
-------------------------------------------
1. main layout
2. navigation
3. link style
4. common parts
-------------------------------------------*/


/* 1. main layout
-------------------------------------------*/
#wrapper{
position:relative;
margin:0px auto;
width:844px;
background-color:#fff;
}




@charset "Shift_JIS";

/* summary ------------------
	1.	reset
	2.	base
	3.	preloadImages
	4.	grid
	5.	pnavi
	6.	layout-style
	----module
	----title
	----link arrow
	----layout
-------------------------- */

/* reset ----------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, q, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background-color: transparent;
}

ol,ul {list-style: none;}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 0;
	background-color: transparent;
}

:focus {outline: 0;}



/* base ----------------- */
body {
	background-color:#fff;
	color: #333;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka,"Hiragino Kaku Gothic Pro",sans-serif,Helvetica,Verdana;
	font-size: 100%;
	line-height: 1.3;
	text-align: center;
}

a:link{color:#3358B3;text-decoration:underline;}
a:visited{color:#3E30B6;text-decoration:underline;}
a:hover{color:#3358B3;text-decoration:none;}
a:active{color:#3358B3;text-decoration:none;}

/* float 回避 */
#cont_out:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#conbody{
	clear:both;
	float:left;
	display: inline;
	width:842px;
	background: #fff;
	font-size: 90%;
}

#conbody2{
	float:left;
	display: inline;
	width:842px;
	margin-left:10px;
	background: #fff;
	font-size: 90%;
}


/* layout-style ----------------- */

/* module */
.btLink {cursor:pointer}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.btm5 {margin-bottom:5px;}
.btm10 {margin-bottom:10px;}
.btm15 {margin-bottom:15px;}
.btm20 {margin-bottom:20px;}
.btm30 {margin-bottom:30px;}

.t90 {font-size:90%}
.cap {font-size:80%;color:#666;}
.red {color:#6C0F16}
.red2 {color:#CC0000;}

.crAll {clear:both;}

.conbox {
	clear:both;
	background: #d1ddfa;
	padding:10px;
}

.conbox02 {
	clear:both;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	padding:10px;
}

.conboxIn {
	clear:both
	width:810px;
	text-align:left;
	margin-left:20px;
	margin-right:20px;
}
.conboxIn2 {
	clear:both;
	margin-left:5px;
	margin-right:5px;
	padding:10px;
	min-height:1px; /* IE 7対策 */
}

.conboxIn03 {
	clear:both;
	width:810px;
	text-align:left;
	margin-left:10px;
}

/* float 回避 */
.conboxIn2:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.conboxIn3 {
	padding-top:25px;
	padding-left:80px;
	padding-right:80px;
}


/* 4. common parts
-------------------------------------------*/
body{
	background-color: #FFFFFF;
}

div.inner{
padding:0px 43px;
width:844px;
background:url(../imgs/bg_inner.jpg) no-repeat;
}
div.inner_y{
padding:0px 43px 88px;
width:844px;
background:url(../imgs/bg_inner_y.jpg) repeat-y;
}

div.inner_01{
padding-left:30px;
width:842px;
background:url(../images/media/bg.gif) repeat-y;
}

div.inner_02{
padding-left:15px;
}

div.inner_03{
padding-left:30px;
}

div.inner_04{
padding-left:60px;
}


p.ie6{
height:2.7em;
font-size:65%;
text-align:right;
}

p.p2{
margin-bottom:20px;
}

dl{
margin:7px 35px 30px;
line-height:1.4;
}
dt{
font-size:80%;
font-weight:bold;
}
dd{
font-size:65%;
}

dl.notice{
margin:7px 3px 13px;
padding:20px 32px 5px;
border-top:1px solid #bfbfbf;
font-size:12px;
text-align:left;
}

dl.notice dd{
margin-bottom:15px;
font-size:80%;
}


dl.notice02{
margin:7px 3px 13px;
padding:20px 32px 5px;
font-size:12px;
text-align:left;
}

dl.notice02 dd{
margin-bottom:15px;
font-size:80%;
}


ol{
margin-left:20px;
}

h1{
font-size:80%;
font-weight:bold;
}


p.notes{
margin:7px 0px 30px;
font-size:80%;
}

p.title{
margin-top:20px;
}

div.top20{
margin-top:15px;
margin-bottom:15px
}

div.top15{
margin-top:15px;
}

div.textarea{
width:775px;
}

div.onimage{
position:absolute;
top:724px;
left:412px;
font-size:65%;
}
div.onimage p{
margin:0px;
}
div.onimage p.content{
margin-left:1em;
text-indent:-0.4em;
}

dl.cond{
margin:7px 3px 13px;
padding:20px 32px 5px;
border-top:1px solid #bfbfbf;
}

.nowrap{
white-space:nowrap;
}

p.margined{
margin-bottom:30px;
}

map,area{
cursor:pointer;
}

div.t80{
font-size:80%;}

.t90{
font-size:14px;
padding-top:10px;
}

.tp10{
padding-top:10px;
}

.tp15{
padding-top:15px;
}

.txtr{
text-align:right;
}

/* datatable */
table.table01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 512px;
  border-collapse: collapse;
  border: solid 1px #a4b7e4;
  text-align:center;
}

table.table01_02 {
  font-size: 100%;
}

table.table01 caption {
  margin-top: 1em;
  text-align: left;
}

table.table01 th,
table.table01 td {
  border: solid 1px #a4b7e4;
  padding: 4px 6px;
  font-size:10px;
}


table.table01 th {
  background: #dae2f2;
  text-align: center;
  white-space: nowrap;
  border-left: solid 1px #a4b7e4;
  color: #232323;
  font-size:10px;
}

table.table01 td.course {
  text-align: center;
  font-size: 200%;
  font-weight: bolder;
}

table.table01 td.time,
table.table01 td.fee {
  text-align: right;
  white-space: nowrap;
}



/* 4.1 of header
-------------------------------------------*/

/* 4.2 of content
-------------------------------------------*/

/* 4.3 of footer
-------------------------------------------*/

/*  2008.08.26 追記　*/
p.p_topimage{
margin-top:10px auto 0 auto;
}

p.p_btn{
margin-top:10px auto 0 auto;
margin-bottom:10px auto 0 auto;
}

p.p_topbtnimage{
margin:20px auto 40px auto;
}
p.center{
text-align:center;
}
div.center{
text-align:center;
}
.WideBox,.WideBoxLast{
width:732px
margin:5px 0 5px 0;
padding:15px 0 10px 0;
}

.WideBox p,.WideBoxLast p{
clear:both;
text-align:right;
font-size:12px;
margin:5px 0 5px 0;
}
.WideBox .left,.WideBoxLast .left{
float:left;
margin:0;
}
.WideBox .right,.WideBoxLast .right{
width:483px;
float:right;
margin:0;
}
.WideBox .right p,.WideBoxLast .right p{
text-align:left;
font-size:65%;
line-height:140%;
margin:2px 0 0 0;
}
#AddTextBox{
width:710px;
margin:15px auto 0 auto;
overflow:hidden;
}
#AddTextBox dl{
width:100%;
margin:0;
}
#AddTextBox dt{
float:left;
display:inline;
font-weight:normal;
width:3%;
margin-right:0.5em;
font-size:65%;
}
#AddTextBox dd{
float:left;
font-weight:normal;
width:96%;
}
a:link {
color: #3358B3;
}
a:visited {
color: #3358B3;
}
a:hover {
color: #FF0033;
}
a:active {
color: #FF0033;
}
.blockSpace {
	margin:15px auto 5px;
	text-align:center;
}
img.medaru {
	float:left;
}

.mojibox {
 width:525px;
	float:left;
}

.graybox {
	width:750px;
	margin:0 auto;
	padding:10px;
	background-color:#f2f2f2;
	text-align:left;
}
.graybox2{
	background-color:#f2f2f2;
	padding:10px;
	margin-top:10px;
}