@charset "UTF-8";

/* *****************************************************
*   base css
*   Since:2009-08-06
*   Editor:ricostyle
***************************************************** */

/*--------------------------------------------------------------------
base
--------------------------------------------------------------------*/

/* style reset
---------------------------------------------------- */
html,body { margin: 0; padding: 0; height: 100%; }
h1,h2,h3,h4,h5,h6,p,em,strong,address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
strong { font-weight: bold !important;}

dl,dt,dd,
ul,ol,li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

table{
border-collapse:collapse;
border-spacing:0;
}
form,fieldset,legend  { margin: 0; padding: 0; }
fieldset { border: none; height: 100%; }

img   { background: transparent;vertical-align: bottom; }
a img { border: none; }

/* flash reset
----------------------------------------- */
object,embed { vertical-align: top;}

/* tags define
---------------------------------------------------- */
html>/**/body { overflow:-moz-scrollbars-vertical; } /* for firefox scroll area show */

html:first-child body {
	min-height: 100%;
	padding-bottom: 1px;
}	/* for opera scroll area show */

a {
	/*\*/
   overflow: hidden;
	/**/
}	/* for firefox */

label { cursor: pointer; }

input:hover,
textarea:hover {
	background: #F9FFEA;
}

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
table caption { text-align: left; }


/* font family setting and body tag define
---------------------------------------------------- */
body {
	font-size: 100%;
	font-family: "Lucida Grande", sans-serif;
	text-align: center; /* for win ie */
}

html>/**/body {
	font-size: 12px;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for mac safari firefox */

* html body {
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
} /* for win ie6 */

*:first-child+html body {
	font-size: 75%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
} /* for win ie7 */


/* body
---------------------------------------------------- */
body {
	color: #666;
	line-height: 1.5em;
	position: relative;
	background: #FFF;
}


/*--------------------------------------------------------------------
structure
--------------------------------------------------------------------*/

/* baselayout common
---------------------------------------------------- */
div#container {
	width: 750px;
	margin: 0 auto;
	text-align: center;
}
div#header {
	position: relative;
	height: 187px;
}
div#main {
	width: 750px;
	text-align: left;
	position: relative;
	margin-top: 7px;
}
div#footer {
	width: 750px;
	padding-top:30px;
	clear: both;
}


/*--------------------------------------------------------------------
common
--------------------------------------------------------------------*/

/* iepngfix
---------------------------------------------------- */
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));} 

/* clear
---------------------------------------------------- */
.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;zoom:1;}

/* Hides from IE-mac \*/
*+html .clearfix{height: 1%;}
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

/* float
---------------------------------------------------- */
.fl { float: left;}
.fr { float: right;}
.fl p { margin-bottom: 0 !important;}
.fr p { margin-bottom: 0 !important; }

/* paragraph position 
---------------------------------------------------- */
.right  { text-align: right !important; }
.left   { text-align: left !important; }
.center { text-align: center !important; }

/* link
---------------------------------------------------- */
div#main a {
	color: #006600;
	text-decoration: none;
}
div#main a:hover {
	color: #7FC31C;
	text-decoration: underline;
}

/* maegin,padding
---------------------------------------------------- */
.mb5 {margin-bottom:5px !important; }
.mb15 {margin-bottom:15px !important; }
.mr10  { margin-right: 10px !important; }
.mr30  { margin-right: 30px !important; }
.mr513  { margin-right: 513px !important; }
.ml5  { margin-left: 5px !important; }

/* border
---------------------------------------------------- */
/* indent
---------------------------------------------------- */
/* line-height
---------------------------------------------------- */
/* font-size
---------------------------------------------------- */
.ft95{
	font-size: 95% !important;
}

/* font color
---------------------------------------------------- */
/* list
---------------------------------------------------- */


