@charset "UTF-8";
/*@import url("css/content.css");
@import url("css/common.css");*/

/* CSS Document */
/*
Theme Name: EARLY WING
Theme URI: http://www.earlywing.co.jp/ewblog/
Description: This is our original theme.
Version:1.0
*/



/* --------☆☆☆☆☆☆☆☆基本設定☆☆☆☆☆☆☆☆-------- */

.main {
	padding: 0px auto;
	text-align: center;
	background-image: url(image/company_bg.png);
	background-repeat: no-repeat;
	background-position: center 140px;
	color: #000000;
	font-size: 150%;
	margin-top: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



* {
margin: 0px;
padding: 0px;
font-style: normal;
}


html {
background-color: #ffffff;
overflow-y: scroll;
}
td p b {
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 90%;
background-image:url(image/bg.jpg);
background-attachment: fixed;
background-size: cover;
}
a:link {
text-decoration: none;
color:#E0C86F;
}
a:visited {
text-decoration: none;
color: #E0C86F;
}
a:hover {
text-decoration: none;
color: #FEE95A;
}
.marginmarker {
      background-color: #dbdbdb;
      padding: 0.3em;
      margin-left: 0.3em;
      margin-right: 0.3em;
}
h4 {
	text-align: left;
	font-size: 200%;
}
h6 {
	text-align: left;
	font-size: 80%;
}
h4 .pre{
	text-align: left;
	font-size: 130%;
}
h6 .pre{
	text-align: left;
	font-size: 60%;
}
h5 {
	background-color: rgba( 180, 180, 180, 0.35 );/*背景色*/
	padding: 0.5em;/*文字まわり（上下左右）の余白*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: left;
	width: 833px;
	margin: auto;
}
h5 a:link {
text-decoration: none;
color: #000000;
}
h5 a:visited {
text-decoration: none;
color: #000000;
}
h5 a:hover {
text-decoration: none;
color: #777777;
}


.list_link{
	text-align:right;
	font-size: 18px;
}

#sub_contents{
	width:220px;
	display: block;
	float:right;
	padding: 0 5px 50px;
	overflow: hidden;
}


#main_page{
	width: 775px;
	float: right;
	border-left: 1px dotted #656565;
}

.submenu_title {
	width: 186px;
	margin: 0px auto;
	padding: 10px 8px;
	border-width: 0 0 0 5px;
	border-color: #444444;
	border-style: solid;
	background: #000000;
	color: #FFFFFF;
	line-height: 140%;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
}
a.bt-samp31{
	display: block;
	text-decoration: none;
	height: 35px;
	width: 200px;
	line-height: 37px;
	text-align: left;
	color: #000000;
	border: solid 1px #000000;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	margin: 0px auto;
	font-size: 0.6em;
	padding-left: 5px;
}
a.bt-samp31:hover{
  background: #000000;
  color: #fff;
}
h1 .gyoumu_title{
	font-size: 1.5em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
	color: #021809;
	padding-top: 40px;
	margin-bottom: 41px;
	text-align: left;
	font-style: normal;
	font-weight: 500;
	padding-left: 15px;
}

h1 .gyoumu_midashi{
	font-size: 1.1em;
	border-bottom: solid 3px #cce4ff;
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 750px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
}
h1 .gyoumu_midashi:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;

}



/* --------☆☆☆☆☆☆☆☆全体の枠の設定☆☆☆☆☆☆☆☆-------- */



#wrapper {
width: 996px;
overflow: hidden;
margin: 0px auto;
background-color: #FFFFFF;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}



/* --------☆☆☆☆☆☆☆☆ヘッダー設定☆☆☆☆☆☆☆☆-------- */
header {
	width: 996px;
	height: 170px;
	background-image: url(image/header.jpg);
	background-repeat: no-repeat;
}
header ul {
	float: right;
	list-style-type: none;
	display: inline;
	margin-right: 1.5px;
	margin-top: 100px;
	margin-bottom: 3px;
}
header ul li {
	display: inline;
	margin-top: 0px;
	margin-bottom: 5px;
}
header nav ul {
	width: 996px;
	height: 60px;
	list-style-type: none;
	letter-spacing: 0px;
	margin: 0px auto 3px;	
}
img {
	border-style: none;
	vertical-align:bottom;
}



/* --------☆☆☆☆☆☆☆☆ナビゲーション設定☆☆☆☆☆☆☆☆-------- */
nav {
	height: 50px;
	padding: 0;
}

nav li{
	position: relative;
	height: 60px;
	float: left;
	padding: 0;
	margin-top: 10px;
}
nav li ul{
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}

nav li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
nav li:hover ul li{
  overflow: visible;
  height: 50px;
}



/* --------☆☆☆☆☆☆☆☆ナビドロップダウン☆☆☆☆☆☆☆☆-------- */
nav li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

	/*ドロップダウンメニュー*/
#menu_nav{
  list-style-type: none;
  width: 996px;
  height: 60px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu_nav li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 0px;
	z-index: 1;
}
#menu_nav li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#menu_nav li ul li a{
  background: rgba(131,189,232);
  font-weight: normal;
}
#menu_nav li:hover ul li{
  overflow: visible;
  height: 50px;
}
#menu_nav li:hover ul li:first-child{
  border-top: 0;
}
#menu_nav li:hover ul li:last-child{
  border-bottom: 0;
}




