@charset "UTF-8";
/* CSS Document */

#main_time{
	float: right;	
	width: 726px;	
	height:100%;
	padding-bottom: 20px;
	margin-left:0px;
	background:#fff;	
}

.time_top_holder{
	width:726px;height:150px;
	padding:10px 0;
	border-bottom:solid 10px #87b78e;
	background-image:url("../images/time_titleback1.jpg");	
}
.time_h1{	
	width:616px;height:68px;
	padding:0;
	margin:10px auto 10px auto;
}


.time_holder_title{
	position:relative;
	width:686px;
	margin:20px auto 10px auto;
}
.time_holder_l{
	float:left;
	width:135px;
	text-align:center;
}

.time_holder_r{
	float:left;
	width:485px;
	margin-left:20px;
	font-size:28px;
	font-weight:bold;
	color:#333;line-height:1.0;
	text-align:left;
	font-family:'ヒラギノ角ゴ Std W8';
}




#time_top{
	padding: 20px 20px 20px 20px;
	width:686px ;
	background:#fffeee;
	
}


#time{
	padding: 20px 40px 20px 40px;
	width:646px ;
	background:#fffeee;
}


.time_intro_holder{
	clear:both;
	width:626px ;
	margin:10px auto 0px auto;
	overflow:auto;	
}
.th_l{
	float:left;
	width:402px ;	
	font-size:18px;line-height:1.7;
	font-weight:bold;
}
.th_r{
	float:right;
	width:204px ;
	text-align:center;	
}


.time_h2{
	clear:both;
	text-align:center;
	color:#fff;
	margin:20px 0 20px 0 ;
	border:5px solid #a1d2e9;
	padding:7px;
	font-size:38px;
	line-height:1.0;
	background-image:url("../images/time_back2.jpg");	
	font-family:'ヒラギノ角ゴ Std W8';
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;		
}

.time_h2-2{
	clear:both;
	text-align:center;
	color:#fff;
	margin:0px 0 0 0 ;
	border:4px solid #a1d2e9;
	padding:5px 3px 5px 3px;
	font-size:28px;
	line-height:1.0;
	background-image:url("../images/time_back2.jpg");
	background-repeat: no-repeat;	
	font-family:'ヒラギノ角ゴ Std W8';	
}


.space_tsume{
	letter-spacing:-10px;
}


#time h3{
	clear:both;
	text-align:left ;
	margin:20px 0 0 0;
	border-left:10px solid #60b7df;
	padding-left:5px;
	font-size:20px ;
	line-height:1.5;	
	font-family:'ヒラギノ角ゴ Std W8';
}

.time_p{
	font-size:15px ;
	line-height:1.7;
	margin-top:10px;
}



.section2{
	padding-top:40px;
}


.color{
color:#f6ad3c;
}



#sub_time1 {
	float: left;
	width: 300px;
	height:100%;
	padding: 0px;
	margin-right:0px;
	background:#fff;	
}

#sub_time2 {
	float: left;
	width: 300px;
	height:100%;
	padding-bottom: 0px;
	margin-right:0px;
	background:#fff;	
}


.time_mokuji{
	width:300px;
	font-size:20px;color:#fff;font-weight:bold;
	text-align:center;letter-spacing: 0px;line-height:1.2;
	border:solid 1px #00ab84;
	background:#64c0ab;
	padding:5px 0 2px 0;
}
.mokuji_space{
	letter-spacing:10px;
}


.tm{
font-size:18px;color:#000;
border-left:10px solid #ee869a;padding-left:4px;margin-bottom:0;
margin-top:10px;margin-left:10px;
line-height:1.5;
}

.tm a:link{
color:#000000;
text-decoration:none;
border-bottom: 2px solid #9fd9f6;
}
.tm a:visited{
color:#000000;
text-decoration: none;
border-bottom: 2px solid #9fd9f6;
}
.tm a:hover{
color:#e95383;
text-decoration: none;
border-bottom: 2px solid #e50065;
}

.tm_selected{
font-size:18px;color:#000;
font-weight:bold;
border-left:10px solid #ee869a;padding-left:4px;margin-bottom:0;
margin-top:10px;margin-left:10px;
line-height:1.5;
}



/**ーーーーーレコード批評ーーーーーーーーーーーーーー**/

.time_hihyou_holder{
	width:646px;border:solid 1px #666;
	padding:0px 20px 20px 20px;margin-top:20px;overflow:auto;
	background:#ebf6f5;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	text-align:justify;
    text-justify:inter-ideograph;
}
.time_hihyou_holder h2{
	font-size:24px;line-height:1.7;
	margin-top:10px;
}
.time_hh_l{
	width:366px;float:left;
}
.hihyou{
	font-size:15px;line-height:1.7;
	margin-top:20px;
}
.time_hh_r{
	float:right;width:260px;
	margin-top:30px;
}

.time_album{
	margin-top:30px !important;
}

.time_bold{
	font-weight:bold;
	font-size:16px;line-height:1.7;
}




/**ーーーーーーールノーーーーーーーーーーーーーーーーーーーーーーーーー**/

.time_holder{
	clear:both;
	height:auto;
	position:relative;
	margin-top:10px;	
	padding:0px 0px;
	overflow:hidden;
}
.time_left{
	float:left;
	width:333px;
	margin-top:0px;
}

.time_left p{
	font-size:15px;
	font-weight:normal;
	color:#000;line-height:1.7;
}

.time_right{
	float:right;
	width:333px;
	
}

