@charset "UTF-8";
@import "style02.css";


/*------------------------------------
 Font css
-------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/*=====================================

font-size(px => %)
10px = 77%  | 16px = 122% | 22px = 167% |
11px = 85%  | 17px = 129% | 23px = 174% |
12px = 92%  | 18px = 136% | 24px = 182% |
13px = 100% | 19px = 144% | 25px = 189% |
14px = 107% | 20px = 152% | 26px = 197% |
15px = 114% | 21px = 159% |             |

=====================================*/

/*------------------------------------
 Basic
-------------------------------------*/
body {
	position: relative;
	text-align: center;
	letter-spacing: 0.1em;
	color: #666666;
	word-break: break-all;
}
div#container {
	position: relative;
	margin:20px auto 0;
	width: 750px;
	text-align: left;
	min-height: 100%;
	font-size: 107%;
}
	/*Opera9 or Safari1? hack*/
	html:first-child div#container {
	font-size: 1.07em;
	}/* end */
div#topMenu {
	position: relative;
	margin: 10px 0px 0px;
}
div#content {
	position: relative;
	margin: 0 auto;
	width: 560px;
}
div#footer {
	position: relative;
	border-top: 3px solid #00B0D8;
	margin-bottom: 45px;
}

/* Etc
------------------------*/
img { border: 0; }
hr {
	visibility: hidden;
	clear: both;
	_position: absolute;
}
	/*IE7 hack*/
	*:first-child+html hr {
	position: absolute;
	}/* end */
p { text-align: justify;text-justify: distribute; }
p.strong { color: #00B0D8;font-weight: bold; }
.colorBlue { color: #00B0D8; }
strong { font-weight: bold; }
em { text-decoration: underline;font-weight: bold; }
.clear { clear: both; }
.hidden { display: none; }
.bold { font-weight: bold; }
.fLeft { float: left; }
.fRight { float: right; }
.decoNon a { text-decoration: none: }
.letSp1 { letter-spacing: 1px; }
.line1 { line-height: 1; }
.line13 { line-height: 1.3; }
.line20 { line-height: 2; }
.mTop0 { margin-top: 0px; }
.mTop10 { margin-top: 10px; }
.mTop15 { margin-top: 15px; }
.mTop90 { margin-top: 90px; }
.mBottom0 { margin-bottom: 0px; }
.mBottom3 { margin-bottom: 3px; }
.mBottom5 { margin-bottom: 5px; }
.mBottom10 { margin-bottom: 10px; }
.mBottom15 { margin-bottom: 15px; }
.mBottom20 { margin-bottom: 20px; }
.mBottom25 { margin-bottom: 25px; }
.mBottom30 { margin-bottom: 30px; }
.mLeft0 { margin-left: 0px; }
.pBottom5 { padding-bottom: 5px; }
.pLeft10 { padding-left: 1em; }
.pLeft12 { padding-left: 1.2em; }
.pLeft15 { padding-left: 1.5em; }
.pLeft25 { padding-left: 2.5em; }
.pLeft33 { padding-left: 3.3em; }
.font77 { font-size: 77%;_font-size:70%; }
.font92 { font-size: 92%; }
.font114 { font-size: 114%; }
.font122 { font-size: 122%; }
div.dotLine {
	height: 1px; 
	background: url(../img/ishokuqa/dotLine.gif) repeat-x;
	margin: 30px 0;
}
div.dotLine02 {
	height: 1px; 
	background: url(../img/dotLine02.gif) left bottom repeat-x;
	margin: 20px 0;
	height: 25px;
	font-weight: bold;
}

/* Link
------------------------*/
a { text-decoration: underline; }
a:link,a:visited { color: #118CA9; }
a:hover,a:active { color: #9f9f9f;text-decoration: none; }

/*------------------------------------
 header
-------------------------------------*/
h1.top {
	text-indent: -9999px;
	width: 305px;
	height: 49px;
	position: absolute;
	top: 3px;
	right: 0;
}
h1.top a {
	background: url(../img/top/logo.gif) 0px 0px no-repeat;
	display: block;
	height: 100%;
}
h1.top a:hover { background-position: 0px -49px; }
h1.top a:focus{ outline:none; }
/*-------------*/
h2#isyokutoha {
	text-align:left;
	text-indent: -9999px;
	width: 144px;
	height: 28px;
	position: absolute;
	top: 238px;
	right: 68px;
}
h2#isyokutoha a {
	text-decoration: none;
	background: url(../img/top/isyokutoha_bottan.gif) 0px 0px no-repeat;
	display: block;
	height: 100%;
}
h2#isyokutoha a:hover { background-position: 0px -28px; }
h2#isyokutoha a:focus{ outline:none; }

/*------------------------------------
 topMenu
-------------------------------------*/
div#topMenu ul li { float: left; }

/*------------------------------------
 RSS
-------------------------------------*/
div.rss {
	display: block;
	position: absolute;
	top: 303px;
	left: 35px;
}
div.rss dl {
	font-size: 85%;
}
div.rss dt {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}
div.rss dd {
	line-height: 1.5;
}
div.rss a,
div.rss a:link,
div.rss a:visited {
	color: #fff;
	text-decoration: none;
}
div.rss a:hover,
div.rss a:active {
	color: #9f9f9f;
}

/*------------------------------------
 content[Top]
-------------------------------------*/
div#content h3.top {
	background: url(../img/top/topTitle.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
	height: 48px;
	margin: 40px 0 20px;
}
div#content p {
	margin-bottom: 20px;
	line-height: 1.3;
}
div#content div {
	position: relative;
	height: 75px;
}
div#content ul {
	position: absolute;
	left: 95px;
}
div#content ul li {
	float: left;
	margin: 0 20px 30px 0;
}

/*------------------------------------
 footer
-------------------------------------*/
div#footer ul {
	position: absolute;
	left: 85px;
	margin-top: 15px;
}
div#footer ul li {
	float: left;
}
div#footer ul li a,
div#footer ul li a:link,
div#footer ul li a:visited {
	text-decoration: none;
	color: #666;
	padding: 0px 15px 0px 15px;
	display: block;
	background: url(../img/footerIcon_off.gif) 0% 40% no-repeat;
}
	/*Opera9 or Safari1? hack*/
	html:first-child div#footer ul li a:link,
	html:first-child div#footer ul li a:visited {
	background-position: left center;
	}/* end */
div#footer ul li a:hover,
div#footer ul li a:active {
	color: #9f9f9f;
}
div#footer p.copy {
	font-size: 92%;
	text-align: center;
	margin-top: 28px;
	color: #666;
	_margin-top: 38px;
}
	/*IE7 hack*/
	*:first-child+html div#footer p.copy {
	margin-top: 38px;
	}/* end */