/* --------☆☆☆☆☆☆☆☆メインコンテンツ☆☆☆☆☆☆☆☆-------- */
#main_contents {
background-color: #FFFFFF;
}
#single_contents{
	float:left;
	width: 700px;
	padding-left: 10px;
}

#flont_blog_title{
	position: relative;
	color: #fff;
	background: #000000;
	font-size: 16px;
	line-height: 1;
	margin: 10px;
	padding: 15px 5px 12px 10px;
	text-align: left;
}
#flont_blog_title:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 20px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #000000;
}

/* --------☆☆☆☆☆☆☆☆スライダー設定☆☆☆☆☆☆☆☆-------- */

#slider{
	width: 640px;
	margin: -30px 20px 0px 0px;
	float: right;
}
#slider_single{
	padding-bottom:20px;
}

/* --------☆☆☆☆☆☆☆☆EARLYWING事業内容設定☆☆☆☆☆☆☆☆-------- */

#jigyo{
	width: 996px;
	margin: 0px auto 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
#jigyo #jigyo_img{
	margin: 0px 6px;
}
#top_jigyo{
	width: 1000px;
	margin: auto;
	height: 50px;
}
#top_jigyo li {
float: left;
list-style: none;
}
#top_jigyo li a {
padding: 2px 1px 2px 8px;
}

/* --------☆☆☆☆☆☆☆☆インデックス5S☆☆☆☆☆☆☆☆-------- */


.index_5s{
	font-size: 1.3em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
	color: #021809;
	padding-top: 40px;
	margin-bottom: 41px;
	text-align: left;
	font-style: normal;
	font-weight: 500;
	padding-left: 15px;
}

/* --------☆☆☆☆☆☆☆☆メイン設定☆☆☆☆☆☆☆☆-------- */
#main_about {
	width: 620px;
	float: left;
	background-color: #FFFAE5;
	margin: 10px;
	border-radius: 10px;
	
}
#main_about p{
padding:10px 20px;
margin: 5px;
line-height: 30px;
}

/* --------☆☆☆☆☆☆☆☆Twitter設定☆☆☆☆☆☆☆☆-------- */

aside {
	width: 330px;
	float: right;
	padding: 5px;
	overflow: hidden;
}
aside #twi_img{
	margin: 10px;
}
aside .twitter{
padding: 10px;
}


/* --------☆☆☆☆☆☆☆☆ラジオ設定☆☆☆☆☆☆☆☆-------- */

.radio{
	width: 996px;
	clear: both;
}
.radio li {
	float: left;
	list-style: none;
	margin-bottom: 5px;
}
.radio li a {
padding: 2px 2px 2px 30px;
}
.radio p {
padding: 2px 2px 2px 30px;
}

/* --------☆☆☆☆☆☆☆☆バナー設定☆☆☆☆☆☆☆☆-------- */

.banner {
	width: 1000px;
	margin-right: auto;
	margin-left : auto;
	padding-top: 30px;
	list-style: none;
	margin-bottom: 20px;
}
.banner li{
display:inline-block;
margin:5px;
}


