@charset "UTF-8";

/*							*
nogajapan common.css
2010.02.10 @koyo
2010.02.15 edited by koba
2010.05.31 edited by haishima
2010.06.03 edited by haishima
2010.06.09 edited by haishima
*							*/


@media print{

/*
IEでのズーム指定
649(印刷での表示幅) ÷ (スクリーンでの表示幅) x 100 = zoom値（端数切り捨て）
*/

body{
	/* 2010.05.07 edited by h */
	zoom:68%;/*WinIE only */
}

/*
背景を非表示にしたいコンテンツ
*/
body,
#container{
	background:none #FFFFFF !important;
}

}
/*
ロールオーバー用画像先読み
*/
.pre{
	visibility: hidden;
	height: 0px;
/* 以下に先読みする画像を指定。 */
	background-image: url(../img/globalNavi_01_on.gif);
	background-image: url(../img/globalNavi_02_on.gif);
	background-image: url(../img/globalNavi_03_on.gif);
	background-image: url(../img/globalNavi_04_on.gif);
	background-image: url(../img/globalNavi_05_on.gif);
	background-image: url(../img/globalNavi_06_on.gif);
	background-image: url(../img/globalNavi_07_on.gif);
}
* html .pre{/* for IE6 */
	display:none;
}

/* ----------
basic settings
----------*/
*{
/*min-height: 0;*/	/* for Win IE 6,7 */
}
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
	margin : 0px;
	padding : 0px;
}
img{
	border: 0px;
}
th, td, form, fieldset{
}
html,
body{
	height:auto;
}
body{
	color: #3B3B3B;
	background:#FFF;
	font-size: 62.5%; /* 10px程度の大きさに調整 */
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*	text-align:justify; /* 2010.02.15 edited by koba
	text-justify:distribute; /* 2010.02.15 edited by koba */
}

*+html body{
	overflow: hidden;
}
* html body{
	overflow: hidden;
}
/* safari4 only \*/
body:first-of-type body{
}
a{
	color: #3B3B3B;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style-type: none;
}
em{
	visibility: hidden;
	font-size: 10px;
}
input, textarea{
	font-size:1.2em;
	padding:3px;
}
input.submit{
	width:60px;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
table, tr, td{
	border-width:0;
	empty-cells:show;
}
ol li{ /* 2010.02.16 edited by koba */
	list-style-position:outside;
	margin-left:2em;
	margin-bottom:5px;
}

/* ----------
basic rayout
----------*/
#wrapper{
	background:#E6E6E6;
}
#container{
	width: 950px;
	margin: 0px auto;
	height:auto;
	position:relative;
	background:#FFF;
	overflow:hidden;
}
/*なくてもいいかも
#container dl, #container p, #container td, #container th{
	font-size:1.2em;
	line-height:1.4;
	text-align:left;
}
*/

/* ----------
header
----------*/
#header{
	/* 2010.05.07 edited by h */
	width:950px;
}
#header #header-top{
	height:65px;
	overflow:hidden;
}
#header #logo{
	float:left;
	width:256px;
}
#header #header-column{
	float:right;
	height:65px;
	width:694px;
	background:url(../img/header_bg.jpg) left top no-repeat;
}
/* 2010.05.07 edited by h */
*html #header #header-column{/* for IE6*/
	clear:both;
}
*:first-child+html #header #header-column{/* for IE7*/
	clear:both;
}
#header #header-column p{
	color:#FFFFFF;
	float:left;
	font-weight:bold;
	padding-left:23px;
	margin-top:12px;
	width:500px;
	height:20px;
	overflow:hidden;
	font-size:1.1em;
}
#header #header-column img{
	/*display:block;
	margin-left:576px;
	margin-top:23px;*/
	display:block;
	float:right;
	margin-top:23px;
	padding-right:16px;
}

/* ----------
globalNavi
----------*/
#globalNavi{
	float:left;
	width:950px;
	height:62px;
	overflow:hidden;
}
*html #globalNavi{/* for IE6 */
	float:none;
}
#globalNavi ul li{
	float:left;
}




