@charset "UTF-8";

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ol, ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

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



/* CSS Document */
/* ----------------------------------
* FOR -//W3C//DTD XHTML 1.1//EN
*
* BUILD 2011-02-16
* 
* font size adjustment chart
* 10px(77%) 11px(85%) 12px(92%) 13px(100%) 14px(107%) 15px(114%)
* 16px(122%) 17px(129%) 18px(136%) 19px(144%) 20px(152%)
* 21px(159%) 22px(167%) 23px(174%) 24px(182%) 25px(189%) 26px(197%)
* 
* ----------------------------------- */

body{
	margin		:0;
	padding		:0;
	background	:#1A1A1A;
	font-size	:77%;
	font-family	:Arial, Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p {
	line-height:1.3em;
}

a,
a:link,
a:visited,
a:focus,
a:active	{ color:#0093DC; text-decoration:none; outline:none; }
a:hover		{ color:#F50; text-decoration:underline; }

.layout-both	{ height:auto; clear:both; overflow:hidden; display:block; }
.layout-left	{ height:auto; float:left; overflow:hidden; display:block; }
.layout-right	{ height:auto; float:right; overflow:hidden; display:block; }


/* ==================================================================================
ヘッダー
================================================================================== */

header {
	padding		:15px 0 5px 0;
	background	:#FFF;
	text-align	:center;
	display		:block;
}


/* ==================================================================================
ナビゲータ
================================================================================== */

nav {
	width		:100%;
	height		:36px;
	margin		:0;
	background	:#1A1A1A;
	text-align	:center;
	display		:block;
}

nav ul{
	width		:440px;
	margin		:0 auto;
}

nav li{
	margin		:3px 0;
	float		:left;
	text-indent	:-7000em;
}

#btn01 a	{ width:100px; height:30px; background:url(../images/navi_btn01.gif) top; display:block; }
#btn01 a:hover,
#btn01 a.on	{ background:url(../images/navi_btn01.gif) bottom; }

#btn02 a	{ width:200px; height:30px; background:url(../images/navi_btn02.gif) top; display:block; }
#btn02 a:hover,
#btn02 a.on	{ background:url(../images/navi_btn02.gif) bottom; }

#btn03 a	{ width:140px; height:30px; background:url(../images/navi_btn03.png) top; display:block; }
#btn03 a:hover,
#btn03 a.on	{ background:url(../images/navi_btn03.png) bottom; }


/* ==================================================================================
フッター
================================================================================== */

footer {
	margin		:0;
	padding		:20px 0;
	background	:#1A1A1A url(../images/footer_bg.gif) repeat-x;
	text-align	:center;
	display		:block;
	clear		:both;
}

footer ul{
	margin:0;
	padding:0;
}


div.links {
	width		:968px;
	margin		:0 auto 10px;
	text-align	:left;
}

div.links h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:120%;
	color:#FFF;
}

div.official{
	width:186px;
	float:left;
}

div.network{
	width:186px;
	float:left;
}

footer ul li{
	margin:0.5em 0;
}

div.banner1{
	width	:200px;
	margin	:0 0 0 10px;
	float	:right;
}

div.banner2{
	width	:200px;
	float	:right;
}

p#copyright{
	height:auto;
	padding:20px 0 0;
	color:#FFF;
	clear:both;
	overflow:hidden;
	display:block;
}


/* ==================================================================================
コンテンツ
================================================================================== */
#wrap01 {
	padding:20px 0 0 0;
	background	:#DFDFDF;
}


#content {
	width		:968px;
	margin		:0 auto;
	clear		:both;
}
#content02 {
	width		:968px;
	margin		:15px auto 0;
	clear		:both;
}
#content03 {
	width		:968px;
	margin		:15px auto 0;
	clear		:both;
}
#content04 {
	width		:100%;
	padding		:0 0 40px 0;
	border-top	:1px solid #626262;
	background	:#000;
	clear		:both;
}


.cont-bg01 {
	background	:url(../images/content_bg.gif) bottom no-repeat;
}