/* --------☆☆☆☆☆☆☆☆画像の角や文字の色々な設定☆☆☆☆☆☆☆☆-------- */
.text1 {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 50%;
    color: darkred;
    background-color: #fff;
    padding: 15px;
    font-size: 20px;
    line-height: 130%;
}
.frame {
	    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	box-shadow: 1px 2px 10px rgba(100, 100, 100, 0.4);
}
.hover11 figure {
	border-radius: 7px;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* --------☆☆☆☆☆☆☆☆タレントページ設定☆☆☆☆☆☆☆☆-------- */

.pankuzu a:link {
text-decoration: none;
color: #000000;
}
.pankuzu a:visited {
text-decoration: none;
color: #000000;
}
.pankuzu a:hover {
text-decoration: none;
color: #777777;
}
.pankuzu{
	text-align: left;
	margin-left: 55px;
	font-size: 70%;
	margin-bottom: 5px;
}

.shadow_p {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 5px; /* 画像の上の余白*/
	display: inline-block;
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.5); /*横方向　下方向　ぼかし　広がり　色 */
	margin-bottom: 5px;
}


/* --------☆☆☆☆☆☆☆☆タレントページ一覧設定☆☆☆☆☆☆☆☆-------- */


.talent_ichiran td p{
	font-size: 80%;
}
.talent_ichiran b {
		font-size: 150%;
}



.talent_ichiran{
	width: 700px;
	border-top: 0px solid #000;
	margin: 0px auto;
	color: #000000;
}
.talent_ichiran tr{
	border-bottom: 1px solid #000;
}
.talent_ichiran th,td{
	padding: 20px 10px;
	color: #000000;
}
.talent_ichiran th{
	width: 20%;
	background-color: #ddd;
}

.talent_ichiran td{
	padding: 20px 11px;
	color: #000000;
	text-align: center;
}


/* --------☆☆☆☆☆☆☆☆所属タレント個別ページ設定☆☆☆☆☆☆☆☆-------- */

.tarent_p_main {
	padding: 0px auto;
	text-align: center;
	background-image: url(../image/company_bg.png);
	background-repeat: no-repeat;
	background-position: center 140px;
	color: #000000;
	font-size: 150%;
	margin: 50px 0px 30px;
	background-attachment: fixed;
}


table.type01 {
	text-align: left;
	line-height: 0;
	width: 500px;
}
table.type01 th {
	width: 150px;
	height: 20px;
	padding: 10px;
	font-weight: bold;
	vertical-align: center;
	font-size: 12pt;
	margin-bottom: auto;
	margin-top: auto;
}
table.type01 td {
	width: 350px;
	height: auto;
	padding: 10px 10px 10px 20px;
	vertical-align: center;
	font-size: 12pt;
}

table.type02 {
	text-align: left;
	width: 480px;
}
table.type02 th {
	width: 130px;
	height: 25px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	vertical-align: center;
	font-size: 11pt;
}
table.type02 td {
	width: 150px;
	height: 25px; 
	padding: 10px;
	vertical-align: center;
	font-size:11pt;
}

table.type02_pre {
	text-align: left;
	width: 520px;
}
table.type02_pre th {
	width: 120px;
	height: 25px;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	vertical-align: center;
	font-size: 11pt;
}
table.type02_pre td {
	width: 120px;
	height: 25px; 
	padding: 10px;
	vertical-align: center;
	font-size:11pt;
}
ol {
	list-style-type: none;
	font-size: 80%;
}

#profile_l {
	float: left;
	width: 470px;
	margin: 0px 0px auto auto;
}

#profile_r {
	float: right;
	width: 510px;
	margin: 0px 0px 30px;
}
#profile_syutuen {
	margin: 80px auto 0px;
	width: 833px;
	padding-left: auto;
	padding-right: auto;
}


