/*
Theme Name: Hakase
Theme URI: 
Description: 博士のテーマ
Author: Supernice!
Author URI: 
Version: 1
License: GNU General Public License v2 or later
License URI: 
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


@charset "utf-8";

#content_left { width: 790px  }
body {background-color:#FFF9EE;font-family:verdana,arial,helvetica,sans-serif;font-size:13px;margin:0;text-align:center;min-width:1060px;}
a {color:#1970b8; text-decoration:none}
a:hover {text-decoration:none}
a:hover img { opacity: 0.8; }
p { line-height:155%; color:#333333; letter-spacing: 0.4px;}
em,address { font-style:normal; margin:12px;}
em { font-weight:bold; color: #333333;}
sup { color:#ff0000; }
strong { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, rgba(151, 232, 154, 0.69) 30%) repeat scroll 0 0; }
table {border-collapse: collapse;border-spacing: 0;}
ul { margin:0; padding:0; line-height:135%;}
li { list-style-type:none; color: #333333;}
dl { margin-left:20px; }
hr {display:block;width: 97%;height: 1px;border: 0;border-top: 1px dashed #cccccc;margin:35px 12px;}
img { border:medium none; vertical-align:middle; }
pre { border: 1px solid #CCCCCC; clear: both; padding: 20px; color:#666; white-space: pre-wrap;margin-left:45px; margin-right:45px;line-height: 1.6;}
pre a {text-deration:none;}
blockquote {background: #f9f9f9;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote p {color:#666!important;}
.clear { clear:both; }
.alignleft {float:left; margin-bottom: 15px; margin-right: 15px;}
.alignright {float:right; margin-bottom: 15px; margin-left: 15px;}
.align-right {text-align:right}
.align-right a {background: transparent url("/wp-content/themes/hakase/images/arrow.gif") no-repeat scroll 0 0;padding-left: 18px;}
.grey,.wpp-views {color:#999;}
.b-grey {background-color:rgb(229, 229, 229); font-weight:bold;}
.chatlog .alignnone {margin:0;}
.orange {color:#E47C04}
.red {color: #d20621;}
.interview {color: #728894;}
.cap {color:#999; display:block; font-size:90% }
.imgover:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;-ms-filter: "alpha(opacity=70)";zoom: 1;}
h1 { background-color: rgb(255, 140, 0); border: medium none; border-radius: 3px 3px 0px 0px; color: rgb(255, 255, 255); margin: -12px -12px 25px; padding: 18px;font-size: 1.9em; }
h1 span {display: block;font-size: 13px;font-weight: normal;}
#h1_top {background:none; font-size:12px; min-height:15px !important; text-align:left;  margin-bottom:0; padding-left: 0; clear:none; padding-top: 0; color:#333; padding-top: 55px; color:#fff; border:none;}
#p_top {text-align:left; font-size:12px; font-weight:bold; color:#fff; margin-top:0; margin-bottom:0; line-height:100%; letter-spacing:0; min-height:15px; padding-top: 55px;}
h2 {border-left: 10px solid #FF8C00;background-color:#FAF7EA;font-size: 17pt;line-height: 1.6;margin-top: 80px;margin-left: -20px;margin-right: -10px;padding: 15px;clear:both;}
.icon_amazon {background-color: #FF9900;border-radius: 3px 3px 3px 3px;color: white;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px 5px;}
.icon_rakuten {background-color: #BD0000;border-radius: 3px 3px 3px 3px;color: white;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px 5px;}
.icon_itunes {background-color: gray;border-radius: 3px 3px 3px 3px;color: white;display: inline-block;font-weight: bold;line-height: 1;margin: 0 5px 5px 0;padding: 2px 4px;}
.icon_yahoo {background-color: #fff;border-radius: 3px 3px 3px 3px;color: red;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px 5px;border:1px solid #ececec;}
.icon_yahuoku {background-color: #fff;border-radius: 3px 3px 3px 3px;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px;border:1px solid #ececec;}
.icon_auction {background-color: #ffda45;border-radius: 3px 3px 3px 3px;color: black;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px;border:1px solid #ececec;}
.icon_soundhouse {background-color: #7D5889;border-radius: 3px 3px 3px 3px;color: white;display: inline-block;font-weight: bold;line-height: 1;margin: 0 10px 5px 0;padding: 3px 5px;}


.link a {background-image: url() !important;margin-left: 20px;padding-left: 0 !important;}
.h-guitar{background:transparent url(https://farm7.static.flickr.com/6164/6180635942_f47b327ae0_t.jpg) no-repeat 0 3px;}
.h-acoustic{display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6166/6180635956_f9949bcfb3_t.jpg) no-repeat 0 1px;}
.h-bass{display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6177/6180636006_fe58ab56d6_t.jpg) no-repeat 0 1px;}
.h-drum{display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6164/6180636014_c53fd60d43_t.jpg) no-repeat 0 1px;}
.dtm-news{display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6169/6180169693_3937445296_t.jpg) no-repeat 0 1px;}
.guitar-navi{display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6169/6180635972_c5d0d1e255_t.jpg) no-repeat 0 1px;}
.guitar-news{ display:inline; height: 19px; padding-left: 25px; overflow:hidden; background:transparent url(https://farm7.static.flickr.com/6162/6180109235_8eec80e2c3_t.jpg) no-repeat 0 1px;}
.supernice{ display:inline; height: 19px; padding-left: 25px; padding-bottom: 2px; overflow:hidden; background:transparent url(https://farm8.staticflickr.com/7014/6822735421_3984daaf83_t.jpg) no-repeat 0 1px; }
.mat-red {font-weight: normal;font-size: 90%;padding: 4px;color: #FFF;background-color: red;border-radius: 5px;}
.mat-blue {font-weight: normal;font-size: 90%;padding: 4px;color: #FFF;background-color: blue;border-radius: 5px;}

.mt150 {margin-top:150px !important}
.mb15 {margin-bottom:15px !important;}
.mt15 {margin-top:15px !important;}
.mt30 {margin-top:30px;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}



/*------------------------------------------------------pagination-------*/



