@charset   "Shift_JIS";
/*　ページ背景の色を指定しています（白）　*/
body {
	background-color: #cccccc;
}
/* 	解説
	background-color: #FFFFFF;　背景の色、白を指定しています　*/


/* ヘッダー部分です（青）*/
#head {
	width: 740px;
	Background-color: #ffffff;
	border-bottom: 3px double #009900;	
       padding-top: 10px;
	padding-bottom: 20px;
       padding-right: 5px;
	padding-left: 5px;
       margin: auto;
		
}
/* 	解説
　　width: 740px;　横幅を指定しています
　　height: 100px;　縦幅を指定しています
	background-color: #3399FF;　背景の色、青を指定しています
	border: 1px solid #000000;　黒の外枠を付けています
	margin-right: auto;　中央構えになります
	margin-left: auto;　中央構えなります　*/


/* メインエリア部分です（黄色）*/
#main {
	width: 740px;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
       margin-right: auto;
	margin-left: auto;
      
}
/* 	解説
	width: 640px;
	background-color: #FFFFCC;　背景の色、黄色を指定しています
	border-right: 1px solid #000000;　黒の右枠を付けています
	border-left: 1px solid #000000;　黒の左枠を付けています
	padding-top: 10px;　上部に余白を10px空けました
	padding-bottom: 10px;　下部に余白を10px空けました
	padding-right: 50px;　右側に余白を50px空けました
	padding-left: 50px;　左側に余白を50px空けました
	margin-right: auto;
	margin-left: auto;　*/

/* ボックスエリア部分です（商品画像）*/
.imgbox {
	background-color: #ffffff;
	text-align: center;
       margin-top: 20px;
       margin-bottom: 20px;
  
      	}


.imgbox2 {
	width: 150px;
       background-color: #ffffff;
	text-align: center;
       margin-top: 20px;
       margin-left: 45px;
       margin-bottom: 35px;
       float: left;
	}

.imgbox2b {
	width: 150px;
       background-color: #ffffff;
	text-align: center;
       margin-top: 20px;
       margin-left: 15px;
       margin-bottom: 15px;
       float: left;
	}

/* ボックスエリア部分です（商品画像）*/
.imgbox3 {
	background-color: #ffffff;
	text-align: center;
       padding-top: 30px;
       margin-top: 5px;
       margin-bottom: 35px;　
   	}

.imgbox3b {
	background-color: #ffffff;
	text-align: center;
	font-size: 20px;
	color: #0078f0;
       padding-top: 30px;
       margin-top: 5px;
       margin-bottom: 35px;　
   	}

.imgbox3c {
	background-color: #ffffff;
	text-align: center;
	font-size: 14px;
       color: #000000;
       margin-top: 25px;
       margin-left: 25px;
       margin-bottom: 25px;　
   	}

.imgbox4 {
	background-color: #ffffcc;
	text-align: center;
       margin-top: 30px;
       margin-bottom: 35px;
       	}
.imgbox5 {
	width: 150px;
       background-color: #ffffff;
	text-align: left;
       margin-top: 20px;
       margin-left: 5px;
       margin-bottom: 25px;
}

.imgbox6 {
	background-color: #ffffff;
	text-align: left;
       margin-bottom: 20px;
       padding-right: 30px;
}

.imgbox7 {
	width: 150px;
       background-color: #ffffff;
	text-align: left;
       margin-top: 20px;
       margin-left: 5px;
       margin-bottom: 25px;
　　　 float: left;
}


/* フッターエリア部分です（緑色）*/
#footer {
	width: 740px;
	height: 60px;
	background-color: #CCFF99;
	border: 1px solid #000000;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
       margin-right: auto;
	margin-left: auto;
}
/* 	解説
	width: 740px;
	height: 60px;
	background-color: #CCFF99;　背景の色、緑色を指定しています
	border: 1px solid #000000;
	font-size: 12px;
	text-align: center;　文字を中央構えにしています
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;　*/
	

/* ボックスエリア部分です（ピンク）*/
.box {
      width: 650px;
 	height: 200px;	
       font-size: 12px;
	text-align: center;
       padding-top: 30px;
	padding-left: 10px
       margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10;
	margin-left: 10;
       }
/* 	解説
	font-size: 12px;
	border: 1px solid #000000;
	background-color: #FFCCFF;　背景の色、ピンクを指定しています
	padding: 10px;　上下左右に余白を10px空けました
	width: 540px;
	margin-right: auto;
	margin-left: auto;　*/

.box2 {
       width: 660px;
       font-size: 12px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	text-align: left;
       padding-top: 30px;
	padding-left: 20px;
       margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10;
	margin-left: 10;
       }

