@charset "Shift_JIS";

/* *********************************************************************


CSS FILE toppage.css
apply for "toppage" only.

[index]
1.import files
2.Container (contents + Side Bar)
3.contents (Key Visual + Topics + Banner)
3-1.Key Visual
3-2.Topics
3-3.Banner
4.MailMagazine

【LAST UPDATED】22 June 2007
********************************************************************* */


/* *********************************************************************
1. import files
********************************************************************* */
@import "c_left_navi_img.css";
@import "c_left_navi.css";
@import "common_image.css";
/* *********************************************************************
2. Container (contents + Side Bar)
********************************************************************* */

.img_left_position{
	float: left;
	margin: 10px 25px 0px 25px;
}

.position_l {
	float: left;
	margin: 0px;
	padding: 0px;}

.position_r{
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #666666;
}

.position_r{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}




/* *********************************************************************
1. left_local_navigation_bar setting
********************************************************************* */


#left_main ul,#left_main li,#left_main a,#left_main a:hover{
	width: 192px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}

#left_main ul {
	height: 480px;
}

#left_main li{
	display: block;
	}

#left_main li a,#left_main li a:hover{
	display: block;
	width: 192px;
	height: 32px;
	text-indent: -9999em;
}




/* *********************************************************************
Right_Colmun見出しｈ３
********************************************************************* */


#rightcolumn h3,
#wrapper #main_container #rightcolumn #entry h3{
	margin: 20px 30px 10px 20px;
	padding: 0px 0px 0px 9px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border-bottom: #666666 1px dotted;
	height: 20px;
	background-image:url(../images/common/con_sub_ttl_bg.gif);
	background-repeat: no-repeat;

}

/* *********************************************************************
製品メーカーのトップページレイアウト
********************************************************************* */

.proFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.proFix {
	display: inline-block;
	border:1px solid #999999;
	margin:10px 20px 10px 20px;
	padding:10px; 
	text-align:center;
	height:auto;

}

/* Hides from IE-mac \*/
* html .proFix { height: 1%; }
.proFix { display: block; 

}
/* End hides from IE-mac \*/

/*画像のポジショニング*/
.pro_left {
	margin: 0px 20px 10px 20px;
	float:left;
	}
.pro_right {
	margin: 0px;
	float:left;
	}



/* *********************************************************************
当社の特徴　
********************************************************************* */

#wrapper #main_container #rightcolumn #entry .greeting_list {
	margin-left: 20px;
	padding: 0px;
}

#wrapper #main_container #rightcolumn #entry .sign {
	font-weight: bold;
	text-align:right ;
	float: right;
}


/* *********************************************************************
当社の特徴　上部ナビゲーションボタン
********************************************************************* */


#wrapper #main_container #rightcolumn #entry .page_navi {
	margin-left: 10px;
	margin-right: 50px;
	padding: 0px;
}

#wrapper #main_container #rightcolumn #entry .page_navi ul{

}

#wrapper #main_container #rightcolumn #entry .page_navi li{
    display:inline;   
    line-height:110%;   
    list-style-type:none; 
	margin-bottom: 5px;
}


#wrapper #main_container #rightcolumn #entry .page_navi li a{
    padding-left:13px;   
    background:url(../images/common/blue_arrow.gif) no-repeat left center;
}

/* *********************************************************************
テーブルカラー
********************************************************************* */

#wrapper #main_container #rightcolumn #entry table {
	text-align: center;
	margin: 20px 20px;
	padding: 0px;
	font-size: 12px;
	color:#666666;
	border: #666666 0px solid;


 }



.col_gray, .col_gray_s, .col_gray_u{
	text-align: center;
	background-color:#DDDDDD;
	font-size: 12px;
	color:#666666;
	height: 10px;
	padding: 3px 0px 0px 0px;
 }
 
 .col_gray{
	width: 160px;
	border: #666666 1px solid;
 }
 
 

.col_white_top,.col_white,.col_white_u {
	text-align: center;
	background-color:#F5F5F5;
	font-size: 12px;
	color:#666666;
	text-align: center;
	padding: 0px 0px 0px 0px;

}



.col_white {
	text-align: left;
	text-align: left;
	padding: 3px 10px 3px 10px;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	border-right: #666666 1px solid;
}

/* *********************************************************************
株式の諸手続き　ダウンロードボタン　
********************************************************************* */
.dl_btn {
	float: right;
	margin: 10px 30px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
}

.dl_btn li {
	float: left;
	margin-right:10px;
}

.dl_btn a,
.dl_btn a:hover{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#47498E;
}

.dl_btn a{
	text-decoration: none;
}

.dl_btn a:hover{
	text-decoration:underline;
}

/* *********************************************************************
財務ハイライト　画像ポジション
********************************************************************* */
.position_01{
	float: left;
	margin: 0px 10px 0px 20px ;
	padding: 0px;
}
.position_02{
	float: left;
	margin: 10px 10px 10px 20px ;
	padding: 0px;
}

/* *********************************************************************
アドビリーダー　ダウンロード get_adobe
********************************************************************* */

#get_adobe dl {
	margin: 20px 20px 20px 20px;
}

