@charset "utf-8";

/*  layout  */
body {margin:0px 0px 0px 0px;font-family: arial,helvetica,clean,sans-serif,新細明體;background: #FCC;}
div.mamafate {width:1000px;height:auto;padding:0px;margin:0px auto 0px auto;}

/* public */
p {	font-size: 15px;	line-height: 22px;	margin: 5px 0px 2px 0px;	padding: 0px;	font-weight: normal;	text-indent: 30px;}
h6 {font-size: 13px;	font-weight: normal;margin: 0px;	padding: 0px;	line-height: 18px;}
h5 {font-size: 15px;	line-height: 22px;	margin: 5px 0px 2px 0px;	padding: 0px;	font-weight: normal;}
h4 {font-size: 15px;	line-height: 22px;	margin: 10px 0px 2px 0px;	padding: 0px;	font-weight: bolder;	text-indent: 30px;}
h3 {font-size: 15px;	line-height: 20px;	font-weight: bolder;	margin: 10px 0px 2px 0px;	padding: 0px;}
h2 {font-size: 17px;	line-height: 24px;	font-weight: normal;	margin: 10px 0px 2px 0px;	padding: 0px;}
h1 {font-size: 18px;	line-height: 30px;	font-weight: bolder;	margin: 0px 0px 10px;	padding: 0px;	text-align: center;}
a:link , a:visited {	color: #0000FF;	text-decoration: underline;	font-size: 15px;	line-height: 22px;}
a:hover {text-decoration: underline;	color: #0066FF;	font-size: 15px;	line-height: 22px;}
blockquote {margin: 0px;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 30px;}
li {margin: 0px 0px 0px 13px;	padding: 0px 0px 0px 0px;}
ol {font-weight: normal;	font-size: 15px;	margin: 0px 0px 0px 39px;	padding: 0px;	list-style-type: decimal;}
ul {font-size: 15px;	font-weight: normal;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 50px;	margin: 0px;}

br.clear { float: none; display: block; clear:both; line-height: 1.0em; height: 1.0em; }

/* layout */
div.layout-top {width:100%;	height:auto;}
div.layout-middle {width:100%;height:auto;padding:0px 0px 20px 0px;background: #D4FF3F url(../../images/mamafate/middle_bg.jpg) no-repeat center top;clear:both;}
div.layout-bottom {	width:100%;	height:209px;background: #ef7a00;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;clear:both;}

/* home */
tale.layout-top {width:1000px;height:auto;margin:0px auto 0px auto;}
table.layout-top img {border:none;}

/* top */
table.top-tb {border-collapse:collapse;}
table.top-tb img {border:none;}

/* middle */ 
table.middle-tb {width:980px;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;border-collapse:collapse;}
table.middle-tb td.middle-tb-banner {width:190px;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;vertical-align: top;}
table.middle-tb td.middle-tb-banner img {margin:2px 2px 5px 2px;border:none;}
table.middle-tb td.middle-tb-center {width:auto;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center;vertical-align: top;border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;background: #fff;}

/* banner */
div.middle-banner-left {width:99%;height:auto;background: #fff;border-top: 1px solid #CCC;border-right: 0px solid #CCC;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;text-align:center;vertical-align: top;padding:2px 0px 0px 0px;margin:0px 0px 0px auto;}
div.middle-banner-right {width:99%;height:auto;background: #fff;border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;border-left: 0px solid #CCC;text-align:center;vertical-align: top;padding:2px 0px 0px 0px;margin:0px auto 0px 0px;}

/* center */
div.middle-main {width:100%;height:auto;background: #fff;padding:0px 0px 0px 0px;}

/* main */
table.main {width:587px;height:auto;margin:4px auto 5px auto;padding:0px 0px 0px 0px;border-collapse:collapse;}
table.main td.main-top {width:587px;height:35px;margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;background: url(../../images/mamafate/main_01.gif) no-repeat center top;}
table.main td.main-left {width:31px;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background: url(../../images/mamafate/main_02.gif) repeat-y right top;}
table.main td.main-right {width:29px;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background: url(../../images/mamafate/main_04.gif) repeat-y left top;}
table.main td.main-bottom {width:587px;height:49px;margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;background: url(../../images/mamafate/main_05.gif) no-repeat center top;}
table.main td.main-center {width:527px;height:367px;margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;text-align:center;vertical-align:top;}

/* bottom */
div.layout-bottom div.bottom-bg {width:100%;height:34px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background: #fcf465 url(../../images/mamafate/page_bottom_bg.gif) no-repeat;}
div.layout-bottom div.bottom-left {width:300px;height:auto;text-align: center;float:left;}
div.layout-bottom div.bottom-left img {border:none;}
div.layout-bottom div.bottom-right {width:700px;height:auto;float:right;}

/* index */
div.photo {width:auto;height:auto;padding:3px;border: 1px solid #CCC;float:right;}

/* page */
div.page {width:100%;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;clear:both;vertical-align: top;}
div.page div.title {width:100%;	height:auto;margin:0px auto 0px auto;font-size: 18px;line-height: 22px;color: #008C8C;text-align: center;font-weight: bold;}
div.page div.content {width:100%;height:auto;margin:0px auto 0px auto;font-size: 15px;line-height: 22px;color: #333333;text-align: left;}
span.red {color: #FF0000;}
span.blue {color: #0066FF;}
span.green {color: #009933;}
span.orange {color: #FF6600;}
span.gray {color: #999999;}

/* day award */
div.award {width:580px;height:auto;margin:10px auto 10px auto;border: 0px solid #666666;}
div.award dd.cat-win {width:280px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;background: #FFFFF0;float:left;}
div.award dd.cat-name {width:140px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;background: #FFFFF0;float:left;}
div.award dd.cat-nickname {width:148px;height:auto;margin:0px 0px 0px 0px;padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #000000;	background: #FFFFF0;float:left;}
div.award dt.award-date {width:576px;	height:auto;margin:2px 0px 0px 0px;	padding:2px 2px 2px 2px;font-size: 15px;line-height: 20px;color: #FFFFFF;background: #FF9966;border-bottom: 1px solid #FF7735;}
div.award dd.award-win {width:280px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}
div.award dd.award-name {width:140px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}
div.award dd.award-nickname {width:148px;height:auto;margin:0px 0px 0px 0px;padding:5px 2px 2px 2px;font-size: 13px;line-height: 20px;color: #000000;	background: #FFFFF0;border-bottom: 1px dashed #999999;float:left;}

