@charset "utf-8";
/*
################################################ 
#  G-search-SEM prototype
#  rev.2.01
#  lastupdate:20071001
################################################
*/
body{margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif, "ＭＳ ゴシック";
color:#333;
}
/* /// comom A style /// */
a:link,
a:visited{text-decoration: none; color: #039;
}
a:hover{text-decoration: underline; color: #930;
}

.attention a:link,
.attention a:visited{text-decoration: underline; color: #C30;
}
.attention a:hover{text-decoration: underline; color: #333;
}

a img{border: none;
}
/* /// pad mgn set zero // */
h1,h2,h3,h4,h5,ul,p{margin: 0; padding: 0;
}
li{list-style-type: none;
}
/*hr.gray{margin: 0 8px 0 8px; padding: 0; border: none; background: #CCC; height: 5px; clear: both;}*/
	.l-s-01 li{
	background: url(../images/ic_list_col.gif) no-repeat 0 4px;
	margin-bottom:0.4em;
	padding: 0 0 5px 15px;
	border-bottom: 1px dotted #CCC;
	}
	.l-s-01-noborder li{
	background: url(../images/ic_list_col.gif) no-repeat 0 4px;
	margin-bottom:0.4em;
	margin: 0 5px 0 10px;
	padding: 0 0 5px 15px;
	}
	.l-s-01-noborder li.hidden-ic{
	background: url(../images/spacer.gif) no-repeat;
	margin-bottom:0.4em;
	margin: 0 5px 0 10px;
	padding: 0 0 5px 15px;
	}
	
.pagetop {
clear:both;
float:right;
background: url(../images/ic_totop.gif) no-repeat 0 2px;_background: url(../images/ic_totop.gif) no-repeat 0 0;
padding-left: 13px;
margin: 7px 0 5px 0;
font-size: 0.7em;_font-size: 0.55em;
}

.align-center{text-align: center;}
.align-left  {text-align: left;}
.align-right {text-align: right;}
.float-left  {float:left;}
.float-right {float:right;}

.f-70{font-size: 70%;}

.margin-top   {margin-top:15px;}
.margin-bottom{margin-bottom:15px;}


/* ############## BASE ################## */

#wrapper{
display:block;
margin: 0 auto 0 auto;
width: 920px;
background: url(../images/bg_wrapper.gif) repeat-y 0 0;
}

#inner{
width: 900px;
margin: 0 0 0 8px;
border-top:    2px solid #be1212;
border-bottom: 2px solid #be1212;
}

	#bg-area{
	clear: both;
	/* width: safari hack; */
	background: url(../images/bg_area_menuside.gif) repeat-y 100% 0;
	padding-left: 8px;
	}

/* ############## COLUMN ################## */

#header{
background: url(../images/bg_header.gif) repeat-x 0 0;
height: 75px;
padding-left: 25px;
border-top:   1px solid #FFF;
border-bottom:5px solid #CCC;
}

#contents-area{
float:left;
width: 690px;
}

#menu-area{
float: right;
width: 186px;
padding: 3px 0;
}

#footer{
clear:both;
/* width: safari hack */
border-top:5px solid #CCC;
background: #EDEDED;
padding: 12px 30px 15px 30px;
font-size: 0.7em;_font-size: 0.55em;
}

/* ############## HEADER [top column] ################## */

h1{
display: block;
width: 293px;
height: 41px;
float: left;
margin: 16px 0 0 0;
background: url(../images/g_search.gif) no-repeat 0 0;
overflow: hidden;
/*padding-top:50px;*/
}
	
	.topnavi{
	float:right;
	margin: 16px 14px 0 0;
	}
	
	.topnavi li{
	display:block;
	background: url(../images/ic_list_header.gif) no-repeat 0 2px;_background: url(../images/ic_list_header.gif) no-repeat 0 0;
	padding-left: 14px;
	margin-left:10px;
	font-size: 0.7em;_font-size: 0.55em;
	float:left;
	}

/* ############## COMTENTS [left column] ################## */

	#breadcrumbs{
	clear: both;
	/* width:safari hack; */
	padding: 6px 0 5px 15px;_padding: 6px 0 6px 15px;
	margin-bottom: 10px;
	background: url(../images/bg_bread.gif) repeat-x 0 100% #FFF;
	border-left:   1px solid #CCC;
	border-right:  1px solid #CCC;
	border-bottom: 1px solid #be1212;
	}
	#breadcrumbs li{
	font-size: 0.75em;
	float: left;
	}
	#breadcrumbs li a{
	text-decoration: underline !important;
	}
	
