@charset "UTF-8"; 

@import "../../common/css/screen.css";


/* ?ュ?c?f
----------------------------------------------------------------- */

#MainArea	{
	border-top: none;
	line-height: 150%;
}
#MainArea h2	{
	margin-bottom: 4px;
}
#MainArea .main	{
	width: 900px;
	background: #FFF;
	padding-top: 20px;
	margin: 0 auto;
	padding-bottom: 40px;
}
#MainArea .main .column	{
	width: 898px;
	background: #FFF3D0;
	border: 1px solid #E38744;
	border-top: none;
}

#MainArea .main p.pageTop	{
	clear: both;
	text-align: right;
	font-size: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
}
#MainArea .main p.pageTop a	{
	background: url(../images/icon/r.gif) no-repeat center left;
	padding: 0 0 0 15px;
}
#MainArea .main  p.last	{
margin-bottom:0;
}

/* ???
----------------------------------------------------------------- */
#MainArea .main .column .pickup	{
	width: 840px;
	margin: 0 auto 10px;
}
#MainArea .main .column .pickup dl	{
	width: 500px;
	padding: 10px 10px 0 20px;
}
#MainArea .main .column .pickup dt	{
	color: #00842E;
	font-weight: bold;
}
#MainArea .main .column .pickup dl.data	{
	width: 810px;
	background: url(../images/bg/column.gif) no-repeat bottom;
	padding: 10px 15px 15px;
}
#MainArea .main .column .pickup dl.data dt	{
	color: #C52A1A;
}
#MainArea .main .column .pickup p.data	{
	margin: -50px 0 20px 570px;
}

/* ???------------------------------*/
#MainArea .main #about	{
	width: 875px;
	padding-left: 23px;
	margin-bottom: 22px;
	line-height: 130%;
}
#MainArea .main #about li	{
	width: 276px;
	float: left;
	margin-right: 9px;
}
#MainArea .main #about table	{
	margin-bottom: 15px;
}
#MainArea .main #about table td	{
	padding:0; background: none; border-bottom: none;
	padding-right: 5px;
}
#MainArea .main #about h5	{
	width: 200px;
	margin: 0 auto 10px;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0;
}
#MainArea .main #about dl	{
	width: 200px;
	margin: 0 auto 10px;
	text-align: center;
}
#MainArea .main #about dt	{
	margin-bottom: 3px;
}
#MainArea .main #about dd	{
	margin-bottom: 15px;
}
#MainArea .main #about p.data	{
	width: 185px;
	margin: 0 auto 15px;
	padding: 0 0 0 15px;
}

#MainArea .main #about .about1 .details	{
	background: url(../images/bg/about_top1.jpg) no-repeat top right;
	padding-top: 15px;
}
#MainArea .main #about .about1 .details	div	{
	background: url(../images/bg/about_bottom1_publish.gif) no-repeat right bottom;
	padding: 0 17px 17px 20px;
}
#MainArea .main #about .about1 h5	{
	color: #1082E1;
}



#MainArea .main #about .about2 .details	{
	background: url(../images/bg/about_top2.jpg) no-repeat top right;
	padding-top: 15px;
}
#MainArea .main #about .about2 .details	div	{
	background: url(../images/bg/about_bottom2_publish.gif) no-repeat right bottom;
	padding: 0 17px 17px 20px;
}
#MainArea .main #about .about2 h5	{
	color: #D54A9B;
}



#MainArea .main #about .about3 .details	{
	background: url(../images/bg/about_top3.jpg) no-repeat top right;
	padding-top: 15px;
}
#MainArea .main #about .about3 .details	div	{
	background: url(../images/bg/about_bottom3_publish.gif) no-repeat right bottom;
	padding: 0 17px 17px 20px;
}
#MainArea .main #about .about3 h5	{
	color: #DD480E;
}


/* ???
----------------------------------------------------------------- */
#MainArea .main .column .method	{
	width: 863px;
	font-size: 10px;
	padding: 10px 15px 10px 20px;
}
#MainArea .main .column .method li	{
	width: 174px;
	float: left;
}
#MainArea .main .column .method li p	{
	padding-left: 30px;
}
#MainArea .main .column .method li.first p	{
	padding-left: 6px;;
}
#MainArea .main .column .method li.first	{
	width: 155px;
}
#MainArea .main .column .method li.last	{
	width: 186px;
}