#profile_r a:link {
	text-decoration: none;
	color: #535252;
}
#profile_r a:visited {
	text-decoration: none;
	color: #535252;
}
#profile_r a:hover {
	text-decoration: none;
	color: #FF2984;
}
.maru {
	    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


/* --------☆☆☆☆☆☆☆☆準所属プロフィール設定☆☆☆☆☆☆☆☆-------- */

#preprofile_l {
	float: left;
	width: 440px;
	margin: 0px 0px auto auto;
}
#preprofile_r {
	float: right;
	width: 530px;
	margin: 0px 0px 30px;
}
h1 {
  position: relative;
  text-align: center;
}
h1 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h1:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
table.type01_pre {
	text-align: left;
	line-height: 0;
	width: 500px;
}
table.type01_pre th {
	width: 100px;
	height: 15px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	vertical-align: center;
	font-size: 12pt;
	margin-bottom: auto;
	margin-top: auto;
}
table.type01_pre td {
	width: 350px;
	height: auto;
	padding: 10px 10px 10px 10px;
	vertical-align: center;
	font-size: 12pt;
}

#preprofile_r a:link {
	text-decoration: none;
	color: #535252;
}
#preprofile_r a:visited {
	text-decoration: none;
	color: #535252;
}
#preprofile_r a:hover {
	text-decoration: none;
	color: #FF2984;
}
#profile_syutuen_pre {
	margin: 80px auto 0px;
	width: 833px;
	padding-left: auto;
	padding-right: auto;
}


/* --------☆☆☆☆☆☆☆☆営業部業務ページ☆☆☆☆☆☆☆☆-------- */

.mg_right {
	float: right;
	padding-right: 30px;
}
.mg_left {
	float: left;
	width: 500px;
	text-align: left;
	font-size: 0.65em;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 15px;
}
.mg_soukanzu{
	margin-top: 300px;
}




/* --------☆☆☆☆☆☆☆☆スタジオ業務ページ☆☆☆☆☆☆☆☆-------- */

#studio_title{
	padding: 40px;
	margin-bottom: 30px;
}
#studio_page h1{
	text-align: center;
	font-style: oblique;
	padding: 20px;
	font-size: 100%;
}
.studio_link a:link{
	color:#1000FF;
}
.studio_link a:valid{
	color:#008ED5;
}
.studio_link a:hover{
	color:#000000;
}
.studio_link {
	font-weight:bold;
	font-size: 140%;
	text-align:center;
	padding: 10px;
}
.studio_img {
	margin:0 6px;
	border-radius: 20px;
	box-shadow: 5px 5px 5px 3px #3d3d3d;
}
.studio_logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}
.studio_text{
	padding: 0 120px;
	margin: 5px;
	line-height: 30px;
	font-size: 70%;
	text-align: left;
}

.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #5792FF;
    transition: .4s;
  }

.square_btn:hover {
    background: #00bcd4;
    color: white;
}

.accessory {
	height: 1px;
	background: #bbb;
	background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
	background-image: -moz-linear-gradient(left, #eee, #777, #eee);
	background-image: -ms-linear-gradient(left, #eee, #777, #eee);
	background-image: -o-linear-gradient(left, #eee, #777, #eee);
	width: 850px;
	margin: auto;
}





/* --------☆☆☆☆☆☆☆☆会社情報ページ設定☆☆☆☆☆☆☆☆-------- */

#company_page{	
	padding: 0px auto;
	text-align: center;
	background-image: url(../image/company_bg.png);
	background-repeat: no-repeat;
	background-position: center 140px;
	color: #000000;
	font-size: 150%;
	margin-top: 50px;
}
#daihyou{
	margin-right: 50px;	
}
#company_profile{
	width: 700px;
	border-top: 0px solid #000;
	margin: 0px auto;
	color: #000000;
}
#company_profile tr{
	border-bottom: 1px solid #000;
}
#company_profile th,td{
	padding: 20px 15px;
	color: #000000;
	font-size: 80%;
	text-align: left;
}
#company_profile tr th{
	width: 20%;
	text-align: left;
	background-color: rgba( 180, 180, 180, 0.60 );
	font-size: 80%;
}

#company_profile td{
	padding: 20px 15px;
	color: #000000;	
	background-color: rgba( 250, 250, 250, 0.20 );
	font-size: 80%;
}
#company_access{
	font-size: 75%;
	text-align: center;
}
#kyujin {
	border-width: 0px;
}


