/* =============================================================
 ALPS Website
 common.css
 =============================================================== */


/* Wrapper
---------------------------------------------------------------- */
#wrapper {
	background: #FFFFFF;
	text-align: left;
	padding: 0px;
	height: auto;
	width: 760px;
	font-size: 1.2em;
	line-height: 1.5em;
}

/* Main
---------------------------------------------------------------- */
#main {
	padding: 0 0 40px;
	position: relative;
}
* html #main { height: 0.1em; overflow: visible; }
*;first-child+html #main { overflow: hidden; }
#main:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }

#rec #main,
#recruit #main {
	margin: -5px 0 0;
}

#privacy #main,
#sitemap #main,
#terms #main,
#inquiry #main,
#important #main {
	padding: 10px 10px 40px;
}

/* Content
---------------------------------------------------------------- */
#content {
	width: 553px;
	float: right;
	position: relative;
	padding: 4px 0 0;
}
#toppage #content {
	width: 554px;
	float: right;
	position: relative;
	padding-top: 2px;
}

#toppage #content_big {
	width: 750px;
	float: right;
	position: relative;
	padding-top: 2px;
}

#rec #content,
#recruit #content {
	margin: 5px 0 0;
}

/* Breadcrumb
---------------------------------------------------------------- */
#wrapper #breadcrumb {
	line-height: 24px;
	padding: 0 0 0 14px;
	color: #949494;
	font-size: 90%;
}

#wrapper #breadcrumb a {
	color: #949494;
	text-decoration: underline;
}

/* Common Selector
---------------------------------------------------------------- */
.clear {
	clear: both;
}
.clear05 {
	clear: both;
	line-height: 5px;
}
.clear10 {
	clear: both;
	line-height: 10px;
}
.caption {
	font-size: xx-small;
	line-height: 1.5em;
}
.pagetop {
/*	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;*/
	display:block;
	width: 100%;
	height: 30px;
	float:right;
}
.pagetop a {
	position: absolute;
	display:block;
	width:120px;
	right: 0;
}

.note {
	font-size: x-small;
}
.block {
	clear: both;
	position: relative;
}
.block2 {
	clear: both;
	position: relative;
}
.box {
	clear: both;
	position: relative;
}
.left-block {
	float: left;
}
.left-block2 {
	float: left;
}
.right-block {
	float: right;
}
.right-block2 {
	float: right;
}
.solidline {
	height: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #cccccc;
	line-height: 2px;
}
.solidline-subtit {
	border-bottom: 1px solid #3333ff;
	padding-bottom: 2px;
	margin-bottom: 13px;
}
.solidline333 {
	border-bottom: 1px solid #333333;
	padding-bottom: 3px;
}

.solidline111 {
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}

.solidline-anual {
	height: 1px;
	border-top: 1px dotted #cccccc;
	line-height: 2px;
}

table.bordernone-table ,
table.bordernone-table th,
table.bordernone-table td {
	border:none;
}
table.solidbox-table {
	border:1px solid #CCCCCC;
}
table.solidbox-table th,
table.solidbox-table td {
	border:none;
	vertical-align: top;
}
.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.textcenter {
	text-align: center;
}
.texttop {
	vertical-align: top;
}
.textindent {
	text-indent: 1em;
}
.text-f00 {
	color:#FF0000;
}
.text-subtit {
	color: #4362a7;
}
.mar-r10 {
	margin-right: 10px;
}
.mar-t10 {
	margin-top: 10px;
}
.textnormal {
	font-size: 1.2em;
	line-height: 1.5em;
}
.pd05t { padding-top: 5px;}
.pd10t { padding-top: 10px;}
.pd15t { padding-top: 15px;}
.pd20t { padding-top: 20px;}
.pd05b { padding-bottom: 5px;}
.pd10b { padding-bottom: 10px;}
.pd15b { padding-bottom: 15px;}
.pd20b { padding-bottom: 20px;}
.pd05l { padding-left: 5px;}
.pd10l { padding-left: 10px;}
.mg05t { margin-top: 5px;}
.mg10t { margin-top: 10px;}
.mg15t { margin-top: 15px;}
.mg20t { margin-top: 20px;}
.mg25t { margin-top: 25px;}
.mg30t { margin-top: 30px;}
.mg05b { margin-bottom: 5px;}
.mg10b { margin-bottom: 10px;}
.mg15b { margin-bottom: 15px;}
.mg20b { margin-bottom: 20px;}
.mg25b { margin-bottom: 25px;}
.mg30b { margin-bottom: 30px;}
.mg40b { margin-bottom: 40px;}
.mg50b { margin-bottom: 50px;}
.mg05r { margin-right: 5px;}
.mg10r { margin-right: 10px;}
.mg15r { margin-right: 15px;}
.mg20r { margin-right: 20px;}
.mg25r { margin-right: 25px;}
.mg30r { margin-right: 30px;}
.mg05l { margin-left: 5px;}
.mg10l { margin-left: 10px;}
.mg15l { margin-left: 15px;}
.mg20l { margin-left: 20px;}
.mg25l { margin-left: 25px;}
.mg30l { margin-left: 30px;}

