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

 @sitename JPAP.JP
 @lastupdate 2010/03/xx

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




/* Contents
----------------------------------------------------------*/
div.index div#Contents {}


/* index */
div.index div#Contents div.right {
	float:right;
	width:202px;
	text-align:center;
	font-weight:bold;
	color:#de8e06;
}

div.index div#Contents div.left {
	float:left;
	width:440px;
}

div.index div#Contents div.symbol .right {
	float:right;
	margin-right:50px;
	_margin-right:25px;
	width:274px;
}

div.index div#Contents div.symbol .left {
	float:left;
	width:275px;
}

div.index div#Contents table td {
	text-align:center;
	font-weight:bold;
	color:#e96e04;
}

div.index div#Contents table td.small {
	width:160px;
	padding-right:25px;
}

div.index div#Contents table td.normal {
	width:245px;
	padding-right:45px;
}

div.index div#Contents table td.large {
	width:234px;
}

/* event_index */
div.event_index div#Contents .section {
	margin-bottom:0;
	padding-bottom:50px;
}

div.event_index .right {
	float:right;
	width:180px;
}

div.event_index .left {
	float:left;
	margin-top:-4px;
	width:470px;
}

div.event_index .left p {
	margin:4px 0 8px 0;
}



/* event */
div.event div#Contents h3 {
	margin-bottom:15px;
}

div.event div#Contents .section {
	margin-bottom:0px;
	padding-bottom:20px;
}

div.event div#Contents h4 {
	background:url("../img/dotline.gif") repeat-x scroll left bottom transparent;
	color:#222222;
	font-size:120%;
	left:0;
	margin:0 0 10px;
	padding:10px 0 10px;
	width:670px;
}

div.event div#Contents h4.orange {
	background:none;
	color:#e96e04;
	font-size:110%;
	left:0;
	margin:0 0 13px 0;
	padding:0;
	width:670px;
}

div.event div#Contents h4.orange span {
	font-weight:normal;
}

div.event div#Contents h5.orange {
	background:none;
	color:#e96e04;
	font-size:110%;
	line-height:1.4em;
	left:0;
	margin:25px 0 10px 0;
	padding:0;
	width:670px;
}

div.event div#Contents h5.orange span {
	font-weight:normal;
}

div.event div.intro ul {
	margin-top:10px;
}

div.event div.intro ul li {
	float:left;
	margin:0 15px 0 0;
	padding-left:15px;
	font-weight:bold;
	list-style:none;
	border-left:1px solid #bbbbbb;
	line-height:1.4;
}

div.event div.intro ul li.first {
	padding-left:0px;
	border:none;
}

div.event div.intro ul li a {
	font-weight:normal;
}

div.event div#Contents div.end {
	margin-bottom:0;
	padding-bottom:30px;
}

div.event div#Contents dl.question {
	margin-top:40px;
	background:url(../../../1020/event/images/question_bg.gif) repeat-y 74px top;
}

div.event div#Contents dl.question dt {
	padding-left:90px;
	font-size:110%;
	font-weight:bold;
	line-height:1.5em;
	color:#e96e04;
}

div.event div#Contents dl.question dd {}

div.event div#Contents dl.question dt.no1 {background:url(../../../1020/event/images/question01.gif) no-repeat left center;}
div.event div#Contents dl.question dt.no2 {background:url(../../../1020/event/images/question02.gif) no-repeat left center;}
div.event div#Contents dl.question dt.no3 {background:url(../../../1020/event/images/question03.gif) no-repeat left center;}
div.event div#Contents dl.question dt.no4 {background:url(../../../1020/event/images/question04.gif) no-repeat left center;}
div.event div#Contents dl.question dt.no5 {background:url(../../../1020/event/images/question05.gif) no-repeat left center;}
div.event div#Contents dl.question dt.no6 {background:url(../../../1020/event/images/question06.gif) no-repeat left center;}

div.event div#Contents dl.question dd dl {
	margin-top:15px;
}

div.event div#Contents dl.question dd dl dt {
	float:left;
	padding-left:0;
	width:74px;
	font-size:90%;
	font-weight:bold;
	color:#222222;
}

div.event div#Contents dl.question dd dl dd {
	float:left;
	padding-left:15px;
	width:580px;
	_width:595px;
}

div.event div#Contents dl.question dd dl dd p {
	margin:0;
	width:370px;
}