/****************/
/** やまげんVS **/
/****************/
#box-yamagenvs01 {
	width		:962px;
	height		:auto;
	margin		:20px auto 0 auto;
	color		:#FFF;
	list-style-type	:none;
	overflow	:hidden;
}
#box-yamagenvs01 ul li {
	width:150px;
	height:150px;
	margin:5px;
	text-align:center;
	list-style-type:none;
	word-break:break-all;
	box-sizing:content-box;
	float:left;
}
#box-yamagenvs01 div.capt,
#box-yamagenvs02 div.capt {
	margin:10px 0;

}
#box-yamagenvs02 {
	width:962px;
	height:auto;
	margin:20px auto 0 auto;
	border:1px solid #FFF;
	border-radius:6px; /* CSS3草案 */
	-webkit-border-radius:6px; /* Safari,Google Chrome用 */
	-moz-border-radius:6px; /* Firefox用 */
	background:url(../images/yamagenvs_bg01.png) center 105px no-repeat;
	clear:both;
	behavior:url("http://www.decoxboco.com/kissaquo//PIE.htc"); /* CSS3 PIE */
}

.yamagenvs {
	text-align:center;
	clear:both;
	color:#FFF;
}

.yamagenvs div.title {
	font-size	:120%;
	position	:relative;
	top		:220px;
}

.yamagenvs-left,
.yamagenvs-right {
width:480px;
float:left;
 overflow:hidden;
display:block;
}

.yamagenvs-left h3,
.yamagenvs-right h3 {
width:420px;
height:260px;
text-indent:-7000em;
}

.yamagenvs-left p { margin:0 0 0 30px; text-align:left; }
.yamagenvs-right p { margin:0 30px 0 0; text-align:right; }

.yamagenvs-footer {
width:100%;
height:auto; 
margin:15px 0 0 0;
padding:15px 0 25px 0;
text-align:center;
color:#FFF;
clear:both;
overflow:hidden;
display:block;
}
#box-yamagenvs01 div.fb-like {
 width:460px;
 margin:5px 0 0 5px;
 padding:5px;
 border-radius:5px; /* CSS3草案 */
 -webkit-border-radius:5px; /* Safari,Google Chrome用 */
 -moz-border-radius:5px; /* Firefox用 */
 background:#FFF;
}

