global.css 4.4 KB
@charset "utf-8";
@import url("common.css");

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% arial,helvetica,sans-serif;
	font-family : "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", Geneva, Arial, Verdana, sans-serif;
}
body {
	color : #333;
	font-size : 62.5%;
	text-align : center;
	letter-spacing : 1px;
}

/* =====================================================================
	definition
====================================================================== */

/* ___________________________________________________________ anchor */

a {
	text-decoration : underline;
}
a:link {
	color : #126EE1;
}
a:visited {
	color : #126EE1;
}
a:hover {
	color : #F99839;
}
a:active {
	color : #126EE1;
}
a:focus{
	outline : none;
}

/* =====================================================================
	header
====================================================================== */

/* =====================================================================
	intro
====================================================================== */

/* =====================================================================
	core
====================================================================== */

ul.topic_path {
	background : none;
}
.more a {
	padding : 0.4em 0 0.4em 20px;
	_background-position : 0 0.3em;
}
*+html .more a {
	background-position : 0 0.3em;
}
*+html>/**/body .more a {
	background-position : 0 0.45em;
}

/* =====================================================================
	contents
====================================================================== */

/* ___________________________________________________________ detail */

.sitemap ul li {
	border-bottom : 1px dotted #dfdfdf;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	line-height : 1.0 !important;
	height : 100%;
}

/* ___________________________________________________________ active */

p.active {
	margin-top : 5px;
	padding : 0 0 0 18px;
	height : 14px;
	line-height : 14px;
}
ul.active {
	padding : 5px 0 0 0;
	border-top : 1px dotted #dddddd;
	text-align : right;
}

/* ___________________________________________________________ apply */

p.apply a,
a.apply {
	display : block;
	width : 250px;
	height : 55px;
	color : #fff;
	line-height : 54px;
	letter-spacing : 0px;
}
a.apply {
	text-indent : 35px;
}
p.apply a:visited,
p.apply a:hover,
a.apply:visited,
a.apply:hover {
	color : #fff;
}

/* =====================================================================
	utilities
====================================================================== */

div#utilities h4 {
	margin : 0;
	border : 1px solid #ddd;
	border-top : 2px solid #F58603;
	background : none;
}
div#utilities ul {
	padding : 0 5px 8px 5px;
	border : 1px solid #ddd;
	border-top : none;
}
div#utilities ul li {
	padding : 0.6em 0 0.6em 18px;
	border-bottom : 1px dotted #ddd;
	background-position : 0 0.7em;
}
div#utilities div.banner {
	margin-top : 0 !important;
}
div#utilities div.banner p {
	margin-bottom : 10px;
}

/* =====================================================================
	footer
====================================================================== */

div#footer {
	position : relative;
}
div#footer p.return_top {
	overflow : hidden;
	margin : 0;
	padding : 0;
	text-align : left;
	height : 40px;
}
div#footer p.return_top a {
	position : absolute;
	right : 0;
	display : block;
	background : url(../images/option/return_top.gif) no-repeat 0 0;
	text-indent : -2000px;
	width : 140px;
	height : 30px;
}
div#footer p.return_top a:hover {
	background-position : 0 -30px;
}
div#footer ul.navigation {
	margin : 0;
	padding : 8px 0;
	background : #f1f1f1;
	text-align : center;
}
div#footer ul.navigation li {
	display : inline;
	margin : 0;
	padding : 0 4px;
	border-right : 1px solid #ccc;
	background : none;
}
div#footer ul.navigation li.break {
	border : 0;
}
div#footer address {
	clear : both;
	padding : 10px 0 0 0;
	border : none;
	font-size : 12px;
	text-align : center;
}
div#footer address a,
div#footer address {
	text-decoration : none;
	color : #666666;
	line-height : 10px;
}


/* =================================================================== coding by systec. */