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 table{ clear:both;width: 100%;}
#head td{}



#head .td1{width:50%; vertical-align: middle; text-align: center;}
#head .td1 img{width:100%;}

#head .td2{padding-left:3%; vertical-align: top;}

#head .td3{text-align:center; vertical-align: bottom; padding: 10px 0 10px 5px;}
#head .td3 img{ width:100%;}

#head .td4{text-align:center; vertical-align: bottom; padding: 10px 5px 10px 0;}
#head .td4 img{ width:100%;}


#head .td5{
text-align:center;
padding:10px 5px 10px 5px;}
#head .td5 img{width:100%;}

#head .bumon{
text-align:center;
padding:10px 0 10px 0}

#hea .bumon img{
width:80%;
}

/*#head .next,#foot .next{margin-left: 10px;}*/

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

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

#title{
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00852E;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
}
#title table{width: 100%;}

#title td.td1{
	font-weight: bold;
	color: #666666;
}

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


#title .title{
	font-size:120%;
	margin-top:5px;
	}

#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;
}

.pref{
padding-left: 5px;
    line-height: 1.2em;
    text-align: right;
    color: #4D4D4D;
    padding-right: 10px;
	font-size:1.0em;
}


/*作品/*----------------------------------------*/

.number{
    background: #666;
    color: #FFFFFF;
    padding: 2px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.snsbotan{
	float:right;
	text-align:right;
	padding-right:5px;
}


#img_view img{
width:30%;
}

#img_main img{
width:98%;
margin-bottom:10px;
}





/* フォーム:コメント --------------------------------------------------------------------*/
#form{
	display:none;
}
#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{
}
#form{
}
#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: 50px;
	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;
}
#form h3{
line-height: 1.4em;
}




.btn {
  background: #fe9438;/*ボタン色*/
  background-image: -webkit-linear-gradient(top, #fe9438, #d5510f);
  background-image: -moz-linear-gradient(top, #fe9438, #d5510f);
  background-image: -ms-linear-gradient(top, #fe9438, #d5510f);
  background-image: -o-linear-gradient(top, #fe9438, #d5510f);
  background-image: linear-gradient(to bottom, #fe9438, #d5510f);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 0.5em 1em;
  border: solid #e08732 2px;
  text-decoration: none !important;
  width:200px;
  height:30px;
}

.btn:active {/*ボタンを押したとき*/
   -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
	text-decoration:none;
}

.btn_font{
color:#FFFFFF;
font-weight:bold;
font-size:24px;
text-align:center;
vertical-align:middle;
text-shadow: 1px 1px 3px #333;
}





.ml3{
margin-left:3px;
}

.mt10{
margin-top:10px;
}

.mb10{
margin-bottom:10px;
}

.kansou{
	padding-top:5px;
	padding-left:5px;
	font-size:14px;
	}
	
.penname{
height:25px;
font-size:14px;
margin:10px 0 10px 3px;
padding-left: 5px;
}	
	
.pd20{
padding-top:20px;
}

.attention {
font-size:70%;
padding-left:5px;
text-align:left;
margin-top:5px;
color:#4D4D4D;
}

#form .touhyou{
background-color:#0079C2;
padding:5px 0px 5px 5px;
font-weight:bold;
color:#FFFFFF;
box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.sakusya_come{
color:#79389C;
margin-top:20px;
font-weight:bold;
font-size:120%;
margin-left:5px;
}


/* foot ETC -----------------------------------------------*/
#foot{
	height: auto;
	text-align: center;
	margin-top: 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{  
    background: #0079C2 !important;
    color: #fff;
    font-size: 100% !important;
    font-weight: bold;
    line-height: 1.4em !important;
    text-align: left !important;
    padding: 5px 0 5px 5px !important;
    position: relative;
	box-shadow:0 2px 6px rgba(0, 0, 0, .15) !important;
	margin-top:15px !important;
	margin-bottom:15px !important;
}
.we_title{
	color: #0079C2;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-left: 2px;
}
.we_txt{
	padding-left: 3px;
}

#load p{
	margin-bottom:12px !important;
	padding-left:8px !important;
}
/* ------作者のコメント　---------------------------------*/

#comment{
	margin-bottom: 5px;
}
#comment p{
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 8px;
	padding-right:3px;
	color:#4D4D4D;
}


.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;
}

/* ------  その他見出し　---------------------------------*/

h2{ border-bottom:1px dashed #666; font-size:100%; padding:5px 0 2px; margin-left:5px;}



/* 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;
	color: #005FC3;
}

#footer {
	background-color: #00852E;
	text-align: center;
	color: #fff;
	line-height: 2;
	clear: both;
	padding-top:15px;
}



#foot .td3{text-align:center; vertical-align: bottom; padding: 10px 5px 10px 5px;}
#foot .td3 img{ width:100%;}

#foot .td4{text-align:center; vertical-align: bottom; padding: 10px 5px 10px 5px;}
#foot .td4 img{ width:100%;}


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


.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%;
}
#formbox{
margin-left:3px;
margin-right:5px;}