@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);



/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

	body
	{
		/*background: #000000;*/
				background: #D4D9DD url('images/bg02.jpg');

	}
	

	body, input, textarea, select
	{
		color: #474f51;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz' ;
		line-height: 1.85em;
		font-weight: 300;
	}
	
			.wrap {
	overflow: hidden;
}
img {
	max-width:100%; /* 画像の最大幅 */
	width /***/:auto; /* IE8のみ */
	height:auto;
}
	
	section p
	{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height:1.5em;

	}	

	section p.uramado
	{

		font-family: Meiryo, Osaka,'Yanone Kaffeesatz' ;
		font-size:0.9em;
		line-height:1.7em;


	}
	
	.subtitle
	{
		color: #F30;
		font-size:1.1em;
		font-weight:bold;
		margin: 0px 0 5px 0;
	}
	
	#sakuin{
		color:#FFF !important;
		background-color:#FFF !important;
		background-image:url(images/bg02.jpg) !important;
		background-repeat:repeat-x !important;
		padding:1% !important;
		
	}



	ul, ol, p, dl
	{
		margin: 0 0 2em 0;
	}

	a
	{
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	section > :last-child, .last-child
	{
		margin-bottom: 0 !important;
	}
	
	.bold{
		font-weight:bold !important;
		
	}
	
		section a
	{
		text-decoration:none !important;
	}	
	
		.deta
		{
			display:block;
			color: #999 !important;
			font-size: 0.8em !important;
			line-height:1.1em;
			width:100%;
			
		}	
	
		.deta_bg
		{
			display:block;
			color: #999 !important;
			font-size: 0.8em !important;
			line-height:1.2em;
			border: #F0F0F0 dotted medium !important;
;
			padding:0.5em;
			width:100%;
			
		}		
	
		.deta_bg02
		{
			display:block;
			color: #999 !important;
			font-size: 1em !important;
			line-height:1.5em;
			border: #F0F0F0 dotted medium !important;
			line-height:2em;
			padding:2em;
			width:100%;
			
		}

		.hiduke
		{
			font-family: Meiryo, Osaka,'Yanone Kaffeesatz' ;
                        text-align:right;
			display:block;
			color: #999 !important;
			font-size: 0.7em !important;
			line-height:1.5em;
			padding:0.5em;
			width:100%;
			
		}

		#content .link-list-song li.teikyoukyoku a
		{

			color:#71A4D9 !important;
			
			font-size:0.9em !important;
			

			
		}	
	
		

/* Multi-use */

	.link-list
	{
	}
		.teikyoukyoku
		{
			
                        font-size:0.9em !important ;
			color: #71A4D9 !important;
			font-family: Meiryo, Osaka,'Yanone Kaffeesatz' ;
			
		}
	
		.link-list li
		{
			padding: 0.2em 0 0.2em 0;
		}
		
		.link-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}
		
		.link-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .link-list li
		{
			border-bottom: solid 1px #e2e6e8;
			
		}
		
		
		#content .link-list-song li
		{
			border-bottom: solid 1px #e2e6e8;
			padding:0 0 0 0.5em;
			color: #e2e6e8 !important;
			line-height:1.3em;
			

		}		
		
		#content .link-list-song li a
		{
			color:#333 !important;
			
			font-size:0.8em !important;
		}
		
		#content .link-list-song li a:hover
		{
			color:#C00 !important;

		}		
		
		
		#footer .link-list li
		{
			border-top: solid 0.5px #900;
			border-bottom: solid 0.5px #900;
		}

	.quote-list
	{
	}
	
		.quote-list li
		{
			padding: 1em 0 1em 0;
			overflow: hidden;
		}
		
		.quote-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

			.quote-list li img
			{
				float: left;
			}

			.quote-list li p
			{
				margin: 0 0 0 90px;
				font-size: 1.2em;
				font-style: italic;
			}
			
			.quote-list li span
			{
				display: block;
				margin-left: 90px;
				font-size: 0.9em;
				font-weight: 400;
			}

		#content .quote-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .quote-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
	
	.check-list
	{
	}

		.check-list li
		{
			padding: 0.7em 0 0.7em 45px;
			font-size: 1.1em;
			background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

/* 		#content .check-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .check-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}*/
		
	.feature-image
	{
		display: block;
			background: none;
		outline: 0;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1em 0;
		outline: 0;
	}
	
		.feature-image img
		{
			display: block;
			width: 100%;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff;
		padding: 10px !important;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
	}
	
		.bordered-feature-image img 
		{
			display: block;
			width: 100%;
		}
	
	.button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}
	
	.pagetitle	{

		background: #FFF url('images/bg01.jpg');
		padding:5px 0 5px 20px;
		margin-bottom: 20px;
		color:#FFF !important;
		text-decoration:none;		
	}
	.pagetitle a	{
		text-decoration:none;
		color:#FFF !important;
		font-weight:bold;				
	}
	.pagetitle a:hover	{
		color:#CCC;		
	}
	
	
	.wordtitle	{
		display:block;
		background: #FFF url('images/bg01.jpg') !important;
		padding:5px 0px 5px 0px !important;
		margin:0px 0 20px 0px !important;
		color:#FFF !important;
		text-decoration:none;
		width:90px;
		text-align:center;
		font-size:0.9em !important;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);		
			
	}	

	blockquote.words	{
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	border: #F0F0F0 solid thin !important;
	background-color: #FEFDD1;
	font-size:1.6em;
	padding:25px;
	}
	
	blockquote.words p	{
		line-height:1.3em!important;
		margin-bottom:0.3em;
		padding-bottom:0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
		
	}
	
	.innyou	{
		display:block;
		font-size:0.6em !important;
		color:#ccc;
	}
	
	.kaidai	{
		width:95%;
		border-left: solid thin #ccc;
		margin-left:2%;
		margin-bottom:10px;
		padding:20px 10px 10px 10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height:1.4em;

	}
	.kaidai_tit	{
		display:block;
		background-color:#333;
		padding:5px !important;
		text-align:center;
		margin:0px 0 10px 0px !important;
		color:#FFF !important;
		text-decoration:none;
		width:50px;
		font-size:0.9em !important;		
			
	}
	
	blockquote.side	{
	display:block;
	box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
	border: #F0F0F0 solid thin !important;
	background-color: #fff;
	padding:30px 20px 0px 20px;
	margin-bottom:20px!important;		
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
	}
	
	blockquote.side p	{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;
	}


	.words p	{
		line-height:1em !important;
		margin:0px!important;
		padding:0px!important;
		font-size:0.8em;

	
	}	
	
	.sideway_tit
		{
		/*	color:#c00 !important;*/
		/*	color:#c00 !important;*/
			/*font-size:1.5em !important;
			font-weight:bold !important;
			padding:5px 0 5px 0 !important;
			margin:0px 0 20px 0 !important;
			text-shadow: -0.4px -0.4px 0.4px rgba(0,0,0,0.25);
						border-bottom: solid 1px #e2e6e8;*/
		}	
		
	.innyou02	{
		display:block;
		font-size:1em !important;
		color:#ccc;
		margin:0.5em 0 0 0;
		padding:0;
	}
	
	.sakuin_tit	{
		display:block;
		font-size:0.9em !important;
		margin:0px !important;
		padding:0px;
		color:#c33 !important;

	}
	


	#reve h3 {
		font-size:1em !important;