.pagination { clear: both; margin:auto; margin-bottom: 20px; }
.pagination span, .pagination a {background-color: #555;color: #fff;text-decoration: none;padding: 5px 8px;margin: 5px;}
.pagination a:hover{background:#009933} 
.pagination .current{color: #fff;font-weight: bold;background-color: #009933;}
.pagination a, .pagination span {text-decoration: none;padding: 3px 9px 5px;margin: 2px;}
.pagination span.current {font-weight: bold;}
.page-links { padding: 10px; text-align: center; }
.page-links_t, .page-links_tp { background: #666 none repeat scroll 0 0;border: 1px solid #a6a6a6;color: #fff;display: inline-block;font-size: 18px;padding: 7px 17px;}
a .page-links_t, a .page-links_tp {background: #fff none repeat scroll 0 0;color: #1970b8;font-weight: normal;}
a:hover .page-links_t, a:hover .page-links_tp {background: #d9d9d9 none repeat scroll 0 0;}




/*------------------------------------------------------問い合わせ-------*/



#contact li {color:#316AC5;font-size:17px;font-weight:bold;margin-bottom:25px;padding-left:25px;background:url("/wp-content/themes/hakase/images/arrow.gif") no-repeat scroll 0 3px #FFFFFF;}
#contact li span {font-weight:normal;font-size:95%;color:#666666 !important;}

#content_left .wpcf7 { clear:both;position:relative; overflow:hidden; text-align:left; margin:30px; background:transparent url("/wp-content/themes/hakase/images/qa-back.png") right 50px no-repeat;}
#content_left .wpcf7 h3 { color:#009933; font-size:150%}
#content_left .wpcf7-list-item { margin-right:10px; }
#content_left .wpcf7-not-valid-tip-no-ajax { color:red; display:block; }
#content_left .wpcf7-response-output { color:#009933 }
#wpcf7-f4-p36-o1 , #wpcf7-f10536-p25096-o1 {background:url() transparent no-repeat !important;}



/**-----------------------------------------------------------------------ヘッダー---*/



#head_ul {float:right; font-size:90%; margin-bottom: 10px; margin-top: 10px; }
#head_ul li { display:inline; background: url("/wp-content/themes/hakase/images/head-li.gif") no-repeat scroll 0 6px transparent; margin-left: 10px; padding-left: 8px;}
#head_ul li a {color:#fff;}
#head_ul li a:hover {color:#fff;}
header { height:135px; clear:both; background-color:#ff8C00; margin-bottom: 20px;}
header #head_inner {width:1100px; margin:0 auto;}
header #search {float:right; clear:both; }
header #logo img {float:left; padding-bottom: 8px; padding-top: 8px;}
#searchsubmit { display: none; }
#searchform input {color: #999999;background: url("/wp-content/themes/hakase/images/search.png") no-repeat scroll 5px 6px #fff;border: 1px solid #EEEEEE;border-radius: 2px 2px 2px 2px;font-size: 14px;height: 22px;padding: 4px 10px 4px 28px;margin-right: -5px;}
header nav {clear: both; display: block; height: 48px; background-color:#333; }
header nav ul { display: block; width:1070px; margin:0 auto; }
header nav li { float: left; border-left: 1px solid #444; border-right: 1px solid rgba(0, 0, 0, 0.5); display: table-cell; }
header nav li a { color: #FFFFFF; display: block; line-height: 28px; padding: 10px 12px; text-decoration: none; }
header nav li a:hover { color:#ccc; text-decoration:none }



/**-----------------------------------------------------------------------contents---*/



#main_container {margin:0 auto;}
#contents {clear:both;margin:0 auto;margin-bottom:11px;padding-left:10px;font-size:100%;width:1125px;position:relative;overflow:hidden;}
#content_left {float:left; }
#content_right {float:right;  width: 1090px}
#content_right .wpcf7 { clear:both;position:relative; overflow:hidden; text-align:left; padding:30px; padding-left: 60px; padding-bottom: 60px; background:transparent url(/wp-content/themes/hakase/images/qa-back.png) right 50px no-repeat;}
#content_right .wpcf7 h3 { color:#009933; font-size:150%}
#content_right .wpcf7-list-item { margin-right:10px; }
#content_right .wpcf7-not-valid-tip-no-ajax { color:red; display:block; }
#content_right .wpcf7-response-output { color:#009933 }



/**-----------------------------------------------------------------------トップページ---*/



#top_main {width: 810px; float:left; margin-top: 10px; text-align: left; }
#top_main h2 {background-color:#ff8c00; border:none; color:#fff; margin:0; padding:15px; border-radius:3px 3px 0 0}
#top_main .top_area , #top_main .top_area2 {font-size:13.4px;background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px; overflow:hidden}
#top_main .top_area .new_movie li, #top_main .top_area2 .new_movie li {float:left; width:130px; margin-right:16px; min-height:240px;}
#top_main .top_area .new_movie li span, #top_main .top_area2 .new_movie li span {font-size:80%;}
#top_main .top_area li img, #top_main .top_area2 li img {border: 5px solid #EEEEEE; }
#top_main .top_area .bookmark li, #top_main .top_area2 .bookmark li {float:left;}
#top_main .top_area .no_border li, #top_main .top_area2 .no_border li {margin-right: 44px;  width: 215px;}
#top_main .top_area .no_border img, #top_main .top_area2 .no_border img {border:none;}
.top_area2 ul {margin-left:0 !important;}
#top_main #main_ul {width: 833px;}
#top_main #main_ul a:hover {text-decoration:underline;}
#top_main #main_ul .main_li {background-color: #FFFFFF; background-image: none !important; border: 1px solid #EEEEEE; display: inline-block; float: left; margin: 0 21px 12px 0; padding: 0 !important; position: relative; width: 392px;}
#top_main dl {margin-left:0; }
#top_main dl dt {border-bottom:1px dotted #ccc;}
#top_main dl dd {margin-left:0;}
#top_main dl dd ul {padding: 15px 20px 0 71px;}
#top_main dl dd ul li { background: url("/wp-content/themes/hakase/images/pang.gif") no-repeat scroll 0 6px transparent; padding-left:8px; padding-bottom: 2px;}
#top_main .icn-theme {left: 10px !important; position: absolute; top: -2px !important; background: url("/wp-content/themes/hakase/images/flag.png") no-repeat scroll 0 0 transparent;display: block;font-size: 11px;color:#999;height: 39px;overflow: hidden;padding-top: 51px;text-align: center;width: 53px;}
#top_main #main_ul h2 { font-size: 18px; line-height: 1; padding: 0; border:none; background-color:#fff; margin-bottom: 3px; margin-top: 6px; }
#top_main #main_ul h2 a { display: block; padding: 12px 12px 12px 70px; }
p.themelist-more { font-size: 10px; padding: 4px 0; padding-right: 16px; text-align: right; }
p.themelist-more a { background:transparent url(/wp-content/themes/hakase/images/arrow.gif) no-repeat 0 0; padding-left: 18px; }
p.themelist-more a span { font-size: 13px; font-weight: bold; }



/**-----------------------------------------------------------------------記事部分---*/



#ad { width:810px;}
#ad_left{float:left;margin:0;}
#ad_right{float:right;margin:0;}
#pang {display:block;padding-top:10px;padding-bottom:15px;clear:both;text-align: left;color:#999;}
.pang {background:transparent url("/wp-content/themes/hakase/images/pang.gif") no-repeat 0 5px; padding-left: 8px;}
#pang a { margin-top:5px;}

article { width:785px; background-color:#fff; padding: 10px; text-align: left; border: 1px solid #AAAAAA; box-shadow: 1px 1px 5px #ccc; margin-bottom:30px; font-size:15px;}
article p { margin:12px 12px 20px 15px; color:#333; }
article p a, article .artist li a , #list a {text-decoration:underline;}
article img {max-width:100%;height:auto;}
article ul { margin-left:30px; margin-top:12px; margin-bottom:20px; margin-right: 12px;}
article ul.bookmark {margin:0;background: none repeat scroll 0 0 #EEEEEE; box-shadow: 0 1px 1px #FFFFFF; padding:0; clear:both;overflow:hidden}
article ul.bookmark li {float:left; margin:0; padding:10px 18px; border-radius:0; font-size: 14px;}
article ul.bookmark li a { color: #fff; text-decoration: none; }
article ul.bookmark li a:hover { -moz-opacity: 0.8; opacity: 0.8; }
article ul.bookmark li.f_none{float:none;}
article ul.bookmark li .s_right{float: right;}
article ul.bookmark .share-twitter { background: none repeat scroll 0 0 #55acee; box-shadow: 0 2px #2795e9; width:20.5%;}
article ul.bookmark .share-facebook { background: none repeat scroll 0 0 #3b5998; box-shadow: 0 2px #2d4373; width:20.5%;}
article ul.bookmark .share-hatena { background: none repeat scroll 0 0 #008FDE; box-shadow: 0 2px #006FAC; width:20%;}
article ul.bookmark .share-google { background: none repeat scroll 0 0 #dd4b39; box-shadow: 0 2px #c23321; width:20.5%;}
article ul.bookmark .share-line { background: none repeat scroll 0 0 #6CC655; box-shadow: 0 2px #5CA449; width:20.5%; }
article ul.bookmark .date {color:#999;}
article ul.bookmark .date a { color: #1970b8; text-decoration: none; }
article h2 {position:relative;font-size: 18pt;border-bottom: 2px solid #e0dcc9;}
article h2:before{content:" ";position:absolute;top:100%;left:-10px;width:0;height:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent;border-right-color:#C26B00;}
article h3 {font-size:145%;line-height:1.3;margin:60px 15px 25px 8px; padding:5px 5px 10px 0;border-bottom: solid 3px #f7ecd9;position: relative;clear:both;}
article h3:after{position: absolute;content: " ";display: block;border-bottom: solid 3px #FF8C00;bottom: -3px;width: 20%;}
article h3:before{height:10px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top:16px; left:7px}
article h4 {font-size:130%;border-left:solid 10px #ff8c00;padding-left:10px;margin:45px 0 5px 15px;line-height:32px;}
article h5 {font-size:120%;padding-left:10px;}
article .kanade h4 , article .hakase h4 {border:none;margin-top: 8px;padding-left:0;line-height: 25px;}
article pre a {color:#666;}
article pre a:hover {text-decoration:underline;}
article pre h4 , article blockquote h4 {margin:0;line-height: 10px;color:#666;border:none;padding:0 !important;}
article pre ul {line-height: 100%; margin-bottom: 0; margin-top: 0;}
.tleft {clear:left;float:left;padding-bottom:30px;padding-right:3px;margin-right:12px;margin-left:15px;}
.tright {border-width:0.5em 0.5em 0.8em 1.4em;clear:right;float:right;padding-bottom:30px;padding-left:3px;padding-top:3px;margin-left:12px;margin-right:10px;}
.inner {background-color:#F5F5F5;border:1px solid #c5c5c5;font-size:83%;padding:3px !important;text-align:center;}
html .caption {font-size:94%;line-height:1.4em;padding:3px !important;text-align:left;}
html .image {border:1px solid #c5c5c5;}
.box {width:50%;float:left;}
.box ul {width:280px;}
#block {padding:0;margin-left: 9px;}
#block li {float:left;width:224px;margin-right:30px;margin-bottom:30px;}
#block li h4 {border:none;clear:both;color:#502E2E;font-size:110%;line-height:25px;margin:0 4px 0 0;padding-left:0;padding-top:0;}
#block p {margin:0;}
#block p img {padding:3;border:1px solid #ccc;}
#block p a:hover img,#maintenance a:hover img {filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;-ms-filter: "alpha(opacity=70)";zoom: 1;}
.spec {overflow:hidden;}
.spec h4 {margin-bottom:0;margin-top:25px;}
.spec dl {float:left;line-height:1.4em;padding-top:10px;margin-left: 0;margin-right:8px;}
.spec dt {width: 7em;clear: left;float: left;font-weight:bold;}
.spec dt span {float:right;}
.spec dd {margin-left: 8em;margin-bottom:4px;}
#app li {celar:both;overflow:hidden;margin-bottom:30px;}
#app h4,#app p,#app img {float:left;}
#app img {margin-right:15px;}
#app h4 {clear:none;border:none;margin:0;padding:0;}
#app p {width:580px;margin:12px 0;}
#app p span {color:#316AC5;}
.guitar {border:1px solid #bbb;padding:6px;color:#333;}
p.left {line-height:115% !important;}
.amazon_point {background:transparent url("/wp-content/themes/hakase/images/arrow.gif") no-repeat 0 3px;padding-left: 20px;}
#float,.float { clear:none; }
#artist li:before,.artist li:before{content: '';width: 6px;height: 6px;border-radius: 100%;background: #666;position: relative;left: -15px;top: -3px;display: inline-block;}
#artist li,.artist li{line-height:1.2;margin-bottom:8px;padding-left:15px;}
article .artist li a:hover {text-decoration:none;}
#ad_end{clear:both;float:left;padding:15px 0 0;margin-top:18px;margin-bottom:10px;}
#ad_end p {padding-left:2px;padding-top:5px;margin-top: 5px;margin-left:0 !important;margin-right:0;}
#ad_end p a {font-size:95%;}
#ad_end2{float:right;padding:15px 0 10px 0;margin-top: 18px;margin-bottom:0;}

.kanade-s {background:transparent url(https://farm6.staticflickr.com/5453/9147267361_beaf6788b9_o.png) no-repeat; padding-bottom: 15px; min-height:200px;}
.kanade-l {background:transparent url(/wp-content/themes/hakase/images/kanade-l.png) no-repeat; padding-bottom: 15px; min-height:200px;}
.kanade-s .related,.kanade-l .related {border:0; margin-bottom: 50px; font-size: 18px; font-weight:bold; margin-left: 8px; padding-bottom: 5px; padding-left: 10px; padding-top: 5px;}
.kanade-s h3,.kanade-l h3 {border:0; }
.k_wrapper {border-left:6px solid #ff8c00; border-right:6px solid #ff8c00; border-bottom:6px solid #ff8c00; margin:0 142px 0 5px; }
.menu {background: url("/wp-content/themes/hakase/images/stripe.png") repeat scroll 0 0 #111111;border-radius: 6px 6px 6px 6px;margin-bottom: 35px;margin-left: 6px;margin-right: 6px;padding: 6px;}
.menu .menu_area {background: none repeat scroll 0 0 #FFFFFF; display: block; padding: 10px;  overflow:hidden; display:block; position:relative;}
.menu .menu_midashi {border:0; padding:0; margin-bottom: 5px; margin-top: 0; margin-left: 5px; font-size: 14pt; font-weight:bold;}
.menu dl { float:left; width: 45%; margin-top: 0; margin-bottom: 0; min-height: 57px; height: auto !important; height: 57px;}
.menu dd { font-size:11px; margin-bottom:10px; }

aside { padding:20px 0; margin:6px 6px 6px 6px;}
aside {overflow:hidden; }
aside .movie {float:left;}
aside .movie p {margin-right:0;}
aside .tabs ul {margin-left: 10px;}
aside .tabs li {margin-bottom:35px; line-height:1.6}
aside .tabs li b {color:#316AC5;}
aside .tabs li img {border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding:5px; margin-top: 5px;}
aside .chatlog {float:right; width:34%; margin-top: -20px;}
aside .chatlog p {margin:0;  }
aside h3 {margin-left: 0;}
aside pre {margin-left:0; margin-right:0;}
.chatlog .kanade{background: none repeat scroll 0 0 #FFDEFF;border: 1px solid #FF3380;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: 15px;margin-right: auto;padding: 5px 10px 5px 5px;position: relative;width: 85%;}
.chatlog .kanade:before {border-color: rgba(194, 225, 245, 0) #EAEAEA rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);border-width: 13px;margin-top: -13px;top: 50%;}
.chatlog .kanade:after, .chatlog .kanade:before {border: medium solid transparent;content: " ";height: 0;pointer-events: none;position: absolute;right: 100%;width: 0;}
.chatlog .kanade:after {border-color: rgba(136, 183, 213, 0) #FFDEFF rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);border-width: 10px;margin-top: -10px;top: 50%;}
.chatlog .hakase {background: none repeat scroll 0 0 #F1FFDC;border: 1px solid #D6E975;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: auto;margin-right: 15px;padding: 5px 10px 5px 5px;position: relative;width: 85%;}
.chatlog .hakase:before {border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) #D6E975;border-width: 13px;margin-top: -13px;top: 50%;}
.chatlog .hakase:after, .chatlog .hakase:before {border: medium solid transparent;content: " ";height: 0;left: 100%;pointer-events: none;position: absolute;width: 0;}
.chatlog .hakase:after {border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #F1FFDC;border-width: 10px;margin-top: -10px;top: 50%;}
.chatlog .professional h4 {margin-top:5px;}
.chatlog .professional .icon1 {float:left;margin-right:15px;margin-left: 15px;margin-top: 5px;}
.chatlog .professional{background: none repeat scroll 0 0 #F4F4F4;border: 1px solid #CCCCCC;border-radius: 6px 6px 6px 6px;clear: both;margin-bottom: 15px;margin-left: 15px;margin-right: auto;padding: 5px 10px 5px 5px;position: relative;width: 85%;}
.chatlog .professional:before {border-color: rgba(194, 225, 245, 0) #CCCCCC rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);border-width: 13px;margin-top: -13px;top: 50%;}
.chatlog .professional:after, .chatlog .professional:before {border: medium solid transparent;content: " ";height: 0;pointer-events: none;position: absolute;right: 100%;width: 0;}
.chatlog .professional:after {border-color: rgba(136, 183, 213, 0) #F4F4F4 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);border-width: 10px;margin-top: -10px;top: 50%;}


.c_l .kanade, .c_l .hakase, .c_l .professional { padding:10px; }
.c_l .kanade .icon1 img { border:1px solid #FF3380 }
.c_l .hakase .icon1 img { border:1px solid #D6E975 }
.c_l .professional .icon1 img { border:1px solid #CCCCCC }

#list, #list3 {width:96%;margin-left:12px;}
#list2 {border-left:1px solid #4c4c4c;border-top:1px solid #4c4c4c;margin-left:15px;clear:both;width:97%}
#list2 td {border-bottom:1px solid #4c4c4c;border-right:1px solid #4c4c4c;border-left:none;border-top:none;padding:5px;}
#list2 th {border-bottom:1px solid #4c4c4c;border-right:1px solid #4c4c4c;border-left:none;border-top:none;background-color:#cccccc;padding:5px;}
#list3 .guitar {text-align:center;padding: 1rem 0 1rem 0;line-height: 170%;}

.chatlog .kanade .icon1 {float: left; padding-right: 10px; overflow:hidden; position:relative;}
.chatlog .hakase .icon1 {float: right; padding-left: 10px; overflow:hidden; position:relative;}
#ad_end .kaerebalink-box {width:410px;  margin-left:0}
.kaerebalink-box {clear:both; padding-bottom:10px !important; margin-left:12px;}
.kaerebalink-box img {border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);margin-left: 5px;}
.gaibu {background-color: #efefef;border:3px solid #e5e5e5;padding: 10px;}
.yogo dt{margin-top:30px;margin-bottom:10px;font-weight:bold;color:#502e2e;}
.yogo dd{letter-spacing:1px;margin-right:15px;}
.caution {background-color:#F4F4F4;border:3px solid #e5e5e5;margin-left: 30px;margin-right:30px;margin-top: 20px;padding: 20px;}
.caution h3 {margin-top:0 !important; font-size:140% !important; padding-top: 2px !important; margin-bottom: 0 !important; border-bottom:none !important; margin-left: 15px;}
.caution h4 {position: relative;padding-left:30px;margin-top: 0 !important;margin-left:-5px !important;border:none !important;color:#666}
.caution h4:after, .caution h4:before{content:'';height:18px;width:4px;display:block;background:#bcbcbc;position:absolute;top:8px;left:15px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.caution h4:before {height: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top: 16px;left: 7px;}
.matome li {position: relative;padding:0 30px;font-size: 130%;font-weight:bold;line-height:1.4;margin-bottom:20px;margin-left:-5px;color:#999}
.matome li:after, .matome li:before{content:'';height:18px;width:4px;display:block;background:#7DD400;position:absolute;top:8px;left:15px; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.matome li:before {height: 10px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);top: 16px;left: 7px;}




/**---スライドショー---*/
#item_img {margin:0 8px 0 6px;}
#item_img ul {display:block;overflow:hidden;margin-left:0;margin-right: 0;clear:both;}
#MainPhoto, #MainPhoto2, #MainPhoto3{max-width:717px;max-height:480px;}
#MainCap{margin-top: 5px;}
.ChangePhoto, .ChangePhoto2, .ChangePhoto3{max-width:120px;max-height:120px;}
#item_img p {width:736px;height:490px;padding:0 0 10px 0;}
#item_img li:hover{ border: 1px solid #bbb; }
#thum-img{ margin:10px 0 0 0; }
#item_img p ,#item_img li{border: 1px solid #e7e7e7;background: #f0f0f0;position: relative;display: table-cell;display: block\9;text-align: center;vertical-align: middle;padding:0!important;}
#item_img li {width: 125px;height: 115px;margin:0 15px 4px 0;line-height:115px;display:block;float:left;}
#item_img p img, #item_img li img {cursor: pointer;}

.shikiri { clear:both; overflow:hidden; position:relative; margin-right: 12px; margin-bottom: 30px;}
.shikiri h2::before {border-style:none ;}
.shikiri h4 { margin: 0;border:none;}
.shikiri dt {float:left; width:60%; }
.shikiri dt blockquote {margin:0; line-height: 145%;}
.shikiri dt blockquote p {margin:0}
.shikiri dt strong {display:block; margin-top:15px; margin-bottom:2px; font-size:16px;}
.shikiri dt span {font-size:13px; color:#999; display:block; margin-top:5px; text-align:right}
.shikiri dt h3 {border:none; font-size:24px; padding-left: 0; margin-left: 0; margin-top: 20px;}
.shikiri dt h3::before ,  .shikiri dt h3::after{ background: none !important;}
.shikiri dt .setting { padding-bottom: 6px; padding-left: 6px; }
.shikiri dt #block4 { margin-bottom: 20px; margin-left: 0; margin-top: 0; padding-top: 6px; padding-left: 6px; overflow:hidden; border-bottom:1px dotted #999; margin-right: 0;}
.shikiri dt #block4 li {float: left; margin-bottom: 15px;  width: 140px;}
.shikiri dt #block4 li p { margin: 0; margin-bottom: 6px;}
.shikiri dt #block4 li img { position: relative; z-index: 1; }
.shikiri dt #block4 li img.border { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); position: relative; z-index: 2; }
.shikiri dt.w45 {width: 45%;}
.shikiri dd.w50 {width: 50%;}
.shikiri dd {float:right; width:35%; margin-left: 0px; padding: 8px; border:1px solid #999 ; background-color:#EFEFEF; border-radius: 5px; color:#666}
.shikiri dd h3 {border:none; font-size:24px; padding-left: 0; margin-left: 0; margin-bottom: 15px; margin-top: 15px; margin-left: 5px;}
.shikiri dd ul { margin-left: 15px; }
.shikiri dd .big { font-size:18px; font-weight:bold; margin: 5px; background-color:transparent; border:none;}
.shikiri dd.chatlog img { padding-left: 5px; }
.shikiri .chatlog .hakase .icon1 { padding-left: 0; }
p.more { background: linear-gradient(to bottom, #67B33B 1%, #5CA234 88%) repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #67B33B;border-radius: 3px;box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.2) inset;color: #FFFFFF;display: block;font-size: 130%;font-weight: bold;height: 53px;line-height: margin-top: 20px;text-align: center;text-decoration: none;vertical-align: middle;  }
p.more:hover {color:#ccc;} 
p.more a {color:#fff;}
dd.chatlog { background-color:#fff; border:none; padding: 0; margin-top: 20px; width: 37%; }
dd.chatlog .hakase { width: 90%; }
dd.chatlog .kanade { width: 88%; }
dd.chatlog p { margin: 5px; }
dd.chatlog img { padding-right: 5px; padding-top: 5px; }
dd.kansou { background: linear-gradient(to bottom, #FFFFFF 83%, #FFF2D8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #F9BB83; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); }
.b-set {margin:35px 30px 35px 30px;overflow:hidden;border: double 4px #7DD400;}
.b-set img { margin-left: 20px; }
.calum-left { float:left; width:50%; }
.calum-right { float:right; width:50%; }
.two-calum h4 {border:none;margin:0 0 0 30px;padding:0;}
.two-calum img {margin-left:40px;}
.two-calum li{color: #3cf;font-size:200%;list-style: decimal inside;margin-right: 15px;}
.two-calum li span{color: #666;font-size:14px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;}
.two-calum li ul {margin-left: 16px; margin-top: 0;}
.two-calum li li {list-style: square; font-size:100%; line-height: 70%; }
.two-calum .menu { margin-right: 13px; }
.two-calum .menu .artist { margin-left:15px }
.two-calum .artist li { font-size: 100%; list-style:none; }
.beginner {margin-left:50px;}
.beginner a {line-height:100%;}
.beginner a:hover {text-decoration:underline;}
.beginner li {color: #3cf;list-style: decimal outside; margin-bottom:15px; font-size:150%;}
.b_child { margin-bottom:5px; margin-top: 10px; }
.b_child li { list-style: square; margin-bottom:4px; font-size: 100%; margin-right: 0;}

.qa_q {background:#FFDEFF url("/wp-content/themes/hakase/images/qa-q.png") 10px center no-repeat; padding:30px; padding-left: 230px; color: #880205;}
.qa_q span { color:#666; font-weight:bold; }
.qa_a {background:#F1FFDC url("/wp-content/themes/hakase/images/qa-a.png") right center no-repeat; padding:30px; padding-right: 230px; }

#tab, #Tab2, #tab3, #tab4 { margin-left: 0; }
#tab li, #tab2 li, #tab3 li, #tab4 li {background: none repeat scroll 0 0 #ff8c00;color:#fff;cursor: pointer;float: left;list-style: none outside none;padding: 10px;margin-right: 2px;margin-bottom:10px;font-size:110%;}
#tab li:nth-child(even), #tab2 li:nth-child(even),#tab3 li:nth-child(even), #tab4 li:nth-child(even){ background:#FF9C00; }
#tab li.select, #tab2 li.select, #tab3 li.select, #tab4 li.select { background: none repeat scroll 0 0 #fff; color:#ff8c00; border-top:2px solid #ff8c00; border-left:2px solid #ff8c00; border-right:2px solid #ff8c00;margin-top:-2px;}
#tab li.select:nth-child(even), #tab2 li.select:nth-child(even), #tab3 li.select:nth-child(even), #tab4 li.select:nth-child(even){ background:#fff; }
.content_wrap, .content_wrap2, .content_wrap3, .content_wrap4 {clear:both; min-height:200px;margin-left: 10px;}
.content_wrap img, .content_wrap2 img, .content_wrap3 img, .content_wrap4 img {border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding:5px; margin-top: 5px; margin-bottom: 10px;}
.content_wrap b, .content_wrap2 b, .content_wrap3 b, .content_wrap4 b {color: #316AC5;}
.disnon, .disnon2, .disnon3, .disnon4 {display: none;}
.guitar-challange article{width: 1060px;}
.guitar-challange #related {width:1080px;margin-left: 8px;}
.guitar-challange #related li {width: 215px;}
.guitar-challange .share-facebook , .guitar-challange .share-twitter , .guitar-challange .share-hatena , .guitar-challange .share-line {width: 21.4% !important;}
.guitar-challange .share-google {width: 22% !important;}
.ytsl-click_div {margin-left:12px;}



/**-----------------------------------------------------------------------関連記事---*/



#related  { width:807px; float:left; text-align: left; margin-bottom:30px; }
#related h2 { background-color:transparent; border-bottom:1px dotted #666; line-height: 1em; clear:none; margin-top: 10px; margin-right: 0; padding-bottom: 17px;}
#related ul {overflow: hidden;width: 825px;}
#related li {float:left; width: 204px; overflow: hidden; height: 242px;padding-botttom:5px}
#related li a { display: block; color:#222;}
#related li a:hover {color:#1970b8; text-decoration:none;} 
#related li img {float: left; margin: 0 10px 0 0; width: 192px; height:120px;margin-bottom: 18px;}
#related li img:hover{filter: alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;-ms-filter: "alpha(opacity=70)";zoom: 1;}
#related li .r_title p {font: 300 11px "Roboto";}
#related li .r_title span {font-size: 12px;margin-right: 7px;padding: 5px 0 3px;color:#b3b3b3}



/**-----------------------------------------------------------------------カテゴリ・タグページ---*/



#article-list {margin: 0 !important;}
#article-list li {padding-top:15px; padding-bottom:5px; padding-left: 12px; padding-right: 12px;border-bottom:1px dotted #ccc; overflow:hidden;}
#article-list li img {width: 300px;	float:left; margin-bottom: 10px; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
#article-list li h2 {float:right; clear:none; background-color:#fff; border:none; width:59%; font-size: 14pt; margin: 0px; padding: 0;}
#article-list li h2 a {color:#222}
#article-list li h2 a:hover {color:#1970b8;text-decoration:none;}
#article-list li h2:before {border:none !important}
#article-list li p {float:right; width:59%; margin-left: 0px; margin-right: 0px; margin-top:0;}
#article-list li p span  {background: #2da7e0 none repeat scroll 0 0;color: #fff;font-size: 12px;margin-right: 7px;margin-bottom:0;padding: 5px 10px 3px;}
#article-list li p span a {color:#fff;text-decoration:none;}



/**-----------------------------------------------------------------------サイドバーleft---*/



#left { position:absolute; right:0; width:200px; }

#right h3,.midashi {background:linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 transparent;clear:both;font-size:16px;margin-top: 2px;padding: 8px 15px 8px 10px;border-bottom: 3px solid #ff8c00;}
#right .side_box { margin-bottom: 25px; }
#right .side_box h3 { padding-bottom: 0; border:none; font-size: 18px; margin-bottom: 8px; padding-top: 0; padding-right: 0; padding-left:40px; }
#right .side_box h3#ranking { background: url("/wp-content/themes/hakase/images/ranking.png") no-repeat scroll left center transparent; }
#right .side_box h3#qa { background: url("/wp-content/themes/hakase/images/circle.png") no-repeat scroll left center transparent; height: 30px; }
#right .side_box h3#movie { background: url("") no-repeat scroll left center transparent; padding-left:0; }
#right .side_box #lift { transform: rotate(-10grad); -moz-transform: rotate(-10grad); -webkit-transform: rotate(-10grad); font-size:10px; font-weight:bold; color:#7ACA00; display:block; margin-bottom: 15px;}
.lead { color: #6F6D6E; font-size: 10px; letter-spacing: 0;}
#right #side-ad { position:relative; }

/* 人気記事 */
.wpp-list {counter-reset: wpp-ranking;}
.wpp-list li {position: relative;counter-increment: wpp-ranking;overflow: hidden;}
.wpp-list li p {margin-top: 0;}
.wpp-thumbnail {border: medium none;display: inline;float: left;margin: 0 5px 0 0;}



/**-----------------------------------------------------------------------サイドバーright---*/



#right { font-size: 13.5px; text-align: left; width:300px; float:right;}
#right h3 a , #right h4 a {color:#333; text-decoration:none;}
#right p {margin-left: 15px;}
#right .midashi {margin-left: 0;}
#right section{background-color: #FFFFFF; border: 1px solid #AAAAAA;  margin-bottom: 15px;}
#right ul{margin: 0;}
#right ul li { padding-top:10px; padding-left: 12px;padding-bottom:10px; border-bottom: 1px dotted #ccc;font-weight:normal; color:#222 !important; }
#right ul li a {color:#222;}
#right ul li a:hover {color:#1970b8; text-decoration:none;}
#right ul li li {border:none;padding:10px 0 0 12px;}
#right ul li ul {margin:0;}
#right ul.bookmark {margin-top:10px;}


/**---ギタリストインタビュー---*/
.g_interview {width:1100px !important;}
.g_interview #content_left {width: 754px; !important;}
.g_interview #right {width:336px;}
.g_interview article{ width: 714px;}
.g_interview .share-facebook {width:19%  !important}

/*----ギタリストプロフィール----*/
#right .profile {font-size: 13px;padding:10px; margin-bottom: 20px;background-color:#fff;color:#555; border:1px solid #efefef}
#right .profile h4 { font-size: 20px;margin:0;line-height:1}
#right .profile h5 {font-size:14px; margin-bottom: 5px; margin-top: 5px;}
#right .profile h6 {margin: 0;}
#right .profile h4 span , #right .profile h5 span {font-size: 11px;font-weight: normal;}
#right .profile dl {margin:0; border-bottom:1px dotted #999; margin-bottom:10px; padding-bottom:10px;overflow:hidden;}
#right .profile dd {margin:0;}
#right .profile dd.jacket {float:left;margin-bottom: 5px;margin-top: 5px;}
#right .profile .song-list {clear:both; }
#right .profile ol li {list-style: decimal outside;line-height: 170%; }



/**-----------------------------------------------------------------------フッター---*/



footer {background:#333333 url() repeat-x scroll 0 0;line-height:1.5em;color:#FFFFFF;padding:0 0 5px;border-top:3px solid #ff8c00; }
footer p{ color:#ffffff; }
footer a{ color:#FFFFFF; }
footer a:hover{ color:#ff8c00; }
footer ul {margin-bottom: 0px;}
footer li {display:inline;list-style-type:none;border-right:1px solid #ffffff;margin-left:5px;padding-right:5px;}
footer #f_menu { margin: auto; margin-bottom: 25px; overflow: hidden; width:1125px; }
footer #f_menu .m-box {width:30%; text-align:left; float:left; margin-right:30px;}
footer #f_menu .m-box li {display: block; border:none; }
footer #f_menu .m-box iframe {margin-top:30px;}
footer #f_menu .f_inner {padding:10px; background-color:#fff; width:28%; margin-top:30px; border-radius: 5px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;}
footer #f_menu .f_inner p , footer #f_menu .f_inner h4 {color:#333;}
footer nav {clear: both; display: block;  background-color:#333; width: 100%;}
footer nav ul { display: block; width: 100%; margin:0 auto; text-align:center}
footer nav li { float: left;  display:block; width:32.5%; border-left: 1px solid #444444; border-right: 1px solid rgba(0, 0, 0, 0.5);border-top: 1px solid #444444; border-bottom: 1px solid rgba(0, 0, 0, 0.5); margin: 0 ;}
footer nav li a { color: #FFFFFF; display: block; line-height: 28px; padding: 10px 12px; text-decoration: none; }
footer nav li a {paddin:3px}
footer nav li a:hover { color:#ccc; text-decoration:none }
.share {margin-top: 30px;}
.share li {border-radius: 3px;font-size: 14px;list-style: outside none none;margin-bottom: 8px;margin-right: 1%;text-align: center;}
.share a {color: #fff;display: block;height: 27px;padding-top: 6px;text-decoration: none;}
.share a:hover {color: #fff;}
.share li:hover {-moz-opacity: 0.8;opacity: 0.8;}
.share-twitter {background: none repeat scroll 0 0 #55acee;box-shadow: 0 2px #2795e9;}
.share-facebook {background: none repeat scroll 0 0 #3b5998;box-shadow: 0 2px #2d4373;}
.share-hakase {background: url("/wp-content/themes/hakase/images/hakase_s.png") no-repeat scroll 0 center #ff8c00;box-shadow: 0 2px #CF7202;padding-bottom: 20px;padding-top: 20px;}
.share-kanade {background:  url("/wp-content/themes/hakase/images/kanade_s.png")  no-repeat scroll 0 center #ff8c00;box-shadow: 0 2px #CF7202;padding-bottom: 20px;padding-top: 20px;}