@charset "shift-jis";

/* ボディ */
body {
   background-color: #dedede;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 14px ;	/* 文字サイズ */
	line-height: 1.418 ;	/* 行の高さ */	
}

.all {
	margin-right: auto;
    margin-left : auto;
    background-color: #ffffff;
}

img {
	
}

.textmain {
		line-height: 2.618 ;
		margin-top: 35px;
		padding-left: 30px;
		padding-left: 30px;
}

#pankuzu {
	font-size: 100%;
	color: #676767;
    margin-bottom: 30px;
    text-align: right;
    }

#freeh1 {
	font-size: 110% !important;
	color: #676767;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pdescription {
	font-size: 100%;
	color: #676767;
	margin-bottom: 70px;
	line-height: 1.618 ;
	background-color: #fbffd8;
    border-radius: 0.5em;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#freeh2 {
	font-size: 130% !important;
	color: #8b3f00;
	margin-top: 0px;
	margin-bottom: 0px;	
}

.kaisyakuno {
	font-size: 120%;
	margin-top: 70px;
	margin-bottom: 0px;	
	color: #8b3f00;
	font-weight: bold;
	line-height: 1.918;
}

.newlist {
	line-height: 2.618 ;
	margin-top: 35px;
/*	background-color: #eeeeee; */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    border-radius: 0.5em;
}

#freeh3 {
	font-size: 100% !important;
	color: #383838;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#freeh4 {
	font-size: 100% !important;
	color: #383838;
	margin-top: 40px;
	margin-bottom: 0px;	
}

#sankou {
	color: #8b3f00;
	font-size: 120%;
	line-height: 30px;
}

#freeh4ul {
	line-height: 2.618;
	font-size: 100%;
}


#freeh-hokanoyume {
	line-height: 2.618;
	font-size: 100%;
	font-weight: bold;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.author {
	line-height: 2.618 ;
	margin-top: 35px;
/*	background-color: #eeeeee; */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
    border-radius: 0.5em;	
}

#texttiisai {
	line-height: 2.618;
	font-size: 90%;	
	color: #3d3d3d;	
}

.lispansb {
	font-size: 85%;
	color: #3d3d3d;	
}


a:link {
    color: #505050;
	text-decoration: none;
}
a:visited {
    color: #505050;
	text-decoration: none;
}
a:hover {
    color: #505050;
	text-decoration: underline;
}


a:active {
    color: #505050;
	text-decoration: none;
}

a:hover .imgep {
 	opacity: 0.9;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ボディ */
	body
	{
		font-size: 18px ;	/* 文字サイズ */
	line-height: 1.418 ;
	}

#pankuzu {
	font-size: 95%;
    color: #505050;
    margin-bottom: 0px;
    text-align: right;
    margin-bottom: 30px;
    }

#freeh1 {
	font-size: 100% !important;
	color: #505050;
	margin-top: 0px;
	margin-bottom: 0px;
}

#freeh2 {
	line-height: 1.4 !important;
	}

.kaisyakuno {
	font-size: 120%;
	margin-top: 70px;
	margin-bottom: 0px;	
	color: #8b3f00;
	font-weight: bold;
	line-height: 1.5;
}

#pdescription {
	font-size: 95%;
	color: #676767;
	line-height: 1.618 !important;
	margin-bottom: 50px;
	background-color: #fbffd8;
    border-radius: 0.5em;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#freeh4ul {
	line-height: 3.618 !important;
	font-size: 110%;
}

.textmain {
		line-height: 2.3 !important;
		margin-top: 35px;
		padding-left: 0px;
		padding-left: 0px;

}

}

/* ヘッダー */
.header
{

	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-bottom: 0px ;			/* 他のブロックとのスペース */
	background: #cfeafc ;			/* 背景色(確認用) */
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

/* ロゴ画像 */
.logo
{
	width: 450px ;
    margin-right: 350px;

}


/* フッター */
.footer
{
	font-size: small;
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	margin-top: 0px ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #e7f4fe;
    color: #767676;	
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;
				/* 上下左右の余白を0にしておく */
    background-color: #ffffff;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	
	/* ロゴ画像 */
	.logo
	{
		width: 260px ;
		padding: 0px;
		margin: 0px;
	}	
	
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;
	}
	
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 618px ;
	padding: 20px ;					/* 上下左右に20pxの余白 */
	border: 1px solid rgba(0,0,0,.1) ;		/* 枠線 */
}

.side
{
	width: 320px ;
}



/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side
	{
		width: auto ;
	}
	
}




/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}

.side
{
	float: right ;		/* 右に寄せる */
}





/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
.main , .side
	{
		float: none ;
	}


	
	
}

.wrapper
{
	overflow: hidden ;
}