/* スタイルシート設定リセット */
@import url('reset.css');

/* 共通設定
**************************************************/
* {
	color       : #333333;
	font-size   : 12px;
	line-height : 16px;
	font-family : "ＭＳ Ｐゴシック", Arial, sans-serif;
}

/* アンカー設定
------------------------------*/
a {
	text-decoration : none;
}
a:hover {
	color           : #017dca;
	text-decoration : underline;
}

/* 強調表示文字設定
------------------------------*/
.highlight_text_red {
	color       : #ff0000;
	font-weight : bold;
}

/* 背景色設定
------------------------------*/
.background_gray {
	background-color : #eeeeee;
}

/* バナー設定
------------------------------*/
a.banner {
	display : block;
	
	background-repeat   : no-repeat;
	background-position : center center;
	
	text-indent : -9999px;
}

/* 改行設定(<br />の代用版)
------------------------------*/

p.clear {
	clear : both;
	
	height : 0px;
	
	text-indent : -9999px;
	font-size   : 0px;
	line-height : 0px;
}

/* 書き込み領域設定
------------------------------*/
div#wapper {
	margin  : 0 auto;
	width   : 792px;
	/* ↓削除↓ */
/*	border : 1px solid #ffa500;	*/
}

/* ヘッダ設定
**************************************************/
div#header {
	border     : 1px solid #ffffff;
	border-top : none;
	
	width  : 790px;
	height : 102px;
	
	background-image  : url('../img/common/header_background.png');
	background-repeat : repeat-x;
}

/* 会社ロゴ設定
------------------------------*/
h1 {
	float : left;
	
	padding : 21px 270px 20px 23px;
}

/* サブメニュー設定
------------------------------*/
/* 表示位置設定 */
div#header ul#sub_menu {
	float : left;
	
	margin : 22px 0 4px 0;
}

/* 罫線設定 */
div#header ul#sub_menu li {
	float : left;
	
	margin : 0 1px;
	
	color : #cccccc;
}

/* リンク設定 */
div#header ul#sub_menu li a {
	color     : #cccccc;
	font-size : 10px;
}
div#header ul#sub_menu li a:hover {
	color           : #017dca;
	text-decoration : underline;
}

/* メインメニュー設定
------------------------------*/
div#main_menu {
	clear : both;
	
	width  : 790px;
	height : 42px;
	
	background-image  : url('../img/common/main_menu_background.png');
	background-repeat : repeat-x;
}

/* 表示位置設定 */
div#main_menu ul li {
	float : left;
}

/* リンク設定
--------------------*/
div#main_menu ul li a {
	display : block;
	width   : 112px;
	height  : 42px;
	
	background-repeat : no-repeat;
	
	text-indent : -9999px;
}

/* トップページ */
a#main_menu_top {
	background-image : url('../img/common/main_menu_top.png');
}
a#main_menu_top:hover {
	background-image : url('../img/common/main_menu_top_hover.png');
}

/* 製品紹介 */
a#main_menu_product {
	margin : 0 1px;
	
	background-image : url('../img/common/main_menu_product.png');
}
a#main_menu_product:hover {
	background-image : url('../img/common/main_menu_product_hover.png');
}

/* ダウンロード */
a#main_menu_download {
	background-image : url('../img/common/main_menu_download.png');
}
a#main_menu_download:hover {
	background-image : url('../img/common/main_menu_download_hover.png');
}

/* サポート情報 */
a#main_menu_support {
	margin : 0 1px;
	
	background-image : url('../img/common/main_menu_support.png');
}
a#main_menu_support:hover {
	background-image : url('../img/common/main_menu_support_hover.png');
}

/* 募集 */
a#main_menu_recruit {
	background-image : url('../img/common/main_menu_recruit.png');
}
a#main_menu_recruit:hover {
	background-image : url('../img/common/main_menu_recruit_hover.png');
}

/* データ入力 */
a#main_menu_input {
	margin : 0 1px;
	
	background-image : url('../img/common/main_menu_input.png');
}
a#main_menu_input:hover {
	background-image : url('../img/common/main_menu_input_hover.png');
}

/* web制作 */
a#main_menu_web {
	background-image : url('../img/common/main_menu_web.png');
}
a#main_menu_web:hover {
	background-image : url('../img/common/main_menu_web_hover.png');
}

/* フッタ設定
**************************************************/
div#footer {
	clear : both;
	
	/*width  : *%;*/
	height : 260px;
	
	background-image    : url('../img/common/footer_background.gif');
	background-repeat   : repeat-x;
	background-position : center top;
}

/* 会社設定
------------------------------*/
div#footer_company {
	float : left;
	
	padding : 0 0 0 10px;
	width   : 210px;
}

div#footer_company p#company_name {
	color       : #cccccc;
	font-weight : bold;
}

div#footer_company ul li {
	color : #cccccc;
}

div#footer_company ul li.company_link {
	margin-left : 50px;
	font-weight : bold;
}

/* リンク設定 */
div#footer_company ul li.company_link a {
	padding : 0 0 0 10px;
}
div#footer_company ul li.company_link a:hover {
	text-decoration : underline;
	
	background-image    : url('../img/common/side_list_arrow_mark_gray.png');
	background-repeat   : no-repeat;
	background-position : left center;
}

/* リンク設定
------------------------------*/
div#footer div#footer_link_area {
	color   : #cccccc;
	margin  : 0 auto;
	padding : 30px 0 0 0;
	width   : 792px;
	height  : auto;
}

div#footer_link_area ul {
	margin : 2px 0 0 0;
}

/* リンク設定 */
div#footer_link_area li a {
	color     : #cccccc;
	font-size : 10px;
}
div#footer_link_area li a:hover {
	text-decoration : underline;
}

div#footer_company ul li, 
div#footer_product ul li, 
div#footer_download ul li, 
div#footer_support ul li, 
div#footer_recruit ul li, 
div#footer_input ul li {
	font-size : 10px;
}

div#footer_product, 
div#footer_download, 
div#footer_support, 
div#footer_recruit, 
div#footer_input {
	float : left;
	
	margin : 18px 0 0 0;
	width  : 114px;
}

/* リンク設定 */
div#footer_product p a, 
div#footer_download p a, 
div#footer_support p a, 
div#footer_recruit p a, 
div#footer_input p a {
	color : #cccccc;
}
div#footer_product p a:hover, 
div#footer_download p a:hover, 
div#footer_support p a:hover, 
div#footer_recruit p a:hover, 
div#footer_input p a:hover {
	text-decoration : underline;
}

div#footer_product ul li, 
div#footer_download ul li, 
div#footer_support ul li, 
div#footer_recruit ul li, 
div#footer_input ul li {
	color  : #cccccc;
	margin : 0 0 0 2px;
}

/* リンク設定 */
div#footer_product ul li a, 
div#footer_download ul li a, 
div#footer_support ul li a, 
div#footer_recruit ul li a, 
div#footer_input ul li a {
	padding : 0 0 0 10px;
}
div#footer_product ul li a:hover, 
div#footer_download ul li a:hover, 
div#footer_support ul li a:hover, 
div#footer_recruit ul li a:hover, 
div#footer_input ul li a:hover {
	text-decoration : underline;
	
	background-image    : url('../img/common/side_list_arrow_mark_gray.png');
	background-repeat   : no-repeat;
	background-position : left center;
}

/* CopyRight設定
------------------------------*/
div#copyright {
	clear : both;
	
	margin  : 0 auto;
	padding : 20px 0 0 530px;
	width   : 250px;
	height  : auto;
}

div#copyright p {
	color : #cccccc;
	width : 250px;
	
	text-align : right;
}