@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	/*font-size:84%;*/
	font-size: 13px;
	*font-size: 81.2%;
	line-height:1.4;
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	
}

/*タグのリセット*/
p{
	margin:0px;
	padding:0px;
}

table {
	font-size: 13px;
	*font-size: 81.2%;/*IE下位互換バグ用*/
	line-height:1.4;
}


a img {
	border:none;
}

ul{
	margin:1em 0em 1em 2em;
	padding:0px;
}

sup{
	font-size:77%;
	vertical-align:text-top;
	line-height:1;
}


form {
	margin:0px;
	padding:0px;

}


/*
-------------------------------
  リンクテキストの設定
-------------------------------
*/


a:link { color: #003399;text-decoration: none}
a:visited { color: #003399;text-decoration: none}
a:hover { color: #003399;text-decoration: underline}
a:active { color: #003399;text-decoration: underline}


/*
-------------------------------
  エリア定義
-------------------------------
*/

#container { 
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 100%;
	min-width:850px;
	text-align:justify;
	text-justify: inter-ideograph;
}
	 
#header {
	font-family:"MS UI Gothic";
	padding:0px 0px 5px 0px;
	background-image: url(/tech/share09/head-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#footer {
	font-family:"MS UI Gothic";
}

a#pagetop span{
	display:none;
}



/* begin clearfix(set_class) */

#container:after,
#bread_menu ul:after,
#menu_tab ul:after,
#content:after,
#sub_menu ul li:after,
#ref_area ul li:after,
#main_area:after,
#footer:after,
#page_bottom:after,
.go_pagetop:after,
.totop:after,
.set:after,
#main_area .section:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container,
#bread_menu ul,
#menu_tab ul,
#content,
#sub_menu ul li,
#ref_area ul li,
#main_area,
#footer,
#page_bottom,
.go_pagetop,
.totop,
.set,
#main_area .section {display: inline-block;}

/* Hides from IE-mac \*/
* html #container,
* html #bread_menu ul,
* html #content,
* html #sub_menu ul li,
* html #ref_area ul li,
* html #main_area,
* html #menu_tab ul,
* html #footer,
* html #page_bottom,
* html .go_pagetop,
* html .totop,
* html .set,
* html #main_area .section {height: 1%;}
#container,
#bread_menu ul,
#menu_tab ul,
#content,
#sub_menu ul li,
#ref_area ul li,
#main_area,
#footer,
#page_bottom,
.go_pagetop,
.totop,
.set,
#main_area .section {display: block;}
/* End hide from IE-mac */

/* end clearfix */


/*
-------------------------------
  ヘッダー
-------------------------------
*/
#header .logo {
	float:left;
	width:auto;
}

#header .home,
#header .tech_top {
	float:right;
	width:auto;
	padding:4px 20px 0px 0px;
}

#header .home a,
#header .tech_top a {
display:block;
padding:0px 0px 0px 12px;
background-image: url(/tech/share09/bread-arrow.gif);
background-repeat: no-repeat;
background-position: left center;
}

#bread_menu {
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#bread_menu ul {
	margin:0px;
	padding:0px 40px 0px 25px;
	list-style:none;
}

#bread_menu ul li {
	float:left;
	width:auto;
	padding:2px 0px 2px 0px;
	margin:0px;
	margin-right:5px;
	white-space:nowrap;
}

#bread_menu ul li a {
	display:block;
	padding:0px 12px 0px 0px;
	background: url(/tech/share09/bread-arrow.gif) no-repeat right center;
}

#bread_menu ul li a.now {
	background:none;
	color:#333333;
}

/*
-------------------------------
  タイトル部
-------------------------------
*/

#tech_title {
	padding:8px 40px 10px 25px;
	clear:both;
}

#tech_title h1{
	margin:0px;
	padding:0px 0px 0px 8px;
	color:#333333;
	font-size:140%;
	border-left:#CCCCCC 5px solid;
}

/*
-------------------------------
  タブメニュー
-------------------------------
*/

#menu_tab {
	padding:0px 25px 0px 25px;
}

