@charset "utf-8";
/*
Theme Name: NSBALLET
Theme URI: http://www.nsballet.jp/
Description: N·Sバレエ
Version: 1.0
Author: haifield
Author URI: http://www.haifield.jp/
*/


* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'meiryo', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #333;
background: #fff url(http://www.nsballet.jp/img/body_bg.jpg) repeat-x;
}
img {border: 0;}
table {font-size: 1em;}

a:link,
a:visited {
color: #68c;
}
a:hover {
text-decoration: underline;
color: #69c;
}

img, div, h2, h3, td, th, ul { behavior: url(http://www.nsballet.jp/lib/iepngfix.htc) }

/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.valign_t {vertical-align: top;}
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both;}
.w100 {width: 100%;}
.auto {margin: auto;}


/*-------------------------
           FRAME
-------------------------*/
#head {
height: 100px;
background: url(http://www.nsballet.jp/img/head_body_bg.png) no-repeat top right;
}
#head_body {
height: 100px;
width: 950px;
}

#page {
background: url(http://www.nsballet.jp/img/page_bg.png) no-repeat top right;
}
#page_body {
padding: 0 50px 0 0;
width: 910px;
}

#sidebar {
width: 260px;
padding: 20px 0 20px 0;
font-size: 1.2em;
}

#content {
width: 630px;
font-size: 1.2em;
line-height: 1.8em;
}
#path {
line-height: 47px;
font-size: 0.95em;
}

#top_main,
#main {
padding: 20px 0 0 0;
width: 630px;
background: url(http://www.nsballet.jp/img/main_bg.png) no-repeat;
}

#foot {
background: url(http://www.nsballet.jp/img/foot_bg.jpg) repeat-x;
}
#foot_body {
padding: 20px 0 0 0;
width: 920px;
}


/*-------------------------
           head
-------------------------*/
#head_sub {
width: 300px;
}
#head ul {
list-style: none;
height: 13px;
padding: 21px 0 0 0;
}
#font_size {
margin: 13px 0 0 0;
height: 24px;
}
#font_size a {
margin: 0 0 0 5px;
}

a#font_s img {
background: url(http://www.nsballet.jp/img/font_s_off.png);
}
a:hover#font_s img {
background: url(http://www.nsballet.jp/img/font_s_on.png);
}
a#font_m img {
background: url(http://www.nsballet.jp/img/font_m_on.png);
}
a#font_l img {
background: url(http://www.nsballet.jp/img/font_l_off.png);
}
a:hover#font_l img {
background: url(http://www.nsballet.jp/img/font_l_on.png);
}


/*-------------------------
         SIDEBAR
-------------------------*/
div#side_menu {
padding: 65px 0 0 0;
background: url(http://www.nsballet.jp/img/side_bg.jpg) no-repeat top;
}
div#side_menu ul {
list-style: none;
padding: 0 50px 33px 50px;
background: url(http://www.nsballet.jp/img/menu_foot.jpg) no-repeat bottom;
}
div#side_menu ul li{
padding: 10px 0 6px 0;
background: url(http://www.nsballet.jp/img/menu_line.jpg) repeat-x top;
}

div#side_info {
background: url(http://www.nsballet.jp/img/info_bg.jpg) no-repeat;
}
div#side_info ul {
list-style: none;
padding: 45px 50px 23px 50px;
background: url(http://www.nsballet.jp/img/info_foot.jpg) no-repeat bottom;
}
div#side_info ul li{
padding: 10px 0 6px 0;
background: url(http://www.nsballet.jp/img/info_line.jpg) repeat-x top;
}

div#side_menu ul a:link,
div#side_menu ul a:visited,
div#side_info ul a:link,
div#side_info ul a:visited  {
color: #444;
text-decoration: none;
}
div#side_menu ul a:hover,
div#side_info ul a:hover,
div#side_menu ul li.current-cat a,
div#side_info ul li.current_page_item a {
color: #DDB71C;
text-decoration: none;
}

#side_bn {
width: 200px;
font-size: 0.8em;
}
#side_bn p {
padding: 0 0 10px 0;
}

#side_bn a:link,
#side_bn a:visited {
color: #333;
text-decoration: none;
}
#side_bn a:hover {
text-decoration: underline;
color: #333;
}


/*-------------------------
           FOOT
-------------------------*/
.foot_school_list {
width: 330px;
font-size: 1.1em;
}
.foot_school_list img.alignleft {
margin: 0 5px 10px 0;
}
.foot_school_list strong {
color: #F6EFDB;
font-size: 1.1em;
}
#foot_14 {padding: 0 0 0 20px;}
#foot_9 {width: 280px;}

p.copy {
letter-spacing: 1px;
background: url(http://www.nsballet.jp/img/foot_line.jpg) repeat-x 0px 20px;
padding: 40px 0 20px 0;
}


/*-------------------------
            INDEX
-------------------------*/
#main_img {
padding: 47px 0 20px 0;
}
#top_on {
background: url(http://www.nsballet.jp/img/main_foot.png) no-repeat bottom;
margin: 0 0 20px 0;
min-height: 293px;
}
#top_on div.entry img {
border: 1px solid #ddd;
padding: 4px;
}

#top_feed {
background: url(http://www.nsballet.jp/img/top_feed_bg.jpg) no-repeat bottom;
margin: 0 0 20px 0;
}
    /* hide from Mac IE \*/
    * html #top_feed { background: none; }
    /* */ 

