@charset "utf-8";

#NR-wrapper h1,
#NR-wrapper h2,
#NR-wrapper h3,
#NR-wrapper h4,
#NR-wrapper h5,
#NR-wrapper h6 {
	margin-bottom: 1em;
}

#NR-wrapper-in {
	font-size: 15px;
}

#NR-wrapper-in h2 {
    background: #CC3333;
    border-radius: 5px;
    color: #fff;
	font-size: 24px;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px 15px;
}

#NR-sub h2 {
	font-size: 24px;
}

#NR-wrapper-in h3 {
	font-size: 20px;
}

#NR-sub h3 {
	font-size: 16px;
}

#NR-sub h4 {
	font-size: 12px;
}

#NR-wrapper-in .unit {
	margin-bottom: 30px;
}

#NR-wrapper-in p {
	line-height: 2;
	margin: 0.5em 0;
}

.list li {
	line-height: 1.5;
	margin-left: 2em;
}

ul.list li {
	list-style: disc outside;
}

ol.list li {
	list-style: decimal outside;
}

#visual-box {
	background: #fff url(../../img/ambassador/bg_visual.jpg) 50% 0 repeat-x;
	margin-bottom: 40px;
	text-align: center;
}

#visual {
	height: 280px;
	margin: 0 auto;
	position: relative;
	width: 1004px;
}

#badge {
	position: absolute;
	left: 115px;
	top: 28px;
}

#subcopy,
#maincopy {
	left: 250px;
	position: absolute;
}

#subcopy {
	background: transparent url('../../img/ambassador/subcopy_bg.png') bottom center no-repeat;
	padding-bottom: 10px;
	top: 46px;
}

#maincopy {
	top: 94px;
}

#nav {
	top: 238px;
	left: 144px;
	position: absolute;
}

#nav li {
	float: left;
	margin-right: 18px;
}

#nav li a {
	border-radius: 8px;
	border: 1px solid #e76533;
	color: #e76533;
	display: block;
	font-size: 17px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	width: 220px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

#nav li a:hover {
	color: #fff;
	color: #e76533\9;
	background: rgba(231,101,51,.9);
}

#nav li a br {
	display: none;
}

#work-official-list {
	margin-bottom: 24px;
	margin-right: -10px;
}

#work-official-list li {
	border: 1px solid #c3c1c1;
	float: left;
	margin-right: 7px;
	padding: 10px;
	width: 188px;
	-webkit-transition: border 0.5s linear;
	-moz-transition: border 0.5s linear;
	transition: border 0.5s linear;
}

#work-official-list li:hover {
	border-color: #39c;
}

#work-official-list a {
	color: #39c;
	display: block;
	font-size: 14px;
	text-decoration: none;
}

#work-official-list img {
	float: left;
	height: 50px;
	margin-right: 10px;
	width: 50px;
}

#work-official-list span {
	float: left;
	line-height: 1.4;
	padding-top: 5px;
}

#hash {
	color: #0084b4;
}

#hash code {
	margin: 0 0.25em;
	font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
	font-size: 16px;
	font-weight: bold;
}

strong {
	font-weight: bold;
	margin: 0 0.1em;
}

#eventreport {
	margin: 15px 0 40px;
}

#eventreport .eventphoto p {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	width: 337px;
}

#eventreport .eventphoto p.last {
	margin: 0;
}

#eventreport .eventphoto p span{
	display: block;
	font-size: 13px;
}

.attention {
	color: #cc3333;
	font-size: 18px;
	padding-bottom: 30px;
	text-align: center;
}

.NR-widget-facebook {
	border: #eee solid 1px;
	border-radius: 5px;
	display: inline-block;
	max-height: 700px;
	min-height: 510px;
	overflow: hidden;
}

.social-button li {
	margin: 0;
	padding: 0;
}

.social-button img {
	width: 32px;
}

.social-button li {
	display: inline-block;
	list-style: none;
	margin-right: 8px;
}

.social-button li.line {
	display: none;
}

.social-button li.hatena {
	margin-right: 0;
	padding-right: 0;
}

*:first-child+html .social-button li {
	display: inline;
}

*:first-child+html .social-button .line {
	display: none;
}

/* RWD(option) */

@media screen and (max-width: 599px) {

	#NR-wrapper-in {
		font-size: 15px;
	}

	#NR-wrapper-in h2 {
		font-size: 20px;
        line-height: 1.2;
        margin: 20px 0;
        padding: 10px;
	}

	#NR-sub h2 {
		font-size: 18px;
	}

	#NR-wrapper-in h3,
	#NR-sub h3 {
		font-size: 16px;
	}

	#NR-wrapper-in p {
		line-height: 1.5;
	}

	#nav {
		top: 155px;
		left: 0;
		width: 100%;
	}

	#nav ul {
		margin: 0 10px;
	}

	#nav li {
		margin-right: 2%;
		width: 32%;
	}

	#nav li:last-child {
		margin: 0;
	}

	#nav li a {
		background: #e97447;
		border-radius: 5px;
		color: #fff;
		font-size: 13px;
		display: table;
		height: 3.5em;
		line-height: 1.3;
		width: 100%;
	}

	#nav li a:hover {
		background: rgba(231,101,51,.9);
		color: #fff;
	}

	#nav li a i {
		display: none;
	}

	#nav li a span {
		display: table-cell;
		vertical-align: middle;
	}

	#nav li a br {
		display: block;
	}

	#visual-box {
		background-size: auto 147px;
		margin-bottom: 30px;
	}

	#visual {
		height: 150px;
		margin-bottom: 75px;
		width: auto;
	}

	#subcopy,
	#maincopy {
		left: 55px;
		top: 40px;
	}

	#subcopy {
		background-size: 95%;
		padding-bottom: 5px;
	}

	#maincopy {
		top: 65px;
	}

	#subcopy img ,
	#maincopy img {
		width: 92%;
	}

	#badge {
		left: 12px;
		top: 29px;
		width: 17%;
	} 

	#work-official,
	#work-social {
		float: none;
		width: auto;
	}

	#work-official-list li {
		float: none;
		width: auto;
		margin-bottom: 8px;
	}

	.social-button li.line {
		display: inline-block;
	}

	.attention {
        	color: #cc3333;
        	font-size: 18px;
        	padding-bottom: 85px;
	}

	#eventreport .eventphoto p {
		width: 100%;
		margin-bottom: 10px;
	}

	#eventreport .eventphoto img {
        	max-width: 100%;
	}

}