/*--------------------------------------------------------------------
page
--------------------------------------------------------------------*/
h2{
	height: 29px;
	background: url(img_contest/bg_maininn_top.jpg) no-repeat;
	overflow: hidden;
}
h2 span{
	visibility: hidden;	
}
#read p{
	padding-top: 40px;
	font-size: 110%;
	color: #006600;
	line-height: 1.7em;
}
#read img{
	margin-left: 30px;
	float: right;
}
#main #wrapper1{
	clear: right;
	margin-top: 5px;
	padding: 25px 14px 0;
	background: url(img_contest/bg_main.jpg) no-repeat;
}
#wrapper1Inner{
	background: url(img_contest/bg_maininn.png) repeat-y;
}
#wrapper1Inner dl{
	padding: 0 26px 15px;
	background: url(img_contest/bg_maininn_btm.jpg) no-repeat bottom;
}
#wrapper1Inner dt{
	margin-bottom: 15px;
}
#wrapper1Inner dd{
	margin: 0 10px 15px;
}
#main #wrapper2{
	margin-top: 25px;
}
#main #wrapper2 p{
	margin-top: 15px;
	text-align: center;
}
#main #wrapper3{
	margin-top: 25px;
}
#main #wrapper3 dl{
	margin: 15px 0 0 20px;
}
#main #wrapper3 dt,#main #wrapper3 dd{
	margin-bottom: 5px;
	float: left;
}
#main #wrapper3 dt{
	clear: left;
}
* html #main #wrapper3 dt{width: 230px;} /* for IE 6 */
#main #wrapper3 dd{
	margin-left: 25px;
	padding-left: 23px;
	background: url(img_contest/marker_arw-grn.gif) no-repeat left 50%;
}
#main #wrapper3 dd{width: 130px;} /* for IE 6 */


/*--------------------------------------------------------------------
report compe
--------------------------------------------------------------------*/

#main #resultread {padding-top: 30px;padding-bottom: 20px;font-size: 110%;}
#main #resultread p{margin-bottom:0.8em;line-height: 1.4em;}
#main #resultread .image{float:right;color:#663E33;margin-bottom:15px;margin-left:15px;}

#main #wrapper4{
	margin-top: 5px;padding: 25px 14px 0;
	background: url(img_contest/bg_main2.jpg) no-repeat;
}
#main #wrapper4 img.poster{float:right;padding:30px 30px 15px 10px;}
#main #wrapper4 h2{text-align:center;padding-top:25px;}

#wrapper4Inner{
	background: url(img_contest/bg_maininn.png) repeat-y;
}
#wrapper4Inner dl{
	padding: 15px 26px 15px;
	background: url(img_contest/bg_maininn_btm.jpg) no-repeat bottom;
}
#wrapper4Inner dt{
	margin-bottom: 8px;
}
#wrapper4Inner dd{
	margin: 0 10px 15px;
}


#wrapper5{margin-top: 25px;margin-bottom:45px;color:#8C8C8C;}
#wrapper5 p{padding-bottom:0.9em;}


#wrapper6 h3{margin-top: 25px;margin-bottom:10px;}
#wrapper6 .titlebox{
	background-color: #EEECE3;
	padding: 15px;margin-bottom:10px;
}
#wrapper6 p{
	display: block;
	margin-top: 10px;
	margin-left:10px;
	padding: 5px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #5B8C12;
}
#wrapper6 .sakuhin{float:right;}


#wrapper7 h3{
	margin-bottom:10px;padding-top:20px;
	background-color: #FFFFFF;
	background-image: url(img_cmn/line.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
#wrapper7 .titlebox{
	background-color: #F3F0E9;
	padding: 15px 20px;
	margin-bottom:10px;
	color: #333333;
}
#wrapper7 .photo{margin-top:10px;}
#wrapper7 p{display: block;margin-top: 10px;}
#wrapper7 p.name{
	padding: 5px 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #5B8C12;
}
#wrapper7 p.comment{
	padding: 30px 10px 5px;
	background-color: #F2E6C6;
	background-image: url(img_result/comment.jpg);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
#wrapper7 p.kohyo{
	padding: 30px 10px 5px;
	background-color: #E2E5D9;
	background-image: url(img_result/shinsain.jpg);
	background-repeat: no-repeat;
	background-position: 10px 7px;}


/* footer
---------------------------------------------------- */
#footer .wrapper{
	height: 32px;
	background: url(img_cmn/bg_foot.jpg) repeat-x;
}
#footer .wrapper li{
	float: left;
}
address{
	padding: 15px 0 12px;
	color: #FFF;
	background: #45404B;
}