div.event div#Contents .imgcap {
	width:220px;
	padding-right:40px;
	color:#2c2c2c;
	font-size:80%;
}

div.event div#Contents .imgcap img {
	margin-bottom:5px;
}



/* interview_index */
div.interview_index h4 span {
	color:#2c2c2c;
}

div.interview_index .right {
	float:right;
	margin-right:20px;
	_margin-right:10px;
	width:115px;
}

div.interview_index .left {
	float:left;
	width:505px;
}

div.interview_index a.icon {
	margin-top:-5px;
	display:block;
	font-size:110%;
	padding-left:15px;
	background-position:left 0.5em;
}

div.interview_index div#Contents .section {
	margin-bottom:0;
	padding-bottom:26px;
}

/* interview */
div.interview div#Contents h3 {
	margin-bottom:15px;
}

div.interview div#Contents h4 {
	background:url("../img/dotline.gif") repeat-x scroll left bottom transparent;
	color:#222222;
	font-size:120%;
	left:0;
	margin:0 0 10px;
	padding:10px 0 10px;
	width:670px;
}

div.interview div#Contents h4.orange {
	background:none;
	color:#e96e04;
	font-size:110%;
	left:0;
	margin:0 0 13px 0;
	padding:0 0 0 35px;
	text-indent:-35px;
	width:635px;
	_width:670px;
}

div.interview div#Contents h4.top {
	width:455px;
	_width:490px;
}

div.interview div#Contents .section {
	margin-bottom:0px;
	padding-bottom:15px;
}

div.interview div#Contents div.end {
	margin-bottom:0;
	padding-bottom:30px !important;
}

div.interview div#Contents div.introduction {
	margin:8px 0 50px 0;
	padding:13px 13px 13px 17px;
	width:636px;
	_width:670px;
	min-height:140px;
	border:2px solid #ee7800;
}

div.interview div#Contents div.introduction h4 {
	margin:0 0 5px 0;
	width:420px;
}

div.interview div#Contents div.introduction p {
	margin:0;
	font-size:85%;
}

div.interview div#Contents div.plural {
	padding-bottom:23px;
}

div.interview div#Contents div.plural dl {
	margin-bottom:9px;
}

div.interview div#Contents div.plural dl dt {
	float:left;
	font-weight:bold;
	width:60px;
}

div.interview div#Contents div.plural dl dd {
	float:left;
	width:610px;
}

div.interview div#Contents div.plural div.sideways {
	width:430px;
}

div.interview div#Contents div.plural div.sideways dl dd {
	width:370px;
}

div.interview div#Contents div.plural div.portrait {
	width:490px;
}

div.interview div#Contents div.plural div.portrait h4 {
	width:490px;
}

div.interview div#Contents div.plural div.portrait dl dd {
	width:430px;
}



/* Smileaward
----------------------------------------------------------*/
/** override */ div#Contents.smileaward h4 {
	left:0;
	margin:0;
	padding:30px 0 0;
	min-height:45px;
	_height:75px;
	background:url(/1020/smileaward/images/message_ttl.gif) no-repeat;
	color:#2c2c2c;
}

/** override */ div#Contents.smileaward h5 {
	margin:0 0 0.8em;
	background:none;
	color:#ee7800;
	font-size:105%;
	line-height:1.2;
}

/* intro */
div#Contents.smileaward div.intro h4 {
	left:0;
	margin:0 0 -12px;
	padding:0;
	width:455px;
	_height:auto;
	_margin-bottom:15px;
	background:none;
	color:#ee7800;
	font-size:16px;
}

div.smileaward div.intro div.image {
	float:right;
	width:213px;
}

div.smileaward div.intro div.content {
	float:left;
	margin-top:14px;
	width:438px;
}

div.smileaward div.pickup a {
	padding-left:12px;
	padding-bottom:3px;
	background:url(../img/icn_link.gif) no-repeat 0 3px;
}

div.smileaward div.pickup dl {
	float:left;
	margin-right:14px;
}

div.smileaward div.pickup dd {
	padding:15px 15px 14px 15px;
	background-color:#fffbf3;
	width:296px;
	_width:328px;
	min-height:235px;
	height:auto !important;
	height:264px;
	border:1px solid #f88028;
	border-top:none;
}

div.smileaward div.pickup dd strong {
	display:block;
	margin:5px 0 0 19px;
	font-size:110%;
}

div.smileaward div.pickup ul {
	margin-left:19px;
}