#get_adobe dt{
	font-weight: bold;
	font-size: 12px;
	float: left;
	width: 140px;
	padding: 0px 0px 0px 10px ;
}

#get_adobe dd{
	margin-left: 140px;
	margin-bottom: 10px;
	color: #666;
	font-size: 10px;
	text-align: left;

}

/* *********************************************************************
ENTRY SETTING （ブログエントリーリスト）
********************************************************************* */



#wrapper #main_container #rightcolumn #entry{
	float: right;
	color: #666;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: auto;
	width: 538px;
	text-align: left;
}



#wrapper #main_container #rightcolumn #entry p,
#wrapper #main_container #rightcolumn #entry dd,
#wrapper #main_container #rightcolumn #entry ol,{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
}

#wrapper #main_container #rightcolumn #entry a,
#wrapper #main_container #rightcolumn #entry a:hover{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#47498E;
}

#wrapper #main_container #rightcolumn #entry a{
	text-decoration: none;
}

#wrapper #main_container #rightcolumn #entry a:hover{
	text-decoration:underline;
}


/* *********************************************************************
ENTRY SETTING dl dt　（ブログエントリーリスト）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry dl {
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666666;
}

#wrapper #main_container #rightcolumn #entry dt{
	font-weight: bold;
	float: left;
	width: 140px;
	padding: 0px 0px 0px 10px ;
	background: url(../images/common/con_sub_ttl_bg.gif) no-repeat;
	font-size: 12px;
}

#wrapper #main_container #rightcolumn #entry dd{
	margin-left: 140px;
	margin-bottom: 10px;
}


/* *********************************************************************
ENTRY SETTING li ul　（ブログエントリーリスト）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry ul,
#wrapper #main_container #rightcolumn #entry ul li{
	margin: 10px 15px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}
	
/* *********************************************************************
ENTRY SETTING ol ul　（ブログエントリーリスト）
********************************************************************* */

#wrapper #main_container #rightcolumn #entry ol li{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}


/* *********************************************************************
ENTRY SETTING PageBute　（ブログエントリーリスト 記事ページャー）
********************************************************************* */

#wrapper #main_container #rightcolumn #page_navi{
	font-size: 12px;
	color:#666666;
	margin-top: 40px;
	text-align: center;
	}
#wrapper #main_container #rightcolumn #page_navi a{
	font-size: 12px;
	color:#47498E;
	text-decoration: none;
	}

#wrapper #main_container #rightcolumn #page_navi a{
	font-size: 12px;
	color:#47498E;
	text-decoration:underline;
	}
	
	
	
/* *********************************************************************
ENTRY_DESC SETTING （ブログ記事詳細）
********************************************************************* */



#wrapper #main_container #rightcolumn #entry_desc{
	float: right;
	color: #666;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: auto;
	width: 538px;
	text-align: left;
}

#wrapper #main_container #rightcolumn #entry_desc p,
#wrapper #main_container #rightcolumn #entry_desc dd,
#wrapper #main_container #rightcolumn #entry_desc ol,{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
}

#wrapper #main_container #rightcolumn #entry_desc a,
#wrapper #main_container #rightcolumn #entry_desc a:hover{
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#47498E;
}

#wrapper #main_container #rightcolumn #entry_desc a{
	text-decoration: none;
}

#wrapper #main_container #rightcolumn #entry_desc a:hover{
	text-decoration:underline;
}


/* *********************************************************************
ENTRY_DESC SETTING dl dt　（ブログ記事詳細）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry_desc dl {
	margin-left: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #666666;
}

#wrapper #main_container #rightcolumn #entry_desc dt{
	font-weight: bold;
	float: left;
	width: 140px;
	padding: 0px 0px 0px 10px ;
	background: url(../images/common/con_sub_ttl_bg.gif) no-repeat;
}

#wrapper #main_container #rightcolumn #entry_desc dd{
	margin-left: 140px;
	margin-bottom: 10px;
}


/* *********************************************************************
ENTRY_DESC SETTING  li ul　（ブログ記事詳細）
********************************************************************* */
#wrapper #main_container #rightcolumn #entry_desc ul,
#wrapper #main_container #rightcolumn #entry_desc ul li{
	margin: 10px 15px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}
	
/* *********************************************************************
ENTRY_DESC SETTING  ol ul　（ブログ記事詳細）
********************************************************************* */

#wrapper #main_container #rightcolumn #entry_desc ol li{
	margin: 10px 25px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	}
	
/* *********************************************************************
ENTRY_DESC IMAGE  SETTING （ブログ詳細）
********************************************************************* */

#wrapper #main_container #rightcolumn #entry_desc img{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

/* *********************************************************************
ENTRY_DESC IMAGE  SETTING （アイテムアセットゾーン）
********************************************************************* */

#wrapper #main_container #rightcolumn .item_zone{
	text-align: left;
	font-size: 12px;
	color:#666666;
	margin-left: 20px;
	float: right;

	}
	
#wrapper #main_container #rightcolumn .item_zone ul{
	margin-bottom: 40px;
	}
	
#wrapper #main_container #rightcolumn .item_zone li{
	float: left;
	}