.box3 {
       width: 600px;
	height: 650px;	
       font-size: 12px;
	border: 1px solid #00ffff;
	background-color: #ffffcc;
	text-align: left;
       padding-top: 10px;
	padding-left: 10px;
       padding-bottom: 10px
       margin-top: 20px;
	margin-right: 20;
	margin-left: 20;
       margin-bottom: 40px;
}
.box4 {
       width: 600px;
       font-size: 12px;
	border: 3px solid #00ffff;
	background-color: #ffffff;
	text-align: center;
       padding-top: 10px;
	padding-left: 10px;
       padding-bottom: 10px
       margin-top: 20px;
	margin-right: 20;
	margin-left: 20;
       margin-bottom: 60px;
}

}
.box5 {
       width: 580px;
	font-size: 12px;
	text-align: left;
       padding-top: 5px;
	padding-left: 5px;
       padding-bottom: 5px
       margin: 5px;
	
}

.box6 {
       width: 600px;
       font-size: 12px;
	border: 2px solid #00cc00;
	background-color: #ffffff;
	text-align: left;
       padding-top: 10px;
	padding-left: 10px;
       padding-bottom: 10px
       margin-top: 20px;
	margin-right: 20;
	margin-left: 20;
       margin-bottom: 30px;
}

.box7 {
       width: 680px;
	text-align: right;
       padding-top: 5px;
	padding-left: 5px;
       padding-bottom: 5px
       margin: 5px;
	
}
/* 強調タグ部分です */
h1 {
	
       font-size: 18px;
	color: #000099;
	font-weight: 900;
       text-align: center;
　　　 margin: 20px;
}
h2 {   
       padding-top: 15px;
       font-size: 30px;
	color: #ff0000;
　　　 font-weight: 900;
　　　 text-align: center;
}
h3 {
	padding-top: 10px;
       font-size: 34px;
	color: #ff0000;
　　　 font-weight: 900;
　　　 text-align: center;
}

h4 {
	padding-top: 10px;
       font-size: 34px;
	color: #ff0000;
　　　 font-weight: 900;
　　　 text-align: center;
}
h5 {
	color: #333333;
}
h6 {
	color: #333333;
}
/* 	解説
	color: #333333;　文字の色を指定しています　*/

A {
       font-size: 16px;
       font-weight: 800;
       color:#0033CC;
       text-decoration: underline;

}

/* テキスト部分です */
p {
	font-size: 14px;
       line-height: 8px;　
}
/* 	解説
	font-size: 14px; 文字の大きさを指定しています
	line-height: 20px;　行間を指定しています　*/
	
	
.white {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #FFFFFF;
}

.blue1 {
 font-size: 24px;
 font-weight: 900;
 line-height: 30px;
 color: #0000a0;
 padding-top: 5px;
 padding-left: 10px;
padding-right: 10px;
 padding-bottom: 5px;
 text-align: center;
 margin: 10px;
}

.blue2 {
 color: #0078f0;
 font-size: 14px;
 font-weight: 800;
 
} 

.blue3 {
 color: #0078f0;
 font-size: 26px;
 font-weight: 800;
 margin-top: 15px;
 line-height: 150%; 
 text-align: center;
} 

.blue4 {
 color: #0000a0;
 font-size: 22px;
 font-weight: 800;
text-align: center;
} 


.red {
 color: #FF0000;
  text-align: center;
}

.red2 {
 color: #ff0000;
 background-color: #ffff00;
 font-size: 14px;
 font-weight: 800;
 line-height: 5px; 
} 

.red3 {
 color: #ff0000;
 font-size: 26px;
 font-weight: 800;
 margin-top: 10px;
 line-height: 125%; 
} 

.red4 {
 color: #ff0000;
 font-size: 26px;
 font-weight: 800;
 margin-top: 30px;
 line-height: 100%; 
 text-align: center;
} 
.red5 {
 color: #ff0000;
 font-size: 14px;
 font-weight: 800;

} 
 
.red6 {
 color: #ff0000;
 font-size: 14px;
 font-weight: 800;
 line-height: 5px; 
 text-align: left;
} 

.red7 {
 text-indent: 20px;
 color: #ff0000;
 font-size: 20px;
 font-weight: 800;
 margin-top: 10px;
 margin-bottom: 20px;
} 

.red8 {
 text-indent: 20px;
 color: #ff0000;
 font-size: 16px;
 font-weight: 800;
 margin-top: 10px;
 margin-bottom: 20px;
} 

