@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "fvn.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

#overlay1area {display: none !important;}


/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, button, p, blockquote, table, pre, address, ul, ol, dl { font-size: 140%; line-height: 1.5;}

ul ul,
ul ol,
ul dl,
ul p,
ol ul,
ol ol,
ol dl,
ol p,
dl ul,
dl ol,
dl dl,
dl p,
table table,
table ul,
table ol,
table dl,
table p{ font-size: 100%;}

/*==========================================================================*/
/*                            Common                                        */
/*==========================================================================*/

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", arial, clean, verdana, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #333;
	cursor: auto;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	background: url(../images/common-bg.png) no-repeat 50% 0;
}

h1 { margin: 0; padding: 0; font-size: 10px; font-family: "MS PGothic","ＭＳ Ｐゴシック",sans-serif; color: #999999;}
h2 {}
h3, h4, h5, h6 { padding: 10px 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}
span { color: #FF6484;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer; position:relative; z-index:99;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

strong { font-weight: bold; color: #333;}
abbr, acronym { cursor: help;}

sup { vertical-align: super; font-size: 100%;}
sub { vertical-align: baseline; font-size: 100%;}


hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { width: 100%; border: 1px solid #dddad5; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}

th {
	color: #033601;
	white-space: nowrap;
	background: #eaf5cc;
}

th,
td {
	padding: 8px 15px;
	border-collapse: collapse;
	border: 1px solid #dddad5;
	text-align: left;
}

.trEven th { background: #daeea4;}
.trEven td { background: #f6f6f6;}

fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea { padding: 1px;}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}



/******************************************************************** clearfix
*/

/******************** except IE */
#container:after,
.section:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE */
#container,
.section,
.clearfix { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #container,
* html .section,
* html .clearfix { height: 1%;}
#container,
.section,
.clearfix { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}

.inquery { margin: 20px 0 35px; padding: 0;}

.gothic { font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.temp-notes { color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

#wrapper { width: 100%; padding-top: 152px;}

#header,
#container,
#footer,
#main  { width: 950px; margin: 0 auto; text-align: left;}

#header {
	position: relative;
	height: 152px;
}

#header-fixed {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 152px;
	background: url(../images/common-bg.png) no-repeat 50% 0;
	z-index: 100;
}


* html #wrapper { padding: 0;}
* html #header-fixed { position: relative;}  


#main { margin-bottom: 25px;}

#container { padding-top: 35px;}


#col-a {
	position: relative;
	display: inline;
	float: left;
	width: 714px;

}

#col-b {
	position: relative;
	float: right;
	width: 204px;
}

#footer {
	clear: both;
	border-top: 1px solid #CCC;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header h1 { position: absolute; right: 0; top: 4px; }
#header .logo { position: absolute; top: 16px; left: 0;}
#header .h-tel { position: absolute; top: 29px; right: 226px;}
#header .h-contact { position: absolute; top: 24px; right: 0;}

#header .g-nav { margin: 0; padding: 0; position: absolute; top: 105px; left: 0;}
#header .g-nav li { float: left;}


/*==========================================================================*/
/*                               Main                                       */
/*==========================================================================*/


#main .text0 { position: absolute; top: 10px; left: 0px;}
#main .text1 { position: absolute; margin: 0; padding: 0; bottom: 28px; left: 31px;}
#main .hd { margin: 0; padding: 0; position: absolute; top: 19px; right: 9px;}
#main ul { margin: 0; padding: 0; position: absolute; height: 1%; margin: 0; padding: 0; top: 90px; right: 9px;}
#main ul li { margin-bottom: 9px;}

/*header height（アンカーリンク用）*/ 

#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21 {
  	   padding-top:160px;
       margin-top:-160px;
		 background: url(../images/common-arrow0.gif) no-repeat 0 163px!important;
  	}

#hd10, #hd0, #hd1, #hd3, #hd4, #hd5, #hd6, #hd25, #hd01{
  	    padding-top:170px;
        margin-top:-170px;
  	}

#hd33{
  	    padding-top:150px;
        margin-top:-150px;
  	}

/*yahoo検索窓中央ぞろえ*/

  	#srchBox{
  	    margin:0 auto 10px auto;
  	}





/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer { padding: 26px 0;}

#footer a{}
#footer a:hover {}

#footer address { letter-spacing: 0.05em; line-height: 1.5; font-size: 12px; color: #999;}

.pagetop { margin-top: -1em; padding: 0; text-align: right;}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#col-b ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.side-list0 { height: 395px; width: 204px ;background: url(../images/side-list0-bg.png) no-repeat; margin-bottom: 18px !important;}
.side-list0 li { margin: 0 11px;}
.side-list0 li.adjust { padding-top: 11px;}

