@charset "utf-8";
/*
Theme Name: Hula School
Theme URI: http://www.hulastyle.jp/hulaschool/
Description: イカロス出版・素敵なフラスタイル・スクールガイド
Author: Instant Lab
Author URI: http://www.instant-lab.com/
/



/* Begin Typography & Colors */

* {
	margin: 0px;
	padding: 0px;
}


/*---------- html element ----------*/
body {
	background-color:#FFFFFF;
	color: #333333;
	font-size: medium;
	background-position: 755px top;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0 auto;
}

ul li img {
	vertical-align: bottom;
}

a img {
	border: none;
}

a {
	color: #FF3300;
	text-decoration: none;
}

a:hover {
	color: #FF6699;
	text-decoration: underline;
}

table {
	border-spacing: 2px;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}

/*---------- tips ----------*/

.hidevis {
	position:absolute;
	left: -2000%;
}

.fclear {
	clear: both;
}

.hide {
	display: none;
}

.bold {
	font-weight: bold;
}

.dottedborder {
	height: 1px;
	background-image: url(../images/line_480.gif);
	background-position: center center;
	clear: both;
}

.cont_date {
	font-size:0.875em;
	color:#999999;
}

/*---------- fonts ----------*/

.font0 { font-size:8pt; line-height: 10pt }
.font0r { font-size:8pt }
.font1 { font-size:8pt; line-height: 11pt }
.font1r { font-size:8pt }
.font2 { font-size:9pt; line-height: 14pt }
.font2r { font-size:9pt; line-height: 13pt }
.font3 { font-size:11pt; line-height: 14pt }
.font3r { font-size:11pt }
.font4r { font-size:15pt }
.font5r { font-size: 18pt; line-height: 20pt }
.font6r { font-size: 21pt; line-height: 24pt }
.font1ad { font-size: 8pt; color: #000000; letter-spacing: -0.05em; }
.font2ad { font-size: 8pt; color: #333300; }
.font3ad { font-size: 8pt; color: #009933; }
.imgbox1 { float: left; margin-top: 4px; margin-right: 4px; margin-bottom: 2px; margin-left: 2px; }
.imgbox2 { float: left; margin-top: 2px; margin-right: 5px; margin-bottom: 2px; margin-left: 0px; }

/*---------- contents ----------*/

#container {
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
	width: 920px;
	margin: 0 auto;
	padding: 0px;
}

/*top and header*/

#header {
	background-image: url(../top_images/top_head_bk.gif);
	background-repeat: no-repeat;
	width: 920px;
	height: 102px;
	display: block;
}
#header li {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}

#header img {
	width: 274px;
	height: 102px;
	float:left;
	margin:0px 0px 0px 0px;
}
#header #head_r{
	float:right;
	display:block;
	margin: 5px;
	width:468px;
}

#header .h a {
	background-image: url(../images/english.gif);
	background-repeat: no-repeat;
	width: 108px;
	height: 19px;
	float:right;
	margin:0px 0px 5px 0px;
}

#header .i a {
	background-image: url(../banner/hulatop_banar.jpg);
	background-repeat: no-repeat;
	width: 468px;
	height: 60px;
	float:right;
}
#navi{
	margin:0px ;
	padding: 0px;
	height: 28px;
	width: 920px;
	float: left;
	display:block;
}

#navi ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 920px;
}

#navi li, #navi a {
	height: 28px;
	text-decoration: none;
	display: block;
}

#navi li {
	text-indent: -9999px;
	margin:0px;
	float: left;
}

#navi a {
	text-decoration: none;
	background-image: url(../images/header_nav01.gif);
	background-repeat: no-repeat;
}

#navi .a a {
	background-position: -0px -0px;
	height: 28px;
	width: 199px;
}

#navi .b a {

	background-position: -199px -0px;
	height: 28px;
	width: 141px;
}
#navi .c a {

	background-position: -340px -0px;
	height: 28px;
	width: 159px;
}
#navi .d a {

	background-position: -499px -0px;
	height: 28px;
	width: 169px;
}
#navi .e a {
	background-position: -668px -0px;
	height: 28px;
	width: 133px;
}
#navi .f a {
	background-position: -801px -0px;
	height: 28px;
	width: 119px;
}
#navi .a a:hover {
	background-position: -0px -28px;
	height: 28px;
	width: 199px;
}

#navi .b a:hover {
	background-position: -199px -28px;
	height: 28px;
	width: 141px;
}
#navi .c a:hover {
	background-position: -340px -28px;
	height: 28px;
	width: 159px;
}
#navi .d a:hover {
	background-position: -499px -28px;
	height: 28px;
	width: 169px;
}
#navi .e a:hover {
	background-position: -668px -28px;
	height: 28px;
	width: 133px;
}
#navi .f a:hover {
	background-position: -801px -28px;
	height: 28px;
	width: 119px;
}

#subnavi{
	margin:0px;
	padding: 0px;
	height: 37px;
	width: 920px;
	float: left;
	display:block;
}

#subnavi ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 920px;
}

