@charset "utf-8";
/*
Theme Name: ムーチョ 2011.11
Theme URI: http://mucho-guitar.com/
Description: 2011年11月リニューアル
Author: Ryota Noguchi
Version: 2.0
*/

/* 
基本項目
------------------------------------------- */ 
*{
	margin:0;
	padding:0;
}
body{
	background:url(img/bg.png) center top repeat-y #F0F0E4;
	font-size:12px;
	color:#333;
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
li{
	list-style-type:none;
}
img{
	border:0;
	vertical-align:top;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
}
a:active, a:focus{
	outline:none;  
}  
#wpstats { display:none }


/* 
リンク
------------------------------------------- */ 
a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:underline;
}
a:visited{
}
a:active{
}

/* 
Hタグ
------------------------------------------- */ 
#hidden h1,#hidden h2{
	text-indent:-9999px;
	display:none;
}

/* 
レイアウト
------------------------------------------- */ 
#top{
	width:980px;
	margin:0 auto;
}
#left{
	width:220px;
	float:left;
	padding:10px 0 0 0;
}
#right{
	width:740px;
	float:right;
	padding:20px 0 0 0;
}

/* 
左側
------------------------------------------- */ 
#logo{
	width:220px;
	height:120px;
}
#left_base{
	width:200px;
	margin:0 auto;
}
.left_content{
	width:180px;
	margin:0 auto;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	padding:10px;
	background:#444;
	behavior: url(PIE.htc);
	margin:0 0 20px 0;
}
.left_content h3{
	color:#FFF;
	font-family: 'Quicksand', sans-serif;
	text-shadow: 1px 1px 2px #000;
	behavior: url(PIE.htc);
	font-size:16px;
	font-weight:normal;
	border-bottom:1px dotted #333;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	text-align:center;
}

/* 
ソーシャル
------------------------------------------- */ 
ul#social li{
	margin:5px;
}

/* 
メニュー
------------------------------------------- */ 
#menu{
	width:200px;
	height:640px;
	border-bottom:1px solid #444;
	margin:0 0 10px 0;
}
#menu li,#menu li a,#menu li a:hover{
	width:200px;
	height:80px;
	display:block;
}
#menu1 a{
	background:url(img/menu.png) no-repeat 0 0;
}
#menu2 a{
	background:url(img/menu.png) no-repeat 0 -80px;
}
#menu3 a{
	background:url(img/menu.png) no-repeat 0 -160px;
}
#menu4 a{
	background:url(img/menu.png) no-repeat 0 -240px;
}
#menu5 a{
	background:url(img/menu.png) no-repeat 0 -320px;
}
#menu6 a{
	background:url(img/menu.png) no-repeat 0 -400px;
}
#menu7 a{
	background:url(img/menu.png) no-repeat 0 -480px;
}
#menu8 a{
	background:url(img/menu.png) no-repeat 0 -560px;
}

#menu1a a{
	background:url(img/menu.png) no-repeat -200px 0;
}
#menu2a a{
	background:url(img/menu.png) no-repeat -200px -80px;
}
#menu3a a{
	background:url(img/menu.png) no-repeat -200px -160px;
}
#menu4a a{
	background:url(img/menu.png) no-repeat -200px -240px;
}
#menu5a a{
	background:url(img/menu.png) no-repeat -200px -320px;
}
#menu6a a{
	background:url(img/menu.png) no-repeat -200px -400px;
}
#menu7a a{
	background:url(img/menu.png) no-repeat -200px -480px;
}
#menu8a a{
	background:url(img/menu.png) no-repeat -200px -560px;
}

/* 
右側
------------------------------------------- */ 
.r_left410{
	width:410px;
	float:left;
}
.r_right310{
	width:310px;
	float:right;
}
.r_left310{
	width:310px;
	float:left;
}
.r_right410{
	width:410px;
	float:right;
}
.left145{
	width:145px;
	float:left;
}
.right145{
	width:145px;
	float:right;
}

.content410,.content310,.content145{
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	padding:5px;
	background:#FFF;
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	margin:0 0 20px 0;
}
.content410{
	width:400px;
}
.content310{
	width:300px;
}
.content145{
	width:135px;
}
.content740{
	width:728px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	padding:6px;
	background:#FFF;
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	margin:0 0 20px 0;
}
.content410 h5,.content310 h5{
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background:#333;
	background: -moz-linear-gradient(top, #666666, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	color:#FFF;
	padding:10px;
	text-shadow: 1px 1px 2px #000;
	behavior: url(PIE.htc);
	font-size:16px;
	margin:0 0 5px 0;
	letter-spacing:0.1em;
}

#index_youtube{
	height:400px;
}
#index_youtube_text{
	padding:5px 5px 0 5px;
	line-height:1.5;
	font-size:11px;
}

/* 
ニュース
------------------------ */ 
#news{
	height:118px;
	overflow-y:scroll;
	overflow-x:hidden;
}
#news dl{
	
}
#news dt{
	background:#F0F0E4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	padding:5px;
	width:70px;
	text-align:center;
	letter-spacing:0.1em;
	font-size:10px;
}
#news dd{
	padding:5px;
	border-bottom:1px dotted #CCC;
	margin:0 0 5px 0;
	font-size:12px;
}

