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

body{
	font-size:0.8em;
	line-height:180%;
	color:#595959;
	margin:0px;
	padding:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-image:url(../images/main_bg.jpg);
	background-repeat: repeat-x;
}

img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


a{
	color:#595959;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}

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

#top_header h1{
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#999999;
	position:absolute;
	z-index:50;
	margin-left:0px;
	font-weight:normal;
	_margin-left:-410px;
	
}

*:first-child+html #top_header h1{
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#999999;
	position:absolute;
	z-index:50;
	margin-left:-410px;
}


h1{
	margin:0px;
	padding:0px;
	font-size:12px;
}

.caption{
	font-size:0.8em;
	line-height:120%;
}

#page{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#top_header{
	clear:both;
	height:66px;
}

#top_header  a{
	margin:0px;
	padding:0px;
	float:left;
	width:900px;
	
	font-size:10px;
	text-indent:-5000px;
	display:block;
	width:236px;
	height:60px;
	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;
}




#top_header h2{
	float:right;
	width:50px;
	margin:0px;
	padding:0px;
	letter-spacing: 0.1em;	
}

/*
#top_header h2 a{
	font-size:10px;
	text-indent:-5000px;
	display:block;
	width:50px;
	height:15px;
	margin-top:20px;
	background-image:url(../images/go_home.gif);
	background-repeat:no-repeat;
}
*/
#top_header h2 a{
	font-size:10px;
	text-indent:10px;
	display:block;
	width:50px;
	height:15px;
	margin-top:20px;
	line-height:17px;
	background-image:url(../images/go_home_s.gif);
	background-repeat:no-repeat;
}

#top_header h6{
	float:right;
	width:257px;
	margin:0px;
	padding:0px;
	
}
#top_header h6 a{
	font-size:10px;
	display:block;
	width:257px;
	height:15px;
	margin-top:5px;
	line-height:17px;
	background-image:url(../images/activebio.gif);
	background-repeat:no-repeat;
	position:relative;
	top:35px;
	left:45px;
}

#top_menu{
	width:100%;
	height:53px;
	padding-top:6px;
	padding-left:2px;
	background-image:url(../../common/images/nav/btn_sp.jpg);
	background-repeat:no-repeat;
	background-position: 0px 6px;
}


#top_header .top_bar_left{
	
	float:left;
	
}


#top_header .top_bar_left2{
	
	float:left;
}

#top_header .top_bar_left a{
	text-indent:-5000px;
	width:182px;
	height:61px;
	display:block;
	margin-top:5px;
	background-image:url(../../lib/images/top_bar_img01.jpg);
	background-repeat:no-repeat;
}

#top_header .top_bar_left2 a{
	text-indent:-5000px;
	width:226px;
	height:56px;
	display:block;
	margin-top:5px;
	background-image:url(../../lib/images/logo20090901.jpg);
	background-repeat:no-repeat;
}


#top_header .top_bar_right{

	float:right;

}

#top_header .top_bar_right a{
	text-indent:-5000px;
	display:block;
	width:150px;
	height:66px;
	background-image:url(../../lib/images/top_bar_img02.jpg);
	background-repeat:no-repeat;
}


#footer{
	width:100%;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:repeat-x;

}
#f_link{
	width:945px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	line-height:100%;
}
#f_link ul{
	padding:0px;
	margin-left:0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#f_link li{
	list-style:none;
	float:left;
	margin-right:15px;
	background-image:url(../images/yazi.jpg);
	background-repeat:no-repeat;
	background-position: 0px 12px;
	padding-top:10px;
}

#f_link li a{
	color:#FFFFFF;
	margin-left:12px;
	font-size:11px;
}

#f_link li a:hover{
	text-decoration:underline;
}


#f_link .f_shop{
	background-image:none;
	padding-top:4px;
	float: right;	
}

#copy{
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

#copyright{
	text-align:right;
	font-size:10px;
	letter-spacing: 10%;
	float: right;
}

#copycatch{
	text-align:left;
	font-size:10px;
	color: #999999;
	float: left;
}

#f_water{
	width:100%;
	background-image:url(../images/f_water.jpg);
	background-repeat: repeat-x;
	height:128px;
}

.blue{
	font-weight:bold;
	color:#336AA3;
}

.blue2{
	color:#336AA3;
}

/* ぱんくず */
#pan{
	width:100%;
	height:23px;
	clear:both;
	font-size:0.8em;
	margin-bottom:10px;
}

#pan ul{
	margin:0px;
	padding:0px;
}
#pan ul li{
	list-style:none;
	float:left;
	margin-right:8px;
}

/* ぱんくず 　事例集　神田川用 */

#pan2{
	width:100%;
	clear:both;
	font-size:0.8em;
}