.link-detail {
	background: url(../image/common/arrow_normal_003366.gif) no-repeat 0px 3px;
	padding-left: 15px;
	float: right;
}
.chara-small {
	font-size: 7px;
}
.new {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	font-style: italic;
}
.pdf-icon {
	font-size: 10px;
	color:#FFFFFF;
	padding: 0 2px;
	background: #CC0000;
}
.graph-l {
	float: left;
}
.graph-r {
	float: right;
}
a.line:link {
	text-decoration: underline;
}
a.line:visited {
	text-decoration: underline;
}
a.line:hover {
	text-decoration: underline;
}
a.line:active {
	text-decoration: underline;
}


/* Toppage Common Selector
---------------------------------------------------------------- */
#toppage h3 {
	margin: 0px;
	padding: 0px;
}
#toppage .toppage-news {
	border-bottom: 3px double #cacaca;
	padding-bottom: 3px;
	margin-bottom: 20px;
}
#toppage .toppage-news .block-news {
	border-bottom: 1px solid #999999;
	height: 20px;
	position: relative;
	padding-top: 10px;
}
#toppage .toppage-news h3 {
	color: #376388;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em;
}
#toppage .toppage-news #past-news {
	color: #376388;
	text-align: right;
	position: absolute;
	left: 355px;
	top: 10px;
	width: 200px;
}
#toppage .toppage-news .newslist {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.7em;
	font-size: 1em;
	vertical-align: middle;
}
#toppage .toppage-news .newslist .pdf {
	vertical-align: middle;
}

#toppage .toppage-news .date {
	background: url(../image/common/arrow_normal_003366.gif) no-repeat 2px 5px;
	padding-left: 20px;
	float: left;
	width: 90px;
}
#toppage .toppage-news .category {
	float: left;
	width: 95px;
	color:#995314;
}
#toppage .toppage-news .category-csr {
	float: left;
	width: 100px;
	color:#995314;
}

#toppage .toppage-news .category-rec {
	float: left;
	width: 35px;
	color:#995314;
}
#toppage .toppage-news .cate-docu {
	color:#995314;
}
#toppage .toppage-news .cate-info {
	color:#998b14;
}
#toppage .toppage-news .cate-news {
	color:#997314;
}
#toppage .toppage-news .text {
	float: right;
	width: 340px;
}
#toppage .toppage-news .text-rec {
	float: right;
	width: 400px;
}

#toppage .menulist {
	border-top: 1px solid #999999;
	padding-top: 10px;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
}
#toppage .menulist .block .clear {
	line-height: 20px;
}
#toppage .menulist .left-block {
	width: 130px;
}
#toppage .menulist .right-block p {
	width: 420px;
	font-weight: bold;
	color: #5776c2;
	margin: 0px;
	padding: 0px;
}
#toppage .menulist .right-block ul {
	width: 420px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#toppage .menulist li {
	float: left;
	font-weight: normal;
	width: 140px;
}
#toppage .menulist a {
	background: url(../image/common/arrow_normal_003366.gif) no-repeat 0px 2px;
	display: block;
	padding-left: 15px;
	font-size: 0.9em;
	line-height: 1.7em;
}
#toppage .menulist a.link-detail2 {
	background: url(../image/common/arrow_normal_003366.gif) no-repeat 0px 2px;
	display: block;
	padding-left: 15px;
	font-size: 0.9em;
	line-height: 1.7em;
	float: right;
}

/* Adobe Reader Selector
---------------------------------------------------------------- */

#main .adobe {
	overflow: hidden;
}
* html #main .adobe {
	overflow: hidden;
}

.adobe {
	margin-top: 30px;
	margin-bottom: 0px;
}
.adobe .graphic {
	float: left;
	width: 120px;
}
.adobe .text {
	float: right;
	width: 430px;
	font-size: 9px;
	line-height: 1.5em;
	height: 33px;
}

/* E-book Selector
---------------------------------------------------------------- */
.ebook {
	margin-bottom: 20px;
}

.ebook .graphic {
	float: left;
	width: 120px;
}
.ebook .text {
	float: right;
	width: 430px;
	font-size: xx-small;
	line-height: 1.5em;
}

/* pdf icon
---------------------------------------------------------------- */

.pdfIcon {
	padding: 0 0 0 2px;
	vertical-align: middle;
}

* html .pdfIcon {
	padding: 4px 0 4px 2px;
}