/* CSS Document */
@charset "utf-8";


/* base
------------------------------------ */
body {
	font-family: メイリオ,'ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	color: #333;
	font-size: 13px;
	line-height: 1.5em;
	letter-spacing: 0.02em;	
}
table { _font-size: 12px; }
a {
	color: #1585bc;
	text-decoration: none;
}
a:hover {
	color: #3fafe6;
	text-decoration: underline;
}


/* clearfix */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 
.clear { clear: both; }

.space5  { margin-bottom: 5px; }
.space10 { margin-bottom: 10px; }
.space15 { margin-bottom: 15px; }
.space20 { margin-bottom: 20px; }
.space30 { margin-bottom: 30px; }
.space40 { margin-bottom: 40px; }
.space50 { margin-bottom: 50px; }


.center { text-align: center; }
.line { border-top: 1px solid #555; }
.bold { font-weight: bold; }
.attention { color: #c00; }
.orange { color: #ff9900; }
.red { color: #BF191F; }


.section {
	width: 1000px;
	padding: 30px 0;
	margin: 0 auto;
}

/* header
------------------------------------ */
#header {
	height: 16px;
	background: #000;
	color: #fff;
	position: relative;
}
#header h1 {
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	padding: 0 0 0 1em;
}
#header a {
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	display: block;
	position: absolute;
	right: 1em;
	top: 0;
}
#header a:hover {
	color: #aaa;
	text-decoration: none;
}
#socialArea {
	width: 1000px;
	height: 20px;
	padding: 10px 0;
	margin: 0 auto;
	position: relative;
}
#socialArea .socialBtn {
	height: 20px;
	position: absolute;
	top: 10px;
}
#socialArea .fb { width: 120px; right: 100px; }
#socialArea .twitter { width: 100px; right: 0; }



/* mainArea
------------------------------------ */
#mainArea {
	padding: 15px 0 30px;
	height:660px;
}
#mainArea .mainLead {
	height: 22px;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/txt_main.gif) no-repeat center top;
	text-indent: -9999px;
	margin: 0 0 20px;
}
#mainArea .tit {
	height: 100px;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/tit_main.gif) no-repeat center top;
	text-indent: -9999px;
	margin: 0 0 30px;
}

#mainArea .localNav {
	width: 692px;
	margin: 0 auto 30px;
}
#mainArea .localNav li {
	float: left;
	margin: 0 40px 0 0;
}
#mainArea .localNav .nav_message { width: 241px; }
#mainArea .localNav .nav_info { width: 275px; }
#mainArea .localNav .nav_detail { width: 96px; margin: 0; }
#mainArea .localNav a {
	display: block;
}
#mainArea .localNav img {
	font-size: 0;
	line-height: 25px;
	vertical-align: top;
}

#mainArea .ph {
	height: 420px;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/ph_main.jpg) no-repeat center top;
	position: relative;
}
#mainArea .status {
	width: 181px;
	height: 181px;
	position: absolute;
	right: 15px;
	top: 15px;
}

/* messageArea
------------------------------------ */
#messageAreaWrap {
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/bg_message.gif) repeat left top;
}
#messageArea {
	position: relative;
}
#messageArea .tit {
	width: 540px;
	float: left;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/bg_message_tit.png) no-repeat center 10px;
	border-bottom: 1px solid #E6A14E;
	padding: 130px 0 10px;
	margin: 0 0 20px;
}
#messageArea .lead {
	width: 560px;
	float: left;
	color: #fff;
	margin: 0 0 5px;
}
#messageArea .lead p { 	margin: 0 0 1em; }
#messageArea .lead .sign { 
	text-align: right; 
	padding:0 35px 0 0
}

#messageArea .phList li {
	display: none;
	background-repeat: no-repeat;
}
#messageArea .phList li img {
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
#messageArea .phList.main {
	width: 415px;
	height: 450px;
	position: absolute;
	right: 0;
	top: 30px;
}
#messageArea .phList.main li { position: absolute; }
#messageArea .phList.sub {
	width: 540px;
	clear: both;
	float: left;
}
#messageArea .phList.sub li {
	width: 160px;
	float: left;
	margin: 0 15px 0 0;
}

#messageArea .text {
	width: 401px;
	float: right;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/bg_message_text.gif) repeat left top;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	padding: 0 7px 7px;
	margin: -25px 0 0;
}
#messageArea .text h3 {
	height: 39px;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/tit_message_text.png) no-repeat center center;
	text-indent: -9999px;
}
#messageArea .text p {
	color: #fdf1d1;
	font-size: 11px;
	line-height: 1.5em;
	border: 1px solid #7F9270;
	padding: 10px;
}
*+html #messageArea .text {
	margin: 300px 0 0;
}