/** アーティスト **/
.yamagen-side		{ background:url(../images/yamagenvs_yamagen.png) no-repeat; }
.kaientai-side		{ background:url(../images/yamagenvs_kaientai.png) top right no-repeat; }
.kazuyoshisaito-side	{ background:url(../images/yamagenvs_kazuyoshisaito.png) top right no-repeat; }
.billyjoel-side		{ background:url(../images/yamagenvs_billyjoel.png) top right no-repeat; }
.yasuyukiokamura-side	{ background:url(../images/yamagenvs_yasuyukiokamura.png) top right no-repeat; }
.yamazakimasayoshi-side	{ background:url(../images/yamagenvs_yamazakimasayoshi.png) top right no-repeat; }
.yamazakimasayoshi-side02	{ background:url(../images/yamagenvs_yamazakimasayoshi02.png) top right no-repeat; }
.hatamotohiro-side	{ background:url(../images/yamagenvs_hatamotohiro.png) top right no-repeat; }
.hanaregumi-side	{ background:url(../images/yamagenvs_hanaregumi.png) top right no-repeat; }
.ishikawasayuri-side	{ background:url(../images/yamagenvs_ishikawasayuri.png) top right no-repeat; }
.ketsumeishi-side	{ background:url(../images/yamagenvs_ketsumeishi.png) top right no-repeat; }
.anri-side		{ background:url(../images/yamagenvs_anri.png) top right no-repeat; }
.sukimaswitch-side	{ background:url(../images/yamagenvs_sukimaswitch.png) top right no-repeat; }
.ohsawayoshiyuki-side	{ background:url(../images/yamagenvs_ohsawayoshiyuki.png) top right no-repeat; }
.acidman-side		{ background:url(../images/yamagenvs_acidman.png) top right no-repeat; }
.ozakiyutaka-side	{ background:url(../images/yamagenvs_ozakiyutaka.png) top right no-repeat; }
.bumpofchicken-side	{ background:url(../images/yamagenvs_bumpofchicken.png) top right no-repeat; }
.sugashikao-side	{ background:url(../images/yamagenvs_sugashikao.png) top right no-repeat; }
.tamakikoji-side	{ background:url(../images/yamagenvs_tamakikoji.png) top right no-repeat; }
.murashitakozo-side	{ background:url(../images/yamagenvs_murashitakozo.png) top right no-repeat; }
.takahashiyu-side	{ background:url(../images/yamagenvs_takahashiyu.png) top right no-repeat; }
.theyellowmonkey-side	{ background:url(../images/yamagenvs_theyellowmonkey.png) top right no-repeat; }
.HY-side		{ background:url(../images/yamagenvs_HY.png) top right no-repeat; }
.JohnMayer-side		{ background:url(../images/yamagenvs_JohnMayer.png) top right no-repeat; }
.MakiharaNoriyuki-side	{ background:url(../images/yamagenvs_MakiharaNoriyuki.png) top right no-repeat; }
.fujifabric-side	{ background:url(../images/yamagenvs_fujifabric.png) top right no-repeat; }
.CHAGEandASKA-side	{ background:url(../images/yamagenvs_CHAGEandASKA.png) top right no-repeat; }
.MrChildren-side	{ background:url(../images/yamagenvs_MrChildren.png) top right no-repeat; }
.kaze-side		{ background:url(../images/yamagenvs_kaze.png) top right no-repeat; }
.NSP-side		{ background:url(../images/yamagenvs_NSP.png) top right no-repeat; }
.OdaKazumasa-side	{ background:url(../images/yamagenvs_OdaKazumasa.png) top right no-repeat; }
.TeresaTeng-side	{ background:url(../images/yamagenvs_TeresaTeng.png) top right no-repeat; }
.NagisaYuko-side	{ background:url(../images/yamagenvs_NagisaYuko.png) top right no-repeat; }
.Kirinji-side		{ background:url(../images/yamagenvs_Kirinji.png) top right no-repeat; }
.BoyzIIMen-side		{ background:url(../images/yamagenvs_BoyzIIMen.png) top right no-repeat; }
.KawaguchiKyogo-side	{ background:url(../images/yamagenvs_KawaguchiKyogo.png) top right no-repeat; }
.BakufuSlump-side	{ background:url(../images/yamagenvs_BakufuSlump.png) top right no-repeat; }
.SuperButterDog-side	{ background:url(../images/yamagenvs_SuperButterDog.png) top right no-repeat; }
.Kissaquo-side		{ background:url(../images/yamagenvs_Kissaquo.png) top right no-repeat; }
.OneOkLock-side		{ background:url(../images/yamagenvs_OneOkLock.png) top right no-repeat; }
.OeSenri-side		{ background:url(../images/yamagenvs_OeSenri.png) top right no-repeat; }
.MONKEYMAJIK-side	{ background:url(../images/yamagenvs_MONKEYMAJIK.png) top right no-repeat; }
.AraiYumi-side		{ background:url(../images/yamagenvs_AraiYumi.png) top right no-repeat; }
.ShimizuShota-side	{ background:url(../images/yamagenvs_ShimizuShota.png) top right no-repeat; }
.SashidaFumiya-side	{ background:url(../images/yamagenvs_SashidaFumiya.png) top right no-repeat; }
.JamieCullum-side	{ background:url(../images/yamagenvs_JamieCullum.png) top right no-repeat; }


/** TOP用 **/
#box-yaku,
#box-aso,
#box-yama,
#box-kita {
	width		:236px;
	height		:auto;
	margin		:0 3px;
	background	:#FFF url(../images/box_bg.gif) bottom no-repeat;
	float		:left;
}

.data_box {
	margin		:0 10px 20px;
}

.data_box h3 {
	height		:140px;
	margin		:0 0 5px;
	text-indent	:-7000em;
}

.data_box ul,
.data_box ul li {
	margin:0;
	padding:0;
}

.prof_yaku {
	background	:url(../images/prof_yaku_bg.png) center top no-repeat;
}
.prof_aso {
	background	:url(../images/prof_aso_bg.gif) center top no-repeat;
}
.prof_yama {
	background	:url(../images/prof_yama_bg.gif) center top no-repeat;
}
.prof_kita {
	background	:url(../images/prof_kita_bg.gif) center top no-repeat;
}

#box-yaku h2 {
	width		:236px;
	height		:115px;
	background	:url(../images/title_yaku.jpg) no-repeat;
	text-indent	:-7000em;
	display		:block;
	clear		:both;
}

#box-aso h2 {
	width		:236px;
	height		:115px;
	background	:url(../images/title_aso.jpg) no-repeat;
	text-indent	:-7000em;
	display		:block;
	clear		:both;
}

