body{
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0 auto;
	color:#333;
	text-align:center;
	background:url(../../images/bg.gif) 0 0 repeat;
	font-size:small;
}

*{
margin:0;
padding:0;
}

.c{
margin:0 auto;
text-align:center;
padding:0;}

.l{
text-align:left;}

.r{
float:right;
text-align:right;}

.vt{
vertical-align:top;}

.border{
clear:both;
border-top:#CCCCCC 1px dashed;
margin:20px 0;}

.pagetop{
text-align:right;
float:right;
margin-right: 30px;
display: inline;
}


.li01{
color:#f57d10;}

.li02{
color:#f56485;}

.li03{
color:#118e35;}

.li04{
color:#15a3c7;}

.li05{
color:#083977;}

.li06{
color:#333333;}





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

/* ======== clearfix(親divに追加でclass指定。これで次のボックスはクリアされる。)// ======== */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* IE7とMacIE5用 */
.clearfix { display: inline-block; }

/* WinIE6以前用　ホーリーハック */
* html .clearfix { height: 1%; }

/*MacIE5以外用　プロパティをblockに戻す */
.clearfix { display: inline-block; }
/* ====================================== //clearfix ====================================== */


/*----------
HEADER
------------*/
#header {
background-color:#FFFFFF;
width: 650px;
height:auto;
float:left;
background:url(../images/head_bg.jpg) top right no-repeat;
}

#header h1 {
float:left;
margin: 0 0 45px 18px;
}

#header h2 {
margin: 0 0 0 18px;
}

#sgawara {
float:right;
margin: 7px 6px 0 0;
}





#close {
clear: both;
text-align: center;
margin: 0 auto;
padding: 20px 0;
}


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



/*----------
LAYOUT
------------*/

/*---外枠 start---*/
#container{
margin:0 auto;
text-align:left;
width:650px;
height:auto;
background:#FFFFFF;
border-top:#083977 3px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

#container02{
width:652px;
height:auto;
margin:0 auto;
}



/*---外枠 end---*/


/*---main start--*/

#mainarea{
float:left;
width:616px;
height:auto;
padding:20px 0 0 18px;}


#main_left{
width:310px;
height:auto;
padding-bottom:10px;
float:left;}

#main_right{
width:300px;
height:auto;
float:right;}

.header_menuarea{
width:280px;
text-align:right;
margin:3px 0 20px 0;
}

.header_menuarea ul{
text-align:left;
line-height:0;
font-size:0;
display:inline;
}

.header_menuarea li{
padding:0 2px 0 0;
display:inline;
width:145px;
height:36px;}

#header_menuarea li a{
width:145px;
height:36px;
display:block;
padding:0;
margin:0;}

img.img_waku{
border:#016DB8 1px solid;
padding:3px;}

#photoarea{
margin:20px 0 20px 0;
width:300px;
height:auto;
float:left;}

#photoarea_left{
width:147px;
height:auto;
float:left;}

#photoarea_right{
width:147px;
height:auto;
float:right;}

#course{
clear:both;
width:586px;
float:left;
height:auto;
padding:0 15px 0 15px;}

#course_bg{
background:url(../images/course_bg.gif) 0 0 repeat-y; }

#course_left{
width:180px;
height:auto;
float:left;}

#course_right{
width:383px;
height:auto;
float:right;}

#course_right-inleft{
width:180px;
height:auto;
float:left;}

#course_right-inright{
width:180px;
height:auto;
float:right;}





#curricuram{
width:588px;
height:auto;
float:left;
padding:5px 0 10px 30px;}

#curricuram02{
padding:10px;
border:#006CB8 1px dashed;}

.pankuzu_anime{
font-size:9pt;
color:#F88B12;
line-height:140%;
padding:5px 5px 0 5px;
}

.pankuzu_anime a{
font-size:9pt;
color:#F88B12;
font-weight:bold;
text-decoration:none;}

.pankuzu_anime a:hover{
font-size:9pt;
color:#F88B12;
font-weight:bold;
text-decoration:underline;}

.pankuzu_game{
    font-size:9pt;
	color:#2C9D2E;
	line-height:140%;
	padding:5px 5px 0 5px;
}
.pankuzu_game a{
font-size:9pt;
color:#2C9D2E;
font-weight:bold;
text-decoration:none;}

.pankuzu_game a:hover{
font-size:9pt;
color:#2C9D2E;
font-weight:bold;
text-decoration:underline;}

.pankuzu_design{
    font-size:9pt;
	color:#2AACCE;
	line-height:140%;
    padding:5px 5px 0 5px;
}
.pankuzu_design a{
font-size:9pt;
color:#2AACCE;
font-weight:bold;
text-decoration:none;}