p{
	color: #000000;
}






/* --------☆☆☆☆☆☆☆☆フッター☆☆☆☆☆☆☆☆-------- */
footer {
	clear: both;
	color: #ffffff;
background-color: #000000;
width: 996px;
margin: 0px auto;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
footer #copy p{
text-align:center;
padding-bottom: 20px;
}
/*フッター領域追加*/
#hpb-footerExtra1 ul.footer_area{
height: 300px;
list-style-type: none;
padding-top: 10px;
}
/*メニュー＆バナー領域 */
#hpb-footerExtra1 li.footer_banner{
width:140px;
height:200px;
margin:10px 10px;
float:left;
}
/*タイトル*/
#hpb-footerExtra1 p{
font-size:100%;
color: #e0d0c0;
border-bottom:1px solid #ffffff;
}
#hpb-footerExtra1 h4{
font-size:80%;
color: #e0d0c0;
}
/*フッターメニュー*/
#hpb-footerExtra1 ul.footer_menu{
font-size: 75%;
line-height:2em;
list-style-type: none;
}
small{
	color: #ffffff;	
}
footer a:link {
text-decoration: none;
color: #ffffff;
}
footer a:visited {
text-decoration: none;
color: #ffffff;
}
footer a:hover {
text-decoration: none;
color: #f5d679;
}
#device{
	color:#fff;
}

/* --------☆☆☆☆☆☆☆☆オーディオ設定☆☆☆☆☆☆☆☆-------- */

.audiojs audio {
}
 /*　プレイヤー（再生バー）　*/
.audiojs {
  width: 230px;
  height: 28px;
  background: none;
  overflow: hidden;
  font-size: 12px;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;  
  -o-box-shadow: none;
  box-shadow: none;
}
/*　再生・停止ボタン　*/
.audiojs .play-pause {
  width: 26px;
  height: 26px;
  padding: 0;
  margin: 0;
  float: left;
  overflow: hidden;
}
/*　再生・停止ボタンなどの p 要素　*/
.audiojs p {
  width: 26px;
  height: 26px;
  margin: 0px;
}
.audiojs .play {
}
/*　進行状態・ロードの状態を表示する部分(グレー)　*/
.audiojs .scrubber {
	position: relative;
	float: left;
	width: 80px;
	background: #B1B1B1;
	height: 5px;
	margin: 12px 0 0 0px;
	border-top: 0;
	border-left: 0px;
	border-bottom: 0px;
	overflow: hidden;}
/*　進行状態を表示するバーの部分(薄いグレー)　*/
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 5px;
  width: 0px;
  background: #787878;
  z-index: 1;  
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc),
  color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));  
  background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 
  100%); */
}
/* ロード状態を表示するバーの部分（黒） */
.audiojs .loaded {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 0px;
	background: #DDDDDD;  }
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222),
  color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
  background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222
  100%); */

/*　現在の再生時間/総再生時間　フォント　*/
.audiojs .time {
	color: #000;
}
.audiojs .time em {
  color: #000000;
  font-style: normal;
}
/*　現在の再生時間　フォント　*/
em.played {
	color: #000000;	
}
/*　時間　/の部分　*/

.audiojs .error-message {
	float: left;
	margin: 0px 10px 0px 0px;
	height: 26px;
}
.audiojs .error-message a {
  color: #000;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #999;
  white-space: wrap;
}
/*　再生ボタン　*/
.audiojs .play {
  background: url(../image/mp3_play.png) center center no-repeat;
}
/*　停止ボタン　*/
.audiojs .pause {
  background: url(../image/pause.png) center center no-repeat;
}

