@charset "utf-8";

/* CSS Information ==============================
File name: base.css
Editors: Hideo Yazawa
Last Editor: Hideo Yazawa
Date: 2011.02.14

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

/*====================
 +base element
====================*/
body {
	background: url(../img/header/background_img.gif) repeat-x top ;
	color: #3C3C3C;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 12px;
	line-height: 1.5;
	}
	
/* +font size */
h1 {
	font-size: 91%;
	}

/*====================
 +structure
====================*/
.structure {
	width: 960px;
	margin: 0 auto;
	}

/*====================
 +link pseudo-class
====================*/
a,
a span {
	color: #8A253F;
	text-decoration: none;
	}


/*--- footerのlink管理 ---*/
#fsm-table span {
	color: #3C3C3C;
	}
#footer-sm a,
#footer-copy a {
	color: #656565;
	text-decoration:none;
	}
/*--- アクションの基本動作 ---*/
.td_news_topics a:hover,
#footer-sm a:hover,
#footer-copy a:hover, 
a:hover,
a:hover span,
a.current,
a:active,
a:focus {
	text-decoration:underline;
	color: #8A253F;
	}
/*====================
 +header
====================*/
#header {
	position: relative;
	height: 115px;
	}



#header h1 {
	position: absolute;
	right: 5px;
	margin-top: 3px;
	margin-bottom:3px;
	}
#kpi-logo {
	position: absolute;
	margin: 12px 0 0 0;
	}
#head-address {
	position: absolute;
	top: 25px;
	right: 5px;
	}
#global-nav {
	position: absolute;
	width:960px;
	top: 75px;
	}
#global-nav li {
	list-style: none;
	float: left;
	}
	
/*====================
 +container
====================*/
#container {
	width: 960px;
	padding-bottom: 20px;
	line-height: 1.5;
	overflow: hidden;
	}
/*------ #go-back-button --------*/
#go-back-button {
	margin: 0 auto;
	width: 960px;
	}
.go-back-button {
	padding-right:33px;
	float: right;
	}
.go-back-icon {
	overflow:hidden;
	margin: 5px;
	width: 628px;
	}
.go-back-icon p {
	float:right;
	}

/*====================
 +footer
====================*/
#footer-sm {
	overflow:hidden;
	clear:both;
	padding-bottom: 20px;
	margin: 0 auto;
	background: #f0f0eb url(../img/header/bg_footer.gif) repeat-x top;
	font-size: 91%;
	line-height: 2.5em;
	}
#footer-contents {
	margin: 0 auto;
	width: 960px;
	overflow:hidden;
	}
#fsm-table {
	width: 960px;
	float:left;
	margin-top: 2em;
	}
#fsm-table strong {
	color: #3C3C3C;
	}

.fsm-td{
	vertical-align:top;
	width: 136px;
	}
#fsm-table dd {
	display: block;
	padding-left: 8px;
	background: url(../img/logomark/round02.gif) left center no-repeat;
	}

#footer-copy {
	overflow:hidden;
	clear:both;
	padding-bottom: 10px;
	margin: 0 auto;
	background: #f0f0eb;
	border-top: 1.5px solid #cccccc;
	font-size: 91%;
	}
#copyright {
	margin: 0 auto;
	width: 960px;
	padding-top: 5px;
	}
#copyright_pos {
	margin: 0 auto;
	width: 1322px;
	padding-top: 5px;
	}	
#footer-copy li {
	list-style: none;
	float: left;
	}
#footer-copy p {
	float:right;
	}
/*====================
   コンテンツ　START
====================*/
#content {
	padding-bottom: 20px;
	overflow: hidden;
	}

/*----- #key-visual ----- */
#key-visual {
	width: 960px;
	margin-bottom: 20px;
	}
/*----- #breadcrumbs ----- */
#breadcrumbs {
	font-size: 83%;
	margin-bottom: 10px;
	}
#breadcrumbs a,
#breadcrumbs a:link{
	color: #8A253F ;
	}
#breadcrumbs li {
	display: inline;
	}
	
/*====================
 h-uv 20130802
====================*/
#main-content {
	width: 960px;
	height: auto;
	}
h2 {
	font-size: 20px;
	margin-top:30px;
	color: #3db2e8;
	text-align:left;
	border-bottom:solid 1px;
	}
h3 {
	font-size: 18px;
	color: #3c3c3c;
	}
h4 {
	font-size: 19px;
	margin-top:10px;
	color: #3db2e8;
	text-align:left;
	border-bottom:solid 1px;
	}		
h5 {
	font-size: 17px;
	color: #3c3c3c;
	}		
#what-huv p {
	width:645px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}	
#what-huv{
	width: 940px;
	margin: 10px auto 10px 20px;
	background-image: url(../img/product/h-uv/what-huv.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}	
#tanasi-huv_kiku{
	width: 940px;
	height: 126px;
	margin: 30px auto 30px 20px;
	background-image: url(../img/product/h-uv/tanasi-huv_kiku.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
#tanasi-huv_kiku p {
	width:388px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}		
#tanasi-huv_46{
	width: 940px;
	height:126px;
	margin: 30px auto 30px 20px;
	background-image: url(../img/product/h-uv/tanasi-huv_46.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}		
#tanasi-huv_46 p {
	width:388px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}			
#tanasi-huv_reversal{
	width:940px;
	height:136px;
	margin: 30px auto 30px 20px;
	background-image: url(../img/product/h-uv/tanasi-huv_reversal.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}	
#tanasi-huv_reversal p {
	width:388px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}
#spec{
	margin: 10px auto 10px 20px;
	}		
#special-paper{
	width:940px;
	height: 173px;
	margin: 10px auto 10px 20px;
	background-image: url(../img/product/h-uv/special-paper.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}	
#special-paper p {
	width:670px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}
#PQA-S {
	width:940px;
	height: 173px;
	margin: 10px auto 30px 20px;
	background-image: url(../img/product/h-uv/PQA-S.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
#PQA-S p {
	width:670px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}
#PDC-S {
	width:940px;
	height: 173px;
	margin: 10px auto 30px 20px;
	background-image: url(../img/product/h-uv/PDC-S.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
#PDC-S p {
	width:670px;
	font-size: 13px;
	font-weight: normal;
	color: #3c3c3c;
	}	
#h-uv_solution {
	width:650px;
	margin: 10px auto; 
	}

.h-uv_inquiry {
	width: 650px;
	height: 187px;
	background-image: url(../img/service/inquiry-big-banner.gif);
	background-repeat: no-repeat;
	margin: 30px 155px 30px 155px;
	}
.pickup-big-banner-mail{
	padding: 95px 0px 0px 13px;
	}											
/*====================
 .clear
====================*/

.clear {
	clear: both;
	}