/* 全画面領域設定 */
/*
  ====body====
    ==#BOX=== 外側DIV
	header
	
	
	#FOOTER
  ====body=====
*/

body		{
				margin:0;
			}
.clear		{
				clear:both;
			}
.space		{	/*空白*/
				margin:50px auto;
			}
.space20	{
				height:20px;
			}
.space30	{
				height:30px;
			}
.space50	{
				height:50px;
			}
.space80	{
				height:80px;
			}
			
			
#BOX		{
				width:100%;
				max-width:840px;
				margin:0 auto;
			}
			



.headbox	{
			float:left;
			font-size:12pt;
			}
.headbox	a:link	{
			color:#FFF;
			text-shadow:1px 1px 5px #000;
			}
.headbox	a:visited	{
			color:#FFF;
			text-shadow:1px 1px 5px #000;
			}
			
time		{
			margin:0;
			color:#FFF;
			text-shadow:1px 1px 2px #000;
			font-size:9pt;
			float:right;
			}
			

.titlebox	{
			width:100%;
			max-width:780px;
			margin:0 auto;
			background-size:cover;
			background-repeat:no-repeat;
			padding:25% 0;
			}
.titlebox	h1	{
			margin:0;
			padding:0 20px;
			color:#FFF;
			text-shadow:1px 1px 10px #000;
			border-bottom:1px solid #FFF;
			background-color:rgba(200,200,200,0.5);
			}



.titlebox2	{
			width:100%;
			max-width:780px;
			margin:0 auto;
			background-size:cover;
			background-repeat:no-repeat;
			padding:25% 0;
			}
.titlebox2	h1	{
			margin:0;
			padding:0 20px;
			color:#000;
			text-shadow:1px 1px 3px #FFF;
			border-bottom:1px solid #000;
			background-color:rgba(255,251,201,1.0);
			}



			/*高さ小さめのオート設定*/
.titlebox3	{
			width:100%;
			max-width:780px;
			margin:0 auto;
			background-size:cover;
			background-repeat:no-repeat;
			padding:5% 0;
			}
.titlebox3	h1	{
			margin:20px auto;
			padding:0 20px;
			color:#FFF;
			text-shadow:2px 2px 10px #000;
			border-bottom:1px solid #FFF;
			background-color:rgba(200,200,200,0.5);
			}
			




h2			{
			border-bottom:1px solid #000;
			width:90%;
			margin:20px auto;
			}
h3			{
			width:90%;
			margin:20px auto;
			}
p			{
			margin:30px auto;
			font-size:14pt;
			width:90%;
			}

p  a:link	{
			
			}
.imgcenter	{	/*画像まんなか*/
			width:90%;
			display:block;
			margin:0 auto;
			}
.imgcenter640	{	/*画像まんなか　640px*/
			width:90%;
			max-width:640px;
			display:block;
			margin:0 auto;
			}
.imgright	{	/*画像右寄せ*/
			width:30%;
			max-width:122px;
			margin-right:5%;
			max-height:300px;
			float:right;
			}
			
.bread	ol	{/*パンくず*/
			margin:0;
			list-style:none;
			padding:0;
			}
.bread	li	{
			float:left;
			font-size:8pt;
			margin:0 3px;
			
			}

.orange		{
			color:#ff8a00;
			}
.bbf		{
			font-weight:bold;
			}


.link	a:link	{	/*リンクボタン*/
			width:80%;
			margin:0 auto;
			display:block;
			background:linear-gradient(#ff4800,#ff946a);
			font-size:12;
			color:#FFF;
			text-align:center;
			border-radius:10px;
			border:1px solid #FFF;
			padding:10px 0;
			box-shadow:0 0 5px #999;
			}
.link	a:visited	{
			color:#FFF;
			}




.ad-banner		{	/*広告imgを可変に*/
					text-align:center;
					max-width:468px;
					width:100%;
					margin:20px auto;
					height:auto;
			}
.ad-banner		img	{
					width:100%;
					height:auto;
			}
.ad-banner	img[width="1"] {	/*サイズ1pxの小さいものを非表示に*/
					height:0;
					width:0;
					margin:0;
					border:none;
					}


nav.mokuji		{	/*もくじ*/
				width:70%;
				max-width:400px;
				margin:20px auto;
				border:3px double #BBB;
				}
				
			

ul.point		{	/*リスト幅90%*/
			width:80%;
			margin:20px auto;
			padding:0px;
			}
ul.point	li	{
			margin:20px 0;
			padding:0;
			font-size:12pt;
			width:100%;
			}
ul.point	span	{
			background-color:#fffb97;
			font-weight:bold;
			font-size:14pt;
			}


table.price1	{
			width:85%;
			margin:20px auto;
			border-collapse:collapse;
			}
table.price1	th,td	{
			border:1px solid #333;
			padding:7px 5px;
			}



.bb1		{
				font-weight:bold;
				
			}
.bb2		{
				color:#ff6868;
				font-weight:bold;
			}
.yellow		{
				background-color:#fcff28;
			}
.red		{
				color:#ef0000;
			}
.bg1		{
				background-color:#fffbc9;
			}

			
			/*予算200円で使用の幅500px*/
.smallbox	{	
				width:100%;
				max-width:600px;
				margin:10px auto;
			}
.imagebox	{
				margin:10px;
				float:left;
			}





.link1			{	/*テキスト広告のリンクボタン用*/
					
					margin:50px auto;
					}
.link1		a:link	{
					display:block;
					width:80%;
					margin:30px auto;
					padding:20px 10px;
					background:linear-gradient(#2aff00,#22cf00);
					color:#FFF;
					font-size:11pt;
					font-weight:bold;
					text-align:center;
					border:1px solid #FFF;
					border-radius:8px;
					box-shadow:0 0 5px #888;
					text-shadow:0 0 5px #888;
					}
.link1		a:visited	{
					color:#FFF;
					}



.link2		{	/*画像バナーの横長の調節表示用 200px*/
					text-align:center;
					
					width:200px;
					margin:10px;
					height:auto;
					float:left;
					}
.link2	img	{
					width:100%;
					height:auto;
					
					}
.link2	img[width="1"] {	/*サイズ1pxの小さいものを非表示に*/
					height:0;
					width:0;
					margin:0;
					border:none;
					}



.list1			{	/*サーバー選びのコツで使用*/
					width:90%;
					margin:10px auto;
					font-size:14pt;
				}
.list1	li		{
					margin:7px ;
					}


/*ページトップへ戻る*/
		.PAGETOP		{
				position:fixed;
				padding:10px;
				right:10px;
				bottom:10px;
				background-color:rgba(200,200,200,0.4);
				border-radius:5px;
				}



/*フッタ*/
#footer		{
			}
#footer		p.copy	{
				font-size:9pt;
				text-align:center;
				}