@charset "UTF-8";


/*==============================================================================
	共通CSS
================================================================================*/

/*== Basic Structure ============================================================*/

/* スクロールバーを常に表示 */
html{
    overflow-y:scroll;
}


body{
	font-family : "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: white;
	padding: 0;
	margin: 0;
	color: #635F4B;
	font-size: 75%;
	line-height: 1.5;
}


/* Sentence, Character
------------------------------------*/
p, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

em, address {
	font-style: normal;
}

/* List
-------------------------------------*/

ul, ol, li, dd, dt, dl{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1em;
}

/* Form
-------------------------------------*/
form{
	margin: 0;
	padding: 0;
	border: 0;
}
/* Table
-------------------------------------*/
table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0; /* For NN6.0 higher or Opera*/
}

th, td {
	padding: 0;
	font-weight: normal;
}

/*==============================================================================
default style is redefined
================================================================================*/


/* Anchor
-------------------------------------*/
a {
	font-family: none;/* for mac */
	text-decoration: none;
}

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

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

a:hover {
	color: #003964;
	text-decoration: underline;
}

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

/* Other
-------------------------------------*/
img {
	margin : 0px;
	padding : 0px;
	border : none;
}



/*==============================================================================
Basic Layout
================================================================================*/
/* ヘッダ
-------------------------------------*/
#header{
	background: url(../image/header.png) no-repeat;
	width: 930px;
	height: 50px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
}
#header #head01 a{
	float: left;
	display:block;
	width: 285px;
	_width: 245px;
	height: 40px;
	text-decoration: none;
	text-indent: -9999px;
	margin-left: 25px;
	padding-left: 20px;
	margin-top: 5px;
}

#header #head02 a{
	background: url(../image/header.png) no-repeat;
	background-position: -668px 0;
	float: right;
	display:block;
	width: 262px;
	height: 77px;
	text-decoration: none;
	text-indent: -9999px;
}
#header #head02 a:hover{
	background-position: -668px -77px;
}

/* メインコンテンツ
-------------------------------------*/
#main{
	position: relative;
	width: 930px;
	margin: 0 auto;
	background: url(../image/base.png) repeat-y;
}


/* 本文エリア
-------------------------------------*/
#dataArea{
	width: 930px;
}
/**/

/* メインナビゲーション
-------------------------------------*/
/* Flash部のz-indexより上に来る値を設定すること */
#mainNavi{
	z-index: 10;
}

#mainNaviL, #mainNavi01, #mainNavi02, #mainNavi03, #mainNaviR{
	float: left;
}




/* フッター（コピーライト部）
-------------------------------------*/
#copyright{
	clear: both;
	left: 0px;
	bottom: 0px;
	text-align: left;
	padding-bottom: 15px;
	background: url(../image/gray_base.png) repeat-y;
	width: 930px;
}
#copytext{
	text-align: center;
	margin-top: 3px;
	color: #003366;
}



/* メニューナビゲーション処理
-------------------------------------*/
#mainNavi01 a#navi01{
	background-image:url(../image/navi_01.png);
	width: 276px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi01 a#navi01:hover{
	background-image:url(../image/navi_01_on.png)!important;
	width: 276px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi02 a#navi02{
	background-image:url(../image/navi_02.png);
	width: 272px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi02 a:hover#navi02{
	background-image:url(../image/navi_02_on.png);
	width: 272px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 a#navi03{
	background-image:url(../image/navi_03.png);
	width: 276px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 a:hover#navi03{
	background-image:url(../image/navi_03_on.png);
	width: 276px;
	height: 44px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


