@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
body {
	width : 100%;				/*ページ全体の横幅*/
	background-color : #ffffff;	/*ページ全体の背景色*/
	background-image : none;	/*ウェブページ全体の背景画像を無しにする*/
	font-size : 100%;			/* フォントサイズを100%にする */
}
div#pagebody {
	width : 100%; 
	margin : 0 auto;				/*内容全体をセンタリング*/
	background-image : none;		/*コンテンツ全体の背景画像を無しにする*/
	background-repeat : no-repeat;	/*背景画像を繰り返さない*/
}

/*============================================
ヘッダ
============================================*/
div#header {
/*	height : 50px;		/*ヘッダ部分の高さ*/
	width : 100%;			/*横幅*/
	height : 120px;			/*ヘッダ部分の高さ*/
	align : center;
}

div#header h1 {
	position : relative;			/* before/afterを絶対配置にする */	
	padding : 10px 5px 5px 80px;	/*見出しの位置調整*/
	font-size : 20px;				/*フォントのサイズ*/
	font-family : Arial, Helvetica, sans-serif;	/*フォントの種類*/
	height : 110px;		/*高さ*/
}

div#header h1:before {		/* 疑似要素として、指とイモネジの画像をｈ１の前に表示する */	
	content : url("../img/del-screw_top_title(mini).jpg");	/* ../は、styleから上に一つ行き、imgを参照する */
/*	content : '▼';					/* ▼の文字をを挿入 */
	position : absolute;
	top : 0;					/* 元の要素の左上の角に寄せる */
	left : 0;					/* 元の要素の左上の角に寄せる */
}

div#discrip {
	display : none;		/*表示しない*/
}

div#comment {
	display : none;		/*表示しない*/
}

div#header #company {
	width : 100%;		/*会社ロゴ画像の幅と高さ*/ 
/*	height : 100px;		/*高さ*/
	text-align : right ;		/*テキストを右揃えにする*/
	float : right ;				/*項目を右に置く*/
}

div#header #company .c-name {	/* 会社名 */
	font-family : courier new,courier;	/* フォントの種類を明朝系にする */
	font-weight : bold;                /* 太字 */
  	font-size : 20px;				/*フォントのサイズ*/
}

div#header #company .c-adress {	/* 住所 */
	font-family : courier new,courier;	/* フォントの種類を明朝系にする */
	font-size : 18px;				/*フォントのサイズ*/
}


/*============================================
メインメニュー（横一列のメニュー）
============================================*/
ul#main_menu {
	width : 100%; 			/*メインメニュー部分の幅*/
/*	height : 50px ; 		/*メインメニュー部分の高さ*/
/*	margin : 0px 0px 0px 0px ; 	/*上下マージン0、左右マージンを中心に*/
/*	background-color : #00ff00 ;					/*背景色*/
	font-size : 14px;				/*フォントのサイズ*/
}

#main_menu li {
/*	height : 50px;				/*高さ*/
	list-style-type : none ;	/*リストマーカー無しにする*/
	text-align : center ;		/*テキストをセンター揃えにする*/
	display : inline ;			/*リスト項目をインライン表示にする*/
	float : left ;				/*リスト項目を横に並べる*/
}

#main_menu li a {
	background-color : #333388 ;					/*背景色*/
	background-image : url(images/icon_menu.jpg);	/*背景画像を指定*/
	background-repeat : no-repeat ; 				/*背景画像を1回だけ表示*/
	color : #ffffff ;				/*文字色は白色*/
	display : block ;				/*リンク部分をブロック表示にする*/
	width : 100px ;					/*幅 240×4＝960*/ 
	height : 40px ;					/*高さ*/
	margin : 2px 2px 2px 2px ; 		/*上下マージン0、左右マージン2px*/
/*	padding : 15px 3px 3px 50px;	/*パディング*/
	text-align : center ;			/*テキストをセンター揃えにする*/
	text-decoration : none ;		/*リンク部分を下線無しにする*/
	font-size : 120%;			/*文字サイズを120%にする*/
}

#main_menu li a:hover {
	color : #00ff00;				/*文字色*/
/*	background-color : #ffffff; 	/*リンクにマウスが乗っても背景色は白のまま*/
	background-image : url(images/icon_menu.jpg); /*リンクにマウスが乗っても同じ背景画像のまま*/
}

/*============================================
説明文
============================================*/
ul.sethumei {
	display : none;		/*表示しない*/
}