#top_news {
width: 310px;
margin: 0 10px 0 0;
padding: 31px 0 0 0;
background: url(http://www.nsballet.jp/img/top_news_head.jpg) no-repeat;
}
#top_blog {
width: 310px;
margin: 0;
padding: 31px 0 0 0;
background: url(http://www.nsballet.jp/img/top_blog_head.jpg) no-repeat;
}

#top_feed table {
width: 290px;
margin: 0 10px;
line-height: 1.4em;
padding: 0 5px 15px 5px;
}
#top_feed th {
font-size: 0.9em;
font-weight: normal;
background: url(http://www.nsballet.jp/img/dot_gr.jpg) repeat-x bottom;
width: 80px;
padding: 8px 0;
}
#top_feed td {
padding: 8px 0;
background: url(http://www.nsballet.jp/img/dot_gr.jpg) repeat-x bottom;
}


/*-------------------------
           CONTENT
-------------------------*/
.post,
.cat_post {
padding: 0 20px 10px 20px;
}
.cat_post {
background: url(http://www.nsballet.jp/img/main_foot.png) no-repeat bottom;
margin: 0 0 20px 0;
min-height: 570px;
}
.post h2,
.cat_post h2 {
line-height: 50px;
font-size: 1.3em;
margin: 0 0 20px 0;
color: #FF8686;
background: url(http://www.nsballet.jp/img/h2_bg.png) repeat-x;
}
    /* hide from Mac IE \*/
    * html .cat_post h2 { height: 50px; }
    /* */ 

.cat_post h3 {
margin: 0 0 15px 0;
padding: 8px 0 3px 26px;
font-size: 1.2em;
color: #DBB01E;
border-bottom: 1px solid #DBB01E;
background: url(http://www.nsballet.jp/img/h3_bg.png) no-repeat;
clear: both;
}
    /* hide from Mac IE \*/
    * html .cat_post h3 { background: none;padding: 8px 0 3px 0; }
    /* */ 

.cat_post h4 {
font-size: 1.1em;
margin: 0 0 10px 0;
color: #9595FF;
clear: both;
border: 1px solid #A3A3FF;
border-left: 3px solid #A3A3FF;
padding: 2px 0 1px 3px;
line-height: 1.2em;
}

.entry_date {
margin: -15px 0 15px 0;
color: #777;
}
.entry {}
.entry p {
padding: 0 0 15px 0;
}
.entry strong {
font-size: 1.1em;
}

p img {max-width: 100%;}
.alignright {float: right;}
.alignleft {float: left;}
img.alignright,
div.alignright {
margin: 0 0 10px 20px;
}
img.alignleft,
div.alignleft {
margin: 0 20px 10px 0;
}
img.centered,
div.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
div.imageframe p {
display: none;
}
div.imagecaption {
text-align: center;
padding: 0;
font-size: 0.9em;
}

.entry ul,
.entry ol {
padding: 0 0 15px 20px;
}

.more_link {
padding: 3px 0 20px 0;
background: url(http://www.nsballet.jp/img/dot_gr.jpg) repeat-x top;
}

/* HISTORY */
div.history_list {
border-top: 1px dotted #ccc;
padding: 20px 10px;
}
div.history_list a{padding: 0 10px 0 15px;}
div.history h3 {margin: 20px 0 0 0}
div.history p {
padding-top: 15px;
border-top: 1px dotted #ccc;
clear: both;
}

/* COURSE */
div.course h4{
clear: none;
margin-left: 260px;
}
div.course p {
padding: 0;
margin: 0 0 10px 0;
}

.googlemaps {
margin: 0 0 15px 0;
}

.sitemap a:link,
.sitemap a:visited {
color: #333;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: underline;
color: #333;
}


/*-------------------------
           TABLE
-------------------------*/
.tbl_prof {
margin: 0 0 15px 0;
}
.tbl_prof td{
padding: 5px 0;
border-bottom: 1px dotted #ccc;
vertical-align: top;
}

.tbl_course,
.tbl_school {
margin: 10px 0 15px 0;
text-align: center;
border-top: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.tbl_course td {
width: 14%;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.tbl_school td {
padding: 3px;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}


/*-------------------------
           INQ
-------------------------*/
.tbl_inq th {
padding: 5px 0;
border-bottom: 1px dotted #ccc;
vertical-align: top;
width: 140px;
}
.tbl_inq td {
padding: 5px 0;
border-bottom: 1px dotted #ccc;
vertical-align: top;
}

.tbl_inq td input,
.tbl_inq td textarea {
width: 430px;
border: 1px solid #ccc;
padding: 5px 3px;
color: #444;
background: none;
font-size: 1em;
}
    /* hide from Mac IE \*/
    * html .tbl_inq td input { height: 30px; }
    /* */ 

.tbl_inq td span.check_school input{
width: 13px;
margin: 0;
border: none;
}
.tbl_inq td span.your-sex input,
.tbl_inq td span.your-report input{
width: 13px;
margin: 0;
border: none;
}
.tbl_inq td input.text_zip,
.tbl_inq td input.text_age {
width: 50px;
}

th.send,
td.send {
border: none;
}
td.send input {
width: 300px;
border: 3px double #DBB01E;
padding: 10px;
font-weight: bold;
color: #DBB01E;
font-size: 1.4em;
margin:5px 0 15px 70px;
background: #fff;
}



/* Begin Typography & Colors */


code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

/* End Typography & Colors */



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;


	}

select {
	width: 130px;
	}

/* End Form Elements */



/* Begin Various Tags & Classes */

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


/* End Various Tags & Classes*/