@charset "Shift_JIS";



div.wrapper {
	display:inline-table;
	width:920px;
	height:auto;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index:9999px;
}


/*header*/
div.header {
	clear:both;
	display:inline-table;
	width:900px;
	height:99px;
	background:url(../cmn_images/header.jpg) no-repeat 0 0;
	margin:40px auto 0;
	padding:0;
}

div.header .left{
	float:left;
	width:666px;
	height:99px;
}
div.header .right{
	float:left;
	width:214px;
	height:99px;
}

h1 {
	text-align:left;
	color:#2A6A83;
	font-size:90%;
	padding:0 0 10px;
	margin:0;
	position:relative;
	top:-16px;
}
div.header a {
	float:left;
	width:240px;
	height:46px;
	margin:0;
	padding:0;
}

div.header .right img{
	position:relative;
	top:23px;
	left:1px;
}



/*会社概要・お問い合わせボタン*/
ul.h_navi {
	float:left;
	width:214px;
	height:32px;
}
ul.h_navi li{
	float:left;
	width:107px;
	height:32px;
	margin:0;
	padding:0;
}
ul.h_navi li a{
	display:block;
	width:107px;
	height:32px;
	text-indent:-9999px;
}

ul.h_navi li.company a{ background:url(../cmn_images/h_navi.jpg) no-repeat 0 0;}
ul.h_navi li.contact a{ background:url(../cmn_images/h_navi.jpg) no-repeat -107px 0;}
ul.h_navi li.company a:hover{ background:url(../cmn_images/h_navi.jpg) no-repeat 0 -32px;}
ul.h_navi li.contact a:hover{ background:url(../cmn_images/h_navi.jpg) no-repeat -107px -32px;}
ul.h_navi li.company_none{ background:url(../cmn_images/h_navi.jpg) no-repeat 0 -32px; text-indent:-9999px;}
ul.h_navi li.contact_none{ background:url(../cmn_images/h_navi.jpg) no-repeat -107px -32px; text-indent:-9999px;}



/*ナビ設定*/
ul.navi {
	clear:both;
	width:904px;
	_width:920px;
	height:50px;
	padding:0 8px;
	background:url(../cmn_images/navi.jpg) no-repeat 0 0;
	text-align:center;
}

ul.navi li{
	float:left;
	width:140px;
	_width:145px;
	height:30px;
	margin:8px 17px 8px 23px;
	_margin:8px 12px 8px 17px;
}
ul.navi li a{
	display:block;
	width:140px;
	height:30px;
	font-size:110%;
	font-weight:bold;
	text-indent:-9999px;
}
ul.navi li.home a { background:url(../cmn_images/navi_btn.jpg) no-repeat 0 0;}
ul.navi li.product a { background:url(../cmn_images/navi_btn.jpg) no-repeat -140px 0;}
ul.navi li.work a { background:url(../cmn_images/navi_btn.jpg) no-repeat -280px 0;}
ul.navi li.question a { background:url(../cmn_images/navi_btn.jpg) no-repeat -420px 0;}
ul.navi li.voice a { background:url(../cmn_images/navi_btn.jpg) no-repeat -560px 0;}

ul.navi li.home a:hover { background:url(../cmn_images/navi_btn.jpg) no-repeat 0 -30px;}
ul.navi li.product a:hover { background:url(../cmn_images/navi_btn.jpg) no-repeat -140px -30px;}
ul.navi li.work a:hover { background:url(../cmn_images/navi_btn.jpg) no-repeat -280px -30px;}
ul.navi li.question a:hover { background:url(../cmn_images/navi_btn.jpg) no-repeat -420px -30px;}
ul.navi li.voice a:hover { background:url(../cmn_images/navi_btn.jpg) no-repeat -560px -30px;}