#menu_tab ul{
	list-style:none;
	margin:0px;
	padding:0px 0px 1px 0px;
	border-top:#666666 2px solid;
	background: url(/tech/share09/tab-back.gif) repeat-x left bottom;
}

#menu_tab ul li{
	float:left;
	margin:0px;
	padding:0px;
	border-left:#999999 1px solid;
	background-color:#e6e6e6;
	width:auto;
	
}

#tab01, #tab02, #tab03, #tab04{
}

#tab04{
	border-right:#999999 1px solid;
}


#menu_tab ul li a{
	display:block;
	float:left;
	width:8em;
}
#menu_tab ul li#tab01 a{
	width:168px;
}

#menu_tab ul li a:hover{
	background-color:#d6d6d6;
	text-decoration:none;
}

#menu_tab ul li a span{
	display:block;
	float:none;
	padding:3px 0px 3px 0px;
	white-space:nowrap;
	text-align:center;
	width:auto;
	
}

#menu_tab ul li a.now, #menu_tab ul li a.now:hover{
	background-color:#999999;
	color:#FFFFFF;
}


/*
-------------------------------
  サブメニュー
-------------------------------
*/
#sub_menu {
	width:169px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 0px;
}

#sub_menu .label {
	display:block; padding-bottom:4px;
}

#sub_menu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	background-color:#ffffff;
	font-family:"MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	background:url(/tech/share09/line-dot01.gif) repeat-x top left;
	float:none;
	width:auto;
}

#sub_menu ul.concept {
	background-position:0px -10px;}

#sub_menu ul li{
	margin:0px 0px 0px 0px;
	padding:1px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
	border-right: none;
	border-left: none;
	line-height:1.2;
	background: url(/tech/share09/tri.gif) no-repeat 8px 7px;
	display:block;
	width:169px;
}

#sub_menu ul li ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color:#ededed;
}

#sub_menu ul li ul li{
	margin:0px;
	padding:0px 0px 0px 0px;
	border-bottom: 0px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background: url(/tech/share09/tri-sub.gif) no-repeat 23px 7px;
	width:165px;
}


#sub_menu ul li a{
	display:block;
	padding:0px;
	margin:0px;
	width:100%;
}

#sub_menu ul li a span{
	display:block;
	padding:4px 3px 4px 23px;
}

#sub_menu ul li.now ul li a span{
	display:block;
	padding:4px 3px 4px 13px;
	margin-left:23px;
}



#sub_menu ul li.now{
	margin-top:-1px;
	border-bottom: 1px solid #cccccc;/*change_color*/
	border-top: 1px solid #cccccc;/*change_color*/
	border-right: 4px solid #cccccc;/*change_color*/
	border-left: none;
	background: #ededed url(/tech/share09/tri.gif) no-repeat 8px 7px;/*change_color*/
	width:165px;
}

#sub_menu ul li ul li.subnow{
	background-color:#D9D9D9;
	background-image: url(/tech/share09/tri-sub-on.gif);
}

#sub_menu ul li.now a{
	color:#333333;
	width:165px;
}

#sub_menu ul li.now ul li.subnow a{
	color:#333333;
}

#sub_menu ul li.now ul li a{
	color:#003399;
}

/*
-------------------------------
  リコメンドメニュー
-------------------------------
*/
#sub_menu .rc_menu{
	margin:38px 0 20px;
	background:url(/tech/share09/rc_menu/bg_rc_menu.png) repeat-y left top;
	line-height:1.3;
	font-family: MS UI Gothic, Osaka, sans-serif;
}
#sub_menu .rc_menu h2{
	margin:0;
	padding:0;
	font-size:100%;
}
#sub_menu .rc_menu ul.rc_items{
	margin:0;
	padding:0 0 20px 0;
	background:url(/tech/share09/rc_menu/bg_rc_menu_btm.png) no-repeat left bottom;
}
#sub_menu .rc_menu ul.rc_items li{
	margin:0 0 0 2px;
	padding:0;
	width:148px;
	background:#ededed url(/tech/share09/rc_menu/bg_rc_item_off.png) no-repeat left bottom;
	border:none;
	cursor:pointer;
	line-height:1.3;
}
#sub_menu .rc_menu ul.rc_items li h3{
	margin:0;
	padding:5px 8px 4px 8px;
	font-size:84%;
	font-weight:normal;
	clear:both;
}
#sub_menu .rc_menu ul.rc_items li p.thumb{
	padding:0px 0 10px 0;
	margin:0 7px 0 6px;
	_margin:0 7px 0 3px;
	float:left;
	width:70px;
}
#sub_menu .rc_menu ul.rc_items li p.txt{
	padding:0px 0 10px 0;
	margin:0;
	float:left;
	width:56px;
	font-size:76%;
	color:#333333;
}

