@charset "UTF-8";					/*定型句。最後の「；」を忘れないように*/

/*---------------------------------------------------------------------------------------------------- 
すべてのwebページに適用される 
------------------------------------------------------------------------------------------------------*/
html {							/* htmlﾎﾞｯｸｽ内に適用する */
	font-family: sans-serif;			/*全ページのフォントの種類をゴシック(sans-self)指定*/
}
	/*  ﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝ対応にするリスト*/
html * {							/*｢*｣はwidth･heightﾌﾟﾛﾊﾟﾃｨで指定する数値をﾎﾞｰﾀﾞｰ領域含む幅と高さに変更 */
	box-sizing: border-box;			/* 全ページをﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝにするときは、このリストは必ず指定 */
}
body {							/* bodyﾌﾞﾛｯｸ内に適用 */
	margin: 0 0 0 0;				/* bodyﾎﾞｯｸｽ内の4辺のﾏｰｼﾞﾝをゼロにする */
	background-image:url("images/body.jpg");			/*全ページのbodyの背景色を薄ベージュ系模様にする*/
	background-size:cover;
}
.pagebody {						/* ﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝ対応。最大幅を指定して左右ﾏｰｼﾞﾝは自動 */
	margin: 0 auto 0 auto;			/* 指定最大幅より以下の時は自動で幅が縮小。以上の時は中央寄せ。 */
	max-width: 960px;			/* ﾚｽﾎﾟﾝｼﾌﾞﾃﾞｻﾞｲﾝ対応のため最大幅設定。通常は960pxが適当。 */
}
		/*---------	ヘッダー	-----------*/
.header {						/* 法人名と住所を左右に並べる */
	display:flex;					/* flexを使う */
	justify-content:space-between;	/* flexで2つのブロックを両端に配置 */
	margin: 0px 0 20px 0;			/* headerブロック外側上下のスペース */
	line-height: 0;
}
							/* 法人画像(top_logo.png)の位置調整(要、不要は？ */

		/*----------- メインメニュー ----------*/
.main li {					/* nav(ｸﾗｽmain)のリストタグを調整する */
	display: inline-flex;			/* リストを横並びにする */
	list-style-type: none;		/* リストの先頭｢・｣を表示させない */
	margin: 0;				/* ﾏｰｼﾞﾝを上下左右共に0px 、他のﾌﾟﾗｳｻﾞでも影響ないように*/
	padding: 5px;	/* 横並びリストをくっつかないように右ﾊﾟﾃﾞｨﾝｸﾞ(30px)空ける */
}
.main ul{						/* ulﾌﾞﾛｯｸを調整する */
	margin: 0;				/* ﾏｰｼﾞﾝを上下左右　opxに */
							/* ラインを設けたり、ライン画像など装飾はここへ */
}
.main li a{
	background-color: #0000cd;	/* リスト名(aﾀｸﾞ)の背景色を設定(navy) */
	color: #ffffff;				/* リスト名(aﾀｸﾞ)文字色を設定(白) */
	padding: 2px 8px;			/* 内のスペース(ﾊﾟﾃﾞｨﾝｸﾞ）を設定 */
}
		/* リストのリンクする(通常、訪問時、ﾏｳｽを乗せた時、ｸﾘｯｸした時)時の文字色の変化を設定 */
.main a:link{						/* 通常の時 */					
	color:#ffffffff;				/* 白色 */
	text-decoration: none;		/* リスト(aﾀｸﾞ)の自動的に付属する下線を消す */
}
.main a:visited{				/* 訪問した時 */
	color: #33ccff;			/* 水色 */
	text-decoration: none;		/* リスト(aﾀｸﾞ)の自動的に付属する下線を消す */
}
.main a:hover{				/* カーソルが乗ったとき */
	color: #ff0066;			/* 赤系 */
	text-decoration: none;		/* リスト(aﾀｸﾞ)の自動的に付属する下線を消す */
}
.main a:active{				/* 移動中の色 */
	color: #c71585;			/*  */
	text-decoration: none;		/* リスト(aﾀｸﾞ)の自動的に付属する下線を消す */
}

