@charset "shift-jis";

/* CSS Document */



/* all */

*{
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font-size:12px;
	color:#3e3e3e;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/body_bg_new.jpg) repeat-x;
	background-position:0px 98px;
}

img{
	border:none;
}

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

/* all END */

/* header */

#header_area{
	height:98px;
	background:url(../images/navi/header_bg.jpg) repeat-x;
}
/* header END */


/* navi joubu */
.navi_area{
	width:940px;
	height:98px;
	margin:0 auto 0 auto;
	position:relative;
	text-align:left;
	background:url(../images/navi/navi_bg.jpg) top center no-repeat;
}

.main_logo{
	position:absolute;
	top:0;
	left:0;
}

.navi_about{
	position:absolute;
	top:15px;
	left:278px;
}

.navi_request{
	position:absolute;
	top:15px;
	left:480px;
}

.navi_how{
	position:absolute;
	top:10px;
	left:605px;
}

.serch_area{
	position:absolute;
	top:10px;
	left:704px;
	height:34px;
	line-height:34px;
	width:240px;
}

.serch_area .serch_detail{
	position:absolute;
	top:3px;
	left:241px;
	width:70px;
	height:24px;
}

.serch_area #serch_text_area{
	position:absolute;
	top:3px;
	left:3px;
	padding:0 10px 0 30px;
	width:145px;
	height:26px;
	line-height:26px;
	background:url(../images/navi/serch_box_def.jpg) no-repeat top left;
	border:none;
}

.serch_area .serch_text_btn{
	position:absolute;
	top:2px;
	left:189px;
}
/* /navi joubu */


/* gloval navi */
#gl_navi ul,li{
	margin:0;
	padding:0;
	position:static;
	z-index:1000; 
}

#gl_navi{
	position:absolute;
	top:54px;
	left:248px;
	z-index:500; 
}

ul#navi{
	line-height:0;
	text-align:left;
}

ul#navi li{
	line-height:0;
	list-style:none;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

ul#navi li img{
	vertical-align:bottom;
}
/* gloval navi END */



/* contents */
#main_contents{
	width:940px;
	margin:0 auto 0 auto;
	text-align:left;
	clear:both;
}

.left_col{
	width:235px;
	float:left;
}

.left_col_secound{
	width:235px;
	float:left;
	padding-top:30px;
}

.right_col{
	width:660px;
	float:right;
}

.right_col_secound{
	width:660px;
	float:right;
	padding-top:30px;
}

.clear_box{
	clear:both;
	line-height:0;
}

.clear_box_left{
	clear:left;
	line-height:0;
}

.clear_box_right{
	clear:right;
	line-height:0;
}

h1.title{
	padding:30px 0 0 0;
}

.thum_copy_area{
	padding-top:20px;
	clear:both;
	font-size:10px;
	margin:0 auto;
	width:940px;
	line-height:12px;
	text-align:left;
}
/* contents END*/



/* footer */

#footer_area{
	width:100%;
	clear:both;
	background:url(/images/footer/footer_bg.jpg) repeat-x;
	height:88px;
	text-align:center;
	margin-top:25px;
}

ul.foot_navi{
	width:520px;
	list-style:none;
	margin:0 auto 0 auto;
	padding-top:20px;
}

ul.foot_navi li{
	float:left;
	padding-right:20px;
	font-size:11px;
	line-height:19px;
}

ul.foot_navi li a{
	text-decoration:none;
	color:#333333;
}

ul.foot_navi li a:hover{
	text-decoration:underline;
	color:#333333;
}

#footer_area .copy{
	clear:left;
	padding-top:10px;
	font-size:10px;
	width:940px;
	margin:0 auto;
}

.page_top_area{
	clear:both;
	margin:20px auto 0 auto;
	font-size:10px;
	width:940px;
	text-align:right;
	line-height:14px;
}

.page_top_area a{
	color:#3e3e3e;
	text-decoration:underline;
}

.page_top_area a:hover{
	color:#3e3e3e;
	text-decoration:none;
}

.page_top_area img{
	margin-right:5px;
	margin-bottom:-2px;
}

.under_line{
}

/* footer END */


/* tab START */

.top_margin{
	height:30px;
}

.tab_area{
	width:940px;
	border-bottom:solid #CCC 1px;
	background:url(../images/tab_area_bg.jpg) repeat-y;
}

ul.tab_navi{
	list-style:none;
	margin:0;
}

ul.tab_navi li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

.tab_area .read{
	padding:15px 0 0 15px;
	font-weight:bold;
}

ul.tab_area_navi{
	list-style:none;
	padding:10px 0 20px 10px;
}

ul.tab_area_navi li{
	float:left;
	background:url(../images/tab_area_arrow.jpg) no-repeat left;
	margin-right:10px;
	padding-left:15px;
}

ul.tab_area_navi li.edge{
	float:left;
	background:url(../images/tab_area_arrow.jpg) no-repeat left;
	margin-right:10px;
	padding-left:15px;
	clear:left;
}

ul.tab_area_navi li a{
	color:#333;
	text-decoration:none;
}

ul.tab_area_navi li a:hover{
	color:#333;
	text-decoration:underline;
}
/* tab END */


/*  ---------------------------
			BANNAR
---------------------------  */
a.banner{
	width:235px;
	height:65px;
	background:url(../images/common/secound_logo_bg.jpg) no-repeat top;
	display:block;
	position:relative;
}

a.banner img{
	position:absolute;
	top:5px;
	left:20px;
	filter: alpha(opacity=100);
  	-moz-opacity:1;
  	opacity:1;
}

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

.picup_area{
	border-bottom:#CCCCCC 1px solid;
}

.picup_area .midasi{
	padding-bottom:10px;
}

.picup_area a.banner{
	width:235px;
	height:64px;
	background:url(../images/common/secound_logo_bg.jpg) no-repeat top;
	display:block;
	position:relative;
}

/* Copyright area */

.copy_box{
	width:940px;
	margin:0 auto;
	clear:both;
	padding:20px 0 0 0;
	font-size:10px;
	color:#5b5b5b;
	line-height:14px;
}

/* Copyright area END */




/*  ---------------------------
			clearfix
---------------------------  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

