@charset "UTF-8";
/*Reset*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com 
Twitter:@rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

img {vertical-align: top; font-size:0; line-height: 0;}

/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}

/* change colours to suit your needs */
mark {background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select {vertical-align:middle;}

/*IEhtml5*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}

/*ClearFix*/
.cl{clear:both;}

.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* */


/*FONT*/
body {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","メイリオ", Meiryo,sans-serif;
color:#2e2e2a;
line-height:1.5em;
letter-spacing:0.1em;
text-align:center;
-webkit-text-size-adjust: none;
}
/* Opera 9 */
;;body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}
/* IE 7 */
*;first-child+html body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}
/* IE 6 or sooner*/
* html body {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo, san-serif;}

/* FONT SIZE----------------- */
body {font-size:12px;}
/* IE 6 or sooner*/
* html body {font-size:75%;}

table {font-size:inherit; font:100%;}

footer{font-family:"future","Verdana","Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;}

/*Layout*/
a{color:#000; text-decoration:underline;}
a:hover{color:#666;}
.date{font-family: 'Oswald', sans-serif; font-size: 10px;}
.red{color:#cc0000;}


header{width:100%; text-align: center; padding:20px 0; border-top:8px solid #000; border-bottom:8px solid #4ea0e7; position: relative;}
header #contact{position: absolute; top:0px; right:5px;}

#info{text-align: left; border: 1px solid #000; padding: 15px; width: 890px; margin: 0 auto; margin-top: 15px;}
#info h3{font-size: 14px;}
#info .up{font-size: 10px; font-weight: 600; margin-top: 5px;}
#container{text-align: left;}
.box_w915{width: 920px; margin: 0 auto;}
#bignoun{width:100%; background:#000; padding:50px 0; color: #fff;}
#bignoun .box{width: 920px; margin-top: 20px; position:relative;}
#bignoun .left_big{float: left; width: 550px;}
.disc_l{float: left; width: 207px;}
.disc_r{float: left; width: 318px; margin-left: 10px;}
.type{font-weight: 600;}
.title{font-weight: 600; font-size: 24px; margin-top: 5px; line-height: 1.1em;}
.date{font-weight: 600; font-size: 16px; margin-top: 5px;}
ul.list{float: left; margin: 10px 25px 0 0;}
.small{font-size: 10px; margin-top: 10px; line-height: 1.4em;}
#bignoun .adv{background: #596853; padding: 7px; width: 535px; margin-top: 10px;}
#bignoun .friction{border: 1px solid #fff; background: #333333; padding: 7px; width: 533px; margin-top: 10px;}
#bignoun .friction .jk{float: left;}
#bignoun .friction .right{float: left; margin-left: 10px;}
#bignoun .friction .right .date{font-size: 16px; margin-top: 25px;}
#bignoun .friction .right p{font-size: 14px; margin-top: 5px;}
#bignoun .right_big{float: left; width: 350px; margin-left: 10px;}
#bignoun .right_big .link{position: absolute; right:0; bottom: 15px;}

#phonotones .box_w915{background: #fff; width: 920px; margin: 0 auto; margin-top: 50px;  position:relative;}
#phonotones .box{width: 920px; margin-top: 20px;}
#phonotones .ptjk{float: left; width: 207px; margin-right: 10px}
#phonotones .disc_r ul, #phonotones .disc_r2 ul{margin-top: 10px;}
#phonotones .disc_r{float: left; width: 220px; margin:0 0 0 0;}
#phonotones .disc_r2{float: left; width: 220px; margin:0 30px 0 0;}
#phonotones .prof{margin-top: 30px;}
h4{margin-top: 5px; font-size: 10px;}
#phonotones .link{position: absolute; right:0; bottom: 15px;}

#phonotones02{position:relative; border-top:8px solid #000;   margin:0 auto; padding-bottom:30px; }
#phonotones02 h2{margin-top:10px; font-size: 50px; font-weight: 400; line-height: 1.2em; font-family: 'Roboto', sans-serif; text-align:center;}
#phonotones02 h3{font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 600; margin: 5px 0; text-align: center;}
#phonotones02 #phonoadam01{margin-top:20px; float:left; width:560px;}
#phonotones02 #phonoadam01 .ptjk{float:left; width:265px;}
#phonotones02 .ptjk img, #phonotones02 .ptjk02 img{border: 1px solid #999;}
#phonotones02 #phonoadam01 .phonoban{font-weight: 600; background: #ccc; text-align: center; width: 135px; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #000;}
#phonotones02 #phonoadam01 .disc_r2{float: left; width:290px; margin:0; letter-spacing:0; line-height:1.8;}
#phonotones02 #phonoadam01 .title{margin-top:0; margin-bottom: 5px; font-family: 'Roboto', sans-serif;}

#phonotones02 #profile{float: right; margin-top:10px; width:340px; letter-spacing:0;}
#phonotones02 .live{float:right; width:510px; background: #33628e; padding:18px 18px 11px 18px; margin:20px 0 0 0; color: #fff;}
#phonotones02 .live h4{font-weight: 600; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px;}
#phonotones02 .live ul{display:inline-block; vertical-align: top; margin-right:30px;}
#phonotones02 .live ul li{margin-bottom:5px;}

#phonotones02 #phonoadam02{float:left; width:320px; border:1px solid #ccc; padding:8px; margin-top:20px;}
#phonotones02 #phonoadam02 .adamban{font-weight: 600; background: #fbf3f3; text-align: center; padding: 2px 5px; margin-bottom:5px; border: 1px solid #000;}
#phonotones02 #phonoadam02 .ptjk02{float:left; width:120px;}
#phonotones02 #phonoadam02 .disc_r{float:right; width:160px; margin:0; letter-spacing:0; font-size:10px; letter-spacing:0;}
#phonotones02 #phonoadam02 .title{font-size:18px; margin-top:0; font-family: 'Roboto', sans-serif;}
#phonotones02 #phonoadam02 .small{margin:0 0 8px 0;}
#phonotones02 #phonoadam02 .btn a{margin-top:5px; padding:5px; font-size:12px; border:1px solid #666; text-decoration:none;}
#phonotones02 .link {width: 920px; margin: 0 auto; padding-top: 20px; text-align: right;}
#phonotones02 .link img{margin-top: 20px;}

#kiyoshi{padding: 30px 0 0 0;}
#kiyoshi h2{text-align: center;}
#kiyoshi h2 img{max-width: 800px; height: auto; margin: 0 auto; text-align: center;}
#kiyoshi h3{font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 40px 0 30px 0; text-align: center; color:#005b98;}
#kiyoshi .box_w915{padding-bottom: 30px; margin-top: 30px;}
#kiyoshi #bn_monochro {width: 67%; float: left;}
#kiyoshi #bn_monochro img{max-width: 100%; height: auto; }
#kiyoshi #kiyoshilogo{width: 26%; float: left; padding: 10px 10px 0 5%;}
#kiyoshi #kiyoshilogo img{max-width: 95%; height: auto; }
#kiyoshi #kiyoshibox{width: 800px; margin: 0 auto;}
/***
#phonotones02 {padding-bottom: 15px;}
#phonotones02 h2{font-size: 50px; font-weight: 600; line-height: 1.5em;}
#phonotones02 h3{font-size: 18px; font-weight: 600; line-height: 1.5em; margin: 5px 0;}
#phonotones02 h4{line-height: 1.3em;}
#phonotones02 .artist{font-size: 14px; font-weight: 600;line-height: 1.5em; margin: 10px 0 5px 0;}
#phonotones02 .box_w915{background: #fff; width: 920px; margin: 0 auto; margin-top: 50px;  position:relative;}
.phonoban{font-weight: 600; background: #ccc; text-align: center; width: 135px; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #000;}
.adamban{font-weight: 600; background: #fbf3f3; text-align: center; width: 125px; padding: 2px 5px; margin-bottom: 10px; border: 1px solid #000;}
#phonotones02 .box{width: 920px; margin-top: 20px;}
#phonotones02 .ptjk{float: left; width: 207px; margin-right: 10px}
#phonotones02 .ptjk img, #phonotones02 .ptjk02 img{border: 1px solid #333;}
#phonotones02 .disc_r ul, #phonotones02 .disc_r2 ul{margin-top: 10px;}
#phonotones02 .disc_r ul li, #phonotones02 .disc_r2 ul li{margin-bottom: 5px;}
#phonotones02 .disc_r{float: left; width: 280px; margin:0 0 0 0;}
#phonotones02 .disc_r2{float: left; width: 250px; margin:0 20px 0 5px;}
#phonotones02 .ptjk02{float: left; width: 140px; margin-right: 5px}
#phonotones02 #profile .prof{float: left; margin-right: 10px;}
#phonotones02 .live{background: #33628e; padding: 15px 18px; width: 350px; margin: 30px 0 0 0; float: left; color: #fff;}
#phonotones02 .live h4{font-weight: 600; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 10px;}
#phonotones02 .live ul li{margin: 2px 0;}
#phonotones02 .prof{margin-top: 30px;}
h4{margin-top: 5px; font-size: 10px;}
#phonotones02 .link{position: absolute; right:0; bottom: 15px;}
****/

footer{border-top: 1px solid #333; padding: 20px 0; margin-top: 40px; background:#000; color: #fff;}
footer p{width: 970px; margin: 0 auto; font-size: 10px;}
footer a{color: #fff;}
footer a:hover{color: #fff;}