@charset 'utf-8';

.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}

/* Common
 * --------------------------------------------------------*/
 
 .title{
	 width: 960px;
	 margin: 0 auto;
}

.attention{
	text-align: center;
    letter-spacing: 0.08em;
    color: #FF7579!Important;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1.7em;
}

#contents p{
	font-family:"A1明朝","A1 Mincho ", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom: 30px;
	font-size: 170%;
	color: #6A6361;}

#contents 	.yodogawa p{
	width: 400px;
    margin: 0 auto;
    line-height: 1.8em;
	}
	
#contents 	.yodogawa{
	background-image: url(../images/back_img.png);
	background-position: center;
	background-repeat: repeat-y;
	height: auto;
	background-position: top;
	border-bottom: hidden;
	padding-bottom: 50px;
}

#contents .list{
	margin-top: 50px;
	margin-left: 10px;
	margin-bottom: 50px;
	}
	
#contents .list p{
	padding-left: 50px;
	line-height: 1.5em;
	}
	
#contents .column{
	background-image: url(../images/column_flame.png);
	background-repeat: repeat-y;
	background-size: auto;
	}
	
#contents .column_title{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;}


	
#contents .column_left p{
	font-size: 150%;
	line-height: 1.8em;
	padding-left:130px;
	}
	
#contents .column_right p{
	font-size: 130%;
	line-height: 1.3em;
	margin-top: 5px;
	padding-right: 130px;
	}
	
#contents .info{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	}

#contents .org{
	margin-left: 150px;
	margin-bottom: 70px;}
	
#contents .csn{
	margin-right: 150px;
	margin-bottom: 70px;}
	
#contents .images{
	width: 960px;
	}
#contents h2 + div
{
    padding: 40px 0;
    border-bottom: 5px #e5e5e5 solid;
}
#contents h2 + div p
{
    font-size: 180%;
    line-height: 1.833333333333333;
    width: 550px;
    margin: 0 auto;
}
#contents h2 + div + div
{
    width: 550px;
    margin: 40px auto;
}
#contents h2 + div + div img
{
    margin: 30px 0;
}
#contents h2 + div + div p
{
    font-size: 160%;
    line-height: 1.875;
}

@media (max-width : 600px ){
    #wrapper
    {
        width: 600px;
    }
    #contents
    {
        font-size: 13px;
    }
	.title{
		width: 500px;
		}
	#contents 	.yodogawa{
	padding-left: 50px;
	}
	#contents .list{
		float: none;
	}
	
	#contents .list p{
		line-height: 1.5em;
		}
		
	#contents .images{
		width: 550px;
		margin: 0 0 0 0;
		margin-left: 30px;}
		
	#contents .column{
		background-size: contain;}
		
	#contents .column_title{
		width: 400px;
		margin: 0 auto;}
	
	#contents .column_right p{
		font-size: 120%;
		padding-right: 130px;
		}
		
	#contents p span:before{
		content: "\A";
		white-space: pre;
	}
	#contents .column_right img{
		width: 400px;
		float: none;
		}
	#contents .column_left p{
		padding-left: 100px;}
		
	#contents .column_right{
		float: none;
		padding-left: 100px;}
	}