/*============================================
サブメニュー
============================================*/
h2 {
	width : 100%; 
	height : 40px;					/*幅と高さ*/
	padding : 15px 0px 0px 10px;	/*パディング*/
	font-size : 26px;				/*フォントサイズ*/
	background-image : none;		/*リンク領域に背景画像を無しにする*/
	background-color : #333333;		/*背景色*/
	color : #00ff00;				/*文字色*/
	clear : both;					/*フロートをクリアする*/
}

/*h2:before {*/
/*	content : "▼";		*/				/*▼の文字をを挿入*/
/*	color : #00ff00;*/					/* 文字の色 */
/*	margin : 0px 10px 0px 0px;*/			/*マージン*/
/*}*/

div#submenu {
	width : 100%;			/*幅の指定*/
	margin : 0px;			/*マージン*/
	float : none;			/*フロートしない*/
}

div#submenu h2 {
	font-size : 18px;			/*文字サイズ 18px */
	width : 95%;				/*横幅 */
	height : 45px;				/*高さ 40px */
	margin : 0px 0px 0px 10px; 	/*左マージンを- 0px 0px 0px 10px */
	padding : 3px 0px 3px 7px;	/*パディング  3px 0px 3px 7px */
	background-color : #0033aa;		/*背景色*/
	color : #ffffff;				/*文字色 #ffffff */
	border-radius : 3px;			/*角丸にする*/
}

div#submenu ul li {
	list-style-type : none;			/*リストマーカー無しにする*/
}

div#submenu ul li a {
	display : block;				/*リンク部分をブロック表示にする*/
	width : 100%;					/*幅*/ 
	height : 30px;					/*高さ*/
	margin : 10px 0px 10px 0px;		/*マージン*/
	padding : 15px 0px 0px 10px;	/*パディング*/
	text-decoration : none;			/*リンクの下線を無くす*/
	background-image : none;		/*リンク領域に背景画像を無しにする*/
	background-repeat : no-repeat;	/*背景画像を繰り返さない*/
	background-color : #cccccc;		/*背景色*/
	color : #0000ff;				/*文字色*/
}

div#submenu ul li a:before {
	content : "▼";						/*▼の文字をを挿入*/
	color : #aa0000;							/* 文字の色 */
	margin : 0px 10px 0px 0px;					/*マージン*/
	vertical-align : text-top;					/*縦方向の表示位置*/
}

/*============================================
インフォメーション
============================================*/
div.info {
	width : 100%;			/*幅の指定*/
	float : none;			/*フロートしない*/
	padding : 0px;			/*パディング*/
}
h3 {
	font-size : 18px;		/*文字サイズ 14px */
	width : 95%;			/*幅の指定 100% */
	margin : 10px 0px 0px 0px;	/*マージン 10px 0px 0px 0px */
	padding : 10px 0px 10px 10px;	/*パディング 10px 0px 10px 10px */
	background-color : #003399;	/*背景色 #003399*/
	color : #ffffff;			/*文字色 #ffffff*/
	border-radius : 0px;		/*角丸にしない*/
}
p {
	width : 95%;			/*幅の指定*/
	margin : 10px;			/*マージン*/
	text-indent : 1em;		/*インデント幅*/
}
.infoimg_index {
	display : block;	/*ブロック表示にする*/
	width : 100px; 		/*画像の表示サイズを指定*/
/*	height : 225px;		/*画像の表示サイズを指定*/
	margin : 0px 0px 10px 0px;	/*マージン*/
	float : none;			/*フロートしない*/
}
.infoimg_subpage {
	display : block;		/*ブロック表示にする*/
	width : 300px; 			/*画像の表示サイズを指定*/
	height : 225px;			/*画像の表示サイズを指定*/
	margin : 0px 0px 20px 0px;	/*マージン*/
	float : none;			/*フロートしない*/
}
.infoimg_tel {
	display : block;	/*ブロック表示にする*/
	width : 300px;		/*画像の表示サイズを指定*/ 
	height : 60px;		/*画像の表示サイズを指定*/
	margin : 0px 0px 20px 0px;	/*マージン*/
}
hr {
	clear : both;			/*フロート配置をクリアする*/
	width : 100%;			/*幅の指定*/
	margin : 10px 0px;		/*マージン*/
	border : 1px dotted #cccccc;	/*内容の区切りをグレーの点線表示にする*/
}

/*============================================
備考情報・動画
============================================*/
iframe.doga {
	width : 340px;
	height : 256px;
}