/* --------☆☆☆☆☆☆☆☆ブログページ☆☆☆☆☆☆☆☆-------- */
#blog_title{
	width: 700px;
	position: relative;
	color: #fff;
	background: #000000;
	font-size: 16px;
	line-height: 1;
	margin: 20px;
	padding: 15px 5px 12px 10px;
	text-align: left;
}
#blog_title:after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 20px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #000000;
}
#blog_content{
	width: 700px;
	text-align: left;
	font-size: 12px;
	line-height: 25px;
	padding: 15px 15px 25px 15px;
}
#info_left{
	width: 310px;
	float: left;
}
#blog_info {
	width: 300px;
	height: 320px;
	overflow: scroll;
	background-color: #fcfcfc;
	border-radius: 6px;
	margin: auto 0px auto 10px;
	box-shadow: 1px 2px 10px rgba(100, 100, 100, 0.4);
}
#blog_info a:link {
text-decoration: none;
color: #000000;
}
#blog_info a:visited {
text-decoration: none;
color: #000C8E;
}
#blog_info a:hover {
text-decoration: none;
color: #000000;
}
#blog_info dl{
padding:5px;
}
#blog_info dt{
font-weight: bold;
color: #C09800;
font-size: 12px;
}
#blog_info dd{
	border-bottom: 1px dotted #333333;
	font-size: 11px;
}
#info_area{
	width: 996px;
	overflow: hidden;
	padding-bottom: 10px;
}
#info_img{
	margin: 0px 0px 5px 10px;
}
#thumb_left{
	float:left;
	padding: 5px;
}
#title_right{
	padding-left:10px;
}
h3{
	width: 600px;
}
h3.page-title {
	font-size: 180%;
	font-weight: bold;
	font-style: oblique;
	background: url(image/blog_title.png) no-repeat left bottom;
	padding: 27px 75px 12px 8px;
	color: #fff;
}
/* --------☆☆☆☆☆☆☆☆ブログアーカイブ☆☆☆☆☆☆☆☆-------- */
.img_left{
	display:block;
	float: left;
	padding: 0 10px 1px 10px;
}
.text_right{
	width: 616px;
	display:block;
	padding-left: 20px;
	padding-bottom: 10px;
}
span.author {
	font-size: 80%;
	display: block;
	float: right;
}
.entry-date{
	font-size: 12px;
}
/* ================================================================================
	#page-nav
================================================================================ */
.page-nav {
	text-align: center;
	padding: 20px;
}
.page-nav li {
	display: inline;
	list-style: none outside none;
}
.page-nav li a {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li a:hover {
	border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

.page-nav li.current span {
	border: 1px solid rgb(186,166,132);
	color: rgb(121,81,15);
	font-weight: bold;
	border-radius: 3px;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	background: rgb(248,248,248);
	border: 1px solid rgb(230,230,230);
	color: rgb(180,180,180);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li.page_nums span {
	background: rgb(102,102,102);
	border: 1px solid rgb(51,51,51);
	color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}

.pages-link {
	text-align: center;
}
.pages-link a span {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	font-weight: normal;
}
.pages-link span {
	border: 1px solid rgb(186,166,132);
	color: rgb(121,81,15);
	font-weight: bold;
	border-radius: 3px;
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}
.pages-link a:hover span {
	border: 1px solid rgb(230,230,230);
}
.pages-link a:active span {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}
/* ================================================================================
	#single-nav
================================================================================ */
.adjacent_post_links {
	width: 700px;
	text-align: center;
	margin: 10px;
}

.adjacent_post_links ul {
	margin: 0;
}

.adjacent_post_links ul:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.adjacent_post_links li {
	max-width: 325px;
	height: 50px;
	list-style: none;
	font-size: 14px;
}

.adjacent_post_links li a {
	display: block;
	vertical-align: middle;
}

.adjacent_post_links li.previous {
	float: left;
}

.adjacent_post_links li.previous a {
    background: url( ../images/bg_previous_link.png) no-repeat left center;
	padding-left: 20px;
}

.adjacent_post_links li.next {
	float: right;
}

.adjacent_post_links li.next a {
    background: url( ../images/bg_next_link.png) no-repeat right center;
	padding-right: 20px;
}
#content_date_author {
	width: 700px;
	font-size: 14px;
}

#content_date_author ul {
	list-style-type: none;
}
.alignright {
	float: right;
}
/*-------------------ブログ一覧----------------------*/

.blog_top p{
	width: 700px;
	padding: 10px;
}

/*-------------------ソーシャルボタン---------------------*/
ul.social_buttons {
	margin: 10px 0 0;
}

ul.social_buttons:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;}

.social_buttons li {
	float: left;
	list-style: none;
	padding-right: 10px;
}