﻿#fathersday
{
	width:750px;
	float:right;
	margin:5px 0 30px 0;
}

#fathersday  h1
{
	margin: 0;
	border:none;
	padding:0;
	font-size:130%;
	font-weight:bold;
	color:#534741;
	height:auto;
	text-align:center;
}

#fathersday  h2
{
	font-size:100%;

	text-align:center;
}

#fathersday h3 {
	
	 font-size:22px;
	 background-color:#FFF;
	 border-top:none;
	 border-left:8px solid #333;
	 border-right:none;
	 color:#333;
	 margin:20px 0 15px 0;
	 padding-bottom:7px;

}


#fathersday h4 {
 font-size:16px;
}


#fathersday .ribbon
{
	background: url(images/bg.jpg.ashx) no-repeat;
	height:93px;
}

#fathersday .brand 
{
	border:1px solid #F2F2F2;
	margin-top:50px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
	width:90%;
	margin:0 auto;
	height:94px;
	padding:2px;
}

#fathersday .brand img
{

	float:left;
}

#fathersday .brand p
{
	display:table-cell;
	vertical-align:middle;
	height:90px;	
}


#fathersday .retsu3
{
	border: solid 1px #CCC;
    width: 32.5%;
	margin: 0 2px 4px 2px;
	float:left;
	text-align:center;
    box-shadow: 1px 1px 10px #CCC;
    -webkit-box-shadow: 1px 1px 10px #CCC;
    -moz-box-shadow: 1px 1px 10px #CCC;
}

#fathersday .retsu3 img
{
	width: 100%;
}

#fathersday .retsu3 h5
{
	
    margin: 10px 3px 3px 3px;
    font-size: 15px;
    text-align: center;
}


#fathersday .retsu3 p
{
	font-size:15px;
	width: 250px;
	text-align:center;
}



#fathersday .retsu2
{
	width: 375px;
	margin:0;
	float:left;
	text-align:center;
}



#fathersday .retsu2 p
{
	font-size:15px;
	width: 375px;
	text-align:center;
}

#fathersday .toBrandPageText
{
	margin:0 35px 35px 35px;
	text-align:center;
	background:#333;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
	padding:10px;
}

	#fathersday a .toBrandPageText 
	{
		color: #FFF;
	}

#fathersday .heightLine
{
	height: 330px;
}


#fathersday .messagecard{
	padding:30px 30px 10px 30px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	 box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.2) inset;

}

#fathersday .messagecard img{
	width:100%;
}

#fathersday .messagecard p
{
	font-size: 120%;
	line-height:150%;
	margin:15px 0;
	color:#36251D;
}


#fathersday .title
{
	font-size:20px;
	text-align:center;
	line-height:120%;
	color:#333;
	margin:20px 0 10px 0;
}

#fathersday .date
{
	font-family: 'Great Vibes', cursive;
	font-size:60px;
	margin:10px;

}
#fathersday a .tomessagecard
{
	color: #FFF;
}

#fathersday .tomessagecard
{
	margin:20px auto;
	text-align:center;
	background:#E40F2B;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
	padding:10px 30px;
	margin:10px 35px;
}


#fathersday .tocategory
{
	text-align:center;
	background:#fff;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);
	padding:10px;
	margin:0 35px 35px 35px;
}

    #fathersday .itemListBox li {
        list-style-type: none;
        display: inline-block;
        width: 140px;
        margin: 5px 40px 5px 0;
        padding: 0;
    }

    #fathersday .more
{
	text-align:right;
	padding:5px 0;
	margin:10px 0;
	clear:both;
}

     #fathersday .more a
{
		color: #0071BC;
	}

      #fathersday .more a:hover
{
		color:#14B0D7;
	}


#fathersday .seemore2
{
    margin: 0 auto;
    padding:10px 30px;
    text-align:center;
    clear:both;
}

#fathersday .seemore2 a
{
    display: block;
    border:solid 2px #333;
    color:#333;
    padding: 15px;
    font-size:150%;
    font-weight:bold;
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px;  
    border-radius:10px 10px 10px 10px;

}  

#fathersday  .seemore2 a:hover
{
    background:#F1F1F1;
}