#box-yama h2 {
	width		:236px;
	height		:115px;
	background	:url(../images/title_yama.jpg) no-repeat;
	text-indent	:-7000em;
	display		:block;
	clear		:both;
}

#box-kita h2 {
	width		:236px;
	height		:115px;
	background	:url(../images/title_kita.jpg) no-repeat;
	text-indent	:-7000em;
	display		:block;
	clear		:both;
}


#box-goods,
#box-media,
#box-live,
#box-movie {
	width		:478px;
	height		:auto;
	margin		:0 3px;
	padding		:0 0 150px 0;
	background	:#FFF url(../images/box_bg02.gif) bottom no-repeat;
	float		:left;
}

div.notes02 {
	margin:5px 15px 10px;
	font-size:90%;
	text-align:right;
}

/* ==================================================================================
グッズ情報
================================================================================== */
#box-goods h2.new {
	width		:478px;
	height		:50px;
	background	:url(../images/title_goods_new.gif) top no-repeat;
	text-indent	:-7000em;
}

.goods-data		{ margin:15px; }
.goods-data h3		{ font-size:129%; }
.goods-data h4		{ margin:5px 0; font-size:107%; }
.goods-data ul li	{ padding:3px 0 3px 5px; }

/* ==================================================================================
メディア情報
================================================================================== */
#box-media h2.new {
	width		:478px;
	height		:50px;
	background	:url(../images/title_media_new.gif) top no-repeat;
	text-indent	:-7000em;
}

#box-media h2.old {
	width		:478px;
	height		:50px;
	background	:url(../images/title_media_old.gif) top no-repeat;
	text-indent	:-7000em;
}

.media-data {
	margin:15px;
}

.media01		{ margin:0 0 1em 0; }
.media01 span.ymd01	{ color:#555; }
.media01 h4		{ font-size:110%; }


/* ==================================================================================
ライブ情報
================================================================================== */
#box-live h2.new {
	width		:478px;
	height		:50px;
	background	:url(../images/title_live_new.gif) top no-repeat;
	text-indent	:-7000em;
}

#box-live h2.old {
	width		:478px;
	height		:50px;
	background	:url(../images/title_live_old.gif) top no-repeat;
	text-indent	:-7000em;
}

.live-data {
	margin:15px;
}

div.live01 {
	clear:both;
	overflow:hidden;
	display:block;
}

div#live-box01 { background:url(../images/parts/live_bg01.gif) no-repeat right top; }
div#live-box02 { background:url(../images/parts/live_bg02.gif) no-repeat right top; }
div#live-box03 { background:url(../images/parts/live_bg03.gif) no-repeat right top; }
div#live-box04 { background:url(../images/parts/live_bg04.gif) no-repeat right top; }
div#live-box05 { background:url(../images/parts/live_bg05.gif) no-repeat right top; }
div#live-box06 { background:url(../images/parts/live_bg06.gif) no-repeat right top; }
div#live-box07 { background:url(../images/parts/live_bg07.gif) no-repeat right top; }
div#live-box08 { background:url(../images/parts/live_bg08.gif) no-repeat right top; }
div#live-box09 { background:url(../images/parts/live_bg09.gif) no-repeat right top; }
div#live-box10 { background:url(../images/parts/live_bg10.gif) no-repeat right top; }
div#live-box11 { background:url(../images/parts/live_bg11.gif) no-repeat right top; }
div#live-box12 { background:url(../images/parts/live_bg12.gif) no-repeat right top; }

div.live01 div.post-date {
	width		:50px;
	height		:auto;
	margin		:0 0 5px 0;
	float		:left;
	overflow	:hidden;
	display		:block;
}

div.live01 div.bg00 { background:url(../images/post_date_bg00.gif) no-repeat; }
div.live01 div.bg01 { background:url(../images/post_date_bg01.gif) no-repeat; }
div.live01 div.bg02 { background:url(../images/post_date_bg02.gif) no-repeat; }
div.live01 div.bg03 { background:url(../images/post_date_bg03.gif) no-repeat; }

.post-date .pdm,
.post-date .pdd	{
	margin		:0;
	padding		:0;
	width		:50px;
	text-align	:center;
	font-weight	:bold;
	}

.post-date .pdd{
	font-size	:20px;
	line-height	:28px;
	color		:#222;
	}

.post-date .pdm{
	font-size:13px;
	line-height:22px;
	color:#FFF;
	}

