@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.san-parts-cnt-style
{
    border-color: #d6d6d6;
}

.san-parts-hl-style
{
    padding: 3px 0.2em !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border-color: #089DED;
}

.san-parts-cbox-style
{
    border-color: #d6d6d6;
}

.san-parts-hr-style
{
    border-color: #d6d6d6;
}

.san-parts-pbox-style
{
    border-color: #d6d6d6;
}
.san-parts-pbox-style h4
{
    padding: 0px !important;
}

.san-parts-blist-style
{
    border-color: #f07e42;
}
a.san-parts-blist-style:link
{
    color: #666666;
}
a.san-parts-blist-style:visited
{
    color: #666666;
}
a.san-parts-blist-style:hover
{
    color: #089DED;
}
a.san-parts-blist-style:active
{
    color: #089DED;
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
	.san-parts-hl-style{
		line-height: 1 !important;
	}
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/


/*--------------------------------------------------------
  透過ホバー設定　Copyright 2015 / S.Yamaguchi / SPHERE
--------------------------------------------------------*/

a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

a img.linkimg2{
background:none!important;
}
a:hover img.linkimg2{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
}

a img.linkimg3{
opacity:0.6;
filter: alpha(opacity=40);
}
a:hover img.linkimg3{
opacity:1.0;
filter: alpha(opacity=100);
}

/* 右カラム　ボタン 1 */
.san-parts-right-01 {
    margin: 0px;
    padding: 0px;
}
.san-parts-right-01 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.san-parts-right-01 li {
    padding: 0px 5px 5px 5px;
}
.san-parts-right-01 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 62px;
}
.san-parts-right-01 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}


/* 右カラム　ボタン 2 */
.san-parts-right-02 {
    margin: 0px;
    padding: 0px;
}
.san-parts-right-02 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.san-parts-right-02 li {
    padding: 0px 5px 5px 5px;
}
.san-parts-right-02 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 100px;
}
.san-parts-right-02 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}

/* 右カラム　ボタン 3 */
.san-parts-right-03 {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
.san-parts-right-03 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.san-parts-right-03 li {
    padding: 0px 5px 5px 5px;
}
.san-parts-right-03 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 100px;
}
.san-parts-right-03 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}


/* 右カラム　ボタン 4 */

.san-parts-right-04 {
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}
.san-parts-right-04 ul {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    list-style-type: none;
    text-align: left;
}
.san-parts-right-04 li {
    padding: 0px 5px 5px 5px;
}
.san-parts-right-04 li a {
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    border-style: none;
    height: 145px;
}
.san-parts-right-04 li a img {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    border: none;
    vertical-align: middle;
}


/*--------------------------------------------------------
  アメブロ設定　Copyright 2015 / S.Yamaguchi / SPHERE
--------------------------------------------------------*/
#ameblo{
	/*width: 188px;*/
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	/*
	background-image : url(../images/ameblo_border.png);
	background-repeat: no-repeat;
	*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	/*border-radius: 5px;*/
}

#ameblo h3{
    display: none;
}

#ameblo h4{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 1em;
	line-height: 16px;
	font-weight: bold;
}

#ameblo p{
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: -40px;
	text-align: left;
}


/*--------------------------------------------------------
  所属タレント設定　Copyright 2016 / S.Yamaguchi / SPHERE
--------------------------------------------------------*/

/* 所属タレントページ デザイン定義 */
#talent .info{
    width: 290px;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 135px;
}

* html #talent .info{
    height: 135px; /* for ie6 */
}

#talent .info h3{
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

#talent .info dl{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 0;
    font-size: 0.95em;
}

#talent .info dt{
    width: 11em !important;
}

#talent .info dd{
    text-align: right;
    padding-left: 12.5em;/*12.5em*/
}

/*
#tallent .info p{
    text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	margin-right: auto;
}
*/

/* 受講費用ページ デザイン定義 */
#tuition .course{
    width: 290px;
    float: left;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d6d6d6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d6d6d6;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #d6d6d6;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 135px;
}

* html #tuition .course{
    height: 135px; /* for ie6 */
}

#tuition .course h3{
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}

#tuition .course dl{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 0;
    font-size: 0.95em;
}

#tuition .course dt{
    width: 11em !important;
}

#tuition .course dd{
    text-align: right;
    padding-left: 12.5em;
}

#tuition .course p{
    text-align: left;
    /*padding-left: 5px;
	padding-right: 5px;*/
	margin-left: 10px;
	margin-right: 10px;
}


/*---------------------------------
スクロールすると追従するRETURN TOP
---------------------------------*/


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	
	/*透明度調整　基準は100*/

	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
}

#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* スクロールバー設定　*/

.scr {
	margin: 10px;
   overflow: scroll;   /* スクロール表示 */ 
   /*width: 565px;*/
   height: 400px;
   /*background-color: red;*/
 }
 
.vsb {
	margin: 20px;
   overflow: visible;  /* はみ出して表示 */ 
   /*width: 585px;*/
   height: 200px;
   /*background-color: green;*/
 }
.hdn {
   overflow: hidden;   /* はみ出さず表示 */ 
   width: 100px;
   height: 100px;
   /*background-color: blue;*/
 }
.scr2 {
	margin: 10px;
   overflow: scroll;   /* スクロール表示 */ 
   /*width: 560px;*/
   height: 245px;
   /*background-color: red;*/
 }