@charset "utf-8";

/******************************
-------------------------------
Story レイアウト設定
-------------------------------
=1: Text
=2: PDFLink
=3: LeftMenu
*******************************/

/*------------------------------
=1: Text
------------------------------*/
p.subtitle {
	height:  35px;
	margin-left: -10px;
	padding-left: 40px;
	color: #0066ff;
	font-size:14px;
	font-weight: bold;
	background: url(../img/story/story_ico_picture.png) left no-repeat;
	line-height:2.2em;
	display: none;
}

p.catch {
	color: #0066ff;
	font-size: 100%;
	font-weight: bold;
}

p.name {
	width: 210px; 
	height: 21px;
	padding-top: 5px;
	padding-left: 20px;
	color: #ee8100;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
	background: url(../img/story/story_ico_man.png) left 5px no-repeat;
	float: left;
	clear:both;
}



/*------------------------------
=2: PDFLink
------------------------------*/
#btnArea {
	width: 480px;
	height: 32px;
	margin:0 0 15px 0;
	float: right;
}

#btnArea a {
	display: block;
	height: 32px;
	float:right;
}

a.pdf_story {
	width: 80px;
	padding-left: 3px;
	background: url(../img/story/story_btn_expri.png) no-repeat;
}

a.pdf_help {
	width: 104px;
	background: url(../img/story/story_btn_helpnote.png) no-repeat;
}

a.pdf_story:hover {
	background: url(../img/story/story_btn_expri.png) left -32px no-repeat;
}

a.pdf_help:hover {
	background: url(../img/story/story_btn_helpnote.png) left -32px no-repeat;
}

/*------------------------------
=3: LeftMenu
------------------------------*/
#leftBox {
	width: 195px;
	float: left;
}

#leftBox dl.story {
	font-size: 75%;
	font-weight: bold;
	line-height: 1.5em;
}

#leftBox dl.story dt {
	padding-left: 16px;
	color: #ee8100;
	background: url(../img/ico_arrow_blue.png) left 0.2em no-repeat;
}

#leftBox dl.story dt.now {
	background: url(../img/ico_arrow_org.png) left 0.2em no-repeat;
}

#leftBox dl.story dd {
	padding-bottom: 1em;
	padding-left: 16px;
	color: #007DFF;
}

#leftBox dl.story dd.now {
	color: #ee8100;
}


#leftBox dl.story dt a {
	color: #0033ff;
	text-decoration: none;
	border-bottom: 1px dashed;
}

#leftBox dl.story dt a:hover {
	color: #ff9900;
	text-decoration: none;
	border-bottom: 1px solid;
}