@charset "utf-8";
/*
===========================================================================

	Title : beginner.css

===========================================================================
*/


/* *********************************************
*
*	PC view
*	
********************************************* */

/* 初めての方へカテゴリ　共通設定
---------------------------------------------------------------- */
	
.mb15 {
	margin-bottom: 15px;
}
.mb30 {
	margin-bottom: 30px;
}
span.ico {
	background: url(/tgs/2014/business/sown/images/ico_arrow.gif) no-repeat;
	background-position: right 3px;
	padding-right: 20px;
}
span.ico2 {
	background: url(/tgs/2014/business/sown/images/ico_arrow.gif) no-repeat;
	background-position: left 3px;
	padding-left: 20px;
}
.inner {
	padding: 0 10px;
}
/* SOWN設定
---------------------------------------------------------------- */


#wrapper .cntBox .boxInner p.ttl {
	margin-bottom: 0px;
	padding: 0;
}
#wrapper .cntBox .boxInner p.support {
	font-size: 10px;
	text-align: right;
	padding: 0;
	margin: 0 0 10px 0;
}
#wrapper .cntBox .boxInner .logo_l{
	width:200px;
	float:left;
	margin-bottom: 20px;
	}
#wrapper .cntBox .boxInner .logo_c{
	width:320px;
	float:left;
	margin-bottom: 20px;
	}
#wrapper .cntBox .boxInner .logo_r{
	width:auto;
	float:left;
	margin-bottom: 20px;
	}
h3.cl{
	clear:both;
	}
#wrapper .cntBox .boxInner h5 {
	font-size: 16px;
	margin-bottom: 10px;
}
#wrapper .cntBox .boxInner .logo_c ul li{
	display: inline;
	padding-right: 30px;
}


/*グロナビ*/

#wrapper .cntBox .boxInner #snavi li a span {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}
#wrapper .cntBox .boxInner #snavi {
	margin-bottom: 20px;
}
#wrapper .cntBox .boxInner #snavi li a {
	float: left;
	display: block;
	height: 84px;
	width: 122px;
	border: none;
}
#wrapper .cntBox .boxInner #snavi li#snavi01 a {
	width: 122px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: 0px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi02 a {
	width: 122px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: -122px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi03 a {
	width: 122px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: -244px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi04 a {
	width: 122px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: -366px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi05 a {
	width: 121px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: -488px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi06 a {
	width: 121px;
	background: url(../images/navi.jpg) no-repeat;
	background-position: -609px 0px;
}
#wrapper .cntBox .boxInner #snavi li#snavi01 a.active {
	background-position: 0px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi02 a.active {
	background-position: -122px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi03 a.active {
	background-position: -244px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi04 a.active {
	background-position: -366px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi05 a.active {
	background-position: -488px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi06 a.active {
	background-position: -609px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi01 a:hover {
	background-position: 0px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi02 a:hover {
	background-position: -122px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi03 a:hover {
	background-position: -244px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi04 a:hover {
	background-position: -366px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi05 a:hover {
	background-position: -488px -84px;
}
#wrapper .cntBox .boxInner #snavi li#snavi06 a:hover {
	background-position: -609px -84px;
}
/*


#wrapper .cntBox .boxInner #snavi li#snavi01 a:hover{background-position: 0px -84px;}
#wrapper .cntBox .boxInner #snavi li#snavi02 a:hover{background-position: -104px -84px;}
#wrapper .cntBox .boxInner #snavi li#snavi03 a:hover{background-position: -208px -84px;}
#wrapper .cntBox .boxInner #snavi li#snavi04 a:hover{background-position: -312px -84px;}
#wrapper .cntBox .boxInner #snavi li#snavi05 a:hover{background-position: -416px -84px;}
#wrapper .cntBox .boxInner #snavi li#snavi06 a:hover{background-position: -520px -84px;}
*/


/* What's new */
.wn {
	padding: 0 15px 15px 15px;
}
.wn ul {
/*
	overflow: auto;
	height: 280px;
	*/
}
.wn ul li {
	margin-bottom: 15px;
}
.wn ul li dl {
	overflow: hidden;
}
.wn ul li dl dt {
	float: left;
	margin-right: 20px;
}
.wn ul li dl dd {
	float: left;
	width: 580px;
}
/* 謝辞 */
			
#appreciate {
	background-color: #bbbbbb;
	padding: 5px 15px;
	color: #FFF;
	font-weight: bold;
}
/* 応募要項
---------------------------------------------------------------- */

.notice {
	font-size: 12px;
	text-align: center;
	margin-bottom: 15px;
}
.priod {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
.entry {
	text-align: center;
	/*	margin-bottom:30px;*/
	padding-bottom: 40px;
}
#requirements table ul li {
	text-indent: -1em;
	padding-left: 1em;
}
#requirements table th {
	width: 20%;
}
#requirements table td {
	width: 80%;
}
#requirements dl dt {
	color: #5ab7ac;
	font-weight: bold;
	margin-bottom: 5px;
}
#requirements dl dd {
	margin-bottom: 15px;
}
#requirements dl dd span {
	padding-left: 1em;
	text-indent: -1em;
	display: inline-block;
}
/* 選考委員
---------------------------------------------------------------- */
#committee {
	line-height: 18px;
}
#committee h3 span {
	font-weight: normal;
	font-size: 14px;
}
#committee .boxWrap {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
}
#committee .box {
	width: 334px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}
#committee .last {
	margin-right: 0px;
}
#committee .box p.pic {
	float: left;
	width: 127px;
}
#committee .box dl {
	float: left;
	width: 175px;
	margin-left: 20px;
}
#committee .box dl dt {
	color: #dc4f31;
	margin-bottom: 10px;
	font-size: 13px;
}
#committee .box dl dd span {
	font-size: 11px;
}
#committee .box p.profile {
	clear: both;
	padding-top: 10px;
	font-size: 12px;
}
/* SOWNが対象とするゲーム
---------------------------------------------------------------- */
#game {
	line-height: 18px;
}
#game h3 {
	margin-bottom: 30px!important;
}
#game .box {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin: 0 20px 20px 0;
}
#game .height1 {
	height: 55px;
}
#game .height2 {
	height: 175px;
}
#game .heigh3 {
	height: 65px;
}
#game .heigh4 {
	height: 35px;
}
#game .box dl dt {
	color: #5ab7ac;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
}
#game .last {
	margin-right: 0px;
}
#game .strong {
	color: #dc4f31;
	font-size: 14px;
	font-weight: bold;
}
/* 過去の様子
---------------------------------------------------------------- */