min-height:1.8em;
height:auto !important;
height:1.8em;

margin-top:20px;
margin-bottom:30px;
		padding-left:5px !important;
		padding-top:0.3em;
		padding-bottom:0.3em;
		
		color:#333;
		background-color: #FFC;
		font-style:italic;
		color: #666;
	display:block;
	box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0,0,0,0.15);
	border: #F0F0F0 solid thin !important;
	}
	

	h2 {
		font-size:0.9em !important;
		margin-bottom:10px;
		color:#71A4D9;
	}	

	h4 {
		font-size:0.9em !important;
		margin-bottom:10px;
		color:#A7BD00;
	}	
	
	
	h5 {
		font-size:1.1em !important;
		margin-bottom:10px;
		margin-left:5px;
		color:#003;
	}
	
	blockquote.side	{

	background-color: #fff;
	
	}	
	
	
	.song_tit {
		display:block;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:1.1em;
		font-weight:bold;
		color: #F30;
		font-style:italic;
		margin:0.5em 0 0.5em 0.1em;
		}		

/*TOPへ戻るボタン*/

    #pageTop {

      position: fixed;
      bottom: 0px;
      right: 20px;
	  float:right;
    }

     

    #pageTop a {
      display: block;
      z-index: 999;
      padding: 8px 0 0 8px;


    }

     

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }







/*===============================================
● PC 画面の横幅が737px以上
===============================================*/
@media screen and (min-width: 737px){
	
.sp-only{
	display:none;

    }
 
}

/*===============================================
● SP 画面の横幅が736pxまで
===============================================*/
@media screen and (max-width:736px){
	
.pc-only{
	display:none;

    }	
	
 
}