ul.navi li.home_none { background:url(../cmn_images/navi_btn.jpg) no-repeat 0 -30px; text-indent:-9999px;}
ul.navi li.product_none { background:url(../cmn_images/navi_btn.jpg) no-repeat -140px -30px; text-indent:-9999px;}
ul.navi li.work_none { background:url(../cmn_images/navi_btn.jpg) no-repeat -280px -30px; text-indent:-9999px;}
ul.navi li.question_none { background:url(../cmn_images/navi_btn.jpg) no-repeat -420px -30px; text-indent:-9999px;}
ul.navi li.voice_none { background:url(../cmn_images/navi_btn.jpg) no-repeat -560px -30px; text-indent:-9999px;}




div.main {
	clear:both;
	display:inline-table;
	width:900px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:#CCE9E4 url(../cmn_images/content_footer_bg.jpg) no-repeat 0 100%;
}


/*製品ボタン*/
ul.btn {
	clear:both;
	width:860px;
	height:226px;
	margin:0 auto;
	_margin:0;
	padding:0;
}

ul.btn li{
	float:left;
	width:430px;
	height:226px;
	margin:0;
	padding:0;
	}
ul.btn li a{
	display:block;
	width:430px;
	height:226px;
	text-indent:-9999px;
}
ul.btn li.surfapore a{ background:url(../cmn_images/btn_surfapore.jpg) no-repeat 0 0;}
ul.btn li.thermodry a{ background:url(../cmn_images/btn_thermodry.jpg) no-repeat 0 0;}

ul.btn li.surfapore a:hover{ background:url(../cmn_images/btn_surfapore.jpg) no-repeat 0 -226px;}
ul.btn li.thermodry a:hover{ background:url(../cmn_images/btn_thermodry.jpg) no-repeat 0 -226px;}

ul.btn li.surfapore_none{ background:url(../cmn_images/btn_surfapore.jpg) no-repeat 0 -226px; text-indent:-9999px;}
ul.btn li.thermodry_none{ background:url(../cmn_images/btn_thermodry.jpg) no-repeat 0 -226px; text-indent:-9999px;}

ul.btn li span{
	position:relative;
	top:-35px;
	color:#666;
}

/*ナノフォス社ロゴ*/
div.nanophos {
	clear:both;
	display:inline-table;
	width:860px;
	margin:5px auto;
}
div.nanophos p {
	float:left;
	padding:10px 0 0 20px;
	color:#0D5A85;
}

/*見出し*/
div.main .title{
	clear:both;
	display:inline-table;
	width:900px;
	padding:20px 0 10px 0;
	margin:0 auto;
}
div.main h2 {
	float:left;
	margin:0 auto;
	text-align:left;
	padding:20px 0 15px 20px;
	font-size:220%;
	color:#1A90BC;
}
div.main h2.txt {
	padding:20px 0 5px 20px;
}
div.main h2.txt span.en {
	padding:0 0 0 10px;
	font-family:georgia,arial,helvetica,"ＭＳ ゴシック", "Osaka−等幅,Verdana", "ＭＳ Ｐゴシック";
	font-size:110%;
	color:#2A6A83;
}
div.main span.sub_txt {
	float:right;
	color:#666;
	text-align:right;
	padding:25px 20px 0 0;
}


div.main h3 {
	display:block;
	padding:0;
}

div.main h3.top {
	display:block;
	width:820px;
	_width:860px;
	height:23px;
	_height:58px;
	padding:30px 20px 0;
	margin:0 auto;
	font-size:190%;
	text-align:left;
	color:#208876;
	background: url(../cmn_images/top_content_top_bg.jpg) no-repeat 0 0;
}
/*IE7*/
*:first-child+html div.main h3.top {
	height:13px;
	padding:30px 20px 15px;
}

div.main h3.right {
	display:block;
	width:576px;
	_width:616px;
	height:24px;
	_height:59px;
	padding:30px 20px 0;
	_padding:25px 20px 0;
	font-size:190%;
	text-align:left;
	color:#208876;
	background: url(../cmn_images/right_content_top_bg.jpg) no-repeat 0 0;
}
/*IE7*/
*:first-child+html div.main h3.right {
	height:14px;
	padding:30px 20px 15px;
}

div.main h4 {
	display:block;
	padding:10px;
	margin:0 0 10px;
	text-align:left;
	font-size:120%;
	font-weight:bold;
	color:#FFF;
	line-height:1;
	letter-spacing:0.1ex;
	background:#2A6A83 url(../cmn_images/h4_bg.jpg) repeat 0 0;
	}
