/*
Theme Name: kanae template
Theme URI: 
Author: Yaneura-Studio
Author URI: http://yaneura-studio.com/
Description: ミュージシャンのウェブサイトに特化したテーマです。
Version: 1.0
License: 
Text Domain: yaneurastudio
*/

@charset "utf-8";

*{ margin: 0; padding: 0; }
body{ background: url(./img/cmn_bkg_bg1.jpg) repeat; min-width: 1100px; }
a{ color: #dd7302; }
p{ font-size: 13px; }
h5{ font-size: 10px; font-weight: normal; margin-bottom: 15px; }

#wrapper{ width: 1003px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.8); margin: 0 auto 0 auto; /* background: url(./img/Antique-Pink.jpg) repeat; */ }

header{ height: 123px; position: relative; }
#diary header,
#home header{ height: 459px; position: relative; }

header #titleArea{ height: 85px; /* background: url(./img/cmn_bkg_header.gif) no-repeat; */ position: relative; }
header #titleArea h1{ width: 707px; height: 82px; background: url(./img/cmn_ttl_h1.png) no-repeat; /* text-indent: -9999px;  */margin: 0 0 0 40px; position: relative; }
header #titleArea h1 a{ width: 707px; height: 82px; display: block; text-indent: -9999px; }
header #titleArea ul#sosialIcons{ position: absolute; width: 350px; height: 35px; float: right; list-style: none; top:25px; right: 14px; }
header #titleArea ul#sosialIcons li{ width: 35px; height: 35px; float: right; text-indent: -9999px; margin-left: 12px; }
header #titleArea ul#sosialIcons li#twitter{ background: url(./img/cmn_btn_social-twitter.png) 0 0 no-repeat; }
header #titleArea ul#sosialIcons li#facebook{ background: url(./img/cmn_btn_social-facebook.png) 0 0 no-repeat; }
header #titleArea ul#sosialIcons li#youtube{ background: url(./img/cmn_btn_social-youtube.png) 0 0 no-repeat; }
header #titleArea ul#sosialIcons li#rss{ background: url(./img/cmn_btn_social-rss.png) 0 0 no-repeat; }
header #titleArea ul#sosialIcons li#twitter a:hover{ background: url(./img/cmn_btn_social-twitter.png) 0 -35px no-repeat; }
header #titleArea ul#sosialIcons li#facebook a:hover{ background: url(./img/cmn_btn_social-facebook.png) 0 -35px no-repeat; }
header #titleArea ul#sosialIcons li#youtube a:hover{ background: url(./img/cmn_btn_social-youtube.png) 0 -35px no-repeat; }
header #titleArea ul#sosialIcons li#rss a:hover{ background: url(./img/cmn_btn_social-rss.png) 0 -35px no-repeat; }
header #titleArea ul#sosialIcons li a{ display: block; width: 35px; height: 35px; }
header #titleArea ul#sosialIcons li a:hover{ display: block; width: 35px; height: 35px; }

header nav{ position:relative; overflow:hidden; background: url(./img/cmn_bkg_navi.gif) repeat-x; }
#second header nav{ height: 57px; }
header nav ul{ list-style: none; height: 38px; line-height: 38px; position:relative; left:50%; float:left; }
header nav ul li{ position: relative; text-align: center; left:-50%; float: left; font-size: 14px; }
header nav ul li a{ display: block; height: 38px; color: #fff; text-decoration: none; }
header nav ul li a:hover{ background: url("./img/cmn_bkg_navi-hover.gif") repeat-x; }
header nav ul li.Home a{ background: url("./img/cmn_nav_home.png") 50% 11px no-repeat; text-indent: -9999px; }
header nav ul li.Home a:hover{ background: url("./img/cmn_nav_home.png") 50% 11px no-repeat; }
header nav ul li.Home{ width: 30px; }
header nav ul li.News{ width: 96px; }
header nav ul li.Profile{ width: 87px; }
header nav ul li.Live{ width: 74px; }
header nav ul li.Lesson{ width: 84px; }
header nav ul li.Discography{ width: 129px; }
header nav ul li.Diary{ width: 85px; }
header nav ul li.Movies{ width: 89px; }
header nav ul li.Photos{ width: 97px; }
header nav ul li.Contact{ width: 97px; }
header nav ul li.current_page_item{ background: url("./img/cmn_bkg_navi-hover.gif") repeat-x; }
#second header nav ul li.current_page_item:after{ content: ""; display: block; position: relative; width: 19px; height: 11px; margin: 0 auto 0 auto; background: url("./img/cmn_bkg_triangle.png") no-repeat; }

header #coverArea{ width: 1030px; height: 335px; margin-top: 1px; }
header #coverArea #coverImage{ position: relative; width: inherit; height: 335px; }
header #coverArea #coverImage #mailmagazine{ position: absolute; top: 15px; right: 40px; width: 200px; height: 284px; background: rgba(255,255,255,0.8); box-shadow: 0 0 5px rgba(0,0,0,0.8); padding: 5px 18px 19px 20px; }
header #coverArea #coverImage #mailmagazine h2{ width: 194px; height: 37px; font-size: 14px; text-align: center; line-height: 37px; }
header #coverArea #coverImage #mailmagazine p{ width: 194px; font-size: 12px; line-height: 20px; }
header #coverArea #coverImage #mailmagazine span.radio{ font-size: 12px; }
header #coverArea #coverImage #mailmagazine input{ width: 160px; }
header #coverArea #coverImage #mailmagazine input[type="radio"]{ width: 20px; }
header #coverArea #coverImage #mailmagazine .button{ width: 86px; height: 30px; font-size: 12px; background: url(./img/cmn_btn_button.png) no-repeat; border: none; margin: 10px auto 0 auto; text-align: center; }
header #coverArea #coverImage #mailmagazine #mailmagazineForm{ border: solid 1px #dedede; text-align: center; margin-top: 5px; padding: 10px 0 5px 0; }
header #coverArea #coverImage #mailmagazine #mailmagazineForm select{ width: 164px; }

#main{ width: 1003px; margin-top: 12px; }
#main p{ letter-spacing: 0.6px; line-height: 16px; }
#main h2,
#main h3{ letter-spacing: 1px; }

#main #left{ float: left; width: 633px; padding: 0 45px 0 18px; }
#main #left .contentBlock{ width: 633px; margin-bottom: 20px; letter-spacing: 1px; }
#main #left .contentBlock h2{ font-size: 18px; width: 633px; height:35px; background: url(./img/cmn_bkg_h2.gif) no-repeat; line-height: 35px; text-indent: 20px; }
#main #left .contentBlock ul{ list-style: none; }
#main #left .contentBlock ul li{ width: 609px; border: dotted 1px #000; margin-left: 24px; background: url(./img/cmn_bkg_subcontent.gif) 0 1px repeat-y; margin-top: -1px; }
#main #left .contentBlock ul.news h3{ width: 140px; text-align: center; height: 39px; line-height: 39px; font-size: 13px; float: left; }
#main #left .contentBlock ul.news div{ font-size: 12px; float: left; margin: 10px 0; width: 458px; }
#main #left .contentBlock ul.news p{ letter-spacing: 1px; }
#main #left .contentBlock .content{ width: 588px; border: dotted 1px #000; margin-left: 24px; background: url(./img/cmn_bkg_subcontent.gif) 0 1px repeat-y; margin-top: -1px; padding-left: 21px; }
#main #left .contentBlock .content img{  }
#main #left .contentBlock .content p{ font-size: 13px; line-height: 15px; margin-bottom: 10px; }
#main #left .contentBlock .content p.kanbai{ color: red; font-weight: bold; }
#main #left .contentBlock .title{ width: 567px; height: 43px; border-bottom: dotted 1px #000; margin-bottom: 5px; }
#main #left .contentBlock .title .socialshare{ }
#main #left .contentBlock .title .socialshare p.twitter{ margin-left: 15px;  }
#main #left .contentBlock .title .socialshare p.twitter,
#main #left .contentBlock .title .socialshare .fb-like{ float: left; height: 20px; width: 100px; margin-top: 11px; }
#main #left .contentBlock p.moreinfo{ text-align: right; margin-top: 15px; }
#main #left .contentBlock .content h3{ height: 43px; line-height: 43px; font-size: 14px; }
#main #left .contentBlock .content .detail{ padding: 10px 30px 25px 10px; width: 550px; }
#main #left .contentBlock .content .detail a.slideshowlink{ font-size: 10px; }
#main #left .contentBlock .content .detail p{ line-height: 20px; letter-spacing: 1px; }
#main #left .contentBlock .content .title h3,
#main #left .contentBlock .content .title .place{ float: left; }
#main #left .contentBlock .content .title .place{ margin-left: 10px; }
#main #left .contentBlock .content .title .taxonomy{ font-size: 10px; color: red; }
#main #left .contentBlock .content .title .map,
#main #left .contentBlock .content .title>p{ float: right; height: 43px; line-height: 43px; font-size: 12px; line-height: 43px; }
#main #left .contentBlock .content .title>p img{ display: block; margin-top: 12px; float: right; }
#main #left .contentBlock .content .diaryfooter>p{ float: right; height: 18px; line-height: 18px; font-size: 12px; line-height: 43px; margin-right: 10px; }
#main #left .contentBlock .content .diaryfooter{ border-top: dotted 1px #000; padding-bottom: 20px; }
#main #left .contentBlock .content .diaryfooter .commentform{ padding-left: 20px; }
#main #left .contentBlock .content .diaryfooter .comments{ padding: 20px; }
#main #left .contentBlock .content .diaryfooter .comments li{ border-bottom: 3px dashed #fff; padding: 10px 20px; border-radius: 10px; background: #f7f7f7; width: 88%; }
#main #left .contentBlock .content .diaryfooter .comments em.comment-awaiting-moderation{ font-size: 12px; }
#main #left .contentBlock .content .diaryfooter .comments .comment-author{ padding: 10px; }
#main #left .contentBlock .content .diaryfooter .comments .comment-author,
#main #left .contentBlock .content .diaryfooter .comments .reply{ font-size: 12px; }
#main #left .contentBlock .content .diaryfooter .comments .comment-meta{ font-size: 10px; text-align: right; margin-top: -20px; margin-bottom: 15px; }
#main #left .contentBlock .content .diaryfooter .comments .reply{ text-align: right; }
#main #left .contentBlock .content .diaryfooter .comments ul li{ border: none; border-left: 5px solid #fff; border-radius: 10px; }
#main #left .contentBlock .content .diaryfooter input{ height: 25px; border-radius: 5px; width: 250px; }
#main #left .contentBlock .content .diaryfooter textarea{ border-radius: 5px; border: solid 1px #dedede; }
#main #left .contentBlock .content em{ font-weight: bold; font-style: normal; }
/* #main #left .contentBlock .content p.button{ clear: both; width: 86px; height: 30px; font-size: 12px; line-height: 30px; background: url(./img/cmn_btn_button.png) no-repeat; border: none; margin: 0 15px 5px 490px; text-align: center; } */
#main #left .contentBlock .content p.button{ clear: both; padding-left: 10px; width: 142px; height: 49px; font-size: 12px; line-height: 43px; border: none; margin: 0 15px 5px 400px; text-align: center; letter-spacing: 0.1px; }
#main #left .contentBlock .content p.button a{ text-decoration: none; display: block; width: 152px; height: 49px; color: #000; background: url(./img/resButton.png) no-repeat 0 -49px; text-align: center; }
#main #left .contentBlock .content p.button a:hover{ background: url(./img/resButton.png) no-repeat 0 0; }
#main #left .contentBlock .content p.double{ text-align: right; }
#main #left .contentBlock .content .detail img{ display: block; float: left; margin: 0 15px 15px 0; }
#main #left .contentBlock .diary .detail img{ display: inline; float: none; margin: 0 15px 15px 0; }
#main #left .contentBlock .diary{  }
#main #left .contentBlock .detail .discoImage{ width: 205px; float: left; }
#main #left .contentBlock .detail .discoContent{ width: 320px; float: left; padding-left: 15px; }
#main #left .contentBlock .live_content{ color: #780f0f; margin-top: 20px; }
#home #main #left .contentBlock .content .detail img{ display: inline; }
#main #left .contentBlock .content .detail iframe{ margin-left: 45px; }
#main #left .contentBlock .content .wpcf7 input{ height: 20px; border-radius: 10px; }
#main #left .contentBlock .content .wpcf7 textarea{ width: 350px; border-radius: 10px; border: solid 1px #dedede; }
#main #left .contentBlock .content .wpcf7 input.wpcf7-submit{ height: 30px; }
#main #left .contentBlock .content .wpcf7-form{ padding: 15px 20px; background: #e6e6e6; border-radius: 10px; }
#main #left .contentBlock .post-navi{ margin-left: 15px; font-size:17px; font-weight: bold; margin-top: 15px; }
#main #left .contentBlock .post-navi .nav-previous{ float: right; text-align: right; }
#main #left .contentBlock .post-navi .nav-next{ float: left; }
#main #left .contentBlock .wpcf7-submit{ width: 86px; height: 30px; font-size: 12px; background: url(./img/cmn_btn_button.png) no-repeat; border: none; margin: 10px auto 0 auto; text-align: center; }
#main #left .live_content{ padding: 10px 30px; }


#main #left .contentBlock .profileArea{ margin-top: 20px; background: url(./img/cmn_bkg_subcontent.gif) 0 1px repeat-y; }
#main #left .contentBlock .profileArea img{ display: block; float: left; margin-right: 25px; margin-left: 10px; }
#main #left .contentBlock .profileArea .profileText{ /* float: left; width: 410px; */ padding-left: 10px; }
#main #left .contentBlock .profileArea .profileText p{ letter-spacing: 1.5px; line-height: 25px; }

#main #right{ float: left; width: 307px; background: url(./img/cmn_bkg_sidebar.gif) repeat-y; min-height: 800px; margin-top: -12px; padding-top: 24px; }
#main #right .widget{ margin-left: 10px; margin-bottom: 10px; }
#main #right .widget h2{ width: 297px; height: 35px; line-height: 35px; padding-left: 10px; font-size: 18px; background: url(./img/cmn_bkg_widgetTitle.png) no-repeat; }
#main #right .widget h2.widgetTitle a.rsswidget{ font-size: 14px; }
#main #right ul{ list-style: none; }
#main #right ul li{ width: 240px; border-bottom: dotted 1px #000; background: url(./img/cmn_img_tweets.gif) 0 10px no-repeat; min-height: 45px; padding: 10px 0 8px 40px; font-size: 12px; }
#main #right ul li p{ width: 213px; font-size: 12px; margin-left: 52px; line-height: 20px; }
#main #right .widget .widgetContent{ background: #fff; width: 265px; padding: 10px 10px; border-radius: 15px; }
#main #right .widget .widgetContent iframe{ margin-top: 10px; }
#main #right .widget .widgetContent ul{ list-style: none; }
#main #right .widget .widgetContent ul li{ width: 268px; border-bottom: dotted 1px #000; background: url(./img/cmn_img_tweets.gif) 0 10px no-repeat; min-height: 45px; padding: 10px 0 8px 0; }
#main #right .widget .widgetContent ul li p{ width: 213px; font-size: 12px; margin-left: 52px; line-height: 20px; }

footer{ height: 36px; /* background: url(./img/cmn_bkg_footer1.gif) no-repeat; */ }
footer #footerText{ height: 21px; line-height: 21px; background: url(./img/cmn_bkg_footer2.gif) repeat-x; text-align: center; font-size: 12px; color: #fff; }

.clearfix{ width:100%; }
.clearfix:after{ content: ""; display: block; clear: both; }
table{ font-size: 13px; }