/* 麕??
----------------------------------------------------------------- */
#MainArea .main .column table th	{
	width: 160px;
	background: #FFDC8B;
	font-weight: bold;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 8px 15px;
	vertical-align: top;
}
#MainArea .main .column table td	{
	background: #FFF3D0;
	border-bottom: 1px solid #FFF;
	padding: 8px 15px;
}
#MainArea .main .column table .pt	{
	background: #FFE7AB;
}
#MainArea .main .column table td li	{
	margin-bottom: 10px;
}


/* clearfix */
#contents .column:after,#MainArea .main #about:after, #MainArea .main .column .method:after,
#MainArea .main #about .details:after
{	height:	0;	visibility: hidden;	content: ".";	display: block;	clear: both;}
 
#MainArea .main .closeBanner 
{
	margin-bottom: 20px;
	width: 898px;
	border: 1px solid #E38744;
}
 
.main .intro 
{
	padding: 25px 50px;
	margin-bottom: 10px;
	background-image: url(../images/publish/bg_publish.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	 
.main .intro h3 
{
	margin-bottom: 0px;
}
 
.main .intro p 
{
	color: #626262;
}
  
.main .prize 
{
	position: relative;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 840px;
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
.main .prize .top 
{
	height: 6px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}
 
.main .prize .mid 
{
	background-position: 0 0;
	background-repeat: no-repeat;
}
	 
.main .prize .mid .about 
{
	color: #666;
}
 
.main .prize .data 
{
	margin-top: 1em;
	font-size: 85%;
	line-height: 2;
}
  
.main .prize .btm 
{
	height: 6px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}
  
.main #prize1 
{
	background-image: url(../images/publish/1_mid.jpg);
}
	
.main #prize1 h3 
{
	position: absolute;
	top: 6px;
	left: 12px;
}
 
.main #prize1 .blog 
{
	padding: 0 10px;
	margin-bottom: 13px;
}
	 
.main #prize1 .blog .description 
{
	float: right;
	padding-top: 20px;
	width: 370px;
}
	 
.main #prize1 .blog .description h4 
{
	margin-bottom: .3em;
	font-weight: bold;
	font-size: 116%;
}
 
.main #prize1 .blog .description .about 
{
	line-height: 1.8;
}
  
.main #prize1 .blog .image 
{
	float: left;
	width: 172px;
}
	
.main #prize1 .blog .image img 
{
	border: 2px solid #debf73;
}
   
.main #prize1 .reason 
{
	padding: 8px;
	border-top: 1px solid #c5b188;
	border-bottom: 1px solid #c5b188;
	background-image: url(../images/publish/bg_reason.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #ffe5a3;
	color: #626262;
	font-size: 90%;
}
	
.main #prize1 .reason h5 
{
	margin-bottom:5px;
}
 
.main #prize1 .reason p 
{
	margin: 0 4px;
	line-height: 1.8;
}
  
.main #prize1 .top 
{
	background-image: url(../images/publish/1_top.jpg);
}
 
.main #prize1 .mid 
{
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 240px;
	background-image: url(../images/publish/1_mid_top.jpg);
}
 
.main #prize1 .btm 
{
	background-image: url(../images/publish/1_btm.jpg);
}
  
.main #prize2 
{
	background-image: url(../images/publish/2_mid.jpg);
}
	 
.main #prize2 h3 
{
	position: absolute;
	top: 30px;
	left: 5px;
}
 
.main #prize2 .blogList 
{
	padding-left: 180px;
}
	 
.main #prize2 .blogList .theme 
{
	float: left;
	width: 220px;
}
	 
.main #prize2 .blogList .theme h4 
{
	text-align: center;
}
 
.main #prize2 .blogList .theme .blog 
{
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
/*
	background-image: url(../images/publish/dot_1.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
*/
	border-bottom: 1px dotted #626262;
}
	 
.main #prize2 .blogList .theme .last 
{
	margin-bottom: 0;
	background-image: none;
}
 
.main #prize2 .blogList .theme .blog h5 
{
	font-size: 116%;
	font-weight: bold;
}
 
.main #prize2 .blogList .theme .blog .image 
{
	margin-top: 1em;
}
 
.main #prize2 .blogList .theme .blog .reason 
{
	padding: 8px;
	margin-top: 1em;
	color: #626262;
	font-size: 90%;
	line-height: 1.8;
	background-position: 0 0;
	background-repeat: repeat-x;
}
   
.main #prize2 .blogList #digi 
{
}
	
.main #prize2 .blogList #digi .image img 
{
	border: 2px solid #79c4ee;
}
 
.main #prize2 .blogList #digi .reason 
{
	background-image: url(../images/publish/bg_reason_digi.jpg);
	background-color: #cae8fa;
	border-top: 1px solid #4fb3ed;
	border-bottom: 1px solid #4fb3ed;
}
  
.main #prize2 .blogList #cosme 
{
	width: 218px;
	border-right: 1px solid #c5c8c2;
	border-left: 1px solid #c7cac6;
}
	
.main #prize2 .blogList #cosme .image img 
{
	border: 2px solid #edb6d4;
}
 
.main #prize2 .blogList #cosme .reason 
{
	background-image: url(../images/publish/bg_reason_cosme.jpg);
	background-color: #f7d6ea;
	border-top: 1px solid #e377b8;
	border-bottom: 1px solid #e377b8;
}
  
.main #prize2 .blogList #gourmet 
{
}
	
.main #prize2 .blogList #gourmet .image img 
{
	border: 2px solid #f2b48a;
}
 
.main #prize2 .blogList #gourmet .reason 
{
	background-image: url(../images/publish/bg_reason_gourmet.jpg);
	background-color: #fad6bf;
	border-top: 1px solid #f0782b;
	border-bottom: 1px solid #f0782b;
}
   
.main #prize2 .top 
{
	background-image: url(../images/publish/2_top.jpg);
}
 
.main #prize2 .mid 
{
	background-image: url(../images/publish/2_mid_top.jpg);
}
 
.main #prize2 .btm 
{
	height: 7px;
	background-image: url(../images/publish/2_btm.jpg);
}
  
.main #prize3 
{
	margin-bottom: 30px;
	background-image: url(../images/publish/3_mid1.jpg);
}
	 
.main #prize3 h3 
{
	position: absolute;
	top: 35px;
	left: 3px;
}
	 
.main #prize3 .blogList 
{
	margin-left: 180px;
}
	 
.main #prize3 .blogList .blog 
{
	float: left;
	width: 220px;
	border-top: 1px dotted #626262;
}
	 
.main #prize3 .blogList .blog h4 
{
	padding: 5px 10px;
	font-weight: bold;
}
 
.main #prize3 .blogList .blog .data 
{
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-top: 0;
}

.main #prize3 .blogList .txt{
	padding: 5px 10px;
	width: 640px;
	border-top: 1px dotted #626262;
}

 	
.main #prize3 .blogList .first .blog 
{
	border-top: none;
}
  
.main #prize3 .blogList .center 
{
	width: 218px;
	border-right: 1px dotted #626262;
	border-left: 1px dotted #626262;
}
 
.main #prize3 .blogList .odd 
{
	background-image: url(../images/publish/3_mid2.jpg);
	background-position: right top;
}
   
.main #prize3 .top 
{
	background-image: url(../images/publish/3_top.jpg);
}
 
.main #prize3 .btm 
{
	background-image: url(../images/publish/3_btm.jpg);
}
  
/* clearfix */ 
#prize1 .blog:after,
#prize2 .blogList:after,
#prize3 .blogList .odd:after,
#prize3 .blogList .even:after,
#contents .column:after,
#MainArea .main #about:after,
#MainArea .main .column .method:after,
#MainArea .main #about .details:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#prize1 .blog,
#prize2 .blogList,
#prize3 .blogList .odd,
#prize3 .blogList .even,
#contents .column,
#MainArea .main #about,
#MainArea .main .column .method,
#MainArea .main #about .details
{
	display:inline-block;
}
/* Hide from IE Mac \*/

#prize1 .blog,
#prize2 .blogList,
#prize3 .blogList .odd,
#prize3 .blogList .even,
#contents .column,
#MainArea .main #about,
#MainArea .main .column .method,
#MainArea .main #about .details
{
	display:block;
}
/* End hide from IE Mac */