@charset "utf-8";

/*============================================
 2010.06
 common.css
============================================*/

/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,p,table,th,td,form,input,textarea,select,label{ margin:0px; padding:0px; }
h1,h2,h3,h4{ font-size:1em; font-weight:normal; }
table{ border:0; }
img{ margin:0; padding:0; border:0; }
ul,dl{ list-style-type:none; }
textarea,select{ font-size:1em; }

body {
	font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",Osaka,Helvetica,Arial,sans-serif;
	font-size:small;
	line-height:1.4em;
	color:#333333;
	background:#fffbe8;
}

/*============================================
  class Css 
============================================*/

/* link
========================================== */
a:link,
a:visited{ text-decoration:underline; color:#833a19; }
a:hover,
a:active{ text-decoration:none; color:#833a19; }

/*	float clear
============================================*/
.floatLeft{ float:left; }
.floatRight{ float:right; }
.clear{ clear:both; height:0; font-size:0; line-height:0; }
.clear2{ clear:both; }
.clearfix{ /zoom:1; }
.clearfix:after{ content:''; display:block; clear:both; }

/*	clearfix 一覧
============================================*/
#header,
.contentsBox div.count,
.contentsBox .contentsBoxTit,
#gnavi,
.help_Qs,
.siteList{ /zoom:1; }
#header:after,
.contentsBox div.count:after,
.contentsBox .contentsBoxTit:after,
#gnavi:after,
.help_Qs:after,
.siteList:after{ content:''; display:block; clear:both; }

/* margin padding
========================================== */

/* font size
========================================== */
.fontS{ font-size:84%;}

/* text-align
========================================== */
.taRight{ text-align:right; }
.taCenter{ text-align:center; }

/* icon
========================================== */
.iconQ{background:url(../../img/service/icon_q.gif) no-repeat 0 bottom; padding-left:15px;}
.iconPeople{background:url(../../img/service/icon_people.gif) no-repeat 0 bottom; padding-left:10px;}
.iconKey{background:url(../../img/service/icon_key.gif) no-repeat 0 bottom; padding-left:15px;}
.iconChange{background:url(../../img/service/icon_change.gif) no-repeat 0 bottom; padding-left:21px; }
.iconDelete{background:url(../../img/service/icon_dust.gif) no-repeat 0 bottom; padding-left:15px;}
.iconAdd{ background:url(../../img/service/icon_add.gif) 0 center no-repeat; padding-left:14px; }
.iconMailClose{ background:url(../../img/service/icon_mail_close.gif) 0 center no-repeat; padding-left:20px; }
.iconPen{ background:url(../../img/service/icon_pen.gif) 0 center no-repeat; padding-left:20px; }
.iconExit{ background:url(../../img/service/icon_exit.gif) 0 center no-repeat; padding-left:14px; }
.icon_owner{ background:url(../../img/service/icon_owner.gif) 0 0 no-repeat; }
.icon_subowner{ background:url(../../img/service/icon_subowner.gif) 0 0 no-repeat; }
.icon_private{ background:url(../../img/service/icon_private.gif) 0 0 no-repeat; }
.icon_public{ background:url(../../img/service/icon_public.gif) 0 0 no-repeat; }
.iconQ02{ display:block; background: url(../../img/service/icon_help_q02.gif) no-repeat 0 2px; padding: 2px 0 4px 25px; line-height:1.3em; }

/*============================================
  base Css 
============================================*/

/*	header
============================================*/
#headerCont{ width:99%; padding:0 0.5%; background-color:#52c1ea; }
#header{ width:960px; min-height:67px; height:auto !important; height:67px; margin:0 auto; }
#header p.logo{ float:left; width:167px; height:46px; padding:10px 0 12px; }
#header p.logo a{ float:left; width:167px; height:46px; display:block; background:url(../../img/service/header_logo.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; }
#header p.catch{ float:left; padding:17px 0 0 8px; color:#FFFFFF; text-align:left; line-height:1.2;}
#header p.catch strong{font-weight:normal;}
#header .firstnavi{ max-width:500px; float:right; margin-top:22px; background:url(../../img/service/bg_02.gif) no-repeat left 0; }
#header ul{ padding:3px 10px 5px; text-align:center; background:url(../../img/service/bg_05.gif) no-repeat right 0; }
#header ul li{ line-height:1.4em; display:inline; padding:0 4px;  }
#header ul li a{ padding-top:2px;}

/*	container
============================================*/
.pan{float:left; padding:5px 0 8px;}
.pan li{float:left; display:inline; margin-right:8px; font-size:84%; padding-right:15px; background:url(../../img/service/icon_panarw.gif) no-repeat right center;}
.pan li.last{padding-right:0px; background-image:none;}
.pan li a,
.pan li a:link{ color:#6c625c;}

/*	gnavi
============================================*/
#gnavi{ width:100%; background-color:#42a1ce; }
#gnavi ul{ background:#42a1ce url(../../img/service/bg_gnavi.gif) 0 0 no-repeat; height:42px; width:960px; margin:0 auto;}
#gnavi li{ display:block; float:left; height:42px;}
#gnavi li span,
#gnavi li a{ display:block; height:42px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0;}
#gnavi li.gnavi_01 a,
#gnavi li.gnavi_01 a:link{ width:199px; }
#gnavi li.gnavi_02 a,
#gnavi li.gnavi_02 a:link{ width:198px; }
#gnavi li.gnavi_03 a,
#gnavi li.gnavi_03 a:link{ width:198px; }

#gnavi li.gnavi_01 .act,
#gnavi li.gnavi_01 a:hover{ display:block; width:199px; background:url(../../img/service/bg_gnavi.gif) 0 -42px no-repeat; }
#gnavi li.gnavi_02 .act,
#gnavi li.gnavi_02 a:hover{ display:block; width:198px; background:url(../../img/service/bg_gnavi.gif) -199px -42px no-repeat; }
#gnavi li.gnavi_03 .act,
#gnavi li.gnavi_03 a:hover{ display:block; width:198px; background:url(../../img/service/bg_gnavi.gif) -397px -42px no-repeat; }


/*	container
============================================*/
#container{ width:960px; clear:both; margin:0 auto; }

/*	contents
============================================*/
#contents{ width:955px; clear:both; margin-bottom:20px; padding:5px 0 0 5px; background:#e4ddc5; }

	/*	side
	--------------------------------------------*/
	.side{ width:230px; float:left; display:inline; margin-right:5px; }
	
	/*	main
	--------------------------------------------*/
	.main{ width:480px; float:left; display:inline; margin-right:5px; }
	.main2{ width:715px; float:left; display:inline; margin-right:5px; }
	.main3{ width:950px; float:left; display:inline; margin-right:5px; }
	
	/*	p
	--------------------------------------------*/
	.lead{ margin-bottom:15px; }
	.lead_finish{ clear:both; margin-bottom:150px; }
	.lead_695{ margin-bottom:15px; width:695px; }
	.lead02{ margin-top:15px; font-weight: bold; }

	/*  gross
	--------------------------------------------*/
	.gloss01{ width:230px; float:left; display:inline; margin-right:5px;}
	
	
/*	footer
============================================*/
#footer{ width:960px; clear:both; margin:0 auto; padding:10px 0 15px; border-top:#d4c7c0 1px solid; font-size:0.83em; }
#footer ul{ float:left; padding-bottom:9px; }
#footer ul li{ float:left; padding:1px 10px 0 0; margin-right:10px; border-right:#6c625c 1px solid; line-height:1.1em; }
#footer ul li.last{ border-right:none; }
#footer ul li a:link,
#footer ul li a:visited{ text-decoration:none; color:#6c625c; }
#footer ul li a:hover,
#footer ul li a:active{ text-decoration:underline; color:#6c625c; }

.footer_logos{ clear:both; width:100%; float:left;}
.footer_logos .footer_rec{ float:left; margin-top:13px; width:163px; height:15px; }
.footer_logos .footer_rec a{ display:block; width:163px; height:15px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url(../../img/service/logo_recruit.gif) 0 0 no-repeat; }
.footer_logos .footer_med{ float:right; width:177px; height:28px; }
.footer_logos .footer_med a{ display:block; width:177px; height:28px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; background:url(../../img/service/logo_media.gif) 0 0 no-repeat; }

/*	paging
============================================*/
ul.paging{ width:695px; clear:both; margin:0 auto 20px; padding:5px 0; text-align:center; }
ul.paging li{ border-color:#a6703c; }
ul.paging2{ width:930px; clear:both; margin:0 auto 20px; padding:5px 0; text-align:center; position:relative; }
ul.paging li,
ul.paging2 li{ display:inline; padding-right:3px; *padding-left:5px; border-right:#333333 1px solid; }
ul.paging li.last,
ul.paging2 li.last{ padding-right:0; border-right:none; }
ul.paging li.pre,
ul.paging2 li.pre{ margin-right:10px; padding-right:0; border-right:none; }
ul.paging li.next,
ul.paging2 li.next{ margin-left:10px; padding-right:0; border-right:none; }
ul.paging2 .pagingNani{ position:absolute; top:5px; left:10px; border-right:none;}

/*============================================
  共通
============================================*/

/*	link icon
============================================*/
.iconArrow{ padding:0 0 0 16px; }
.iconArrow{ background:url(../../img/service/icon_arrow.gif) no-repeat 0 center; }

/*	dialog
============================================*/
.dialog{ width:98%; padding:1%; position:relative; }
.dialog p.dialogClose{ text-align:right; margin-bottom:3px; position: absolute;top:10px; right:10px; }
.dialog p.dialogClose a{ font-size:0.83em; }
.dialog p.dialogTit{ margin-bottom:10px; padding:5px !important; background:#f5f5f5; border-top:#d3d3d3 1px solid; border-bottom:#d3d3d3 1px solid; font-weight:bold; }
.dialog p.text{ min-height:50px; height:auto !important; height:50px; padding:0 5px 20px; }
.dialog p.text2 { padding:0 5px 10px; }
.dialog div.dialogBtn{ height:40px; margin:0 5px; padding:10px 0 0; text-align:center; background:url(../../img/service/dialog_bg.gif) no-repeat 0 0; }
.dialog p.dialogTitSub{ font-weight:bold; padding:0 0 3px 15px; text-align:left; }

.dialog div.dialogBtn p{ vertical-align:top; display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; }
.dialog div.dialogBtn p a,
.dialog div.dialogBtn p a:link,
.dialog div.dialogBtn p a:visited,
.dialog div.dialogBtn p a:hover,
.dialog div.dialogBtn p a:active{ display: block; height:28px; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; }

.dialog_box{ float: left; width: 90%; background-color: #F2F2F2; padding:5px; margin: 0 0 10px 15px; display: inline;}
.dialog_box p{ margin: 0; padding: 0;}
.dialog_box p span{ font-weight: bold;}
.dialog p.dialogTitSub{ font-weight:bold; padding:0 0 3px 15px; text-align:left; }
.dialog .textInput{ display:block; width:370px; margin:0 auto 20px; border:#c5c5c5 1px solid; padding:1px; vertical-align:middle; }
.dialog div.dialogBtn2{ height:50px; margin:0 5px; padding:10px 0 0; text-align:center; background:url(../../img/service/dialog_bg02.gif) no-repeat 0 0;}
.dialog div.dialogBtn2 p{ display:-moz-inline-box; display:inline-block; /display:inline; /margin-right:3px; /zoom:1; }

/*	btn
============================================*/
a.btnCancel{ width:111px; background:url(../../img/service/btn_cancel.gif) no-repeat 0 0; display:block; height:28px; text-indent:-9999px; overflow:hidden; }
a.btnCancel:hover{ background-position:-111px 0; }
a.btnRequest{ width:151px; background: url(../../img/service/btn_request2.gif) no-repeat 0 0; display:block; height:28px; text-indent:-9999px; overflow:hidden;  }
a.btnRequest:hover{ background-position:-151px 0; }

/*	contentsBox
============================================*/
.contentsBox{ clear:both; margin:0 0 5px; padding:5px; background:#ffffff; }

	/*--------------------------------------------
		共通
	--------------------------------------------*/
	/*	contentsBoxTit
	--------------------------------------------*/
	.contentsBox .contentsBoxTit{ background:#f9eddf; border-top:#e8c3a6 1px solid; border-bottom:#e8c3a6 1px solid; color:#a6703c; }
	.underTitLink{ margin-top:-9px; padding-right:5px; text-align:right; }
	
	/*	link
	--------------------------------------------*/
	.contentsBox ul.link{ clear:both; padding:0 5px 5px; font-size:0.83em; line-height:1.2em; }
	.contentsBox ul.link2{ clear:both; padding:0 5px 10px; width:695px; }
	.contentsBox ul.link3{ clear:both; padding:0 5px 10px; }
	.contentsBox ul.link4{ clear:both; padding:10px 5px 13px; background:url(../../img/service/line_01.gif) 0 0 repeat-x; }
	.contentsBox ul.link5{ clear:both; padding:5px 5px; }
		
	/*	ul
	--------------------------------------------*/
	.contentsBox ul.ul1{ margin:0 5px; }
	.contentsBox ul.ul1 li{ margin-bottom:3px; padding-bottom:3px; border-bottom:#c5c5c5 1px dotted; }
	.contentsBox ul.ul2{ margin:0 5px 5px; }
	.contentsBox ul.ul3{ margin:0 5px 5px; }
	.contentsBox ul.ul4{ margin:0 5px; background:#faf8f4; padding-top:7px; border-top:#c5c5c5 1px dotted; }
	.contentsBox ul.ul4 li{ margin-bottom:7px; padding:0 0 6px 10px; border-bottom:#c5c5c5 1px dotted; }
	.contentsBox ul.ul4 li span{ margin-right:2px;}
	
	/*	contentsBoxTit
	--------------------------------------------*/
	.contentsBox .contentsBoxTit{ clear:both; margin-bottom:10px; padding:5px 8px; font-weight:bold; line-height:1em; }
	.contentsBox .contentsBoxTit a:link,
	.contentsBox .contentsBoxTit a:visited,
	.contentsBox .contentsBoxTit a:hover,
	.contentsBox .contentsBoxTit a:active{ display:block; text-decoration:none; }
	.contentsBox .contentsBoxTit p{ float:left; }
	.contentsBox .contentsBoxTit ul{ float:right; font-weight:normal; }
	.contentsBox .contentsBoxTit ul li{ display:inline; }
	.contentsBox .contentsBoxTit ul li a:link,
	.contentsBox .contentsBoxTit ul li a:visited{ display:block; text-decoration:underline; }
	.contentsBox .contentsBoxTit ul li a:hover,
	.contentsBox .contentsBoxTit ul li a:active{ display:block; text-decoration:none; }
	
	/* main2 のタイトルのマージン */
	.main2 .contentsBox .contentsBoxTit{ margin-bottom:15px; }
	
	/*  formTit
	--------------------------------------------*/
	.formTit{ clear:both; font-weight:bold; color:#6c625c; padding:6px 0 4px;}
	
	/*  middleTit
	--------------------------------------------*/
	.middleTit{ clear:both; font-weight:bold; padding:7px 8px; margin-bottom:10px; font-weight:bold; line-height:1em; background-color:#f5f5f5; border-bottom:solid 1px #d3d3d3; }
	.middleTit .middleTit_add{ font-size:84%; font-weight: normal;}

	/*  smallTit
	--------------------------------------------*/
	.smallTit{ clear:both; width:100%; border-bottom:solid 1px #e8c3a6; padding-bottom:4px; margin-bottom:6px; font-weight:bold; color:#a5642c;}
	
	/*	member
	--------------------------------------------*/
	.contentsBox table.member{ width:210px; margin:0 5px; }
	.contentsBox table.member td{ width:105px; padding-bottom:10px; text-align:center; }
	.contentsBox table.member td img{ margin-bottom:5px; }
	
	/*	errorPage
	--------------------------------------------*/
	.errorPage{ padding:0 5px 30px; }
	.errorPage ul{ margin:10px 0 20px; }

/*==========================================
  色指定
========================================== */

/* 背景色
============================================*/
ul.paging,
ul.paging2,
.entryNavi{ background:#f7f4ed; }
table th{ background:url(../../img/service/line_01.gif) repeat-x 0 0 #f7f4ed; }

/* フォームカラー
============================================*/
input.input01,
input.input02,
input.input03,
input.input04,
input.input05,
select,
textarea{ padding:1px; background:#faf8f4; border:#c5c5c5 1px solid; }


/*==========================================
  thickbox
========================================== */
#TB_window{ font-size: 12px; color: #333333; }
#TB_secondLine{ font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(../../img/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ width:100%; clear:both; padding:2px 0 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load{ /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect{ /* ie6 hack */  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }