@charset "shift_jis";

/*-------------------------------------------------------------------------------------------------------------------- reset*/
*{ margin:0; padding:0;}

.clearfix:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
	}

.clearfix {
  min-height:1px;
	}

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

html {
  height:100%;
  overflow-y:scroll;
}

img { border:0; }
table { border-collapse:collapse; }
html {line-height:100%;}
.clear { clear:both;}

/*-------------------------------------------------------------------------------------------------------------------- base temp*/

/*      page base 基本ペース     */

body {	
	text-align:center;
	font-size:12px;
	color:#333;
	}
#wrapcase {
	width:802px;
	margin:20px auto;
	border:5px solid #f6f6f6;
	}
#wrap {
	width:800px;
	border:1px solid #888;
	background-color: #FFFFFF;
	}




/*      header ヘッダー     */

#header {
	width:775px;
	margin:0 auto;
	}
#headcaption {
	background:url(../images/header.gif) no-repeat 0 18px;
	height:24px;
	color: #333;
	margin: 5px 0px 2px;
	}
#headnav { margin:0px 6px;}
#headcaption,#headnav {	font-size:10px; text-align: right; }

#headdescript {
	width:756px;
	margin:0 auto;
	text-align:left;
	}
h1 {
	font-size: 0.8em;
	font-weight:normal;
	line-height:1.6em;
	padding-top:2px;

	}
#header p { 
	background:url(../images/filterofbranding.gif) no-repeat;
	width:269px;
	height:38px;
	text-indent:-9999px;
	margin:16px 0;
	}



/*      globalmenu  グローバルナビ     */

#globalmenu {
	width:762px;
	margin:12px auto 15px;
	}

#globalmenu li {
	list-style:none;
	float:left;
	text-indent:-9999px;
	}

#globalmenu li a {
	height:53px;
	display:block;
	}

#stance_link,#brand_link,#web_link { width:190px; }
#product_link { width:192px; }

#stance_link a{background:url(../images/origami_menu.gif) no-repeat 0 0;}
#stance_link a:hover{background:url(../images/origami_menu.gif) no-repeat 0 -54px; }

#brand_link a{background:url(../images/origami_menu.gif) no-repeat -191px 0; }
#brand_link a:hover{background:url(../images/origami_menu.gif) no-repeat -191px -54px; }

#web_link a{background:url(../images/origami_menu.gif) no-repeat -382px 0; }
#web_link a:hover{background:url(../images/origami_menu.gif) no-repeat -382px -54px; }

#product_link a{background:url(../images/origami_menu.gif) no-repeat -572px 0; }
#product_link a:hover{background:url(../images/origami_menu.gif) no-repeat -572px -54px; }




/*      footer  フッター    */

#footer {
	width:760px;
	margin:12px auto 10px;
	text-align:left;
	}
#footnav { 
	font-size:10px;
	margin:24px 0 0 24px;
	float:left;
	}
#copyright {
	background:url(../images/orgm_copyright.gif) no-repeat;
	width:265px;
	height:7px;
	text-indent:-9999px;
	margin:26px 0 0 0;
	float:right;
	}

/*-------------------------------------------------------------------------------------------------------------------- base temp end*/


/*--------------------------------------------------------------------------------------------------------------------- index*/

#toppage h2 {display:none;}
#toppage .pagetop {width:740px;margin:-20px auto 20px;}

#main_wrap{
	width:762px;
	margin:12px auto;
	text-align:left;
	}


/*      topnav     */

#topnav {
	width:250px;
	z-index:1; position:relative;margin:4px 12px -50px 0px;
	float:right;
	}

#topnav li {	width:250px;
	list-style:none;
	text-indent:-9999px;
	margin:0 0 12px;
	}
#topnav li a {
	width:250px;
	height:45px;
	display:block;
	}
#tn_works a{background:url(../images/sidenavi_img/side01_off.gif) no-repeat;}
#tn_works a:hover{background:url(../images/sidenavi_img/side01_on.gif) no-repeat; }

#tn_retainer_op a{background:url(../images/sidenavi_img/side02_off.gif) no-repeat;}
#tn_retainer_op a:hover{background:url(../images/sidenavi_img/side02_on.gif) no-repeat;}

#tn_vi a{background:url(../images/sidenavi_img/side03_off.gif) no-repeat;}
#tn_vi a:hover{background:url(../images/sidenavi_img/side03_on.gif) no-repeat; }

#tn_web_dirplan a{background:url(../images/sidenavi_img/side04_off.gif) no-repeat;}
#tn_web_dirplan a:hover{background:url(../images/sidenavi_img/side04_on.gif) no-repeat;}

#tn_product_dev a{background:url(../images/sidenavi_img/side05_off.gif) no-repeat;}
#tn_product_dev a:hover{background:url(../images/sidenavi_img/side05_on.gif) no-repeat; }

#tn_blog a{background:url(../images/sidenavi_img/side06_off.gif) no-repeat;}
#tn_blog a:hover{background:url(../images/sidenavi_img/side06_on.gif) no-repeat;}




/*      banner area     */

#index_bnr {width:762px;}
#index_bnr .f_left {width:458px;}
#index_bnr img {margin-bottom:12px;}
#index_bnr .orgmreco {
	float:left;
	z-index:2; position:relative; top:74px; margin-left:40px;
	}




/*      topics     */

#topics {width:560px; margin-bottom:30px;}


#topics dl {	
	clear:both;
	}	
#topics dt {
	font-family:Verdana;
	font-size:11px;
	padding-top:9px;
	width:88px;
	float:left;
	}
#topics dd {
	width:472px;
	line-height:1.45em;
	padding-top:8px;
	float:right;
	}


.tright {
	text-align:right;
}

.oimgbox {
	margin-top:50px;
	margin-left:50px;
}

.oimg {
	float:left;
	margin-right:15px;
}
/*--------------------------------------------------------------------------------------------------------------------- index end*/

a:hover img {
	filter:alpha (opacity=60);
	-moz-opacity:0.70;
	opacity:0.70;
}