#pan2 ul{
	margin:0px;
	padding:0px;
}
#pan2 ul li{
	list-style:none;
	float:left;
	margin-right:8px;
}


/* コンテンツ　*/
#contents{
	width:100%;
	clear:both;
}



/* leftメニューのCSS */
#left_menu{
	float:left;
	width:216px;
}
#left_menu .left_h{
	background-image:url(../images/left/h.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	line-height:120%;
	height:34px;
	padding-top:2px;
}
#left_menu .left_b{
	background-image:url(../images/left/b.jpg);
	background-repeat:repeat-y;
	padding:10px;
}
#left_menu .left_f{
	background-image:url(../images/left/f.jpg);
	background-repeat:no-repeat;
	height:12px;
}
#left_menu h3{
	margin:0px;
	padding:0px;
	color:#336AA3;
	font-size:12px;
	background-image:url(../images/left/yazi.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:15px;
	margin-top:20px;
	line-height:100%;
}

#left_menu h3 a{
	color:#336AA3;
}

#left_menu ul{
	margin:0px;
	padding:0px;
	margin-left:20px;
	font-size:12px;
	line-height:18px;
}

#left_menu li{
	padding:0px;
	list-style:none;
	background-image:url(../images/sankaku.jpg);
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:10px;
	margin-top:10px;
}


/* メインコンテンツのCSS */
#main{
	float:left;
	width:730px;
	text-align:left;
}

#main h2{
	background-image:url(../images/title_bg.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	text-indent:35px;
	padding-top:11px;
	line-height:100%;
}


#main .main_bod{
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
}

#main .title_sub{
	margin-top:5px;
	margin-bottom:20px;
	color:#336AA3;
	font-weight:bold;
	font-size:15px;
}

#main h3{
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#main h4{
	background-image:url(../images/title_bg4.jpg);
	background-repeat:no-repeat;
	margin:20px;
	width:635px;
	height:33px;
	font-size:15px;
	font-weight:bold;
	text-indent:15px;
	padding-top:8px;
	line-height:100%;
}

#main .section{
	margin:0px;
	margin-top:10px;
	margin-bottom:20px;
}
#main .page_top{
	text-align:right;
}

#main742{
	width:742px;
	text-align:left;
}

.h2table{
	width:600px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

.h2table th{
	background-color:#E9F0F7;
	text-align:left;
	margin-left:5px;
	border: 1px solid #CCCCCC;
	padding:5px;
}

.h2table td{
	margin-left:5px;
	border: 1px solid #CCCCCC;
	padding:5px;
}

.tableorder{
	border: 1px solid #CCCCCC;
}

/* ------------------------------------------------ */
#nav .nav_1{
	background-image:url(../images/nav/btn_bg.jpg);
	background-repeat:no-repeat;
	text-indent:-3px;
	padding-top:15px;
	padding-bottom:17px;
	width:118px;
	
}

.sankaku{
	background-image:url(../images/p_sankaku.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:12px;
	
}
.sankaku2{
	background-image:url(../images/p_sankaku.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:12px;
	
}

/* ------------------20090826POPUP---------------- */

.backImg{
	background-image:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	padding:0;
}

.pop_blue{
	color:#005bac;
}

.pop_blue2{
	color:#0099d9;
	font-weight:700;
}

#pop_content{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#pop_content p,#pop_content img,{
	margin:0;
	padding:0;
}

#pop_content h2{
	background-image:url(../images/pop_title_bg.jpg);
	background-repeat:no-repeat;
	margin:0px;
	width:573px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	font-size:16px;
	font-weight:bold;
	text-indent:35px;
	padding-top:11px;
	line-height:120%;
}

#pop_content_inner{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}

#pop_content_inner2{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

#pop_detail{
	width:523px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
}

#pop_detail2{
	width:523px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:20px;
	clear:both;
    overflow: hidden;
}

#pop_detail2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #pop_detail2 {
    height: 1em;
    overflow: visible;
}
/**/

#pop_box1{
	padding-top:10px;
	height:300px;
}

#pop_box2{
	clear:both;
}

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

.pop_pic2{
	float:left;
}

.t_10{
	font-size:12px;
	text-indent:18px;
}

#pop_close{
	text-align:center;
	padding-top:35px;
	padding-bottom:10px;
}

#pop_close2{
	clear:both;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}

.pop_box2_l{
	float:left;
	width:320px;
}

.pop_box2_l_2{
	float:left;
	width:260px;
}

.pop_box2_r{
	float:left;
	width:190px;
	margin-left:10px;
}

.pop_box2_r_2{
	float:left;
	width:250px;
	margin-left:10px;
}

.p_space_b{
	padding-bottom:10px;
}

img, div { behavior: url("../scripts/iepngfix.htc") }

/* ------------------/20090826POPUP--------------- */