div.live01 div.post {
	width		:388px;
	height		:auto;
	margin		:0 0 15px 10px;
	float		:right;
	overflow	:hidden;
	display		:block;
}

div.live01 div.post h4 {
	margin		:4px 0 0 0;
	font-size	:107%;
}

.live01 dl {
	width	:380px;
	margin	:0;
	padding	:0;
	height	:auto;
	clear	:both;
	overflow:hidden;
	display	:block;
}

.live01 dl dt {
	width		:55px;
	height		:auto;
	margin		:3px 0 0 0;
	padding		:0;
	float		:left;
	overflow	:hidden;
	display		:block;
}

.live01 dl dd {
	width		:325px;
	height		:auto;
	margin		:3px 0 0 0;
	padding		:0;
	float		:right;
	overflow	:hidden;
	display		:block;
}

/* ========
ストリート
======== */
#box-st {
	width		:478px;
}

#box-st h2.new {
	width		:478px;
	height		:50px;
	background	:url(../images/title_live_st.gif) top no-repeat;
	text-indent	:-7000em;
}

#box-st p {
	margin:0 15px 0.5em;
	line-height:1.3em;
}

/* ==================================================================================
動画
================================================================================== */
#box-movie h2.new {
	width		:478px;
	height		:50px;
	background	:url(../images/title_movie_new.gif) top no-repeat;
	text-indent	:-7000em;
}

/* ==================================================================================
文字
================================================================================== */
.red	{ color:#F20; }
.orange	{ color:#F60; }


/* ==================================================================================
フィード
================================================================================== */
feed_yaku,
feed_aso,
feed_yama,
feed_kita {
	height:350px;
}
div.blog_title {
	margin:0 5px 8px 5px;
	padding:7px 5px 5px 5px;
	background:#000;
	text-align:right;
}
div.blog_title a:link		{ color:#FFF; text-decoration:none; }
div.blog_title a:visited	{ color:#FFF; text-decoration:none; }
div.blog_title a:hover		{ color:#EE0; text-decoration:underline; }

div.feed01 ul {
	margin:0 0 0 10px;
}
div.feed01 ul li {
	margin:0 10px 9px 0;
	padding:0 0 0 10px;
	background:url(../images/ico01.png) left 3px no-repeat;
}
div.feed01 span {
	font-size	:70%;
	color		:#666;
}
.feed_tweet {
	height:350px;
	margin:0 8px;　
}


/* ==================================================================================
お知らせ欄
================================================================================== */
.box-notice {
	height:348px;
	margin:0 8px 2px 8px;
	border:1px solid #333;
	border-radius:6px; /* CSS3草案 */
	-webkit-border-radius:6px; /* Safari,Google Chrome用 */
	-moz-border-radius:6px; /* Firefox用 */
	background:#333 url(../images/box_notice_bg01.png) bottom no-repeat;
	clear:both;
	behavior:url("http://www.decoxboco.com/kissaquo//PIE.htc"); /* CSS3 PIE */

}
.box-notice .title {
	padding:11px 8px;
	border-bottom:1px solid #444;
	color:#CFCFCF;
}
.box-notice .title h3 {
	font-size:100%;
}
.box-notice .contents {
	padding:7px 8px;
	color:#CFCFCF;
}
.box-notice a:link	{ color:#EE0; text-decoration:none; }
.box-notice a:visited	{ color:#EE0; text-decoration:none; }
.box-notice a:hover	{ color:#F80; text-decoration:underline; }

/* ==================================================================================
トップへ戻る
================================================================================== */
div.gototop {
	width		:968px;
	height		:17px;
	margin		:0 auto;
	padding		:15px 0 0 0;
	text-align	:right;
	clear		:both;
}


/* ==================================================================================
youtube
================================================================================== */
.youtube-player {
	width		:450px;
	margin		:0 auto 15px;
}

.youtube-player iframe {
	border		:none;
}



/*** ページ内リンク ***/
#page-top {
	position	:fixed;
	bottom		:20px;
	right		:20px;
}
#page-top a {
	width		:80px;
	height		:150px;
	padding		:30px 0;
	background	:url(../images/backtotop.png) no-repeat;
	text-indent	:-7000em;
	display		:block;
	behavior	:url("../PIE.htc"); /* CSS3 PIE */
}
#page-top a:hover {
	text-decoration	:none;
}