#subnavi li, #subnavi a {
	height: 37px;
	text-decoration: none;
	display: block;
}

#subnavi li {
	text-indent: -9999px;
	margin:0px;
	float: left;
}

#subnavi a {
	text-decoration: none;
	background-image: url(../images/header_nav02.gif);
	background-repeat: no-repeat;
}

#subnavi .j a {
	background-position: -0px -0px;
	height: 37px;
	width: 232px;
}

#subnavi .k a {
	background-position: -232px -0px;
	height: 37px;
	width: 359px;
}
#subnavi .l a {

	background-position: -591px -0px;
	height: 37px;
	width: 329px;
}
#subnavi .j a:hover {
	background-position: -0px -37px;
	height: 37px;
	width: 232px;
}

#subnavi .k a:hover {
	background-position: -232px -37px;
	height: 37px;
	width: 359px;
}
#subnavi .l a:hover {
	background-position: -591px -37px;
	height: 37px;
	width: 329px;
}
#content {
	background-image: url(../top_images/top_ad_bak.gif);
	background-repeat:repeat-y;
	background-position: 770px top;
	width: 920px;
	margin:0px;
	padding:0px;
	display:block;
	height: 100%;
}
#main {
	width: 760px;
	_height: 1px;
	margin:0px 0px 0px 15px;
	padding:0px;
	float:left;
	display:inline;
}

#main img{
	padding: 1px;
	border: 1px solid #999999;
	margin:10px 0px 10px 0px;
	float:left;
}

#middlebox{
	width: 760px;
	display:block;
	margin: 0;
}
#middlebox img{
	margin-bottom:6px;
	margin-right: 6px;
	padding: 1px;
	border: 1px solid #999999;
	float: left;
}

#topics {
	background-image: url(../top_images/top_topics.gif);
	background-repeat:no-repeat;
	width: 744px;
	height: 27px;
	margin:0px;
	display:block;
}
#topics .right a{
	background-image: url(../top_images/top_yajirushi.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	float:right;
	margin:4px 4px 0px 4px;
	font-size:medium;
	font-weight:bold;
	text-align:left;

}
#topics .left a{
	background-image: url(../top_images/top_yajirushi.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	float:left;
	margin:4px 4px 0px 4px;
	font-size:medium;
	font-weight:bold;
	text-align:left;
}

#leftbox{
	margin-right:10px;
	width: 367px;
	height: _1px;
	display:block;
	float:left;
}
#rightbox{
	width: 367px;
	height: _1px;
	display:block;
	float:left;
}
.box {
	background-image: url(../top_images/top_gray_bak.gif);
	background-repeat:repeat -x -y;
	width: 367px;
	height: auto;
	margin-bottom:10px;
	padding-bottom:10px;
}

.box #midashi{
	background-image: 
	url(../top_images/top_h4_bak.gif);
	background-repeat:no-repeat;
	width:367;
	height:24px;
	margin:0px;
	padding:0px;

}
#midashi h4{
	font-size:medium;
	font-weight:normal;
	color:#666;
	padding-top:4px;
	padding-left:20px;
    float:left;	
	
}
#midashi p{
	font-size:small;
	color:#FF6666;
	padding-top:8px;
	padding-right:4px;
    float:right;	
}
.box #boad{
	background-color:#FFFFFF;
	width:347px;
	height: auto;
	margin:10px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	display: block;
}

#boad ul li {
	list-style-type: none;
	font-size:small;
	margin:5px;
	line-height: 120%;
	text-align:left;
}

#boad hr{
	border-style: none;
	border-top:1px dotted #999999;
}
#boad p{
}

#boad .books img{
	float:right;
	margin:10px;
	display:inline;
	border: 1px solid #999999;
}

#boad a{
}
#boad a:hover{
	text-decoration:underline;
}
#boad .yajirushi a{
	background-image: url(../top_images/top_yajirushi.gif);
	background-repeat: no-repeat;
	margin:5px;
	padding-left:20px;
	line-height: 120%;
	text-align:left;
}
#boad img{
	border: none;
	margin: 5px;
	padding: 0px;
	height: auto;
}

#bottombox{
	width: 755px;
	height: 100px;
	display:block;
	margin: 0px;
}
#bottombox img{
	display:block;
	border: none;
	margin: 5px 3px 5px 0px;
	padding: 0px;
	float: left;
}

#rightcol {
	float: right;
	margin: 0px;
	width: 145px;
}

#rightcol .afbox {
	text-align: center;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 4px;
	display:block;
}
.afbox p{
	text-align: left;
}

/*---------- footer ----------*/

#footer {
	background-color:#FFF;
	width: 920px;

	margin: 0px;
	text-align: center;
	font-size: 11px;
	color: #330;
	padding: 0px;
	display: block;
}
#footer .link{
	background-image: url(../images/footer_navi.gif);
	height:33px;
	width:920px;
	padding: 10px 0px 0px 0px;
	background-repeat: repeat-x;
}
#footer p{
	width:920px;
}
#footer img {
	background-color:#CCC;
	margin-top: 10px;
	width:920px;
	height25px;
	display:block;
}