#history ul.photo {
	margin-bottom: 15px;
}
#history ul.photo li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#history ul.photo li.last {
	margin-right: 0px;
}
#history .historyLink {
	width: 600px;
	margin: 0 auto 30px;
}
#history .historyLink li {
	float: left;
	width: 300px;
}
#history .btn {
	text-align: center;
	margin-bottom: 30px;
}
/* プレゼンテーション
---------------------------------------------------------------- */

#wrapper #presentation .cntBox .boxInner {
	background: rgba(254,249,212,0.8);
}
#presentation .att{
	text-indent: -1em;
	padding-left: 1em;
}
#presesntation .inner {
	margin: 0px 0 40px;
}
#presentation .box {
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
#presentation .boxInner p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
}
#presentation .box ul{
	margin: 0 0 10px 0!important;
	padding: 0;
	}
#presentation .box ul li{
	display:inline;
	padding:0 0 0 10px;
}
#presentation h4 {
	color: #dc4f31!important;
	font-size: 16px;
}
#presentation .boxWrap {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
	padding-top: 20px;
}
#presentation .boxWrap .box2 {
	float: left;
	width: 330px;
	margin-right: 40px;/*margin-bottom:20px;*/
}
#presentation .boxWrap .box2 dl {
	width: 165px;
	float: left;
}
#presentation .boxWrap .box2 dd span {
	font-size: 10px;
}
#presentation .boxWrap .last {
	margin-right: 0px;
}
#presentation .boxWrap .box2 dl dt {
	color: #dc4f31;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#wrapper .cntBox .boxInner table {
	width: 100%;
	border: none!important;
}
#presentation th {
	width: 140px!important;
	border-top: none!important;
	border-right: none!important;
	border-bottom: 3px solid #fef9d4!important;
	border-left: none!important;
	background: #999 !important;
	padding: 3px 0px 3px 0!important;
	margin-top: -5px;
	color: #fff;
	text-align: center!important;
	font-size: 13px;
}
#presentation td {
	width: 600px!important;
	border: none!important;
	padding: 8px 0px 0px 0px!important;
	margin: 5px 0 0 5px;
	font-size: 16px;
	display: inline-table;
	font-weight:bold;
}
#presentation td.txt_m{
	font-size: 14px;
	font-weight:normal;
}
#presentation #preMovie {
	width: 600px;
	height: 400px;
	margin: 0 auto 30px;
}

/* *********************************************
*
*	SP view
*	
********************************************* */

@media screen and (max-width:769px) {
/* SOWNトップ
---------------------------------------------------------------- */
#wrapper .cntBox .boxInner .logo_l{
	width:100%;
	float:none;
	}
#wrapper .cntBox .boxInner .logo_c{
	width:100%;
	float:none;
	}
#wrapper .cntBox .boxInner .logo_r{
	width:100%;
	float:none;
	}
#wrapper .cntBox .boxInner .logo_c ul li{
	display: inline;
	padding:0 20px 10px 0;
}
.wn ul li dl dd {
	float: left;
	width: 100%;
}
span.ico {
	background: url(/tgs/2014/business/sown/images/ico_arrow.gif) no-repeat;
	background-position: right 3px;
	background-size: 7px 7px;
	padding-right: 10px;
}
span.ico2 {
	background: url(/tgs/2014/business/sown/images/ico_arrow.gif) no-repeat;
	background-position: left 3px;
	background-size: 7px 7px;
	padding-left: 20px;
}
#wrapper .cntBox .boxInner #snav {
	width: 100%;
	display: inline;
}