/* ----------
contents
----------*/
#top #contents{
	float:left;
	background:url(../img/t_contents_bg.jpg) no-repeat left top;
}
#second #contents{
	float:left;
	background:url(../img/s_contents_bg.gif) repeat-x left top;
	padding:15px 0 35px 37px;
	width:913px;
}
#top  #contents h1{
	padding:58px 0 8px 37px;
}
#top #contents #contentsArea{
	background:url(../img/t_contentsArea_bg.gif) repeat-x left top #D6D3D5;
	min-height:338px;
	height:auto !important;
	height:338px;
	padding:0 37px 15px 37px;
	width:876px;
}
#second #contents #contentsArea{
	width:657px;
	float:left;
}
#second #contents #contentsArea p{
	font-size:1.2em;
}
#second #contents #contentsArea ul,
#second #contents #contentsArea ol{
	font-size:1.1em;
}
#second #contents #contentsArea h1{
	margin-bottom:20px;
}
#second #contents #contentsArea h2{
	padding-bottom:13px;
	margin-top:50px; /* 2010.02.15 edited by koba */
	margin-bottom:18px;
	padding-left:20px;
 /* 2010.06.09 edited by h */
	clear:both;
	float:left;
	width:580px;
	font-size:1.5em;
}
#second #contents #contentsArea .margin-top-0{
	margin-top:0;
}
#contents #contents-top{
	height:338px;
}
#contents #contents-bottom{
	background:url(../img/t_contents_btm_bg.gif) repeat-y left top;
	overflow:hidden;
	font-size:1.1em;
}
#top #contents #contents-column{
/*	width:204px;
	padding:17px 0 21px 15px;*/
	width:194px; /* 2010.02.23 edited by koba */
	padding:17px 10px 21px 15px; /* 2010.02.23 edited by koba */
	float:left;
}
#top #contents #contents-column p.title{
	font-size:1em;
	font-weight:bold;
	padding-bottom:2px;
}
#contents ul.indent{
	margin-left:12px;
}
#second #contents #contents-column{
	padding-left:20px;
	width:580px;
}
#second #contents #contents-column .contents-3column{
font-size:1.2em;
clear:left;
float:left;
width:580px;
 /* 2010.06.09 edited by h */
overflow:hidden;
}
#second #contents #contents-column .contents-3column .column01{
width:190px;
float:left;
text-align:center;
}
#second #contents #contents-column .contents-3column .column01 a{
display:block;
padding-top:10px;
padding-bottom:5px;
}
#second #contents #contents-column .contents-3column .column01 a:hover{
text-decoration:none;
background:#e7e7e7;
}
#second #contents #contents-column .contents-3column .column01 ul{
padding-top:5px;
text-align:left;
padding-right:10px;
}
#second #contents #contents-column .contents-3column .column01 ul li{
list-style-type:disc;
list-style-position:inside;
padding-left:25px;
text-indent:-1em;
background:none;
}
#second #contents #contents-column .text-color{
color:#3B3B3B !important;
}

/* products用 */
#second #contents #contentsArea.p_01 h2{
	border-bottom:1px solid #5E91BD;
}
#second #contents #contentsArea.p_02 h2{
	border-bottom:1px solid #004582;
}
#second #contents #contentsArea.p_03 h2{
	border-bottom:1px solid #94A100;
}
#second #contents #contentsArea.p_04 h2{
	border-bottom:1px solid #B3A65C;
}

#contents .p_01 ul li,#contents .p_02 ul li,#contents .p_03 ul li,#contents .p_04 ul li,#contents .other ul li{
	padding-bottom:2px;
	padding-left:8px;
}
#contents .p_01 ul li{
	background:url(../img/listmark_01.gif) no-repeat left 4px;
}
#contents .p_02 ul li{
	background:url(../img/listmark_02.gif) no-repeat left 4px;
}
#contents .p_03 ul li{
	background:url(../img/listmark_03.gif) no-repeat left 4px;
}
#contents .p_04 ul li{
	background:url(../img/listmark_04.gif) no-repeat left 4px;
}
#contents .p_01 #contents-column .contents-3column .column01 ul li{
color:#5E91BD;
}
#contents .p_02 #contents-column .contents-3column .column01 ul li{
color:#004582;
}
#contents .p_03 #contents-column .contents-3column .column01 ul li{
color:#94A100;
}
#contents .p_04 #contents-column .contents-3column .column01 ul li{
color:#B3A65C;
}


/* その他のページ用 */
#second #contents #contentsArea.other h2{
	border-bottom:1px solid #359BB5;
}
#contents .other ul li{
	background:url(../img/listmark_other.gif) no-repeat left 4px;
	margin-bottom: 0.5em;
	clear: both;
}
#contents .other ul li img {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* ----------
breadcrumb
----------*/
#breadcrumb{
	padding-bottom:15px;
}
#breadcrumb p{
	font-size:1.2em;
}
/*
#breadcrumb a{
	text-decoration:underline;
}
#breadcrumb a:hover{
	text-decoration:none;
}
*/

