body{
	background-color: #CCCCCC;
	font-size: 100%;
}
#wrap {
width:100%;
	/*height: auto;
	background-image:url('../img/back.gif')*/
	margin: 0 auto;
	background-color: #FFFFFF;
}

#main {
	max-width: 602px;
	/*height: auto;
	background-position: left top;
	margin-left:98px;
	background-color:#FFF;*/
	margin: 0 auto;
}

p{
	font-size: 80%;
	line-height: 180%;
	padding: 0px;
	margin: 0px;
}


.mgrl5{ margin:0 5px;}

/* head -----------------------------------------------*/
#head {}

#head table{ clear:both;width: 100%;}
#head td{}

#head img{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=../img/XXX.png);
}

#head .td1{width:45%; vertical-align: middle;}
#head .td1 img{width:100%;}
#head .td2{padding-left:3%; vertical-align: top;}
#head .td3{text-align: right; vertical-align: bottom;}
#head .td4 img{width:100%;}
#head .next,#foot .next{margin-left: 10px;}

#head .yourcomment{ text-align:center; padding:10px 0;}
#head .yourcomment img{ width:100%; max-width:400px;}

/* title -----------------------------------------------*/

#title{
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
}
#title table{width: 100%;}
#title td{
	font-size: 75%;
}
#title td.td1{
	font-weight: bold;
	color: #666666;
}

#title td.td2{
padding-left:5px;
line-height:1.2em;
text-align:right;
}

#img_main{
	margin-top: 15px;
	max-width: 600px;
	text-align: center;
	vertical-align: middle;
}

#img_view{
	margin-top: 15px;
	margin-bottom: 25px;
}

#img_view .next {
	margin-left:5%;
}
#clear{
	clear:both;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 0px;
}


/* フォーム:コメント --------------------------------------------------------------------*/
#form a {
	padding-left: 12px;
	background-image: url('../img/arrow_r.gif');
	background-repeat: no-repeat;
	background-position: left center;
}
#form a:link,
#form a:visited{
	color: #3399CC;
}
#form a:hover{
}

#submit{
	margin-top: 20px;
	margin-bottom: 10px;
}

#formc{
	margin-bottom: 15px;
}
#formc #form_left{
	float: left;
	width: 300px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	padding-right: 15px;
	margin-right: 15px;
}
#formc #form_right{
	float: right;
	width: 265px;
}

#form .tarea{
	height: 200px;
	width: 98%;
}

#form h4{
	margin: 10px 0px 0px;
	padding: 0px;
	line-height: 180%;
	color: #996600;
	font-size: 85%;
	border:none;
}

#form h5{
	margin: 20px 0px 5px;
	padding: 0px;
	line-height: 180%;
	color: #633E31;
	font-size: 85%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-weight: bold;
}

/* foot ETC -----------------------------------------------*/
#foot{
	height: auto;
	text-align: right;
	margin-top: 15px;
	padding-bottom: 15px;
}
.comment_banner1{
	margin-bottom: 10px;
}

.comment_banner2{
	margin-bottom: 10px;
	margin-top: 20px;
}


/* ---　審査員のコメント　------------------------------------*/
.member_img{
	margin-right: 10px;
	border: 1px solid #CCCCCC;
	float: left;
}
.member_title{
	color: #CC9900;
	font-weight: normal;

}

#member_bar{
	clear: left;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}


/* ---- みんなのコメント -----------------------------------*/

.we_title{
	color: #CC9900;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-left: 2px;
}
.we_txt{
	padding-left: 3px;
}
/* ------作者のコメント　---------------------------------*/

#comment{
	margin-bottom: 5px;
}
#comment p{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 8px;
}


.comment00{background:url(/contents/smt/contest/contest_17th/common/img/comment_02.gif) repeat-x; font-weight:bold; font-size:130%; padding:2px 0; color:#003300; line-height:2em;text-shadow:-1px -1px #FFF,1px -1px #FFF,-1px 1px #FFF,1px 1px #FFF;}
.comment01{
	font-weight:bold;
	font-size:100%;
	color:#003300;
	padding:15px 0 3px;
}
.comment02{
	background:url(/contents/smt/contest/contest_17th/common/img/comment_02.gif) repeat-x;
	font-weight:bold;
	font-size:130%;
	color:#CC0000;
	padding:7px 0;
	text-shadow:-1px -1px #FFF,1px -1px #FFF,-1px 1px #FFF,1px 1px #FFF;
}

/* HEADER
---------------------------------------------------- */

#enter_top{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(242,242,242,1) 60%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,1)), color-stop(60%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(242,242,242,1) 60%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(242,242,242,1) 60%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(242,242,242,1) 60%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(242,242,242,1) 60%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	border:1px solid #cccccc;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	float:right;
	text-align:center;
	color:#333333;
	font-weight:bold;
	font-size:90%;
	margin:5px;
	padding:15px 10px;
	display:block;
}

/* FOOTER
---------------------------------------------------- */
.pageTop{
	clear: both;
	text-align: right;
	padding: 5px;
}

#footer {
	background-color: #3E0000;
	text-align: center;
	color: #fff;
	line-height: 2;
	clear: both;
	margin-top:15px;
}


.footer_info {
	width: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3E0000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	overflow-x: hidden;
	height: auto;
	display: block;
	clear: both;
}


.footer_info p {
	margin: 0px;
	text-align: left;
	float: left;
	width: 145px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 80%;
}

.footer_info .dotcom {
	margin: 0px;
	float: none;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:90%;
	font-size: 80%;
}