div.main h4.top {
	padding:22px 0 0 0;
	_padding:22px 15px 0 0;
	margin:0;
	text-indent: -25px;
	_text-indent: -15px;
	position:relative;
	left:15px;
	font-size:190%;
	font-weight:normal;
	color:#2A6A83;
	background:none;
	}

div.main h5 {
	float:none;
	clear:both;
	display:block;
	padding:7px 10px;
	margin:5px 0;
	_margin:5px 0 10px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color:#FF6600;
	line-height:1.2;
	letter-spacing:0.1ex;
	border-top:1px dotted #FF6600;
	border-bottom:1px dotted #FF6600;
	background:#FFF;
	}
	
div.main h6 {
	clear:both;
	display:block;
	width:70px;
	margin:10px 0 0 0;
	padding:2px 0 2px 5px;
	text-align:left;
	font-size:100%;
	font-weight:bold;
	line-height:1.2;
	letter-spacing:0.1ex;
	color:#1A90BC;
	border-left:8px solid #1A90BC;
	}


/*コンテンツ レイアウト1カラム*/

div#tabs {
	display:inline-table;
}

div.contents_top {
	clear:both;
	display:block;
	width:860px;
	height:11px;
	margin:0 auto ;
	padding:0;
	background: url(../cmn_images/content_top_bg.jpg) no-repeat 0 0;
	z-index:10;
}


div.contents {
	clear:both;
	display:inline-table;
	width:816px;
	margin:0 auto 10px;
	padding:10px 22px;
	background:#FFF url(../cmn_images/content_center_bg.jpg) repeat-y 0 0;
}
div.contents_bottom {
	clear:both;
	display:inline-table;
	width:860px;
	margin:0 auto 20px;
	padding:0;
	background:#FFF url(../cmn_images/content_bottom_bg.jpg) no-repeat 0 100%;
	z-index:10;
}


div.contents .section {
	clear:both;
	display:inline-table;
	width:816px;
	margin:5px auto 0;
	padding:5px 0 0;
	border-top:1px solid #CCE9E4;
}

/*イメージ*/
div.contents img,
div.contents_right img {
	margin:0;
	padding:5px 10px 5px 0;
}
div.contents img.f_left,
div.contents_right img.f_left {
	float:left;
}
div.contents img.f_center,
div.contents_right img.f_center {
	padding:5px 15px;
	margin:0 auto;
}
div.contents img.f_right,
div.contents_right img.f_right {
	float:right;
	padding:5px 0 5px 10px;
}


/*文章*/
div.contents p,
div.contents_right p {
	padding:5px 0;
	text-align:left;
	line-height:1.5;
}

/*ナノフォス社開発チーム*/
div.contents dl.column {
	float:left;
	display:inline-table;
	width:397px;
	_width:405px;
	padding:10px 0 5px 10px;
	text-align:left;
}
div.contents dl.f_left {
	display:inline-table;
	padding:10px 10px 5px 0;
	border-right:1px solid #CCE9E4;
}
div.contents dl.column dt {
	float:left;
	width:328px;
	display:inline-table;
	padding:3px 0 5px 5px;
	font-size:150%;
	font-weight:bold;
	border-left:8px solid #30618C;
}
div.contents dl.column dt span.sub {
	font-size:70%;
	float:left;
	padding:3px 0 0;
	font-weight:normal;
}


* html div.contents dl.column dd.img {
	padding:0 0 10px;
	float:right;
}
/*IE7*/
*:first-child+html div.contents dl.column dd.img {
	padding:0;
	float:right;
}

div.contents dl.column dd {
	clear:both;
	display:inline-table;
	padding:0 0 10px 0;
}

div.contents dl.column dd.history {
	width:98%;
	_width:100%;
	margin:0 0 10px 0;
	padding:10px 4px;
	border:1px solid #95B6DB;
	background:#E2F0FF;
}



