@charset "UTF-8";


/* ========BASIC======== */
html {
overflow-y:scroll;
}

body {
margin:0;
padding:0;
line-height:1.6;
letter-spacing:1px;
font-family:meiryo, Verdana, Helvetica, sans-serif;
color:#333;
font-size:13px;
 -webkit-text-size-adjust: none; 
}


br {
letter-spacing:normal;
}

a {
color:#2b0000;
cursor:pointer;
overflow:hidden;
outline:none;
text-decoration:none;
}

a:hover {
}

a:visited {
color:#2b0000;
text-decoration:none;
}

img {
border:0;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
}

a.link{
color:#2200cc;
cursor:pointer;
overflow:hidden;
outline:none;
}

a:visited .link{
color:#551a8b;
text-decoration:none;
}

/* ========TEMPLATE LAYOUT======== */

#bg {
margin-top:30px;
}

#header{
display:block;

overflow:hidden;
width:960px;
margin:0px auto 10px;
}

#top {
width:960px;
margin:0px auto 0px;
position:relative;
}

#contents {
clear:both;
width:960px;
margin-top:10px;
}

#sub {
float:right;
margin:0px 0px 20px 0px;
background-color:#ffffff;
width:280px;

}

#main {
float:left;
margin:0px 40px 20px 0px;
background-color:#ffffff;
width:640px;
}


#footer {
position:relative;
clear:both;
width:960px;
}








/* ========MAIN CONTENTS CUSTOMIZE======== */
h1{
font-size:16px;
color:#ffffff;
background:#333;
padding:.8em .9em;
margin-bottom:20px;
}

h1 span{color:#2b0000;}

h2{
margin:0px 0px 5px;
font-size:15px;
clear: both;
color:#333;
}

h2 span{
color:#2b0000;
}

h3{
font-size:14px;
padding:0;
margin:10px 0px 10px 20px;
color:#333;
}

h4{
color: #2b0000;
font-size: 13px;
}

h5{
font-size:11px;
}


/* ======== 影付き角丸ボックス ======== */


/* 引用用 */
.shadowbox03 {
width:550px;
padding:20px 20px 20px 20px;
margin:-3px auto 20px;
background-color:#f2f2f2;
/* 影あり時はこの部分を有効化
-moz-box-shadow:0px 0px 10px #cccccc;
-webkit-box-shadow:0px 0px 10px #cccccc;
*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/* 引用用2 */
.shadowbox04 {
width:550px;
padding:10px 20px 10px 20px;
margin:10px auto;
background-color:#fff4f4;
/* 影あり、角丸時はこの部分を有効化
-moz-box-shadow:0px 0px 10px #cccccc;
-webkit-box-shadow:0px 0px 10px #cccccc;
-moz-border-radius:10px;
-webkit-border-radius:10px;
*/
}


#footerNaviBottom{
position:fixed;
bottom:0;
width: 100%;
left: 0;
padding: 8px 0 6px;
text-align: right;
z-index: 10;
height:24px;
background:url(/img/bg_social.png);
}

#footerFormArea{
float:left;
width:400px;
margin-top: -40px;
text-align: left;
}

#socialMenu{
float:right;
margin-right:-30px;
}




#likebox_wrapper {
line-height: 0;
width:640px;
height:240px;
margin:30px auto;
overflow:hidden;
position:relative;
}

#likebox_wrapper iframe{
position:relative;
left:-1px;
top:-1px;
}


#topicpath {
margin:10px 0px 20px;
font-size:10px;
}

.shadowbox_lesson {
width:550px;
padding:10px 20px 10px 20px;
margin:10px auto 20px;
border-left:7px solid #333;    
}

.shadowbox_concept {
width:550px;
padding:10px 20px 10px 20px;
margin:0px auto 0px;
}

.shadowbox_price {
width:560px;
padding:20px 30px 20px 30px;
margin:10px auto 20px;
background-color:#f9f9f9;
}

.font_price {
font-size:11px;
/*font-weight:bold;*/
}



.profile-left img {
   float: left;
   margin: 0 20px 20px 0 !important;
   padding: 0 !important;
   border: 0 !important;
}

.scr {
margin:10px;
overflow: scroll;   /* スクロール表示 */ 
width:300px;
height:100px;
background-color:#ffffff;
}