@charset "utf-8";
/*==========================================
						    shibatahamu CSS
===========================================*/

/*	TAG_RESET
-------------------------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin:0;
	padding:0;
	vertical-align:baseline;
	color: #666666;
}

html {overflow-y:scroll ;}

em {font-style:normal ;}

img {border:0 ;}

a img {border:0px ;}

ul {list-style-type:none ;}

p {margin:5px ;}

fieldset {border:0 ;}

form {margin:0 ;}


/*----- LINK_SETTINGS -----*/
a:link {
	color:#666666;
	text-decoration:none;
}

a:visited {
	color:#666666;
	text-decoration:none;
}

a:hover {
	color:#0064FF ;
	text-decoration:underline ;
}

td .btn a {
	color:#666666;
}





/*----- 基本背景_文字関連の設定 -----*/
body {
	width:100% ;
	background-color:#FFFFFF ;
	background-image:url(img/bg.gif) ;
	background-repeat:repeat-x ;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif ;
	color:#000000 ;
	font-size:0.8em ;
	line-height:150% ;
}



/*	LAYOUT
-------------------------------------------*/
#wrap {
	width:750px ;
	margin:0px auto 0 ;
	text-align:center ;
}

#header {
		margin:0px ;
	}
	
#head {
			border-top:#FF6400 solid 3px ;
}
		
#head h1 img {
			margin:10px 10px ;
			float:left ;
			width:305px ;
}
		
#contents {
		clear:both ;
		text-align:left ;
		height:100% ;
}
			
#ssnavib {
			width:734px ;
			height:114px ;
			margin:6px 0px ;
			padding:8px	;
			background-color:#FFE6B9 ;
}
		
#ssnavi_l {
				float:left ;
				width:240px ;
}
			
#ssnavi_c {
				float:left ;
				width:240 ;
				margin-left:7px ;
}
#ssnavi_r {
				float:right ;
				width:240px ;
}
			
			
#info {
				clear:both ;
				text-align:left ;
}
									
#guide {
				float:right ;
				width:245px ;
}

#f_box {
	clear:both ;
	width:750px ;
}
		
#f_navi {
			float:left ;
			width:300px ;
			text-align:left ;
			margin-top:30px ;
}
		
#footer {
			clear:both ;
			text-align:right ;
			margin-bottom:5px ;
}


/*  ---snavi---   */
#snavi {
		margin-top:30px ;
		float:right ;
		width:300px ;
		text-align:right ;
}

#snavi li,#f_navi li {
		font-size:0.8em ;
		border-left:#414141 solid 1px ;
		height:10px ;
		display:inline ;
		padding:0px 10px ;
}

.sn_last {
		border-right:#414141 solid 1px ;
}	

#snavi a:link,#f_navi a:link {
	color:#0064FF ;
	text-decoration:none ;
}

#snavi a:visited,#f_navi a:visited {
	color:#0064FF ;
	text-decoration:none ;
}

#snavi a:hover,#f_navi a:hover {
	color:#FF6400 ;
	text-decoration:underline ;
}


/*  --pk list --*/
#pklist {
		font-size:0.9em ;
		margin:3px 0px ;
}

#pklist a:link {
	color:#0064FF ;
	text-decoration:none ;
}

#pklist a:visited {
	color:#0064FF ;
	text-decoration:none ;
}

#pklist a:hover {
	color:#FF6400 ;
	text-decoration:underline ;
}

	
/*     ---gnavi---      */
#gnavi {
	clear:both ;
	margin:0 1px ;
}

#gnavi ul {
	margin:0 1px ;
	_margin:0 ; /*IE用*/
	width:748px ;
	height:30px ;
	background:url("img/gnavi1.gif") no-repeat        ;
}

#gnavi li {
	display:inline ;
	list-style-type:none ;
}

#gnavi li a {
	height:30px ;
	display:block ;
	float:left ;
	position:relative ; /* IE6でマウス反応領域がおかしいのをFix */
	text-decoration:none ;
	text-indent:-9999px ;
	overflow:hidden ;
}

/*=========================================
					ロールオーバーの設定
==========================================*/
/*----オフ----*/
.gn_index a {width:187px ; background:url("img/gnavi2.gif") 0 0 no-repeat        ;}
.gn_company a {width:187px ; background:url("img/gnavi2.gif") -187px 0 no-repeat        ;}
.gn_work a {width:187px ; background:url("img/gnavi2.gif") -375px 0 no-repeat        ;}
.gn_omusubi a {width:187px ; background:url("img/gnavi2.gif") -562px 0 no-repeat        ;}

/*----マウスオーバー----*/
.gn_index a:hover {background-position:0 -35px ;}
.gn_company a:hover {background-position:-187px -35px ;}
.gn_work a:hover {background-position:-375px -35px ;}
.gn_omusubi a:hover {background-position:-562px -35px ;}


/*   -- guide --   */
#guide dl {
	width:245px;
	list-style-type:none;
	color:#414141;
	}
	
#guide dt {
	border-top:#FF6400 3px solid;
	font-size:0.8em;
	font-weight:bold;
	color:#FF6400;
	padding:5px 0px 0px 5px;
	display:block;
	background:url(img/view.gif) no-repeat;
	background-position:right 15px;
	height:25px;
	}				

#guide dt a{
	display:block ;
}

#guide dd {
	clear:both ;
	border-top:#C3C4C3 2px dotted ;
	margin-bottom:20px ;
	padding:5px 5px 0px 5px ;
}

#guide a:link {
	color:#FF6400 ;
	text-decoration:none ;
}

#guide a:visited {
	color:#FF6400 ;
	text-decoration:none ;
}

#guide a:hover {
	color:#0064FF ;
	text-decoration:underline ;
}


/*  --topics--  */
#topics {
	border:#666666 1px solid ;
	float:left ;
	width:495px ;
}

#topics dl	{
	margin:5px;
}

#topics dt {
	font-size:0.8em ;
	font-weight:bold ;
	color:#FF6400 ;
	margin:10px 0px 0px 5px ;
}

#topics dd {
	border-bottom:#C3C4C3 dotted 2px;
	padding-left:5px;
	}			

#topics a:link {
	color:#0064FF ;
	text-decoration:underline ;
}

#topics a:visited {
	color:#0064FF ;
	text-decoration:underline ;
}

#topics a:hover {
	color:#FF6400 ;
	text-decoration:underline ;
}
#info #topics {
	height: 176px;
}
#topics #topixline {
	overflow: auto;
	height: 146px;
	width: 495px;
}



/*110317追加*/
.columnBox{
	clear:both;
	width: 545px;
	margin:0;
	padding:0;
}
.colLeft{
	float:left;
	margin: 0 0 auto 0;
}
.colRight{float:right;}

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

.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearLeft { 
clear: left; 
}

.mB20{margin:0 0 20px 0;}
.mR10{margin:0 10px 0 0;}
.mR13{margin:0 13px 0 0;}