/*鍛冶工事の一例*/
div.contents dl.top_works {
	float:left;
	width:163px;
	padding:0;
	margin:0;
	text-align:center;
}
div.contents dl.top_works dt {
	padding:0;
	margin:0;
}
div.contents dl.top_works dd a {
	color:#666;
	text-decoration:none;
}
div.contents dl.top_works dd a:hover {
	color:#AAA;
}


div.main ul.sub_txt{
	padding:0 20px 0 0;
	_padding:0 40px 0 0;
	margin:0 0 -16px;
	text-align:right;
	position:relative;
	top:-22px;
}
/*IE7*/
*:first-child+html div.main ul.sub_txt{
	padding:0 40px 0 0;
}
/*IE8*/
html>/**/body div.main ul.sub_txt{
	padding /***/:0 40px 0 0\9;
}

div.main ul.sub_txt li a{
	color:#208876;
	padding:0 0 0 10px;
	text-decoration:none;
	font-weight:bold;
	background:url(../cmn_images/arrow.gif) no-repeat 0 2px;
}

div.main ul.sub_txt li a:hover {
	color:#02AE91;
}





/*コンテンツ内レイアウト*/
div.contents .column_3 {
	float:left;
	display:inline-table;
	width:510px;
}

/*コンテンツカラムレイアウト*/
div.main #column {
	display:inline-table;
	text-align:left;
	margin:0 auto;
	width:865px;
}


/*コンテンツ レイアウト2カラム 左側*/

div#f_left {
	_float:left;
	display:inline-block;
	width:236px;
	margin:0;
	padding:0;
	vertical-align: top;
}
/*IE7*/
*:first-child+html div#f_left {
	float:left;
}


/*ボタン*/
div.shadeBtn {
	display:block;
	width:236px;
	height:42px;
	margin:0 0 10px 0;
	padding:0;
	background: url(../cmn_images/left_menu_head_btn.jpg) no-repeat 0 0;
	text-align:left;
	color:#FFF;
}

div.shadeBtn ul li a {
	display:block;
	width:216px;
	_width:236px;
	height:30px;
	_height:42px;
	margin:0;
	padding:12px 10px 0;
	background: url(../cmn_images/left_menu_head_btn.jpg) no-repeat 0 0;
	text-align:left;
	color:#FFF;
	text-decoration:none;
}
div.shadeBtn ul li a:hover {
	background: url(../cmn_images/left_menu_head_btn.jpg) no-repeat 0 -42px;
}

.shadeGroup{
	clear:both;
	display:inline-table;
	margin:0 auto 10px;
	padding:0 0 0 0;
}

/*アコーディオンボタン*/
.shadeBtn{
	display:block;
	width:236px;
	height:38px;
	text-align:left;
	color:#FFF;
	font-size:100%;
	cursor:pointer;
}

.shadeBtn span{
	display:block;
	padding:12px 0 0 10px;
}

/*
.shadeBtn span{
	top:12px;
	left:10px;
}*/

/*アコーディオンボタン open close*/
.shadeOpen .shadeBtn{
	background: url(../cmn_images/left_menu_head_up.jpg) no-repeat 0 0;
}
.shadeOpen .shadeBtn:hover{
	background: url(../cmn_images/left_menu_head_up.jpg) no-repeat 0 -38px;
}
.shadeClose .shadeBtn{
	height:42px;
	background: url(../cmn_images/left_menu_head_down.jpg) no-repeat 0 0;
}
.shadeClose .shadeBtn:hover{
	background: url(../cmn_images/left_menu_head_down.jpg) no-repeat 0 -42px;
}

/* アコーディオンの外枠 */
.shadeContents {
	clear:both;
	width:212px;
	_width:236px;
	margin:0 auto 10px;
	padding:10px 12px;
	text-align:left;
	background:#FFF url(../cmn_images/left_menu_center_bg.jpg) repeat-y 0 0;
}

.shadeContents_bottom {
	float:left;
	width:236px;
	margin:0;
	padding:0;
	background:url(../cmn_images/left_menu_bottom_bg.jpg) no-repeat 0 100%;
}