.side-list1 { margin: 12px 0 20px;}
.side-list1 .frame-inside { padding: 10px 3px !important; text-align: center;}
.side-list1 li { margin-bottom: 10px;}
.side-list1 li.adjust { margin-bottom: 0;}

.side-list2 { height: 353px; background: url(../images/side-list2-bg.jpg) no-repeat 0 0; margin-bottom: 15px !important; }
.side-list2 li { margin: 0 0 10px 16px;}
.side-list2 p { position: relative; margin: -6px 0 10px; padding: 0; }

#col-b .bn0 { margin-bottom: 9px;}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


.frame { background: #e0e0e0; padding: 5px; margin-bottom:25px; height: 1%; }
.frame-inside { background: #fff; border: 1px solid #d0d0d0;  padding: 0 15px 15px; height: 1%; }

h3 { position: relative; margin: -6px -21px 10px; padding: 0; }
h4.adjust, h5.adjust { padding-top: 0; }
h5, .title0, .example dt, .company dt { margin: 0; padding: 7px 0 0 20px; background: url(../images/common-arrow0.gif) no-repeat 0 10px; font-weight: bold; color: #033601; }

.title1 { padding-bottom: 5px; font-weight: bold;}

.imgfR1 { float: right; padding-right: 20px;}
.imgfR { float: right; padding-left: 20px;}
.imgfR img { border: 1px solid #b2b2b2; padding: 1px;}

.imgfL1 { float: left; padding-left: 10px;}
.imgfL { float: left; padding-right: 10px;}
.imgfL img { border: 1px solid #b2b2b2; padding: 1px;}

.img-border { border: 1px solid #b2b2b2; padding: 1px;}



.dl-point dd , .point-box, .dl-attention dd, .attention-box { padding: 5px 15px 15px;  margin-bottom: 20px; }
.point-box h5, .attention-box h5 { position: relative; margin: -7px -17px 0; padding: 0; background: none; }

.dl-point .list1, .point-box .list1 { margin: 8px 0 0; padding: 0; }
.dl-point ul li, .point-box ul li { }
.dl-point {}
.dl-point dd, .point-box { border: 2px solid #5ba10d; background: #ebf5cf; }
.dl-point dd { border-top: none;}

.dl-attention {}
.dl-attention dd, .attention-box { border: 2px solid #cc1d1d; background: #f5dbcf; }
.dl-attention dd { border-top: none; }

.link-support { float: right; padding-left: 5px; margin-top: -7px; position: relative;}

.nav { border: 2px solid #dadada; background: #f5f5f5; padding: 10px 15px;}
.nav li { float: left; display: inline; margin-right: 10px; }
.nav li.adjust { margin-right: 0;}
.nav h5 { position: relative; margin-top: -7px;}

.list1 { margin: 0; padding: 0; }
.list1 li { background: url(../images/common-arrow3.gif) no-repeat 0 7px; margin: 0 0 4px; padding: 0 0 0 10px; }

.border-box { border: 1px solid #ccc; padding: 4px 10px; margin: 10px 0;}

.border-box2 { border: 1px solid #ccc; padding: 4px 10px; margin: 10px 0; width: 291px;}

.border-box3 { border: 1px solid #abd735; background: #eaf5cc; padding: 4px 10px 8px; margin: 10px 0; width: 291px;}

.border-box4 { border: 1px solid #67a333; background: #d9e8cc; padding: 4px 10px 8px; margin: 10px 0; width: 291px;}

.width-arrow { background: url(../images/common-arrow4.png) no-repeat 50% 50%;}

.width291 { width: 291px !important;}

.margin-bottom15 { margin-bottom: 10px !important;}
.margin-bottom0 { margin-bottom: 0px !important; padding-bottom : 0px !important;}

.link-arrow { background: url(../images/common-arrow3.gif) no-repeat 0 6px; margin: 0 0 4px; padding: 0 0 0 10px; }

.contact2 { width: 714px; height: 181px; background: url(../images/common-contact2-bg.jpg) no-repeat; position: relative; margin-bottom: 25px; }
.contact2 p { margin: 0; padding: 0;}
.contact2 .text1 { position: absolute; top: 10px; left: 19px; }
.contact2 .link1 { position: absolute; top: 68px; left: 78px; }
.contact2 .link2 { position: absolute; top: 68px; right: 80px; }
.contact2 .memo { position: absolute; top: 109px; left: 394px; font-size: 10px; }
.contact2 .text2 { position: absolute; bottom: 12px; left: 33px; }
.contact2 .tel { position: absolute; bottom: 12px; right: 62px; }

/* home
------------------------------------------------------------------------*/

.home { background: url(../images/home-bg.png) no-repeat 50% 0;}
.home #main { position: relative; height: 368px; margin-bottom: 40px;}
.home #container { padding-top: 0;}


.home .section { background: url(../images/home-section1-bg.png) no-repeat; position: relative; height: 640px; }
.home .section p { margin: 0; padding: 0;}

.home .section h3 { margin: 0; padding: 0; position: absolute; top: 34px; left: 25px;}

.home .section p.h3 {
    left: 25px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
}

.home .section .note0 { position: absolute; top: -6px; right: 113px;}
.home .section .note1 { position: absolute; top: -25px; right: 0;}
.home .section .note2 { position: absolute; top: 90px; left: 23px;}
.home .section .note3 { position: absolute; top: 117px; left: 23px;}

.home .section .link0 { position: absolute; top: 203px; left: 98px;}
.home .section .link1 { position: absolute; top: 291px; left: 98px;}
.home .section .link2 { position: absolute; top: 121px; right: 29px; z-index: 10;}
.home .section .link3 { position: absolute; top: 260px; right: 57px; z-index: 10;}
.home .section .link4 { position: absolute; bottom: 159px; left: 108px;}
.home .section .link5 { position: absolute; bottom: 44px; left: 88px;}
.home .section .link6 { position: absolute; bottom: 30px; right: 38px;}

.home .section .pic0 { position: absolute; top: 223px; left: 16px;}
.home .section .pic1 { position: absolute; bottom: 15px; left: 7px;}
.home .section .pic2 { position: absolute; top: 101px; right: 11px;}
.home .section .pic3 { position: absolute; bottom: 252px; right: 13px;}
.home .section .pic4 { position: absolute; bottom: 140px; right: 91px;}

.home .bn0 { margin: 20px 0;}

.home .bn002 { margin: 20px 0 0;}

.box_index1{
	height: 330px;
}

.home .news {
position: relative;
	margin: 24px 0 35px;
	width: 340px;
	height: 300px;
	float: left;
}
.home .news .hd0 {
	border-bottom: 2px solid #95CC02;
}
.home .rss { 
	position: absolute; 
	right: 10px; 
	top: -3px; 
	border-left: 1px solid #ccc; 
	margin: 0; 
	padding: 2px 0 2px 14px;
	}

.home #feed dl { margin: 5px 0 0; padding: 0;}
.home #feed dl dt {
	clear:both; 
	float: left; 
	width: 6em; 
	padding: 10px 0 10px 10px; 
	color: #56A200;
}
.home #feed dl dd { 
	background: url(../images/common-bottom-line.gif) repeat-x 0 100%; 
	padding: 10px 10px 10px 0; 
	width: 230px; 
	 float: left;
}

.home .box1 . {
	padding: 0 15px 15px;
	clear: both;
}

.home .yknow{
	width: 350px;
	margin: 0 0 0 0px;
	float: right;
}

.home .yknow p.yahoo{
	padding: 0px 0 0px;
	line-height: 0;
	font-size: 0;
}

.home .yknow p.y_other{
	padding: 0px 0 0px;
	text-align: right;
	line-height: 0;
	font-size: 0;
}

.home .yknow dl { margin: 0px 0;}

.home .yknow br{
	line-height: 15px;
	font-size: 0;
}

/* about
------------------------------------------------------------------------*/

.about .bg0 { background: url(../images/about-bg0.jpg) no-repeat 100% 100%; padding-bottom: 10px;}
.about .bg1 { background: url(../images/about-bg1.jpg) no-repeat 100% 100%; padding-bottom: 10px;}

.about .arrow { background: url(../images/common-arrow2.png) no-repeat 50% 0; padding: 100px 0 0;}
.about .nav { margin: 0; padding: 10px 10px 0; margin-bottom: 20px; }
.about .nav li { width: 14.5em; text-align: center; padding: 10px 0; min-height: 3em;}

/* check
------------------------------------------------------------------------*/

.check table { margin: 10px 0 25px;	}
.check table th { 
	color: #fff; 
	font-weight: bold; 
	white-space: normal; 
	text-align: center; 
	border: 1px solid #FFF;
	background: #31840B;
}
.check table th,
.check table td { border-left: none;}

.check table td { 
	vertical-align: top;
	border: 1px solid #999999;
	padding: 5px;
}

.check table th.h01{ height: 20px; }
.check table td.point { background-color: #FFE1AA; }
.check table td.center { text-align: center; }
.check table td.center2 { text-align: center; vertical-align: middle; }

.check table .w20{ width: 20px; }
.check table .w30{ width: 30px; }
.check table .w50{ width: 50px; }
.check table .w70{ width: 70px; }
.check table .w80{ width: 80px; }
.check table .w100{ width: 100px; }
.check table .w120{ width: 120px; }
.check table .w150{ width: 150px; }

/* seminar
------------------------------------------------------------------------*/

.seminar .border-box { margin-bottom: 0; }
.seminar .border-box .text { margin-left: 220px; }

.seminar .nav { margin-top: 10px;}
.seminar .nav .adjust { position: relative; margin-top: -7px;}

/* consulting
------------------------------------------------------------------------*/

.consulting .point-box { margin: 10px 0 0; }
.consulting .attention-box { margin-bottom: 0; }

.consulting .height-adjust1 { min-height: 300px; }
.consulting .height-adjust2 { min-height: 110px; }

.consulting .nav { margin-top: 10px; }

/* expert
------------------------------------------------------------------------*/

.expert .attention-box { margin: 10px 0 5px; padding-bottom: 5px }
.expert .point-box { margin: 10px 0 10px; padding-bottom: 5px }
.expert .point-box ul { margin: 0; padding: 0; }
.expert .point-box ul li { padding-bottom: 2px}

/* employment
------------------------------------------------------------------------*/

.employment .height-adjust1 { min-height: 130px; }
.employment .title1 { padding-bottom: 0; }

.employment .nav { margin: 15px 0 10px; }
.employment .nav h4 { margin: 0; padding: 7px 0 0 20px; background: url(../images/common-arrow0.gif) no-repeat 0 10px; font-weight: bold; color: #033601; }

.employment .row0 { width: 100px; padding: 0 10px 0 5px; word-wrap: break-word }
.employment .row1 { width: 370px; padding-right: 10px; }
.employment .row2 { width: 140px; }

/* example
------------------------------------------------------------------------*/

.example dt { margin-bottom: 8px; }
.example .height-adjust1 { min-height: 150px; }
.example .height-adjust2 { min-height: 180px; }

/* feature
------------------------------------------------------------------------*/

.feature .media h5 { margin: 0; padding: 0; background: none; }
.feature .list2 { margin: 15px 0 0; padding: 0; }
.feature .list2 li { margin: 0; padding: 0; float: left; padding: 0 12px 10px 0;}
.feature .list2 li.adjust { padding-right: 0;}
.feature .list2  p{ font-size:80%; text-align:center;}

.feature .list3 { margin: 15px 0 10px; padding: 0; }
.feature .list3 li { padding: 0; float: left; margin: 0 10px 10px 0;}
.feature .list3 li.adjust { margin-right: 0;}

.feature .tbl5 { margin:0; }

/* company
------------------------------------------------------------------------*/

.gMap {
	width: 670px;
	height: 400px;
	border: 1px solid #b2b2b2;
}
.gMap .gMapInfoWindow dl { margin: 0;}
.gMap .gMapInfoWindow dt { font-weight: bold;}

.company table { margin: 15px 0; }
.company .text { width: 400px;}
.company .imgfL img { border: none; }

.company . { padding-bottom: 15px;}

/* qa
------------------------------------------------------------------------*/

.qa .nav { margin-top: 15px; }
.qa .nav ul { margin: 0; padding: 10px 0 0;}
.qa .nav ul li { margin: 0; padding: 0 10px 10px 0;}
.qa .nav ul li.adjust { padding-right: 0px;}

.qa .qa-box {  background: url(../images/qa-dl-bg.gif) no-repeat 0 100%;}
.qa .qa-box dt { padding: 22px 15px 15px 65px; color: #0A5545; background: url(../images/qa-q.png) no-repeat; font-weight: bold; font-size: 110%; }
.qa .qa-box dd { padding: 5px 15px 15px; background: url(../images/qa-a.gif) no-repeat 50% 0; height: 1%; margin-bottom: 20px;}
.qa . { padding-bottom:5px;}

.qa table th { font-size:80%; width: 300px;}
.qa table td { font-size:80%; width: 300px;}


/* support
------------------------------------------------------------------------*/

.support .box1 { padding: 10px 0;}
.support .box1 ul { margin: 0; padding: 0; }
.support .box1 ul li { float: left; display: inline; padding-right: 10px; }
.support table th.memo { white-space:normal; background: #FD7D02; color: #fff;}

.support .pickup { border: 2px solid #ccc; width: 329px; min-height: 150px;}
.support .pickup dd { padding: 5px 10px 8px; }
.support .width331 { width: 331px;}
.support p.adjust { padding: 0;}

/* contact
------------------------------------------------------------------------*/

.contact .text { height: 100px; border: 1px solid #ccc; overflow: auto; padding: 10px; margin-bottom: 17px}
.contact .title3 { text-align: center; font-weight: bold; font-size: 160%; }
.contact .text ul { margin: 10px; padding-left: 10px; }