@charset "euc-jp";
@import url("../common.css");

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

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% arial,helvetica,sans-serif;
}
body {
	background : url(./images/f/definition/body.gif) repeat-x 0 0 #F4E2AC;
	color : #333333;
	font-size : 62.5%;
	text-align : center;
	letter-spacing : 1px;
}

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

div#header,
div#shell,
div#footer {
	clear : both;
	font-size : 1.3em;
}
div#header {
	margin : 0 auto 0 auto;
	background : url(./images/f/definition/header.gif) repeat-x 0 0 transparent;
	text-align : left;
	width : 820px;
	height : 135px;
}
div#shell {
	margin : 0 auto;
	padding : 0 10px;
	background : #FFF;
	text-align : left;
	width : 800px;
	_width : 820px;
}
div#shell div#contents {
	float : left;
	width : 530px;
}
div#shell div#utilities {
	float : right;
	width : 230px;
}
div#footer {
	background : url(./images/f/definition/footer.gif) repeat-x 0 0 transparent;
	height : 65px;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : none;
}
a:link {
	color : #152A8E;
}
a:visited {
	color : #152A8E;
}
a:hover {
	color : #152A8E;
	text-decoration : underline;
}
a:active {
	color : #152A8E;
}
a:focus{
	outline : none;
}

/* ___________________________________________________________ document */

h1 {
	overflow : hidden;
	_padding-left : 10px;
	text-align : left;
	line-height : 20px;
	height : 20px;
}
h2 {
	overflow : hidden;
	text-align : left;
	width : 300px;
	height : 40px;
}
h2 a {
	display : block;
	text-indent : -2000px;
	height : 40px;
}
h3 {
	overflow : hidden;
	margin : 0 0 15px 0;
	text-indent : -2000px;
	height : 100px;
}
h4,h5,h6,.home h3 {
	margin-bottom : 10px;
	line-height : 30px;
	text-indent : 12px;
	height : 30px;
}
h4,.home h3 {
	background : url(./images/f/headline/h4.gif) repeat-x left bottom;
	font-size : 1.1em;
}
h4 a {
	line-height : 30px;
	color : #FFF;
}
h5,.home h4 {
	background : url(./images/f/headline/h5.gif) repeat-x left bottom;
}
h6 {
	margin-bottom : 5px;
	border-bottom : 2px solid #DAA403;
	text-indent : 0;
	line-height : 25px;
	height : 25px;
}
ul {
	margin : 0 0 15px 0;
	list-style : none;
	list-style-position : outside;
}
ol {
	margin : 0 0 15px 30px;
	list-style-position : outside;
}
ul li {
	padding : 0.3em 0 0.3em 18px;
	background : url(./images/f/option/arrow.gif) no-repeat 0 0.35em;
	min-height : 1%;
	_height : 1%;
}
ol li {
	padding : 4px 0 4px 0;
}
dl {
	margin : 6px 6px 10px 6px;
}
dl dl {
	margin : 0;
}
dl dt {
	margin : 20px 0 10px 0;
	padding : 3px 2px 5px 2px;
	border-top : 1px dotted #dddddd;
	border-bottom : 1px dotted #dddddd;
	background : #f7f7f7;
	text-indent : 5px;
}
dl dd {
	margin : 10px 11px;
}
strong {
	font-weight : bold;
	font-size : 1.1em;
}
em {
	font-weight : bold;
}
p {
	margin : 0 0 15px 0;
	line-height : 1.7;
}
dl dd p {
	margin-bottom : 5px;
}
address {
	margin : 10px;
	padding : 10px;
	border : 1px solid #dddddd;
}
address p {
	margin-bottom : 5px;
}

/* ___________________________________________________________ table */

table {
	margin : 0 0 20px 0;
	border : 1px solid #dddddd;
	border-collapse : collapse;
}
table th {
	padding : 5px;
	border : 1px solid #dddddd;
	background : #f7f7f7;
	font-weight : bold;
	text-align : center;
}
table td {
	padding : 5px;
	border : 1px solid #dddddd;
}
caption {
	font-size : 1.1em;
}

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

div#header {
	position : relative;
}
div#header h1,
div#header h2,
div#header ul.guide,
div#header ul.navigation {
	margin : 0 auto;
	_margin : 0;
	width : 800px;
}
div#header h1 {
	margin-bottom : 18px;
}
div#header h2 {
	padding-left : 17px;
}
div#header ul li {
	margin : 0;
	padding : 0;
	background : none;
}
div#header ul.guide {
	margin-top : -50px;
	text-align : right;
}
div#header ul.guide li {
	display : inline;
}
div#header ul.navigation {
	overflow : hidden;
	position : absolute;
	top : 88px;
	background : url(./images/f/definition/navi.gif) no-repeat 0 0;
	width : 800px;
	height : 41px;
}
div#header ul.navigation li {
	float : left;
	height : 41px;
}
div#header ul.navigation li a {
	display : block;
	margin : 0 0 0 0;
	text-indent : -2000px;
	height : 41px;
}
div#header ul.navigation li a:hover,
div#header ul.navigation li.stay a {
	background-position : 0 -41px;
}

/* =====================================================================
	shell
====================================================================== */

ul.topic_path {
	margin : -15px 0 0 0;
	padding : 0 0 0 10px;
	background : url(../images/shell/topic_path.gif) repeat-x 0 0;
}
ul.topic_path li {
	display : inline;
	margin : 0;
	padding : 0;
	background : none;
	line-height : 30px;
}
.more {
	text-align : right;
}
.more a {
	padding : 0.3em 0 0.3em 20px;
	background : url(./images/f/option/more.gif) no-repeat 0 0.45em;
	_background-position : 0 0.3em;
}
*+html .more a {
	background-position : 0 0.3em;
}
*+html>/**/body .more a {
	background-position : 0 0.45em;
}

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

div#shell div#contents .section {
	padding : 0 10px;
}

/* ___________________________________________________________ update */

div#contents div.update h4 {
	overflow : hidden;
	position : relative;
}
div#contents div.update h4 a.feed {
	overflow : hidden;
	position : absolute;
	top : 7px;
	right : 10px;
	display : block;
	background : url(./images/f/option/rss.png) no-repeat 0 0;
	line-height : 60px;
	width : 16px;
	height : 16px;
}
div#contents div.update dl {
	position : relative;
	margin : 0 0 0 0;
}
div#contents div.update dl dt {
	position : absolute;
	left : 0;
	margin : 0;
	padding : 0.5em 0 0.5em 20px;
	border : none;
	background-color : #ffffff;
	width : 10.5em;
	text-indent : 0;
}
div#contents div.news dl dt {
	background : url(./images/f/option/info.gif) no-repeat 0 0.6em;
}
div#contents div.blog dl dt {
	background : url(./images/f/option/blog.gif) no-repeat 0 0.6em;
}
div#contents div.update dl dd {
	margin : 0;
	padding : 0.5em 0 0.5em 10.5em;
	border : 0;
	height : 100%;
}
div#contents div.update p.more {
	margin-top : 10px;
	padding-top : 2px;
	border-top : 1px dotted #D9A403;
}

/* ___________________________________________________________ column2 */

.column2 .section {
	float : left;
	padding : 0 !important;
	width : 250px;
	height : 100px;
}
.column2 .section ul {
	margin : 0;
	padding : 0;
}

/* ___________________________________________________________ detail */

p.date {
	text-align : right;
	margin : -6px 0 4px 0;
	padding : 0;
}
p.navigation {
	text-align : center;
}
.sitemap ul li {
	border-bottom : 1px dotted #dfdfdf;
}
ul.summary li {
	background : none !important;
	margin : 0 0 10px 0;
	padding : 0 0 0 5px;
	list-style : inside url(./images/f/option/arrow.gif);
	line-height : 1.0 !important;
	height : 100%;
}

/* ___________________________________________________________ active */

p.active {
	margin-top : 5px;
	padding : 0 0 0 18px;
	background : url(./images/f/option/arrow.gif) no-repeat 0 1px;
	height : 14px;
	line-height : 14px;
}
ul.active {
	padding : 5px 0 0 0;
	border-top : 1px dotted #dddddd;
	text-align : right;
}
ul.active li {
	display : inline;
	padding : 0;
	background : none !important;
}
dt.active {
	border : none;
	text-align : right;
}
dd.active {
	margin : 0;
	padding : 3px 0 0 0;
	text-align : right;
}
#contents p.return_top {
	position : relative;
	padding : 0 0 15px 0;
}
#contents p.return_top a {
	position : absolute;
	top : 0;
	right : 0;
	display : block;
	padding : 0 0 15px 20px;
	background : url(./images/f/option/return_top.gif) no-repeat 0 0.05em;
	line-height : 14px;
	height : 14px;
}

/* ___________________________________________________________ apply */

p.apply {
	overflow : hidden;
	margin : 20px 0 25px 130px;
	padding : 0;
	text-align : center;
	width : 250px;
	height : 55px;
}
p.apply a {
	display : block;
	width : 250px;
	height : 55px;
	background : url(./images/f/option/apply.gif) no-repeat 0 0 transparent;
	color : #333;
	line-height : 54px;
	letter-spacing : 0px;
}
p.apply a:visited,
p.apply a:hover {
	color : #333;
}

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

div#utilities h4 {
	margin : 0;
}
div#utilities ul {
	padding : 0 5px 8px 5px;
	border : 1px solid #dddddd;
	border-top : none;
}
div#utilities ul li {
	padding : 0.6em 0 0.6em 18px;
	border-bottom : 1px dotted #dddddd;
	background-image : url(./images/f/option/navi.gif);
	background-position : 0 0.7em;
}

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

div#footer {
	position : relative;
	margin : 0;
}
div#footer p,
div#footer address {
	margin : 0 auto;
	_margin : 0;
	text-align : left;
	width : 820px;
}
div#footer p {
	position : relative;
	padding : 0;
	background : #FFF;
	height : 17px;
}
div#footer p a {
	position : absolute;
	top : 0;
	right : 10px;
	display : block;
	padding : 0 0 0 20px;
	background : url(./images/f/option/return_top.gif) no-repeat 0 0.05em;
	line-height : 14px;
	height : 14px;
}
div#footer address {
	overflow : hidden;
	clear : both;
	padding : 0;
	border : none;
	background : url(./images/f/definition/footer_address.gif) no-repeat 0 0 transparent;
	font-size : 0.8em;
	text-align : center;
	line-height : 48px;
	height : 48px;
}

/* =================================================================== coding by thr,inc. */