/*リストボタン*/
div.shadeContents ul {
	width:212px;
	display:inline-table;
	padding:0;
    list-style: none;
}
div.shadeContents li a {
	display:block;
	_height:0;
	padding:2px 0 2px 10px;
	text-decoration:none;
	color:#666;
	background:url(../cmn_images/arrow.gif) no-repeat 0 5px;
	line-height:1.2;
}
div.shadeContents ul li a:hover { /*タブhover時*/
	color:#1A90BC;
}

/*スクロールメニュー*/
#menu {
	display:inline-table;
	position:relative;
}


/*左メニュー下のアドレス*/
dl.side_address {
	width:240px;
	padding:10px 0;
	margin:10px auto 10px;
	text-align:left;
	color:#333;
	background:url(../cmn_images/side_address_bg.jpg) no-repeat 0 0;
	position:relative;
	left:-2px;
}


dl.side_address dt {
	width:220px;
	_width:230px;
	font-size:120%;
	font-weight:bold;
	padding:5px 5px 10px;
	_padding:5px 10px 10px;
	margin:0 auto 5px;
	_margin:0 0 0 5px;
	color:#208876;
	border-bottom:1px dotted #208876;
}
dl.side_address dd {
	padding:5px 10px 0;
}

/*サーファポアボタン*/
.surfapore_btn ul li a {
	display:block;
	width:230px;
	height:44px;
	margin:10px 0 5px;
	background:url(../cmn_images/surfapore_btn.jpg) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
	left:3px;
}
.surfapore_btn ul li a:hover {
	background:url(../cmn_images/surfapore_btn.jpg) no-repeat 0 -44px;
}


/*サーモドライボタン*/
.thermodry_btn ul li a {
	display:block;
	width:230px;
	height:44px;
	margin:10px 0 5px;
	background:url(../cmn_images/thermodry_btn.jpg) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
	left:3px;
}
.thermodry_btn ul li a:hover {
	background:url(../cmn_images/thermodry_btn.jpg) no-repeat 0 -44px;
}


/*コンテンツ レイアウト2カラム 右側*/
div#f_right {
	_float:right;
	display:inline-block;
	width:616px;
	margin:0;
	padding:0 0 0 5px;
	vertical-align: top;
}
/*IE7*/
*:first-child+html div#f_right {
	float:right;
}



div.contents_right {
	clear:both;
	display:inline-table;
	width:572px;
	margin:0 auto 10px;
	padding:10px 22px;
	background:url(../cmn_images/right_content_center_bg.jpg) repeat-y 0 0;
	text-align:left;
}
div.contents_bottom_right {
	float:left;
	display:inline-table;
	width:616px;
	margin:0 0 20px;
	padding:0;
	background:url(../cmn_images/right_content_bottom_bg.jpg) no-repeat 0 100%;
	z-index:10;
}


div.contents_right .section {
	clear:both;
	display:inline-table;
	width:572px;
	margin:5px auto 0;
	padding:5px 0 10px;
	border-top:1px solid #CCE9E4;
}
div.contents_right .end {
	border:none;
}

/*動画対応*/
object{
	width:100%;
	margin:0 auto;
	}


/*prev next設定*/
div.prev_next {
	clear:both;
	display:inline-table;
	width:570px;
	margin:0 0 30px;
}
div.prev_next ul li {
	float:left;
	line-height:1.2;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	position:relative;
	top:5px;
}
div.prev_next ul li a {
	color:#208876;
	text-decoration:none;
}
div.prev_next ul li a:hover {
	color:#02AE91;
}

div.prev_next ul li.prev {
	float:left;
	padding:2px 0 2px 10px;
	background:url(../cmn_images/arrow_r.gif) no-repeat left 7px;
}
div.prev_next ul li.next {
	float:right;
	padding:2px 10px 2px 0;
	background:url(../cmn_images/arrow.gif) no-repeat right 7px;
}

div.main strong {
	font-weight:bold;
	color:#1A90BC;
	}

div.main strong.ttl {
	font-weight:bold;
	color:#1A90BC;
	padding:2px 0 2px 5px;
	border-left:8px solid #1A90BC;
	}