#sub_menu .rc_menu ul.rc_items li.hover{
	background:#dadada url(/tech/share09/rc_menu/bg_rc_item_on.png) no-repeat left bottom;
}
#sub_menu .rc_menu ul.rc_items li.hover a{
	text-decoration:underline;
}
/*
-------------------------------
  本文部
-------------------------------
*/

#content{
	padding:0px 25px 20px 25px;
	background:url(/tech/share09/line-v.gif) repeat-y 190px 0px;
	clear:both;
}


#main_area {
	margin:0px 0px 0px 190px;
	padding:15px 0px 0px 0px;
}

#main_area .content{
	float:left;
	width:100%;
	_width:auto;
}

#main_area h2{
	margin:0px;
	padding:5px 0px 5px 8px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	font-size:120%;
	letter-spacing: 0.1em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main_area h3{
	font-size:160%;
	line-height:1.3;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	padding:20px 0px 5px 0px;
}

#main_area h3.lead{
	font-size:130%;
	line-height:1.4;
}

#main_area h4 {
	font-size:120%;
	margin:20px 0px 13px 0px;
	padding:15px 0px 0px 0px;
	border-top: 1px solid #666666;
}

#main_area h5 {
	font-size:110%;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}


#main_area .content_body,
#main_area .section {
	width:601px;
}

/*段組み__col*/

.col,
.col_multi_2,
.col_multi_3 { float:left; }
.col2 .col { width:290px; }
.col2 .l { margin-right:21px; }

.col3 .col { width:187px; }
.col3 .col_multi_2 { width:394px; }
.col3 .l { margin-right:20px; }

.col4 .col { width:133px; }
.col4 .col_multi_2 { width:289px; }
.col4 .col_multi_3 { width:445px; }
.col4 .l { margin-right:23px; }

/**/
#page_bottom {
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:#CCCCCC 1px solid;
	text-align:right;
	clear:both;
}

.go_pagetop {
	margin:10 0;
}

#page_bottom .totop,
.go_pagetop .totop{
	float:right;
	width:auto;
	padding:3px 6px 2px 6px;
	font-size:85%;
	border:#cccccc 1px solid;
	background-color:#ededed;
	display:block;
}

#main_area p.tm,
#main_area p.tm_2{
	font-size:110%;
}

#main_area .fig_area {
	margin:0px 0px 10px 0px;
}



/*
-------------------------------
  本文テキストスタイル
-------------------------------
*/

.tm{
	padding-bottom:1em;
}

.tm_2{
	padding-bottom:2em;
}

.capm{
	padding:2px 0px 5px 0px;
}

.red_txt{
	color:#CC0000;
}

a.arrow{
	padding:0px 0px 0px 15px;
	background:url(/tech/share09/tri-sub.gif) no-repeat 2px 0.15em;
	margin:0px 5px 0px 5px;
}

.left_box {
	float:left;
	width:290px;
	margin:0px 21px 0px 0px;
	padding:0px;
}

.right_box {
	float:left;
	width:290px;
	margin:0px 0px 0px 0px;
	padding:0px;
}


.link_box {
	border:#cccccc 1px solid;
	padding:6px 8px;
	margin:10px 0px;
	line-height:1.3;
}

.link_box ul{
	margin:0px;
	list-style:none;
}