div.smileaward div.pickup li {
	float:left;
	list-style:none;
	margin:0 8px 0 0;
	width: 150px;
}

div.smileaward div.pickup li.right {
	width: 118px;
	margin:0;
}

div.smileaward div.pickup li.over {
	width: 260px;
}

div.smileaward div.more {
	padding-top:21px;
	background:url(../img/dotline.gif) repeat-x;
}

div.smileaward div.pager {
	margin:-44px 0 30px 624px;
}

div.smileaward div.pager p {
	display:none;
}

/* message */
div.smileaward div.message {}

div.smileaward div.message ul.index li {
	min-height:77px;
	_height:77px;
	margin:10px 0 0;
	padding-left:90px;
	background:url(/1020/smileaward/images/msg_frame_icon.gif) no-repeat;
	list-style:none;
}

div.smileaward div.message ul.index li div {
	padding:15px 20px 0;
	background:url(/1020/smileaward/images/msg_frame_top.gif) no-repeat;
	color:#ee7800;
	font-weight:bold;
}

div.smileaward div.message ul.index li p {
	margin:-2px 0 0;
	padding:0 20px 9px;
	background:url(/1020/smileaward/images/msg_frame_btm.gif) no-repeat bottom;
}

/* works index */
div.smileaward div.works {}

/** override */ div#Contents div.works h5 {
	color:#222;
	font-size:12px;
	font-weight:normal;
}

div.smileaward div.works div.index {
	margin-top:10px;
	margin-left:-11px;
	_margin-left:-22px;
}

div.smileaward div.works div.index table {
	float:left;
	margin:0 0 11px 11px;
	width:214px;
	height:280px;
	_width:216px;
	_height:282px;
	border:1px solid #e3dfd2;
	background:#fffbf3;
	list-style:none;
}

div.smileaward div.works div.index td {
	padding:0 10px;
	text-align:center;
}

div.smileaward div.works div.index .thumb {
	height:175px;
	vertical-align:middle;
}

div.smileaward div.works div.index .thumb img {
	border:1px solid #e3dfd2;
}

div.smileaward div.works div.index .data p {
	margin-bottom:0;
	font-size:80%;
}

div.smileaward div.works div.index .link {
	padding-bottom:12px;
	vertical-align:bottom;
}

/* works detaile */
div.smileaward div.detaile {
	margin-bottom:45px;
}

/** override */ div#Contents div.detaile h4 {
	margin-bottom:15px;
}

/** override */ div#Contents div.detaile h5 {
	margin:15px 0 0;
	background:none;
	color:#ee7800;
	font-size:105%;
	line-height:1.2;
}

div.smileaward div.detaile p {
	margin-bottom:25px;
}

div.smileaward div.detaile div.text {
	padding-left:10px;
}

div.smileaward div.detaile div.image {
	float:right;
	padding-bottom:35px;
	width:385px;
	text-align:right;
}

div.smileaward div.detaile div.image img {
	border:1px solid #e3dfd2;
}

div.smileaward div.detaile div.note {
	clear:right;
	margin-top:25px;
	padding:23px 0 0 10px;
	background:url(../img/dotline.gif) repeat-x;
	color:#2c2c2c;
	line-height:1.65;
}


/* Print
----------------------------------------------------------*/
@media print {
	.thanks {
		margin-top:250px;
	}
}


/* Clearfix
----------------------------------------------------------*/
div#Contents div.intro,
div#Contents div.section,
div.event div.intro ul,
div.event div#Contents dl.question dd dl,
div.event div#Contents dl.question dd dl dd,
div.interview div#Contents div.plural dl,
div.smileaward div.pickup ul {
	zoom:1;
}

div#Contents div.intro:after,
div#Contents div.section:after,
div.event div.intro ul:after,
div.event div#Contents dl.question dd dl:after,
div.event div#Contents dl.question dd dl dd:after,
div.interview div#Contents div.plural dl:after,
div.smileaward div.pickup ul:after {
	content:"";display:block;height:0;
	clear:both;visibility:hidden;
}

* html div#Contents div.intro,
* html div#Contents div.section,
* html div.event div.intro ul,
* html div.event div#Contents dl.question dd dl,
* html div.event div#Contents dl.question dd dl dd,
* html div.interview div#Contents div.plural dl,
* html div.smileaward div.pickup ul {
	display:inline-table;
	/*\*/display:block;/**/
}