/*ol設定*/
div.main ol {
	padding:0 0 15px;
	}
div.main ol li {
	list-style-position:outside;
	padding:2px 0;
	margin:0 0 0 30px;
	}

/*table設定*/
div.main table {
	width:560px;
	border-collapse:collapse;
	margin:10px auto;
	border:3px solid #F3B00A;
	font-size:90%;
	}
div.main table th {
	width:150px;
	padding:10px;
	margin:1px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#FF6600;
	border:1px solid #F3B00A;
	background:#FFF5CF;
	
	}
div.main table td {
	text-align:left;
	padding:10px;
	border-bottom:1px solid #F3B00A;
	background:#FFFBED;
}
div.main table td.tham {
	padding:0 0 0 10px;
	border-bottom:1px solid #F3B00A;
}
div.main table td input {
	width:350px;
	height:20px;
	padding:3px 5px;
	border:2px solid #CCE9E4;
	font-size:110%;
}
div.main table td textarea {
	width:350px;
	height:150px;
	padding:3px 5px;
	border:2px solid #CCE9E4;
	font-size:110%;
}
div.main p.attention {
	text-align:right;
}
div.main span.attention {
	color:#F00;
	font-size:80%;
}

div.main .form_btn {
	clear:both;
	text-align:center;
	padding:5px 0 30px;
}
div.main .form_btn input.btn {
	margin:auto;
	width:144px;
	height:38px;
	color:#FFF;
	background:url(../cmn_images/input_btn_bg.jpg) no-repeat 0 0;
	border:none;
	cursor:pointer;
}
div.main .form_btn input.btn:hover {
	background:url(../cmn_images/input_btn_bg.jpg) no-repeat 0 -38px;
}




/*ページトップへ戻る*/
div.page_top {
	clear:both;
	display:inline-table;
	width:900px;
	text-align:left;
	position:relative;
	top:10px;
}

div.page_top a {
	float:right;
	display:block;
	width:155px;
	height:26px;
	background:url(../cmn_images/pagetop_btn.jpg) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
	right:21px;
	_right:14px;
}
div.page_top a:hover {
	background:url(../cmn_images/pagetop_btn.jpg) no-repeat 0 -26px;
}



/*footer*/
div.footer {
	clear:both;
	display:inline-table;
	margin:0 auto;
	padding:60px 0 0 0 ;
	background:url(../cmn_images/footer_bg.jpg) repeat-x 0 100%;
}

div.link_bg {
	clear:both;
	display:inline-table;
	width:900px;
	margin:0 auto;
	padding:0;
	background:url(../cmn_images/footer_link_bg.jpg) repeat-x 0 100%;
}

div.footer dl.f_navi {
	float:left;
	display:inline-table;
	width:203px;
	_width:225px;
	height:120px;
	padding:10px 5px 0 15px;
	margin:0 0 10px 0;
	border-right:1px dotted #AAA;
	text-align:left;
}
div.footer dl.end {
	border:none;
}

div.footer dl.f_navi dt a {
	font-size:110%;
	padding:0 0 0 10px;
	font-weight:bold;
	color:#208876;
	text-decoration:none;
	background:url(../cmn_images/arrow.gif) no-repeat 0 2px;
	line-height:1.5;
}
div.footer dl.f_navi dt a:hover {
	color:#02AE91;
}

div.footer dl.f_navi ul.f_navi_sub li a {
	padding:0 0 0 10px;
	text-decoration:none;
	color:#666;
	background:url(../cmn_images/arrow.gif) no-repeat 0 2px;
	line-height:1.5;
}
div.footer dl.f_navi ul.f_navi_sub li a:hover {
	color:#AAA;
}

div.footer address.copy {
	clear:both;
	display:inline-table;
	width:900px;
	height:100px;
	padding:0;
	color:#FFF;
	background:url(../cmn_images/footer_copy_bg.jpg) repeat-x 0 0;
}

div.footer address.copy a {
	float:left;
	display:inline-table;
	position:relative;
	left:15px;
}

div.footer address.copy span {
	float:right;
	font-family:serif;
	position:relative;
	top:15px;
	right:15px;
}