/* =============================================================
 ALPS Website
 common.css
 =============================================================== */
body {
	margin: 0px;
	padding: 0px;
/*	font: 80%/1.5em "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;*/
	font: 62.5% "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	color: #333333;
	background: url(../image/common/bdy_bck.gif) repeat-x top left;
}

* {
	margin:0;
	padding:0;
}
img {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #3172cb;
}
a:visited {
	color: #667799;
}
a:hover {
	text-decoration: none;
}
a:active {
}

#breadcrumb p{
	font-size: 12px;
}

#breadcrumb a:link {
	color: #0000ff;
	text-decoration: none;
}
#breadcrumb a:visited {
	color: #993399;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #ff0006;
	text-decoration: none;
}
#breadcrumb a:active {
	color: #ff0006;
	text-decoration: none;
}
ul {
	list-style: disc;
}
ul, ol{
	margin-left: 30px;
}
h1 {
	font: bold 1.6em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #333333;
	margin-top: 8px;
	margin-left: 15px;
	margin-bottom: 7px;
}

h2 {
	margin: 1px 0 0;
	padding: 0px;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
}

h3 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #333333;
	margin-bottom: 15px;
}
h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
}
h5 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
}
h6 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	background:#FFFFFF;
}
th {
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	background:#FFFFFF;
	padding: 2px 2px 2px 5px;
	text-align: center;
}
td {
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	background:#FFFFFF;
	padding: 2px 2px 2px 5px;
}


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

/* Main
---------------------------------------------------------------- */
#main {
	padding: 0 0 40px;
}
* 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;
}

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
---------------------------------------------------------------- */
.adobe {
	margin-top: 30px;
	margin-bottom: 20px;
}
.adobe .graphic {
	float: left;
	width: 120px;
}
.adobe .text {
	float: right;
	width: 430px;
	font-size: xx-small;
	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;;
}