.imagearea{margin-bottom: 10px;}

.col{
clear: both;
border: 1px solid #999;
margin-bottom: 10px;
}
	.col .title{
	padding: 3px 0 5px 17px;
	border-top: 1px solid #FFF;
	background: url(../images/bg_col_title.gif) repeat-x 0 100% #E8E8E8;
	}
	
	.col .title h2{
	padding: 2px 0 0 8px;
	border-left: 5px solid #be1212;
	font-size: 0.8em;
	}
	
	.col .inner-block{
	/* width: safari hack; */
	padding: 10px 15px 10px 20px;
	font-size: 0.8em;
	line-height:1.4em;
	}
			.col .inner-block p{
		margin-top: 0.5em;
		}	
	
		.toplevel-catblock{
		width: 310px;
		float: left;
		border: 2px solid #999;
		padding-bottom: 10px;
		}
			.left .toplevel-catblock{ margin:0 20px 18px 0; _margin:0 20px 8px 0;}
			.right .toplevel-catblock{margin:0 0 18px 0;_margin:0 0 8px 0;}
			
		.toplevel-catblock img{margin-bottom:10px;}
		
/* ############## MENU [right column] ################# */

.menu-header {
width: 172px;
padding-top: 8px;
background: url(../images/menu_head.gif) no-repeat 0 0;
margin-bottom: 10px;
}
.menu {
width: 170px;
border-left:  1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.section-btn ul{
}
.section-btn li{
overflow: hidden;
color: #FFF;
font-weight: 700;
font-size: 14px;
}

	.section-btn li.current{
	display: block;
	height: 31px;
	padding: 15px 0 0 30px;
	background: url(../images/menu_bg_button.gif) no-repeat 0 -46px;
	}
	
.section-btn li a{
display: block;
height: 31px;_height: 30px;
color: #FFF !important;
font-weight: 700 !important;
font-size: 14px;
padding: 15px 0 0 30px;_padding: 16px 0 0 30px;
background: url(../images/menu_bg_button.gif) no-repeat 0 0;
}
	.section-btn li.active a{
	background: url(../images/menu_bg_button.gif) no-repeat 0 -46px !important;
	}

	.section-btn li a:hover{
	text-decoration: none;
	background: url(../images/menu_bg_button.gif) no-repeat 0 -46px;
	}

.banner-area{
margin-bottom: 10px;
}



	.mailto{
	width: 170px;
	border: 1px solid #999;
	background: url(../images/bg_menu_mailto_hidden.gif) repeat-y 0 0;
	margin-bottom: 15px;
	}
	
	.mailto-bg-area{
	background: url(../images/bg_menu_mailto.gif) no-repeat 0 0;
	padding: 4px 0 12px 0;
	}
	.mailto-inner{
	font-size: 0.75em;
	border: 1px solid #999;
	background: #FFF;
	padding: 10px 4px 15px 4px;
	margin: 0 4px 10px 4px;
	}


/* ############## FOOTER [bottomt column] ################# */

#footer p{line-height:1.7em;}
#copyright{margin-top: 15px;}

	

/* ############## HACK [IE6,7 NN FF OP] [WIN] ################# */

.clearfix:after {content: "";display:block;clear:both;}

/*HC*/
		#bg-area:after,
		#breadcrumbs:after,
		.inner-block:after,
		#menu:after,
		#footer:after
		{content:"";display:block;clear:both;/*height:1%;*/overflow:hidden;}
		
		/*\*/
		* html #bg-area,
		* html #breadcrumbs,
		* html .inner-block,
		* html #menu,
		* html #footer
		{height:1%;overflow:visible;}/*IE6HC*/
		
		/*IE7*/
		#bg-area,
		#breadcrumbs,
		.inner-block,
		#menu,
		#footer
		{display:inline-table;min-height:1%;}
		
		/*safari + Overwrite(IE7,Other)*/
		html*#breadcrumbs{  width: 690px;/*IE6 Overwrite */_width: 673px;}
		*:first-child+html #breadcrumbs,/*IE7 Overwrite and other*/
		* html #breadcrumbs{width: 673px;}
		
		html*#bg-area{  width: 900px;/*IE6 Overwrite */_width: 892px;}
		*:first-child+html #bg-area,/*IE7 Overwrite and other*/
		* html #bg-area{width: 892px;}
		
		html*#footer{  width: 840px;}
		
		html*.col .inner-block{  width: 683px; /*IE6 Overwrite */_width: 648px;}
		*:first-child+html .col .inner-block,/*IE7 Overwrite and other*/
		* html .col .inner-block{width: 648px;}