/* ----------
contentsNavi
----------*/
#contentsNavi{
	float:left;
	margin-right:37px;
	width:219px;
}
#contentsNavi ul{
	float:left;
	width:219px;
}
#contentsNavi ul li{
	float:left;
}
#contentsNavi ul li img{
	display:block;
}
#contentsNavi #contents-banner{
float:left;
width:219px;
padding-top:20px;
}
#contentsNavi #contents-banner a{
display:block;
margin-bottom:10px;
}


/* ----------
footer
----------*/
#footer{
	clear:both;
	overflow:hidden;
	background:url(../img/footer_bg.gif) repeat-x left top #FFF;
	min-height:52px;
	height:auto !important;
	height:52px;
}
#footer #footer-container{
	width:950px;
	margin:0 auto;
	overflow:hidden;
	padding-top:15px;
}
#footer #footer-menu{
	float:right;
	padding-right:23px;
	width:327px;
	text-align:right;
}
#footer #footer-menu ul li{
	border-right:solid 1px #3B3B3B;
	padding:0 18px;
	display:inline;
}
#footer #footer-menu ul li.top{
	padding-left:0;
}
#footer #footer-menu ul li.last{
	border:none;
	padding-right:0;
}
#footer #copyright{
	float:left;
	padding-left:18px;
	font-size:1.2em;
	color:#454545;
	width:582px;
}

/* ----------
other
----------*/
.padding01{
	padding-top:20px;
}
.padding02{
	padding-left:5px;
}
.margin01{
	margin-top:10px;
}
/* 2010.02.15 edited by koba */
#second #contents-column p{
	margin-bottom:10px;
}

.img-right{
	float:right;
	margin-left:15px;
}

.bold{
font-weight:bold;
}

.table{
	background:#CCCCCC;
}

#container .table{
	margin-bottom:10px;
}

#container .table th,
.table td{
	padding:5px;
	font-size:1.1em;
	vertical-align:top;
}

#container table.table th{
	text-align:justify;
	background:#EFF2D7;
}

#container table.table td{
	background:#FFFFFF;
}

#container table.table .even td{
	background:#E8E4D9;
}

.margin-bottom{
	margin-bottom:15px;
}

/* 2010.02.16 edited by koba */

.img-left{
	float:left;
	margin-right:15px;
}

/* 拡張子別リンク */
a.file-link{
	display:inline;
	padding:2px 2px 2px 20px;
	background-repeat:no-repeat;
	background-position:left 2px;
}

a.wmv{ /* wmv */
	background-image:url(../img/wmv.gif);
}

a.download{ /* download */
	background-image:url(../img/document_down_alt.gif);
}

a.pdf{ /* pdf */
	background-image:url(../img/pdf.gif);
}

.clearfix{
	clear:both;
	overflow:hidden;
}

.clear-box{
	clear:both;
	/*padding-top:30px;*/
	margin-top:30px;
	overflow:hidden;
}


/* お問い合わせフォーム */
#second #contents #contentsArea.other div.form_btn{
text-align:center;
margin-top:20px;
float:left;
width:580px;
}

#second #contents #contentsArea.other div.form_btn .btn,
#second #contents #contentsArea.other div.form_btn .btn1,
#second #contents #contentsArea.other div.form_btn .btn2{
padding:2px 10px;
}

#second #contents #contentsArea.other div.form_btn .btn2{
margin-left:20px;
}

#second #contents #contentsArea.other table.form_table{
float:left;
}
#second #contents #contentsArea.other table.form_table,
#second #contents #contentsArea.other table.form_table th,
#second #contents #contentsArea.other table.form_table td {
padding:10px;
text-align:left;
font-size:1.1em;
}

#second #contents #contentsArea.other table.form_table th{
background:#EEE;
}

#second #contents #contentsArea.other table.form_table th,
#second #contents #contentsArea.other table.form_table td {
border-bottom:1px solid #999999;
border-top:1px solid #999999;
}

#second #contents #contentsArea.other table.form_table span.table_text{
padding-right:10px;
}

#second #contents #contentsArea.other table.form_table input,#second #contents #contentsArea.other table.form_table textarea{
font-size:1.1em;
}


#second #contents #contentsArea.other table.form_table td div.table_title{
border-top:1px dotted #999999;
margin-top:10px;
padding-top:10px;
}
#second #contents #contentsArea.other .form_thanks_message{
font-size:1.1em;
}

#second #contents #contentsArea.other div.error{
color:#BF0000;
}
#second #contents #contentsArea.other #contents-column p.notes{
	margin-bottom:20px;
}