/* infoArea
------------------------------------ */
#infoArea .article { width: 480px; }
#infoArea .item { float: left; }
#infoArea .release { float: right; }

#infoArea .tit {
	height: 30px;
	text-indent: -9999px;
	border-bottom: 1px solid #999999;
	margin: 0 0 15px;
}
#infoArea .item .tit { background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/tit_info_item.png) no-repeat 20px top; }
#infoArea .release .tit { background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/tit_info_release.png) no-repeat 20px top; }

#infoArea .discTit {
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px;
	margin: 0 0 1em;
} 
#infoArea .discTit span {
	display:  block;
	font-size: 13px;
	font-weight: normal;
}
#infoArea .article dl {
	font-size: 12px;
	padding: 0 0 0 20px;
}
#infoArea .infoList dt {
	clear: both;
	float: left;
	font-weight: bold;
}
#infoArea .infoList dd {
	margin: 0 0 0.5em;
}
#infoArea .infoList dd span {
	font-size: 10px;
}
#infoArea .item .infoList dt { width: 120px; }
#infoArea .item .infoList dd { padding: 0 0 0 120px; }
#infoArea .release .infoList dt { width: 75px; }
#infoArea .release .infoList dd { padding: 0 0 0 75px; }

#infoArea .infoList ol li {
	text-indent: -2em;
	line-height: 1.4em;
	padding: 0 0 0 2em;
	margin: 0 0 0.5em;
}

/* detailArea
------------------------------------ */
#detailAreaWrap {
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/bg_detail.gif) repeat left top;
}
#detailArea .tit {
	height: 30px;
	background: url(http://imgc2.emtg.co.jp/?i=http://emtg.jp/feature/kobukuro_pamphlet_2013/images/tit_detail.png) no-repeat 20px top;
	text-indent: -9999px;
	border-bottom: 1px solid #999;
	margin: 0 0 15px;
}
#detailArea .noteList {
	background: #fff;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	padding: 15px 20px;
	margin: 0 20px 15px;
	font-weight: bold;
}
#detailArea .noteList li{
	margin: 0 0 5px;
}
#detailArea .noteList li:last-child{
	margin: 0;
}
#detailArea .detailList {
	width: 960px;
	border: 1px solid #ccc;
	margin: 0 20px;
}
#detailArea .detailList tr {
	border-bottom: 1px solid #ccc;
}
#detailArea .detailList th {
	width: 150px;
	background: #ddd;
	font-weight: bold;
	text-align: center;
	padding: 15px;
}
#detailArea .detailList td {
	background: #fff;
	padding: 15px;
}
#detailArea .detailList dt {
	font-weight: bold;
	margin: 0 0 10px;
}
#detailArea .detailList dd,
#detailArea .detailList li {
	text-indent: -1em;
	line-height: 1.4em;
	padding: 0 0 0 1em;
	margin-bottom: 0.5em;
}


/* applyArea
------------------------------------ */
#applyArea p {
	text-align: center;
}
#applyArea .txtBox {
	font-weight: bold;
	border: 2px solid #ccc;
	padding: 15px;
	margin: 0 20px;
}
#applyArea .applyBtn a {
	display: block;
	width: 350px;
	height: 50px;
	background: #6b3903;
	background: -moz-linear-gradient(top, #6b3903 1%, #552a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6b3903), color-stop(100%,#552a00));
	background: -webkit-linear-gradient(top, #6b3903 1%,#552a00 100%);
	background: -o-linear-gradient(top, #6b3903 1%,#552a00 100%);
	background: -ms-linear-gradient(top, #6b3903 1%,#552a00 100%);
	background: linear-gradient(to bottom, #6b3903 1%,#552a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b3903', endColorstr='#552a00',GradientType=0 );
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	line-height: 50px;
	border: 1px solid #2D1600;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin: 0 auto 15px;
}
#applyArea .applyBtn a:hover {
	color: #3fafe6;
	box-shadow: 0 0 10px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7) inset;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7) inset;
}
#applyArea .subBtn a {
	display: block;
	width: 200px;
	height: 35px;
	background: #ccc;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 auto;
}
#applyArea .subBtn a:hover {
	background: #ddd;
	color: #3fafe6;
	text-decoration: none;
}

/* footer
------------------------------------ */
#footer {
	text-align: center;
	padding: 20px 0;
}
#footer #supportNav { margin: 0 0 10px; }
#footer #supportNav li { display: inline; }
#footer address { font-size: 11px; }
#footer .jasrac { font-size: 11px; }

#pageTop {
	width: 56px;
	height: 56px;
	position: fixed;
	right: 30px;
	bottom: 30px;
}