/* 
フッター
------------------------ */ 
#footer{
	text-align:right;
	padding:0 0 100px 0;
	line-height:1.5;
	letter-spacing:0.2em;
	font-family: 'Quicksand', sans-serif;
}
#bottom_menu{
	margin:0 0 20px 0;
	color:#CCC;
	font-size:11px;
}
#copy{
	font-size:10px;
}


/* 
パンくずリスト
------------------------ */ 
#topic_path{
	font-size:10px;
	margin:0 0 5px 0;
}

/* 
ページ
------------------------ */ 
#page{
	width:720px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	padding:10px;
	background:#FFF;
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	margin:0 0 20px 0;
}
.content_title{
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background:#333;
	background: -moz-linear-gradient(top, #666666, #333333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	behavior: url(PIE.htc);
	margin:0 0 10px 0;
}
.content_title h3{
	display:inline;
	font-size:20px;
	color:#FFF;
	text-shadow: 1px 1px 2px #000;
	letter-spacing:0.1em;
	line-height:2;
}
.post{
	padding:0 10px;
}
.post p{
	padding:0 0 10px 0;
	font-size:13px;
	line-height:1.5;
}
.post img{
	border:5px solid #FFF;
	margin:0 0 10px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
}

/* 
ページ:live
------------------------ */ 
table#live_schedule{
	background:#999;
	width:100%;
	font-size:11px;
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	line-height:1.5;
	margin:0 0 10px 0;
}
table#live_schedule th{
	background:#222;
	padding:5px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	text-shadow: 3px 3px 5px #000;
}
table#live_schedule tr.even td{
	background:#FFF;
}
table#live_schedule td{
	background:#FAFAFA;
	padding:10px;
}
table#live_schedule td.live_date{
	background:#222;
	font-weight:bold;
	color:#FFF;
	text-shadow: 3px 3px 5px #000;
}
table#live_schedule tr.even td.live_date{
	background:#333;
}

/* 
ページ:youtube
------------------------ */
.post iframe{
	border:5px solid #FFF;
	margin:0 0 10px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
}

/* 
ページ:lesson
------------------------ */
table#lesson{
	width:100%;
	margin:0 0 10px 0;
}
table#lesson th{
	background:#333;
	color:#FFF;
	letter-spacing:0.2em;
	font-size:18px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	padding:10px;
	text-shadow: 1px 1px 2px #000;
	background: -moz-linear-gradient(left top, #666666, #333333);
	background: -webkit-gradient(linear, left top, right bottom, from(#666666), to(#333333));
}
table#lesson td{
	padding:5px;
}
table#lesson td li{
	line-height:1.5;
	list-style:decimal inside;
	padding:5px;
}
table#lesson td li:nth-child(2n) {
	background:#F0F0E4;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
}

/* 
ページ:link
------------------------ */
.linkcat h2{
	background:#F0F0E4;
	letter-spacing:0.2em;
	font-size:15px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	behavior: url(PIE.htc);
	padding:10px;
	font-weight:normal;
}
ul.xoxo{
	padding:10px;
}
ul.xoxo li a{
	font-size:15px;
}
li.link_description{
	padding:5px 10px 10px 10px;
}

/* 
ページ:contact
------------------------ */
table#contact_form{
	width:100%;
	font-size:12px;
	margin:0 0 10px 0;
	border-top:1px solid #D0C7BF;
}
table#contact_form th{
	text-align:left;
	font-weight:normal;
	padding:10px;
	background:#F0F0E4;
	border-bottom:1px solid #D0C7BF;
	color:#653E18;
	white-space:nowrap;
}
table#contact_form td{
	text-align:left;
	padding:10px;
	background:#FFF;
	border-bottom:1px solid #D0C7BF;
}
input[type="text"],textarea {
	border:1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px;
}
input[type="text"]:hover,textarea:hover {
	border:1px solid #C00;
}
.wpcf7-submit {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.wpcf7-submit:hover {
	text-decoration: none;
}
.wpcf7-submit:active {
	position: relative;
	top: 1px;
}
.wpcf7-submit {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.wpcf7-submit:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.wpcf7-submit:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* 
アーカイブ
------------------------ */
.archive_list{
	width:730px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	padding:5px;
	background:#FFF;
	-moz-box-shadow: #666 0px 0px 3px; /* Firefox */
	-webkit-box-shadow: #666 0px 0px 3px; /* safari, Chrome */
	behavior: url(PIE.htc);
	margin:0 0 20px 0;
}
#archive h3 a{
	color:#FFF;
	text-decoration:none;
}
#archive h3 a:hover{
	color:#999;
}
.entry-text{
	font-size:13px;
	line-height:1.5;
	margin:0 0 10px 0;
}
.entry-date{
	text-align:right;
	font-size:10px;
	border-top:1px dotted #CCC;
	padding:10px;
	color:#999;
}
#pagenavi{
	margin:0 0 20px 0;
}

/* 
single
------------------------ */
.entry{
	font-size:13px;
}
.navi{
	margin:0 0 20px 0;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}


/* 
Twitter
------------------------ */
.twtr-doc{
	font-family: 'Quicksand', sans-serif;
}