@charset "utf-8";
/*
Theme Name: DoReMi
Theme URI: http://wordpress.org/
Description: html5
Version: 1.0
Author: Figaro Web
Author URI: http://moralhazard.jp
Tags: html5
*/


/*------------------------------------reset------------------------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;text-decoration: none;}

.clearfix:after,#site-title:after,header:after,#info-box:after,#hot-topics-box ul:after,.content-box:after,#normal-box:after,.schedule-archive-ul:after{
    content:"";
    clear:both;
    display:block;
    height:0;
}

.archive-box img {
	max-width: 100%;
	height: auto;
}

/*------------------------------------tinymce------------------------------------*/

.alignleft {
	float:left;
	margin:0 30px 30px 0;
}
.alignright {
	float:right;
	margin:0 0 30px 30px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.default-table,.default-table th,.default-table tr,.default-table td {
	border-collapse:collapse;
}
.default-table th,.default-table td {
	padding: 10px;
	border: 1px solid #666;
	font-size: 14px;
	line-height: 22px;
}

.text-em {
	font-weight: bold;
	color: #f4434b;	
}

.wp-caption-text {
	font-size:10px;
}

/*------------------------------------start------------------------------------*/


a {color:#f4434b;}

body{
	font: 14px/22px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "meiryo", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}

footer {
	width:960px;
	margin:0 auto;
	padding:50px 0;
}

#footer-box {
	background: #1d4e6b url(img/noise.png);
	color: #fff;
	border-top: 10px solid #173E55;
}

#main-menu {
	width: 960px;
	margin: 0 auto;
}

#main-menu li {
	float:left;
}

#main-menu li a {
	background: url(img/main-menu.png) no-repeat;
	height:60px;
	width:160px;
	display:block;
	text-indent:-9999px;
	margin:0 0 20px;
}

#main-menu-news a{ background-position:-160px 0!important;}
#main-menu-profile a{ background-position:-320px 0!important;}
#main-menu-show a{ background-position:-480px 0!important;}
#main-menu-music a{ background-position:-640px 0!important;}
#main-menu-media a{ background-position:-800px 0!important;}

#main-menu-home a:hover{ background-position:0 -60px!important;}
#main-menu-news a:hover{ background-position:-160px -60px!important;}
#main-menu-profile a:hover{ background-position:-320px -60px!important;}
#main-menu-show a:hover{ background-position:-480px -60px!important;}
#main-menu-music a:hover{ background-position:-640px -60px!important;}
#main-menu-media a:hover{ background-position:-800px -60px!important;}



#slider-container {
	background: #f0f9f4 url(img/watercolor_dot2.jpg);
	border-bottom: 5px solid #85b126;
}

#slider-box {
	width:1000px;
	margin:0 auto;
}

#site-title {
	width:960px;
	margin:0 auto;
	padding:40px 0;
}

#site-title h1 a{
	width: 210px;
	height: 60px;
	display:block;
	background: url(img/site-title.png) no-repeat;
	text-indent: -9999px;
	float:left;
}
#header-menu {
	float:right;
	margin:20px 0 0 ;
}
#header-menu li {
	float:left;
}
#header-menu li a{
	text-decoration: none;
	padding: 10px 0 10px 15px;
	margin-right:20px;
	color: #52b751;
	background: url(img/leaf-icon-mini.png) no-repeat left 10px;
}

#header-menu li a:hover {
	text-decoration:underline;
}

#info-container,#hot-topics-container,#normal-container{
	background: #96be44 url(img/noise.png);	
	padding:50px 0 100px;
}
#hot-topics-container,#normal-container {
	background: #eef6e7 url(img/noise.png);	
}

#info-box,#hot-topics-box,#normal-box{
	width:930px;
	margin:0 auto;
	padding:15px;
}

#normal-box {
	padding:15px 0;
	width:960px;
}

#info-box p,#hot-topics-box p,#normal-box p{
	margin:10px 0;
}

#info-box h1,#hot-topics-box h1,#normal-box h1{
	padding:20px 0;
	margin-bottom:30px;
}


#normal-box {
	min-height:300px;
}

#info-box {
	background:#f6f7e7;
	border-radius:5px;
}
#hot-topics-box{
	margin:0 auto;
	padding:15px 0;
	width:960px;
}


.content-title {
	text-align:center;
	margin:30px auto!important;
	background: url(img/info-title.png) no-repeat center top;
	width:500px;
	height:80px;
	text-indent:-9999px;
}


#hot-topics-title {background: url(img/hot-topics-title.png) no-repeat center top;}
#not-found-title {background: url(img/404-title.png) no-repeat center top;}
#profile-title {background: url(img/profile-title.png) no-repeat center top;}
#news-title {background: url(img/news-title.png) no-repeat center top;}
#about-title {background: url(img/about-title.png) no-repeat center top;}
#media-title {background: url(img/media-title.png) no-repeat center top;}
#release-title {background: url(img/release-title.png) no-repeat center top;}
#contact-title {background: url(img/contact-title.png) no-repeat center top;}
#document-title {background: url(img/document-title.png) no-repeat center top;}
#concert-title {background: url(img/concert-title.png) no-repeat center top;}

#info-box ul {
	float:left;
	width:440px;
}

#info-left {
	border-right: 3px dotted #999;
	width:460px!important;
	margin-right:20px!important;
}

#info-box li {
	margin-bottom:10px;
}

#info-box li a{
	padding-right:10px;
	text-decoration:none;
	color:#454545;
	font-size:13px;
}
#info-box li a:hover {
	text-decoration:underline;
}
#info-box li a:visited {
	color:#888;
}

.info-date {
	color: #73C300;
	font-size: 12px;
	background: url(img/info-date.png) no-repeat left 2px;
	padding-left:15px;
}