/*--------------------------------------------------------
すべてのページに適用	ー	フッター	ー	
----------------------------------------------------------*/
.footer {							/* class="footer"に適用 */
	margin-top: 10px;				/* 上マージンを指定 */
	padding: 0px 15px 20px 15px;		/* パディングを指定 */
	font-size: 12px;				/* フッターの文字サイズを小さく指定 */
	color: #3f5170;				/*文字色を青灰系に*/
}
/*--------------------------------------------------------
個別スタイル
----------------------------------------------------------*/
/*--------------------------------------------------------
index.htmlの個別スタイル
----------------------------------------------------------*/
	/*------------	中段(central)---------------*/
.central{						/* centralの整理 */
	display:-webkit-box
	display:-ms-flexbox;
	display: flex;				/* flexで左カラム、右カラムに分ける */
}
.central{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flexbox-direction:row;
	flex-direction: row;		/* 横並びにする */
}
		/*------------	中段・左カラム　submenu---------------*/
		
.submenu h2{				/* h2の整理 */
	width: 240px; height: 45px;		/* 幅と高さを設定 */
	padding: 17px 0 0 100px;		/* 上と左のパディングを設定 */
	font-size: 16px;
	background-image:url(images/bg_h2.png);
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#000033;		/*背景色*/
	color:#ffffff;		/*文字色*/
}
.submenu h3{
	width: 240px; height: 45px;		/* 幅と高さを設定 */
	padding: 13px 0 0 30px;		/* 上と左のパディングを設定 */
	font-size: 14px;
	background-image:url(images/bg_suh3-1.png);
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#000033;		/*背景色*/
	color:#ffffff;		/*文字色*/
}
.submenu {
	margin:10px 0 10px 25px;	/*位置調整*/
}
.left ul li {					/* リスト全体の設定 */
	list-style-type:none;			/* リストマーカーを無しにする */
}
.left ul li a 				{/* 各リストの装飾 */
	display:block;			/*リンク部分をブロック表示にする*/
	height:45px;			/*高さを45pxにする*/
	padding:15px 0px 0px 30px;	/*パディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	border-bottom:1px dotted gray;		/*リンク領域の下部に点線ボーダーを付ける*/
	background-image:url(images/bg_submenu.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#333333;		/*文字色*/
}
.left ul li a:before {
	content: url("images/icon_submenu.png");	/*アイコン画像を挿入*/
	margin:0px 10px 0px 0px;	/*マージン*/
	vertical-align:text-top;	/*縦方向の表示位置*/
}

		/* li部分に背景を設定 */
		
		
		/*------------	中段・右カラム　info---------------*/
.info{
	padding:10px 20px 0px 30px;	/*パディング*/
}
.info h3{
	padding:10px 0px 10px 10px;	/*パディング*/
	font-size:14px;		/*文字サイズ*/
	background-image:url(images/bg_submenu-02.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#ffffff;		/*文字色*/
}
h4 {
	font-size:14px;		/*文字サイズ*/
	margin: 30px 20px 30px 5px;
	padding:10px 0px 10px 20px;	/*パディング*/
	background-color:#3e76d7;		/*背景色*/
	color:#ffffff;		/*文字色*/
	border-radius:3px;		/*角丸にする*/
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;		/*角丸にする（ベンダープレフィックス付きの指定）*/
}
.one_duty{
	margin:10px 0 0 0;
}

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: auto;
	height: 25px;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

table {
	margin: 0 0 0 20px;
}
.info p{
	margin: 0 0 0 20px;
}
.modoru {
	font-size: 16pX;
	color: #ffffff;
	text-align: center;
}
p .ninki {
	line-height: 30px;
}

/*--------------------------------------------------------
product.htmlの個別スタイル
----------------------------------------------------------*/
.yakusyoku{
	margin:20px 0 0 0;
}
.yakusyoku td {			/*役員一覧表の文字前後に20pxのスペースを入れる*/
	padding: 0 30px;
}
.detail {
	padding: 0 0 20px 20px;
}