/* CSS Document */

body {
	background:#FDE896 url(../image/head-back.png) repeat-x top left;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka ;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	line-height:1.231;
	}

a {
	color:#003399;
	text-decoration: none;
	}

a:link {
	color: #003399;
	text-decoration: none;
	}

a:visited {
	color: #003399;
	text-decoration: none;
	}

a:active {
	color:#003399;
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	}

/*文中リンクスタイル*/
a.inline {
	border-bottom:#6699CC dotted 1px;
	padding-top:1px;
	padding-bottom:1px;
}
a.inline:hover {
	text-decoration:none;
	background-color:#6699CC;
	color:#FFFFFF;
}

/*タグのリセット*/
p{
	margin:0px;
	padding:0px;
	line-height:1.4;
}

table {
	font-size:100%;/*IE下位互換バグ用*/
	border-collapse: collapse;
}
td {
	vertical-align:top;
}
th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	font-size:110%;
	text-align:left;
}

a img {
	border:none;
}

/*エリア定義*/

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 860px;
	text-align:justify;
	text-justify: inter-ideograph;
}

#header {
}

#content {
	padding-left:10px;
	background:url(../image/content-back.png) repeat-y top left;
}

#footer {
	background:#93A9D5 url(../image/footer-back.png) repeat-x top left;
	height:80px;
	overflow:hidden;
}

a#top span,a.anc span{
	display:none;
}

.clear {
	clear:both;
}

/**/

#header #logo{
	float:left;
	width:278px;
}

#header .catch{
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:310px;
	background:url(../image/tfm-catch.png) no-repeat;
	height:20px;
}

#header .catch p{
	display:none;
}

#header .util{
	float:right;
	width:auto;
	margin-right:5px;
}

#header .util ul{
	list-style:none;
	margin:16px 0px 0px 0px;
	float:left;
}
#header .util ul li{
	float:left;
}
#header .util ul li a{
color:#FFFFFF;
display:block;
background:url(../image/arrow-ss-wh.gif) no-repeat left center;
padding:0px 10px 0px 10px;
}

/**/

/* begin clearfix(set_class) */

#container:after,
#header:after,
#header .util:after,
#nav:after,
#content:after,
#main_area:after,
#sub_nav:after,
#bottom_nav:after,
#footer .content:after,
ul:after,
.set:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container,
#header,
#header .util,
#nav,
#content,
#main_area,
#sub_nav,
#sub_nav div,
#bottom_nav,
#footer .content,
ul,
.set {display: inline-block;}

/* Hides from IE-mac ¥*/
* html #container,
* html #header,
* html #header .util,
* html #nav,
* html #content,
* html #main_area,
* html #sub_nav,
* html #sub_nav div,
* html #bottom_nav,
* html #footer .content,
* html ul,
* html .set {height: 1%;}

#container,
#header,
#header .util,
#nav,
#content,
#main_area,
#sub_nav,
#sub_nav div,
#bottom_nav,
#footer .content,
ul,
.set {display: block;}
/* End hide from IE-mac */

/* end clearfix */



/*nav*/

#nav {
	clear:both;
	margin-top:5px;
	padding:0px 0px 0px 10px;
	background:url(../image/nav-back.png) no-repeat top left;
}

#nav ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}
#nav ul li{
	float:left;
	margin:0px;
	padding:0px;
	width:210px;
}
#nav ul li a{
	display:block;
	width:100%;
	height:40px;
}

#nav ul li.home a{
	background:url(../image/nav-home.png) no-repeat 0px 0px;
}
#nav ul li.product a{
	background:url(../image/nav-product.png) no-repeat 0px 0px;
}
#nav ul li.service a{
	background:url(../image/nav-service.png) no-repeat 0px 0px;
}
#nav ul li.profile a{
	background:url(../image/nav-profile.png) no-repeat 0px 0px;
}

#nav ul li a span{
	display:none;
}
#nav ul li a:hover{
	text-decoration:none;
	background-position:0px -40px;
}

#nav ul li a.now{
	background-position:0px -80px;
}

#nav ul li a.now:hover{
	background-position:0px -80px;
}

/*sub_nav*/


#content #sub_nav{
width:210px;
float:left;
padding-top:27px;
background:url(../image/sub-nav-top.png) no-repeat -10px 0px;
}

#content #sub_nav .contents {
	margin:0px 15px;
}

#content #sub_nav .contents h2{
	margin-bottom:10px;
}



/*main_area*/

#content #main_area{
width:625px;
float:right;
padding-top:7px;
}

/*bottom_nav*/
#bottom_nav{
	padding:53px 10px 10px 10px;
	background:url(../image/content-bottom.png) no-repeat top left;
}

#bottom_nav ul{
margin:0px;
padding:0px;
list-style:none;
width:auto;
}

#bottom_nav ul li{
margin:0px;
padding:0px;
float:left;
width:auto;
}

#bottom_nav ul.site{
float:left;
}

#bottom_nav ul.site li a{
display:block;
width:auto;
background:url(../image/arrow-ss.gif) no-repeat left center;
padding-left:10px;
padding-right:10px;
font-size:90%;
}

#bottom_nav ul.page{
float:right;
}

#bottom_nav ul.page li.totop a{
display:block;
width:auto;
background:url(../image/arrow-up.gif) no-repeat right center;
padding-right:12px;
font-size:90%;
}



/*footer*/

#footer .content{
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 10px 0px 40px 0px;
	width: 860px;
	color:#FFFFFF;
}

#footer .content #copyright {
padding:0px 0px 0px 10px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#footer .content .info {
padding:0px 10px 0px 0px;
float:right;
}
#footer .content .info a{
	color:#FFFFFF;
}


/**/

p.txt{
	margin-bottom:1.5em;
}

p.cap {
	padding:2px 0px;
}

ul.txt {
	margin-bottom:1.5em;
	list-style:disc;
	margin-left:0px;
	list-style-position:outside;
	padding:0px;
}

ol.txt {
	margin-bottom:1.5em;
	margin-left:0px;
	list-style-position:outside;
	padding:0px;
}

ul.txt li,ol.txt li {
	margin:6px 0px 6px 2.5em;
	padding:0px;
}

.red {
	color:#CC0000;

}


div.totop {
margin:0px;
padding:0px 10px 0px 0px;
}

div.totop a{
display:block;
width:auto;
float:right;
background:url(../image/arrow-up.gif) no-repeat right center;
padding-right:12px;
font-size:90%;
}


.break{}

.break span{display:none;}



@media print{

body{
	background-color:#FFFFFF;
	font-size:9pt;
	background-image:none;
}
#container {
	width: 640px;
}

#content {
	background-image:none;
}

#footer {
	background-image:none;
	background-color:#FFFFFF;
	height:auto;
}

#header .catch {
	display:none;
}

#header .util{
	display:none;
}

#nav {
	display:none;
}

#sub_nav{
	display:none;
}

#content #main_area{
float:none;
}

#bottom_nav{
	display:none;
}

#footer .content{
	width:640px;
	color:#999999;
}
#footer .content .info{
	display:none;
}

.break{
	page-break-after:always;
}

}