@charset "utf-8";
/******************************************************************************
common
******************************************************************************/
body{
	color:#333333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:url(../img/contents/bg_all.gif) left top repeat-x;
}
	
a:link{
	color:#0a285f;
	text-decoration:underline;
}
	
a:visited{
	color:#0a285f;
	text-decoration:underline;
}
	
a:active,
a:hover{
	text-decoration:none;	
}

#all{
	background:url(../img/bg_header_repeat.gif) left top repeat-x #000;
}

#wrap{
	background:url(../img/bg_header.gif) center top no-repeat;
}

/*******************************************************************************
class
*******************************************************************************/

/* float
-----------------------------------------------------------------------------*/

.f-left{float:left !important;}
.f-right{float:right !important;}

/* align
-----------------------------------------------------------------------------*/

.al-left{text-align:left !important;}
.al-right{text-align:right !important;}
.al-center{text-align:center !important;}
.al-justify{
	text-align:justify;
	text-justify:inter-ideograph; 
	line-break:strict;	
	}
	
/* color
-----------------------------------------------------------------------------*/

.cl-red{color:#bb0000 !important;}
.cl-blue{color:#0000bb !important;}
.cl-green{color:#00bb00 !important;}
.cl-purple{color:#660099 !important;}
.cl-yellow{color:#bbcc00 !important;}

/* etc
-----------------------------------------------------------------------------*/

.alpha a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
	}

.bg-none{background:none !important;}

*html .iepngfix{behavior: url(/cmn/js/iepngfix.htc)}

/* margin
-----------------------------------------------------------------------------*/

.mb-0{margin:0!important;}
.mb-05{margin:0 0 5px 0 !important;}
.mb-10{margin:0 0 10px 0 !important;}
.mb-15{margin:0 0 15px 0 !important;}
.mb-20{margin:0 0 20px 0 !important;}
.mb-25{margin:0 0 25px 0 !important;}
.mb-30{margin:0 0 30px 0 !important;}
.mb-35{margin:0 0 35px 0 !important;}
.mb-40{margin:0 0 40px 0 !important;}

/* ordered
-----------------------------------------------------------------------------*/
#contents .ordered li{
	list-style:none;
	padding:0 0 0 20px;
	margin:0 0 0.5em 0;
}

#contents .ordered .item1{background:url(../img/contents/num_01.gif) left 0.1em no-repeat;}
#contents .ordered .item2{background:url(../img/contents/num_02.gif) left 0.1em no-repeat;}
#contents .ordered .item3{background:url(../img/contents/num_03.gif) left 0.1em no-repeat;}
#contents .ordered .item4{background:url(../img/contents/num_04.gif) left 0.1em no-repeat;}
#contents .ordered .item5{background:url(../img/contents/num_05.gif) left 0.1em no-repeat;}
#contents .ordered .item6{background:url(../img/contents/num_06.gif) left 0.1em no-repeat;}
#contents .ordered .item7{background:url(../img/contents/num_07.gif) left 0.1em no-repeat;}
#contents .ordered .item8{background:url(../img/contents/num_08.gif) left 0.1em no-repeat;}
#contents .ordered .item9{background:url(../img/contents/num_09.gif) left 0.1em no-repeat;}
#contents .ordered .item10{background:url(../img/contents/num_10.gif) left 0.1em no-repeat;}


/******************************************************************************
font
******************************************************************************/

.font-8{font-size:0.8em !important;}
.font-9{font-size:0.9em !important;}
.font-10{font-size:1.0em !important;}
.font-11{font-size:1.1em !important;}
.font-12{font-size:1.2em !important;}
.font-13{font-size:1.3em !important;}
.font-14{font-size:1.4em !important;}
.font-15{font-size:1.5em !important;}
.font-16{font-size:1.6em !important;}
.font-18{font-size:1.8em !important;}
.font-20{font-size:2.0em !important;}

/******************************************************************************
header
******************************************************************************/

#header{
	text-align:center;
	padding:15px 0;
}

/******************************************************************************
contents
******************************************************************************/

#contents{
	background:url(../img/bg_all.gif) repeat-y;
	width:980px;
	margin:0 auto;
	position:relative;
}

#contents-inner{
	background:url(../../top/img/main_02.jpg) left 250px no-repeat;
}

body.inside #contents-inner{
	background:url(../img/main_inside_02.jpg) left top no-repeat;
}

/******************************************************************************
main
******************************************************************************/

#main{
	position:relative;
}

#main .bt-toppage{
	position:absolute;
	right:170px;
	top:110px;
}

/******************************************************************************
column
******************************************************************************/

#column{
	padding:0 60px 70px 60px;
	background:url(../img/bg_column.png) left bottom no-repeat;
	line-height:1.5;
}

/* headmenu
-----------------------------------------------------------------------------*/

#column #headmenu{
	background:url(../img/bg_menu_top.png) left top no-repeat;
	height:63px;
	overflow:hidden;
}

#column #headmenu ul{
	padding:4px 0 0 26px;
}

#column #headmenu li{
	float:left;
	margin:0 5px 0 0;
	width:200px;
	zoom:1;
}

#column #headmenu li a{
	display:block;
}

/* footmenu
-----------------------------------------------------------------------------*/

#column #footmenu{
	background:url(../img/bg_menu_foot.png) left top no-repeat;
	height:49px;
	overflow:hidden;
}

#column #footmenu ul{
	padding:0 0 0 26px;
}

#column #footmenu li{
	float:left;
	margin:0 5px 0 0;
	width:200px;
	zoom:1;
}

#column #footmenu li a{
	display:block;
}

/* carrent menu
-----------------------------------------------------------------------------*/

body.about .li-about img{visibility:hidden;}
body.member .li-member img{visibility:hidden;}
body.course .li-course img{visibility:hidden;}
body.campaign .li-campaign img{visibility:hidden;}

/* inner
-----------------------------------------------------------------------------*/

#column-inner{
	background:url(../img/bg_notes.png) left top repeat-y;
}

/* bt-pagetop
-----------------------------------------------------------------------------*/

.bt-pagetop{
	padding:0 30px 15px 0;
	text-align:right;
}

/******************************************************************************
footer
******************************************************************************/

#footer{
	background:#e8e8e8;
	font-size:1.2em;
	line-height:1.5;
}

#footer-inner{
	width:900px;
	margin:0 auto;
	padding:30px 0 0 0;
}

#footer ul{
	background:url(../img/bg_bread.gif) left top no-repeat;
	padding:5px 15px;
	height:32px;
}

#footer .box-01{
	padding:20px 0;
}

#footer address{
	font-style:normal;
	float:left;
	padding:12px 0 0 20px;
}

#footer ul li{
	float:left;
	background:url(../img/arrow_01.gif) left center no-repeat;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}

#footer ul li.start{
	background:none;
	padding:0;
}

#copyright{
	background:url(../img/bg_footer.gif) left top repeat-x #cdcdcd;
	text-align:center;
	padding:20px 0;
}

/******************************************************************************
noscript
******************************************************************************/

#error{
	background:#ff0000;
	text-align:center;
	color:#fff;
	padding:10px;
	position:fixed;
	bottom:0;
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}

*html #error{
	position:absolute;
	top:0;
}