#mainNavi01 .sub00{
	background-image:url(../image/subn01_00.png);
	width: 276px;
	height: 20px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi01 .sub01 a{
	background-image:url(../image/subn01_01.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub01 a:hover{
	background-image:url(../image/subn01_01_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub02 a{
	background-image:url(../image/subn01_02.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub02 a:hover{
	background-image:url(../image/subn01_02_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi01 .sub03 a{
	background-image:url(../image/subn01_03.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub03 a:hover{
	background-image:url(../image/subn01_03_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi01 .sub04 a{
	background-image:url(../image/subn01_04.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub04 a:hover{
	background-image:url(../image/subn01_04_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub05 a{
	background-image:url(../image/subn01_05.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .sub05 a:hover{
	background-image:url(../image/subn01_05_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi01 .subEnd{
	background-image:url(../image/subn01_end.png);
	width: 276px;
	height: 15px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	line-height: 0.5em;
}


#mainNavi03 .sub00{
	background-image:url(../image/subn03_00.png);
	width: 276px;
	height: 20px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi03 .sub01 a{
	background-image:url(../image/subn03_01.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 .sub01 a:hover{
	background-image:url(../image/subn03_01_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 .sub02 a{
	background-image:url(../image/subn03_02.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 .sub02 a:hover{
	background-image:url(../image/subn03_02_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi03 .sub03 a{
	background-image:url(../image/subn03_03.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#mainNavi03 .sub03 a:hover{
	background-image:url(../image/subn03_03_on.png);
	width: 276px;
	height: 35px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#mainNavi03 .subEnd{
	background-image:url(../image/subn03_end.png);
	width: 276px;
	height: 14px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	line-height: 0.5em;
}

#mainNavi ul.dropMenu {
	visibility: hidden;
	position: absolute;
	color: #FFF;
	font-size: 12px;
/*	line-height: 1.6;*/
}



/* ページトップへ（その１：ページ内に1つしかないとき） */
#gotoTop{
	vertical-align: top;
	float: right;
	padding-right: 50px;
	padding-top: 5px;
	margin-bottom: 10px;
}

/* ページトップへ（その２：ページ内に複数あるとき用に） */
.gotoTop{
	float: right;
	padding-right: 50px;
	padding-top: 20px;
	margin-bottom: 10px;
}


/*== #contents ============================================================*/

/* 配置
-------------------------------------*/
.alignLeft{
	text-align: left;
}

.alignCenter{
	text-align: center;
}

.alignRight{
	text-align: right;
}

/* Float
-------------------------------------*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}


/* Block
-------------------------------------*/
.dispNone {
	display: none;
}

.dispBlock {
	display: block;
}

.dispInline {
	display: inline;
}


/* 以下はinvioで加えたstyle (privacy policyなどで使用)
-------------------------------------*/
div.iMainArea {
	background-color: white;
	padding: 0 20px 0 20px;
}
div.iHeaderArea {
	border-style: none none solid none;
	border-color: #cccccc;
	border-width: 1px;
	padding-left: 50px;
	height: 80px;
}

h1.iHeader {
	font-size: 12pt;
	font-family:"ＭＳ Ｐ明朝","明朝体", serif;
	font-weight: 600;
	color: #444;
	line-height: 75px;
}

span.iSubheader {
	font-size: 6pt;
	font-family: sans-serif;
	color: #666;
	padding-left: 1em;
	vertical-align: baseline;
}

h2.iHeader {
	font-size: 12pt;
	font-family:"ＭＳ Ｐ明朝","明朝体", serif;
	font-weight: 600;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #cccccc;
	padding-bottom: 2px;
}

.iTextArea {
	margin: 20px 100px 20px 200px;
}

.iTextArea p {
	margin: 1em 0 1em auto;
}

.iTextArea ol {
	counter-reset: item;
	padding: 0 10px 0 10px;
}

.iTextArea ol li {
	line-height: 1.5em;
	margin-left: 1em;
	display: list-item;
	list-style: decimal outside;
}

.iTextArea ul li {
	line-height: 1.5em;
	margin-left: 1em;
	display: list-item;
	list-style: square outside;
}

/*
.iTextArea ol li:before {
	content: counters(item, ".") " ";
	counter-increment: item;
	display: marker;
}
*/

.iResponsible {
	float: right;
	margin-top: 2em;
}

.iResponsible dt {
	float: left;
	line-height: 1.5em;
}

.iResponsible dd {
	margin-left: 10em;
	line-height: 1.5em;
}

.iCorresponding {
	margin-left: 20px;
}

.iCorresponding dt {
	float: left;
	line-height: 1.5em;
}

.iCorresponding dt:after {
	content: ": ";
}

.iCorresponding dd {
	margin-left: 10em;
	line-height: 1.5em;
}

#iMesg {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 10pt;
}

form {
	margin-top: 2em;
}

label {
	display: block;
	float: left;
}

textarea {
	clear: both;
}

.input_text {
	display: block;
	margin-left: 140px;
}

.input_btn {
	display: block;
	margin-left: 140px;
}

/* 以下はinvioで加えたstyle (newsなどで使用)
-------------------------------------*/
.Nsubtitle{
	font-size: 18px;
	font-weight: 600;
	font-family: "ＭＳ Ｐ明朝", "明朝体", serif;
	color: #555555;
	border-color: #aaaaaa;
	border-style: none none solid none;
	border-width: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	width:460px
}

.NewsArticles{
	margin-left:40px;
	width:800px;
}

.newadress{
	font-size:12px;
	font-weight:bold;
}


/* 以下はoartechで加えたstyle (ichimonサイト用)
-------------------------------------*/

/* 必須項目用*/
.must{
	color:red;
}

/* エラーメッセージ用 */
.err_msg{
	color:red;
	margin-left:140px;
}

/* お問い合わせフォーム確認画面用 */
.confirm_areas td,th{
	padding:4px 4px 5px 4px;
}

.confirm_areas th{
	background-color:#CCCCCC;
	font-weight:bold;
}

.confirm_areas input{
	display:inline;
	align:center;
}

.check_box label{
	display: inline;
	float: none;
	margin:0px;
	padding:0px;
}