.time_r1{
	width:333px;
	height:222px;
}
.time_r2{
	width:333px;
	height:235px;
	margin-top:10px;
	margin-bottom:0px;
}

.time_c{
	clear:both;
	width:686px;
	height:458px;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
}
.time_r3{
	width:333px;
	height:332px;
	margin-top:5px;
	margin-bottom:30px;
}





.time_profile{
clear:both;width:500px;margin:10px auto 10px auto;
font-size:15px;line-height:1.5;padding:10px;
border:solid 1px #666;	
-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top:20px;
}


.bold{
	font-weight:bold;
}
















/*ここからスマートフォン用（480px以下）環境の設定
------------------------------------------------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){
	




#main_time{	
	float: none;
	width: auto;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px 0px 0px 0px;	
}



.time_top_holder{
	width: auto;
	height:auto;
}

.time_h1{	
	width: auto;
	height:auto;
	padding:0 10px;
	margin:0;
	
}

.time_h2{
	margin:20px 10px 10px 10px ;	
	font-size:30px;
	padding:10px;		
}

.time_holder_title{
	width: auto;
	height:auto;
}
.time_holder_l{
	float:none;
	width:auto;
	text-align:center;

}

.time_holder_r{
	float:none;
	width: auto;
	height:auto;
	margin-top:10px;
	padding-bottom:0px;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	
}








#time_top{
	padding: 20px 0px 20px 0px;
	width:auto ;
	overflow:auto;
}
#time_top p{
	margin-top:0px;
	margin-bottom:10px;
	
}


#time{
	padding: 15px;
	width: auto;
	height:auto;
}



.time_intro_holder{
	width: auto;
	height:auto;
	overflow:auto;
	padding:10px 15px 0px 15px;
}

.th_l{
	float:none;
	width: auto;
	height:auto;
	overflow:auto;
	font-size:18px;line-height:1.7;
	font-weight:bold;
}
.th_r{
	float:none;
	width: auto;
	height:auto;
	margin-top:10px;
	overflow:auto;
}
.th_r img{
	max-width: 70%;
	height:auto;
	
}

.time h2{
	width:100%;height:auto;
	clear:both;
	margin:20px 0 0 0 ;
	border:5px solid #a1d2e9;
	padding:5px;
	font-size:22px;
	background-size:360px 100%;	
}

.time h2-2{
	clear:both;
	margin:20px 0 0 0 ;
	border:5px solid #a1d2e9;
	padding:4px;
	font-size:20px;
	background-size:360px 100%;	
}

#time h3{
	clear:both;
	text-align:left ;
	margin:20px 0 0 0;
	border-left:10px solid #60b7df;
	padding-left:5px;
	font-size:20px ;
	line-height:1.5;	
}

#time_top p{
	font-size:18px ;
	line-height:1.7;
	margin-top:10px;
}
#time p{
	font-size:18px ;
	line-height:1.7;
	margin-top:10px;
}

#sub_time1 {
float: none;
width: auto;
height:auto	
}

#sub_time2 {
float: none;
width: auto;
height:auto;
padding:10px;
}

#sub_time2 img{	
	width: 100%;height:auto;
	padding-bottom: 0px;
	margin-right:0px;	
}

.time_mokuji{
	width:auto;height:auto;
	font-size:20px;
	text-align:center;letter-spacing: 0px;line-height:1.2;
	border:solid 1px #00ab84;
	background:#64c0ab;
	padding:4px 0 2px 0;
}





/**ーーーーーーールノーーーーーーーーーーーーーーーーーーーーーーーーー**/


.time_holder{
	margin-top:0px;
	padding:0px 15px 0px 15px;
}





.time_left{
	float:none;
	width:100%;
	height:auto;
	margin:0px;
	padding:0;
}

.time_right{
	float:none;
	width:auto;
	width:auto;	
	height:auto;
	margin:0px;
	padding:0;
}

.time_r1{
	width:auto;
	height:auto;
	padding-top:0;
	margin:0px;
	padding:0;	
}
.time_r1 img{
	width:auto;
	height:auto;	
}
.time_r2{
	width:auto;
	height:auto;
	margin:0px;
	padding:0;
}
.time_r2 img{
	width:auto;
	height:auto;	
}
.time_c{
	clear:both;
	width:auto;
	height:auto;
	margin:5px 0px 10px 0px;
	padding:0px 15px 0px 15px;
}

.time_c img{ 
	width:auto;
	height:auto;	
}


/**ーーーー目次ーーーーーーーーーーーーー**/

.tm{
margin-top:10px;margin-left:15px;
}
.tm_selected{
margin-top:10px;margin-left:15px;
}


/**ーーーー批評ーーーーーーーーーーーーー**/

.time_hihyou_holder{
	width:auto;
	height:auto;
}
.time_hihyou_holder h2{
	width:auto;
	height:auto;
	font-size:24px;line-height:1.7;
	margin-top:10px;
}
.time_hh_l{
	float:none;
	width:auto;
	height:auto;	
}
.hihyou{
	font-size:16px !important;
	line-height:1.7;
	margin-top:20px;
}
.time_hh_r{
	float:none;
	width:auto;
	height:auto;
	margin-top:30px;
}

.time_album{
	margin-top:30px !important;
	width:auto;
	height:auto;
	text-align:center;
}

.time_bold{
	font-weight:bold;
	font-size:18px !important;
	line-height:1.7;
}









.time_profile{
width:auto;
height:auto;
font-size:15px;line-height:1.5;padding:10px;
}




}