#hot-topics-box li{
	padding:10px 10px 20px;
	margin:0 26px 30px 0;
	background:#fff;
	border-radius:5px;
	width:200px;
	display:block;
	float:left;
	text-decoration:none;
	color:#454545;
}

.box-right{
	margin-right:0!important;
}

#hot-topics-box h2 {
	font-size:16px;
	font-weight:normal;
	color:#259263;
}
#hot-topics-box h2:hover {
	text-decoration:underline;
}
#hot-topics-box img:hover {
	opacity:0.8;
}





.left-thumb,.right-content {
	float:left;
}
.left-thumb {
	width:40%;
}

.left-thumb img {
	margin-top:20px;
	max-width:95%;
	height:auto;
}

.right-content{
	width:60%;
}

.dotted-h {
	border-bottom: 3px dotted #52b751;
	color: #52b751;
	padding: 10px 0px;
}

.content-box {
	margin:0 0 30px;
	background:#FFF;
	border-radius:10px;
	padding:20px;
}


#log-box {
	width:700px;
	margin:0 auto;
	background:#fff;
	border-radius:10px;
	padding:20px;
}

#log-box li{
	margin: 10px 0;
	padding-bottom:5px;
	border-bottom: 1px dotted #CCC;
}

#log-box li a {
	text-decoration:none;
	color:#52b751;
}

.news-cat {
	background: #e09812;
	border-radius:5px;
	font-size:11px;
	padding:1px 7px;
	color:#fff;
}

.news-cat:first-child {
	margin-left:10px;
}

.news-yu-yu {
	background: #f97157;
}
.news-azumi {
	background: #5da67f;
}


.news-doremi {
	background: #3083B4;
}


.news-log-title {
	margin-left:10px;
}



#left-box {
	width: 540px;
	float: left;
	margin-right: 30px;
	background: #FFF;
	padding:20px;
	border-radius:10px;
}

#sidebar {
	width:300px;
	float:left;
}

#normal-archive-ul li {
	margin:15px 0;
	font-size:12px;
	padding-bottom:10px;
	border-bottom: 1px dashed #2B6A27;
}

#sidebar a{
	color: #52B751;
	text-decoration: none;
}
#sidebar a:hover{
	color: #2B6A27;
}


#single-news-title,#sidebar-title {
	line-height: 35px;
	margin: 0 0 10px!important;
	padding:5px 0;
	color:#52B751;
	border-bottom: 2px dashed #52B751;
}

#sidebar-title {
	padding:0 0 10px;
	color:#454545;
}

#left-box h1 {
	line-height: 35px;

}

#navi-pre-next {
	text-align:center;
	margin:40px 0;
}

.narrow-box {
	width:600px!important;
}

#news-date {
	text-align: right;
	margin-bottom: 20px!important;
	color: #999;
}

#normal-box h1 {
	font-size:22px;
}


#archive-left-box {
	float:left;
	width:630px;
	margin:0 30px 30px 0;
}

.archive-box {
	background: #fff;
	padding:20px;
	border-radius:10px;
	margin:0 0 30px 0;
}

.content-box,.archive-box,#hot-topics-box li {
	border-bottom: 4px solid #ddd;
}



.copy {
	text-align:center;
	padding:50px 0 20px;
	clear:both;
}

#footer-address {
	float:left;
	width:630px;
	margin-right:30px;
}
#footer-menu {
	float:left;
	width:300px;
}

#footer-menu li {
	float:left;
	width:150px;
}

#footer-menu a {
	color:#eee;
	text-decoration:none;
	font-size:12px;
}

#footer-menu a:hover {
	text-decoration:underline;
}

#footer-address h1, #footer-menu h2{
	margin: 0 0 20px;
	font-size:30px;
	padding-bottom:12px;
	border-bottom: 2px dashed #173e55;
}





#backtotop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 50px;
	z-index: 100;
}
#backtotop a {
	display: block;
	width: 50px;
	height: 50px;
	background: url(img/arrow.png) no-repeat;
	text-indent:-9999px;	
}
#backtotop a:hover {
	opacity:0.7;
}








.masonry-item {
	width:410px!important;
	float:left!important;
	margin:0 15px 30px;
}




.table_schedule {
	margin:30px 0;
	width:100%;
}

.table_schedule th,.table_schedule td {
	padding:10px;
	border:solid #eee 1px;
}

.table_schedule th {
	width:150px;
	border:solid #85b126 1px;
	color:#fff;
	vertical-align:middle;
	background: url("img/noise.png") repeat scroll 0 0 #96be44;
	text-shadow:#5e840a 1px 1px 1px;
}

.schedule-week {
	font-size:14px;
}


#calendar-box {
	text-align:center;
}


.schedule-year {
	margin:30px 0;
	font-size:30px;
}




#side-banner {
	margin:0 0 20px;
}



/*ページネーション*/

#pagination .current, #pagination a,#calendar-box li a{
	padding:4px 9px;
	background:#fff;
	margin:5px 0 5px 5px;
	text-decoration:none;
	color:#269364;
	border-radius:50px;
}

#calendar-box li a{
	display:block;
}

#pagination {
	margin:30px 0;
	text-align:center;
}

#pagination .current, #pagination a{
	padding:8px 13px;
	background:#fff;
}
#pagination a {
	color: #fff;
	background: #269364;
}


#calendar-box li {
    float: left;
}


/*------------------------------------form------------------------------------*/





.wpcf7-form input,.wpcf7-form textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
    box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
    font-size: 12px;
	width:90%;
	padding:10px;
	margin:10px 0;
}
.wpcf7-form input[type="submit"] {
	width:100px;
}

.wpcf7-form input[type="submit"]:hover {
background:#52b751;
color:#fff;
text-align:center;
}