#wrapper .cntBox .boxInner #snavi li {
	width: 100%;
}
#wrapper .cntBox .boxInner #snavi li span {
	margin-bottom: 5px;
	display: block;
	height: 100%;
	width: 100%;
	border: 1px solid #CCC;
}
#wrapper .cntBox .boxInner #snavi li:last-child span {
	margin-bottom: 0px;
	display: block;
	height: 100%;
	width: 100%;
	border: 1px solid #CCC;
}
#wrapper .cntBox .boxInner #snavi li a {
	height: 100%;
	color: #555;
}
#wrapper .cntBox .boxInner #snavi li#snavi01 a {
	width: 100%;
	background: #FFF;
}
#wrapper .cntBox .boxInner #snavi li#snavi02 a {
	width: 100%;
	background: #FFF;
}
#wrapper .cntBox .boxInner #snavi li#snavi03 a {
	width: 100%;
	background: #FFF;
}
#wrapper .cntBox .boxInner #snavi li#snavi04 a {
	width: 100%;
	background: #FFF;
}
#wrapper .cntBox .boxInner #snavi li#snavi05 a {
	width: 100%;
	background: #FFF;
}
#wrapper .cntBox .boxInner #snavi li#snavi06 a {
	width: 100%;
	background: #FFF;
}
/*非アクティブ*/

#wrapper .cntBox .boxInner #snavi li#snavi07 span {
	width: 90%;
	height: 100%;
	position: static;
	background: url(/tgs/2014/business/sown/images/linkBtn_arrow.png) 10px center no-repeat #CCC;
	background-size: 8px 11px;
	padding: 6px 0px 6px 23px;
	display: inline-table;
}
#wrapper .cntBox .boxInner #snavi li a span {
	position: static;
	background: url(/tgs/2014/business/sown/images/linkBtn_arrow.png) 10px center no-repeat;
	background-size: 8px 11px;
	padding: 6px 0px 6px 23px;
	display: inline-table;
	width: 92%;
	height: auto;
}
#wrapper .cntBox .boxInner #snavi li:last-child a span {
	position: static;
	background: url(/tgs/2014/business/sown/images/linkBtn_arrow.png) 10px center no-repeat;
	background-size: 8px 11px;
	padding: 6px 0px 6px 23px;
	display: inline-table;
	width: 92%;
	height: auto;
}
#wrapper .mainCont h2 {
	font-size: 18px;
	height: 45px;
}
#wrapper .cntBox .boxInner h3 {
	border-left: solid 12px #5ab7ac;
	border-bottom: solid 1px #5ab7ac;
	padding: 7px 0 5px 11px;
	height: auto;
	font-size: 14px;
}
/* 応募要項
---------------------------------------------------------------- */

#requirements table th {
	width: 100%;
}
/* 選考委員
---------------------------------------------------------------- */


#committee .boxWrap {
	border-bottom: none;
	margin-bottom: 0px;
}
#committee .box {
	width: 100%;
	float: none;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee
}
#committee .last {
	margin-right: 0px;
}
#committee .box p.pic {
	float: left;
	/*width:127px;*/
	width: 40%;
}
#committee .box dl {
	float: left;
	/*width: 175px;*/
	width: 55%;
	margin-left: 5%;
}
/* SOWNが対象とするゲーム
---------------------------------------------------------------- */


#game .box {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
}
#game .box dl dt {
	color: #5ab7ac;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 14px;
	height: auto;
}
#game .box dl dd {
	height: auto;
}
/* 過去の様子
---------------------------------------------------------------- */


#history ul.photo {
	margin-bottom: 15px;
}
#history ul.photo li {
	float: left;
	width: 120px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#history ul.photo li.last {
	margin-right: 0px;
}
#history .historyLink {
	width: 100%;
}
#history .historyLink li {
	margin-bottom: 20px;
}
/* プレゼンテーション
---------------------------------------------------------------- */

#presentation th {
	width: 100%!important;
	margin-top: 20px;
}
#presentation td {
	width: 100%!important;
}
#presentation .box {
	margin-bottom: 20px;
}
#presentation .box ul{
	width:100%;
	margin: 0 0 0px 0!important;
	padding: 0;
	}
#presentation .box ul li{
	width:100%;
	display:inline-block;
	padding:0 2% 2% 0px!important;
}
#presentation p {
	margin-bottom: 5px;
}
#presentation .boxWrap {
	border-top: none;
	margin-bottom: 0px;
	padding: 0;
}
#presentation .boxWrap .box2 {
	float: none;
	width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
		border-top:1px solid #ddd;

}
#presentation .boxWrap .box2 dl {
	width: 50%;
}
#presentation .boxWrap .box2 dd.img {
	text-align: center;
}
#presentation .boxWrap .last {
	margin-right: 0px;
}
#presentation .boxWrap .box2 dl dt {
	color: #dc4f31;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#presentation #preMovie {
	width: 100%;
	height: 250px;
	margin: 0 auto 30px;
}
}