.nomal8 {
 text-indent: 30px;
 font-size: 14px;
 line-height: 3px;　
  
} 
.bigred {
 color: #ff0000;
 font-size: 34px;
 font-weight: 800;
 line-height: 20px;
 padding: 5;
 text-align: center;
}
.bigred1 {
 color: #ff0000;
 font-size: 38px;
 font-weight: 800;
 line-height: 20px;
 padding: 5;
 text-align: center;
}

.bigblue {
 color: #0000cc;
 font-size: 34px;
 font-weight: 800;
 line-height: 30px;
 padding: auto;
 text-align: center;
}
.bigblue1 {
 color: #0078f0;
 font-size: 38px;
 font-weight: 800;
 line-height: 20px;
 padding: 5;
 text-align: center;
}


.gray1 {
 width: 500px;
 color: #ffffff;
 background-color: #999999;
 font-size: 26px;
 font-weight: 800;
 margin-top: 30px;
 line-height: 100%; 
 text-align: center;
} 

.black {
 color: #666666;
 font-size: 34px;
 font-weight: 800;
 line-height: 30px;
 padding-left: 10px;
 text-align: center;
 margin: 40px;
}

.black2 {
 color: #000099;
 font-size: 34px;
 font-weight: 800;
 line-height: 30px;
 padding-left: 10px;
 padding-bottom: 20px;
 text-align: center;
 margin: 5px;
} 

.black3 {
 color: #000000;
 font-size: 26px;
 font-weight: 800;
 line-height: 30px;
 padding-top: 15px;
 padding-left: 11px;
 padding-bottom: 10px;
 text-align: center;
 margin: 5px;
} 

.black4 {
 color: #000000;
 font-size: 14px;
 font-weight: 800;
 text-decoration:underline;
 line-height: 10px; 
} 

.black5 {
 color: #999999;
 font-size: 32px;
 font-style: italic;
 font-family: HGP創英角ｺﾞｼｯｸUB;
 font-weight: 700;
 line-height: 30px;
 padding-left: 10px;
 padding-bottom: 10px;
 text-align: center;
 text-decoration: underline;
 margin: 5px;
} 

.black6 {
 color: #000000;
 font-size: 14px;
 font-weight: 800;
 line-height: 10px; 
} 

.black7 {
 color: #000000;
 font-size: 18px;
 font-weight: 800;
 line-height: 20px;
 padding-top: 10px;
 padding-left: 10px;
 padding-bottom: 5px;
 text-align: center;
 margin: 5px;
} 

.black8 {
 text-indent: 20px;
 color: #000000;
 font-size: 14px;
 font-weight: 800;
 line-height: 10px; 
} 

.black9 {
 text-indent: 25px;
 color: #000000;
 font-size: 14px;
 font-weight: 800;
 
} 

.black10 {
 color: #000000;
 text-align: left; 
 font-size: 14px;
 font-weight: 800;
 line-height: 5px; 
 text-align: left;
} 

.black11 {
 color: #999999;
 font-size: 26px;
 font-style: italic;
 font-family: HGP創英角ｺﾞｼｯｸUB;
 font-weight: 700;
 line-height: 25px;
 padding-left: 10px;
 padding-bottom: 5px;
 text-align: center;
 text-decoration: underline;
 margin: 2px;
} 

.black12 {
 color: #000000;
 font-size: 18px;
 font-weight: 800;
 line-height: 20px;
 padding-top: 10px;
 padding-left: 10px;
 padding-bottom: 5px;
 margin: 5px;
} 

.black13 {
 color: #000000;
 font-size: 18px;
 line-height: 18px; 
 text-align: right;
} 

.black14 {
 color: #000000;
 font-size: 14px;
 font-weight: 800;
 
} 

.orange1 {
 color: #ff8040;
 font-size: 26px;
 font-weight: 800;
 line-height: 30px;
 padding-top: 15px;
 padding-left: 11px;
 padding-bottom: 10px;
 text-align: center;
 margin: 5px;
} 


/* スペース部分です */

.spacesyou {
 margin-top: 30px;
}

.spacechu {
 margin-top: 60px;
}

.spacedai {
 margin-top: 100px;
}
/* 	解説
	 margin-top: 30px:　上部の余白を取るように指定しています　*/

/* 回り込み解除 */
.clear{
clear: both;
}	 

table{
	width: 97%;
	background: #ffffff;
       border: 2px solid #ccff99;
       margin: 3px auto;
	text-align:center ;

}

td.title{
	color: #ff00ff;
	background: #ccff99;
       font-size: 26px;
    　 border-spacing:5px;
       padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 4px;
	padding-left: 4px;
       margin: auto;
}
td.cell{
	color: #000000;
	background: #ccff99;
       font-size: 18px;
       border-spacing:2px;
       margin: 5px auto;
}