/*reset default style*/
body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, form{
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
}
img{
	border:0;
}
h1,h2,h3,h4,h5{
	font-size:100%;
}
sup{
	position:relative;
	top:-2px;
	vertical-align:baseline;
}

.skipnav{
	position:absolute;
	top:0;
	left:-9999px;
	display:block;
	width:0;
	height:0;
	overflow:hidden;
}

/*コンテンツエリア*/
#contents-area {
	width:856px;
	background:#fff url(../img/bg_850_noflame.gif) repeat-y;	
}
div#global_header input{
	font-size:92%;
}
div#global_footer {
	margin-top:0;
}
div#global_footer img{
	vertical-align:baseline;
}
#main{
	width:625px;
	text-align:left;

}


/*上部パンくず*/
#contents-area .breadcrumb{
	margin:10px 21px 15px 15px;
	padding-bottom:5px;
	border-bottom:1px solid #e9e9f8;
}


/* レフトメニュー
---------------------------*/
#left-menu{
	width:160px;
	margin:0 30px 50px 15px;
}

/*コンテンツメニュー*/
#menu{
	width:160px;
}
#menu li{
	float:left;
	width:100%;
	padding-bottom:10px;
}
#menu ul{
	margin-top:6px;
}
#menu ul li,
#left-menu ul.arr-gray li{
	float:left;
	width:160px;
	margin-bottom:5px;
	padding-bottom:6px;
	border-bottom:1px solid #efefef;
}
#t_menu ul.inner{
	margin-top:6px;
}
#t_menu ul.inner li{
	float:left;
	width:160px;
	margin-bottom:5px;
	padding-bottom:6px;
	border-bottom:1px solid #efefef;
}

/*総合技術メニュー*/
#t_menu_title {float:left; width:160px;}
#t_menu{
	width:160px;
	padding-bottom:5px;
}
#t_menu li{
	float:left;
	width:100%;
	padding-bottom:5px;
}
#t_menu li .ohter_menu{
	margin-bottom:8px;
}

/*お問い合わせ*/
#left-menu dl#contact-links dd{
	margin-bottom:10px;
	padding:6px 0 8px;
	border-bottom:1px solid #efefef;	
}
/*お問い合わせnew バージョン*/
#left-menu div#contact-links{
	margin-bottom:20px;
	padding-bottom:11px;
	background:#128be0 url(../img/common/bg_contact_frame_bottom.gif) no-repeat left bottom;
}
#left-menu div#contact-links dl{
	padding:11px 9px 0;
	background:url(../img/common/bg_contact_frame_top.gif) no-repeat;
}
#left-menu div#contact-links dt{
	margin-bottom:3px;
}
#left-menu div#contact-links dt img{
	vertical-align:bottom;
}
#left-menu div#contact-links dd{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #fff;
	color:#fff;
}
#left-menu div#contact-links dd.bottom{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
#left-menu div#contact-links dd a{
	color:#fff;
}
/*カテゴリーのみメニュー*/
#left-menu #t_menu_title.line{
	padding-bottom:16px;
	background:url(../img/common/m_line.gif) no-repeat bottom left;
}


/*サムネ付きリンク*/
#left-menu .thumb-link .thumb,
#left-menu .thumb-link .link{
	display:table-cell;
	vertical-align:middle;
}
#left-menu .thumb-link .thumb{
	width:55px;
}
#left-menu .thumb-link .thumb img{
	vertical-align:bottom;
}
#left-menu .thumb-link .link{
	width:105px;
}
#left-menu .thumb-link .caption{
	margin:8px 0;
	padding-bottom:10px;
	border-bottom:1px solid #EFEFEF
}
* html #left-menu .thumb-link .thumb,
* html #left-menu .thumb-link .link{
	display:inline;
	zoom:1;
}
*:first-child+html #left-menu .thumb-link .thumb,
*:first-child+html #left-menu .thumb-link .link{
	display:inline;
	zoom:1;
}

/* clearfix */
.clearfix:after {
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
   content: ".";
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* メインエリア
---------------------------*/
/*ページトップへ*/
.pagetop{
	text-align:right;
	padding:1em 0;
}
.end{
	padding:0;
	margin-bottom:30px;
}
.pagetop a{
	padding-left:15px;
	background:url(../img/common/arr_pagetop.gif) no-repeat left center;
}


/*共通スタイル
---------------------------*/
/*矢印*/
a.arr-gray{
	padding-left:12px;
	background:url(../img/common/arr_gray_4x5.gif) no-repeat 5px .5em;
}
ul.arr-gray li a{
	float:left;
	display:block;
	padding-left:12px;
	background:url(../img/common/arr_gray_4x5.gif) no-repeat 5px .5em;
}
.arr-blue-circle{
	padding-left:15px;
	background:url(../img/common/arr_blue_circle.gif) no-repeat 3px .25em;
}
.circle-blue{
	padding-left:13px;
	background:url(../img/common/img_circle_blue.gif) no-repeat 2px .25em;
}

/*カラー*/
.blue{
	color:#1455da;
}
.red{
	color:#db0000;
}

/*list*/
.h-list li{
	float:left;
	margin-right:.5em;
	padding-right:.5em;
	border-right:1px solid #444;
}
.h-list li.list-r{
	margin-right:0;
	padding-right:0;
	border-right:none;
}


/* IEハック
---------------------------*/
* html #menu ul li a{
	background-position:5px .3em;
}
* html .arr-blue-circle{
	background-position:3px .1em;
}
* html .circle-blue{
	background-position:2px .1em;;
}