.link_box ul li{
	margin:0px;
	padding:2px 0px;
}

.link_box ul li a{
	display:block;
	background:url(/tech/share09/tri-sub.gif) no-repeat 2px 0.3em;
	padding:0px 0px 0px 15px;
}

/*
-------------------------------
  リストスタイル
-------------------------------
*/

ul.tm{
	margin:0px 0px 10px 2em;
	padding:0px;
	list-style:disc;
	font-size:110%;
}

ul.tm li{
	margin:0px;
	padding:3px 0px;
}


/*
-------------------------------
  サブページ移動テーブル
-------------------------------
*/

.submenu_btm{
	clear:both;
	padding:20px 0px 0px 0px;
}

.submenu_btm .ctg_name{
	border-top:#CCCCCC 1px solid;
	padding:10px 0px 0px 0px;
	font-weight:bold;
}

.submenu_btm table{
	border-collapse: collapse;
	border-top: 2px solid;
	border-right: 1px solid;
	border-bottom: 2px solid;
	border-left: 1px solid;
	border-color: #cccccc;
	margin-top:6px;
	padding:0px;
}

.submenu_btm table td{
	border:#cccccc solid 1px;
	padding:4px;
	line-height:1.2;
	vertical-align:top;
	background-color:#FFFFFF;
}

.submenu_btm table td a{
	display:block;
	padding:0px 0px 0px 0px;
	background:url(/tech/share09/tri-sub.gif) no-repeat 3px 6px;
	width:100%;
}

.submenu_btm table td a.now{
	background-image: url(/tech/share09/tri-sub-on.gif);
	color:#333333;
	cursor:text;
	text-decoration:none;
}

.submenu_btm table td a span{
	display:block;
	padding:3px 0px 4px 20px;
	text-align:left;
}

/*
-------------------------------
  フッター
-------------------------------
*/

#footer {
	padding:7px 0px 6px 0px;
	background-image: url(/tech/share09/line02.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px;
	background-color: #ededed;
}

#global_links {
	padding:2px 40px 3px 25px;
	background-color: #FFFFFF;
	color:#666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#global_links a.now{
	color:#666666;
}

#utilities {
	padding:2px 40px 4px 25px;
	color:#666666;
}

#copyright {
	padding:2px 40px 20px 25px;

}
code {
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
}

/*
-------------------------------
  汎用スタイル
-------------------------------
*/

a.blank img, a.pdf img {
	margin-left:5px;
}

.clear {
	clear:both
	}
	
.break {}

.break span { 
	display:none;
	}
	
@media print{


#container { 
	min-width:640px;
	width:640px;
	font-size:9pt;
}

#content{
	padding:0px 0px 10px 0px;
	background:none;
	width:640px;
}


#header {
	margin-left:-25px;
}

#header .home,
#header .tech_top {
	display:none;
}

#bread_menu ul{
	display:none;
}

#tech_title {
	padding:8px 0px 10px 0px;
}

#menu_tab {
	padding:0px 0px 0px 0px;
}

#menu_tab ul li{
	display:none;
}

#sub_menu{
	display:none;
}

#main_area {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#main_area .content{
	float:none;
}


#main_area h2{
	border:#CCCCCC 1px solid;
}

#main_area h4 {
	font-size:12pt;
	margin:10px 0px 6px 0px;
	padding:8px 0px 0px 0px;
	border-top: 1px solid #666666;
}

#main_area .content_body,
#main_area .section {
	width:100%;
}

.tm {
	font-size:10pt;
}

.capm {
	font-size:9pt;
}

.submenu_btm{
	display:none;
}

#global_links {
	display:none;
}

#utilities {
	display:none;
}

.go_pagetop {
	display:none;
}

#page_bottom {
	display:none;
}


#footer {
	padding:0px 0px 0px 0px;
	background-image: none;
	background-color: #ffffff;
	clear:both;
}

#copyright {
	padding:5px 40px 0px 0px;
	border-top:#CCCCCC 1px solid;
}

.break { 
	page-break-before: always;
	}

}