.pankuzu_design a:hover{
font-size:9pt;
color:#2AACCE;
font-weight:bold;
text-decoration:underline;}

.net_table{
background-color:#CCCCCC;}

.txt_t{
background-color:#FFFFFF;
letter-spacing:2px;
color:#083977;
font-weight:bold;
text-align:center;
vertical-align:text-top;
padding:3px;
font-size:10pt;}

.txt_t02{
width:80px;
background-color:#EBF3FC;
color:#444444;
font-weight:bold;
text-align:left;
vertical-align:text-top;
padding:5px;
font-size:10pt;}

.txt12-18 {
background-color:#FFFFFF;
text-align:left;
padding:5px;
font-size:9pt;
line-height:140%;
color:#333333;
}

.txt_t03{
width:120px;
background-color:#EBF3FC;
color:#444444;
font-weight:bold;
text-align:left;
vertical-align:text-top;
padding:5px 5px 2px 5px;
font-size:10pt;}

.txt_t04{
background-color:#EBF3FC;
color:#444444;
font-weight:bold;
text-align:left;
vertical-align:text-top;
padding:5px 5px 2px 5px;
font-size:10pt;}


/*---main end---*/


/*----------
FOOTER
------------*/
#footer{
clear:both;
width:650px;
/*height:95px;*/
border-bottom:#CCCCCC 1px solid;
background:url(../images/foot_bg.jpg) 0 0 repeat-x;
}

#footer_l{
float:left;}

#footer_r{
width:300px;
float:right;}

.foot_tel{
float:left;
margin:23px 0 0 10px;}

#foot_menu{
margin:23px 0 0 0;
float:right;
width:240px;
height:auto;}

#foot_menu ul{
list-style-type:none;}

#foot_menu li{
background:url(../../images/foot_li.gif) 0 50% no-repeat;
padding:0 0 0 12px; 
float:left;
margin:0 10px 0 0;
display:inline;
font-style:normal;}

#foot_menu li a{
font-size:10px;
display:block;
font-weight:bold;
color:#1c3259;
text-decoration:none;}

#foot_menu li a:hover{
font-weight:bold;
color:#1c3259;
text-decoration:underline;}

address{
text-align:left;
font-style:normal;
padding:10px;
}

address a{font-weight:bold; color:#1c3259; text-decoration:none;}
address a:hover{font-weight:bold; color:#1c3259; text-decoration:underline;}

/*----------
ETC
------------*/


/*----------
ETC
------------*/

p{
padding:0;
margin:0;}


hr{
display:none;
}

a img{
border:none;
}

ul{
list-style:none;
}

li{
padding:0;
margin:0;}


img.right{
float:right;
vertical-align:top text-top;
margin:0px;
padding:0px;
}

img.left{
vertical-align:top text-top;
float:left;
margin:0;
padding:0;
}


.spacer01{
margin:10px 0 0 0;}

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

.spacer03{
margin:3px 0 0 0;}

.spacer04{
margin:20px 0 5px 0;}

.spacer05{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.spacer06{
margin:0 0 0 30px;}

.spacer06{
margin:0 0 50px 0;}

.w01{
    font-size:9pt;
	color:#444444;
	line-height:160%;
	padding:5px;
}

.w02{
    font-size:10pt;
	font-weight:bold;
	color:#006CB8;
	line-height:140%;
	padding:10px 10px 3px 10px;
}
.w03{
    font-size:9pt;
	color:#444444;
	line-height:140%;
	padding:0 10px;
}
.w04{
font-size:20px;
font-weight:bold;}

.w05{
width:145px;
    font-size:8pt;
	color:#444444;
	line-height:120%;
	padding:2px 0 10px 0;
}




.clear{
clear:both;
}



/* 100908追加分
-----------------------------------------------------------*/
.header_menuarea{
width:280px;
text-align:right;
margin:3px 0 10px 0;
}
.header_menuarea p{
padding:0 0 5px;
}


/* 110530更新分
-----------------------------------------------------------*/
#course_left{
width:280px;
height:auto;
float:left;}

#course_right{
width:280px;
height:auto;
float:right;}

.pankuzu_voice{
    font-size:9pt;
	color:#eb6da5;
	line-height:140%;
	padding:5px 5px 0 5px;
}
.pankuzu_voice a{
font-size:9pt;
color:#eb6da5;
font-weight:bold;
text-decoration:none;}

.pankuzu_voice a:hover{
font-size:9pt;
color:#eb6da5;
font-weight:bold;
text-decoration:underline;}