@charset "utf-8";
@import "default.css";



/* ===================================================================



	body

	h1,h2,h3,h4,h5,h6

	wrapper

	header_wrapper

		header

	globalnavi

	content_wrapper

	maincolumn

	sidebar01

	sidebar02

	footer_wrapper

		footer

	post



=================================================================== */





/*	body

----------------------------------------------------

bodyの設定 メイン背景画像

----------------------------------------------------*/



body {

	text-align:center;
	
	background:url(images/jkfa_top_bg.jpg) repeat-x;
	
	background-position: center top;


	}



/*	h1,h4,h4,h4,h5,h6

----------------------------------------------------

見出しの設定

----------------------------------------------------*/



h1{

	font-size:12px;

	font-weight:normal;

	color:#995300;

	}



h2{

color:#d75402;

margin: 0 0 20px 0;

	}



h3{

	width:636px;

	margin:10px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(css/images/h3.gif) no-repeat;

	}



h4{

color:#d75402;

margin: 0 0 10px 0;

	}



h5{

color:#d75402;

margin: 30px 0 10px 0;

	}



h6{

	color:#d75402;

	margin: 0 0 20px 0;
	
	background:url(css/images/adore_miryoku.gif) no-repeat;
	
	width:616px;
	
	height:166px;

	}

#h6wrap{
	
	padding:60px 0 0 25px;
	font-size:16px;

}


/*	wrapper

----------------------------------------------------

全体枠の設定

----------------------------------------------------*/



#wrapper {

	width:961px;

	margin:0 auto;

	padding-bottom:15px;

	}



/*	header_wrapper

----------------------------------------------------

ヘッダーの大枠設定 width:100%の場合

----------------------------------------------------*/



#header_wrapper {

	width:961px;
	
	margin:0 auto;
	
	margin-top:0px;

	}



/*	header

----------------------------------------------------

ヘッダーエリアの設定

----------------------------------------------------*/



#header {

	width:100%;
	
	margin-top:0px;

	}


#header_navi {

	position:absolute;

	top:0;

	right:0;

	width:388px;

	height:22px;

	background:url(css/images/headernavi_off.gif) no-repeat;

	}

	

#header_navi li {

	float:left;
	
	}

	

#header_navi li a {

	display:block;

	height:22px;

	text-indent:-9999px;

	}

	

#header_navi li.hn01 a			{width:114px;}

#header_navi li.hn01 a:hover	{background:url(css/images/headernavi_on.gif) no-repeat;}



#header_navi li.hn02 a			{width:160px;}

#header_navi li.hn02 a:hover	{background:url(css/images/headernavi_on.gif) no-repeat -114px 0;}



#header_navi li.hn03 a			{width:114px;}

#header_navi li.hn03 a:hover	{background:url(css/images/headernavi_on.gif) no-repeat -274px 0;}





/*	globalnavi

----------------------------------------------------

グローバルナビゲーションの設定

----------------------------------------------------*/



#globalnavi {

	top:65px;

	left:0;

	width:961px;

	height:42px;

	background:url(images/jkfa_navi_1.gif) no-repeat;

	}

	

#globalnavi li {

	float:left;

	}

	

#globalnavi li a {

	display:block;

	height:42px;

	text-decoration:none;

	text-indent:-9999px;

	}

	

#globalnavi li a:hover {

	background:url(images/jkfa_navi_2.gif) no-repeat;

	}

	

#globalnavi li.gn01 a		{width:162px;}

#globalnavi li.gn01 a:hover {background-position:0 0;}



#globalnavi li.gn02 a		{width:157px;}

#globalnavi li.gn02 a:hover	{background-position:-162px 0;}



#globalnavi li.gn03 a		{width:159px;}

#globalnavi li.gn03 a:hover	{background-position:-319px 0;}



#globalnavi li.gn04 a		{width:158px;}

#globalnavi li.gn04 a:hover	{background-position:-478px 0;}



#globalnavi li.gn05 a		{width:158px;}

#globalnavi li.gn05 a:hover	{background-position:-636px 0;}



#globalnavi li.gn06 a		{width:165px;}

#globalnavi li.gn06 a:hover	{background-position:-794px 0;}
	

/*	mainimage

----------------------------------------------------

メインイメージの設定

----------------------------------------------------*/



#mainimage {

	margin:0 0 5px 0 ;

	}



/*	page


----------------------------------------------------

パンくずリスト

----------------------------------------------------*/

.pan {

	padding-top:5px;

}


.pan a {

	color:#c00;

	}

	

.pan a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}

/*	パンくずリスト


----------------------------------------------------

ページタイトル

----------------------------------------------------*/



h2.page {

margin:15px 0 0 0;

background:url(css/images/page_h2.gif) no-repeat;

}



h2.page a {

color:#fff;

line-height:81px;

font-size:34px;

padding-left:18px;

}


/*	content_wrapper

----------------------------------------------------

メイン領域の設定

----------------------------------------------------*/



#content_wrapper {

	width:940px;

	}

	

/*	maincolumn

----------------------------------------------------

メインカラムの設定

----------------------------------------------------*/

#main-news {

	width:600px;
	
	height:200px;
	
	padding-bottom:20px;
	
	color:#fff;

	letter-spacing:0.1em;

	background:url(css/images/yutaka_oshirase_bg.jpg) no-repeat;

	}

#main-news p {
	
	padding: 63px 0 0 0;
	
}

#main-news li {
	
	list-style:none;
	
	padding-left:37px;
	
}


#maincolumn {

	float:left;

	width:961px;
	
	margin:10px 0 0 0;

	}

#m-cover {
	
	margin:15px 0 40px 0;
	
	}
	
#m-cover2 {
	
	margin:15px 0 20px 0;
	
	}

#maincolumn  p {
	line-height:18px;
	}




#maincolumn h3 {

	position:relative;

	}

	

#maincolumn h3 span {

	position:absolute;

	right:0;

	top:-8px;

	}



#maincolumn ul {

	margin:0 15px;
	list-style-type: none;

	}



#maincolumn ul li {

	padding:3px 15px;
	line-height:1.8em;
	background:url(css/images/list_icon.gif) no-repeat 0 8px;
	list-style-type: none;

	}



#maincolumn  dl.news {

	padding:7px 5px 7px 15px;

	border-bottom:1px #ccc dotted;
	
	font-size:11px;

	}

	

#maincolumn dl.news dt {

	float:left;

	padding:0 18px;

	color:#FF0000;

	font-size:11px;

	}

	

#maincolumn dl.news dd {

	margin-left:90px;

	}

#news_cover {
	
	width: 961px;
	
	background-color:#FFFFFF;
	
	margin:0 0 40px 0;
	
	}


/*お問い合わせ
------------------------*/

#contact table {
	width: 590px;
	height: auto;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size:11px;
	}

#contact table td {
	border: 1px #999999 solid;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	padding-top:20px;
	padding-left:20px;
	font-size:11px;
	}


/*募集関係
------------------------*/

#recruit table {
	width: 590px;
	height: auto;
	border: 1px #999999 solid;
	border-collapse: collapse;
	font-size:11px;
	}

#recruit table caption {
	text-align: left;
	}

#recruit table td {
	border: 1px #999999 solid;
	padding: 15px 10px;
	text-align: left;
	vertical-align: middle;
	text-indent: 11px;
	border-collapse: collapse;
	}

#recruit table th {
	width: 100px;
	border: 1px #999999 solid;
	padding: 5px 10px;
	text-align: center;
	border-collapse: collapse;
	}


/*会社概要リスト
------------------------*/

#maincolumn  dl.com {

	padding:10px 5px 10px 15px;

	border-bottom:1px #ccc dotted;
	
	font-size:11px;

	}

	

#maincolumn dl.com dt {

	float:left;

	padding:0 5px;

	color:#999999;

	font-size:11px;

	}

	

#maincolumn dl.com dd {

	margin-left:105px;

	}

/*------------------------*/


#maincolumn dl.qa1 dt {

	float:left;

	padding:0 5px;

	color:#6d0000;

	font-weight:bold;

	}

	

#maincolumn dl.qa1 dd {

	margin-left:40px;

	}



#maincolumn  dl.qa1 {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	}


#maincolumn dl.qa2 dt {

	color:#6d0000;
	
	line-height:30px;
	
	font-weight:bold;
	
	padding:5px 0;

	}

	

#maincolumn dl.qa2 dd {
	padding:0px 20px 22px 20px;

	}



#maincolumn  dl.qa2 {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	}




#maincolumn tr td {
	
	padding-left:0px;

}


#maincolumn h4 {
	background:url(css/images/titlebar_bg01.gif) repeat-x;
	height:53px;
	line-height:53px;
	font-size:18px;
	clear:both;
	}

#maincolumn h4 a {

	color:#000000;
	
	}

#maincolumn h4  a:hover {

	text-decoration:none;

	}



#servicearea {

	position:relative;

	width:590px;

	height:auto;

	margin:15px 0;

	}

#servicearea table {
	
	border:1px #cccccc solid;
	
	width: 585px;
	
	margin: 5px ;	

}

#servicearea img {

	position:absolute;
	
	left:165px;

	top: 20px;
	
	}

	

#servicearea p {
	float:left;
	clear:both;
	width:580px;
	padding-left:10px;
	margin-bottom:60px;

	}


#privacy-p {

	position:relative;

	width:590px;

	height:auto;

	margin:15px 0;

	}


#privacy-p p {
	float:left;
	clear:both;
	width:580px;
	padding-left:10px;
	margin-bottom:20px;
	line-height: 1.8em;

	}


#contact2 {

	position:relative;

	width:590px;

	height:auto;

	margin:15px 0;

	}


#contact2 p {
	float:left;
	clear:both;
	width:580px;
	padding-left:10px;
	margin-bottom:20px;
	line-height: 2.0em;

	}


.storycontent a {

	color:#c00;

	}


.storycontent a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}



.area01 {

	background:url(css/images/toppage_servicearea01.gif) no-repeat;

	}

	

.area02 {

	background:url(css/images/toppage_servicearea02.gif) no-repeat;

	}



#btnarea {

	text-align:center;

	}

	

#btnarea img {

	margin:0 5px;

	}


.prof_photoarea {

	position:relative;
	
	background:url(css/images/prof_photo.gif);
	
	width:666px;
	
	height:352px;
	
	}

.prof_photoarea_btm {

	position:absolute;
	
	left: 315px;
	
	top: 244px;
	
	}


.prof_com {

	background:url(css/images/prof_com_bg.jpg) no-repeat;;

	width:666px;
	
	height:200px;

}

.prof_com p {

	line-height:24px;

}



.area {
	float:none;
	width: 666px;
	
	}

.area_com {
	float:left;
	width: 440px;
	}

.area img {
	border:#d3d3d3 solid 1px;
	float:left;
	margin: 10px 5px 10px 0px;
	padding: 5px;

}

.area p {
	float:left;
	padding: 10px 0;
	}

.sitemap {margin:10px 0;}

.sitemap01 a { background:url(css/images/sitemap01_off.gif) repeat-y; height:30px; width:666px; color:#333333; padding-left:15px;display:block; line-height:30px; margin-top:1px;}

.sitemap01 a:hover {
	background:url(css/images/sitemap01_on.gif) repeat-y;
	color:#000000;
	margin-top:1px;
	text-decoration:none;
}

.sitemap02 a { background:url(css/images/sitemap02_off.gif) repeat-y; height:30px; width:666px; color:#333333; padding-left:15px;display:block; line-height:30px;  margin-top:1px;}

.sitemap02 a:hover {
	background:url(css/images/sitemap02_on.gif) repeat-y;
	color:#000000;
	margin-top:1px;
	text-decoration:none;
}

.clear { clear:both;}

.pd_10 {
	padding:10px 0px;
	clear: both;

	}

.pd_20 {

	padding:20px 0px;
	
	}

.right_footer {
	text-align:right;
	padding:10px 0;
	clear: both;
}


.right_footer a {

	color:#c00;

	}

	

.right_footer a:hover {

	text-decoration:underline;

	color:#fff;

	background:#c00;

	}



/*	sidebar01

----------------------------------------------------

サイドバー1の設定

----------------------------------------------------*/

	

#sidebar01 {

	float:right;

	width:268px;

	margin:10px 0 20px 0;
	
	background-color: #333333;
	
	border:#FFFFFF 1px solid;

	}	

#sidebar01 #localnavi li {

	margin:0;

	margin-bottom:10px;
	
	padding-left:23px;

	}

#link_text {

	width:232px;
	
	padding-left:0;
	
	padding-right:0;
	
	padding-bottom:10px;
	
	margin-bottom: 0;
	
	font-size:11px;
	
	clear:both;
	
	color:#FFFFFF;
	
	border-bottom: #FFFFFF 1px dotted;
	
	}
	

#sidebar01 a {

	color:#c00;

	}

	

#sidebar01 a:hover {

	text-decoration:underline;

	color:#0000ff;

	background:none;

	}

	

#sidebar01 h3 {

	width:227px;

	margin:5px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(css/images/sidebar_title_bg.gif) no-repeat;

	}



#sidebar01 dl {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	font-size:12px;

	}

	

#sidebar01 dl dt {

	color:#333;

	font-weight:bold;

	}


#sidebar01 .sub_cate{

	padding-bottom:10px;

}

#sidebar01 .sub_cate ul {

	list-style: none;

}


#sidebar01 .sub_cate li {
	margin:0;
	padding-left:22px;
	background:url(css/images/sidebar01_icon_01.gif) no-repeat;
	line-height:34px;
	border-bottom:1px #ccc dotted;

}

#sidebar01 .presenter {
	width:216px;
	height:auto;
	padding:10px 18px;

	}

#sidebar01 .photo {
	width:85px;
	padding: 0 0 10px 0;
	float:left;
	clear:both;
	}

#sidebar01 .photo-text {
	padding: 0 0 10px 15px;
	height:85px;
	text-align:left;
	font-size:13px;
	color:#FFFF00;
	float:left;
	font-weight:bold;
	}

#sidebar01 .photo-text span {
	padding: 0 0 10px 0;
	font-size:10px;
	color:#FFFFFF;
	}

/*	sidebar02

----------------------------------------------------

サイドバー2の設定

----------------------------------------------------*/

	

#sidebar02 {

	float:right;

	width:296px;
	
	height:307px;

	margin:10px 0;
	
	padding-top: 0;
	
	color:#333333;
	
	background:url(css/images/adore_side_n1bg.gif) no-repeat;

	}

#wrap {
	margin-top:44px;
}

#sidebar02 #localnavi li {

	margin-top:0px;
	margin-bottom:0px;
	margin-left:40px;
	line-height:1.96em;
	color:#333333;

	}


#sidebar02 a {

	color:#333333;

	}

	

#sidebar02 a:hover {

	text-decoration:underline;

	}



#sidebar02 h2 {

margin:5px 0;

font-size:12px;

font-weight:bold;

color:#333;

}



#sidebar02 p {

margin:5px 0;

font-size:12px;

}

	

#sidebar02 h3 {

	width:227px;

	margin:5px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(css/images/sidebar_title_bg.gif) no-repeat;

	}



#sidebar02 dl {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	font-size:12px;

	}

	

#sidebar02 dl dt {

	color:#0000ff;

	font-weight:bold;

	}


.sidebar3_h3 a {

	color:#333333;

	}



.sidebar3_h3 a:hover {

	text-decoration:none;

	}


/*----------------------------------------------------

サイドバー3の設定

----------------------------------------------------*/

	

#sidebar03 {

	float:right;

	width:296px;
	
	height:181px;

	margin:10px 0;
	
	padding-top: 0;
	
	padding-bottom:20px;
	
	color:#333333;
	
	background:url(css/images/adore_side_n2bg.gif) no-repeat;

	}

#wrap2 {
	margin-top:42px;
}

#sidebar03 #localnavi li {

	margin-top:0px;
	margin-bottom:0px;
	margin-left:40px;
	line-height:1.96em;
	color:#333333;

	}


#sidebar03 a {

	color:#333333;

	}

	

#sidebar03 a:hover {

	text-decoration:underline;

	}



#sidebar03 h2 {

margin:5px 0;

font-size:12px;

font-weight:bold;

color:#333;

}



#sidebar03 p {

margin:5px 0;

font-size:12px;

}

	

#sidebar03 h3 {

	width:227px;

	margin:5px 0;

	padding:5px 15px 5px 15px;

	color:#fff;

	letter-spacing:0.1em;

	background:url(css/images/sidebar_title_bg.gif) no-repeat;

	}



#sidebar03 dl {

	padding:4px 0;

	border-bottom:1px #ccc dotted;

	font-size:12px;

	}

	

#sidebar03 dl dt {

	color:#0000ff;

	font-weight:bold;

	}


.sidebar3_h3 a {

	color:#333333;

	}



.sidebar3_h3 a:hover {

	text-decoration:none;

	}



/*	footer_wrapper

----------------------------------------------------

フッターの大枠設定 width:100%の場合

----------------------------------------------------*/



#footer_wrapper {

	width:100%;
	height:25px;
	clear:both;
	background-color:#FF0000;


	}

	

/*	footer

----------------------------------------------------

フッターの設定

----------------------------------------------------*/



#footer {

	width:941px;

	margin:0px auto;

	padding:0px;

	color:#ffffff;

	}



#footer p {

	margin:5px;

	}


#footer .footernavi {

	margin:5px;
	height:auto;
	float:right;
	font-size:11px;
	color:#FFFFFF;
	clear:both;

	}

	

#footer address {

	margin:5px;

	}

	

#footer .copyright {

	margin:5px 5px 0 5px;

	}



/*	post

----------------------------------------------------

ブログ記事設定

----------------------------------------------------*/



.post {

padding:15px 10px 20px 10px;

font-size:14px;

border-bottom:1px #ccc dotted;

}



.post h2.blogtitle {

margin:0;

border-bottom:3px #750000 solid;

font-size:22px;

font-weight:bold;

}



.post h2.blogtitle a {

color:#bf0e16;

}



.post h2.blogtitle a:hover {

color:#fff;

background:#bf0e16;

}



.post .meta {

color:#999;

}



.post .post_body {

padding:15px 0;

}



.post .post_body p {

margin:5px 0;

font-size:14px;

}



.post .post_body img {

border:5px #750000 solid;

}


/*	media

----------------------------------------------------

ブログ記事設定

----------------------------------------------------*/


.media { 

	width:666px;
	
	}

.media img {
	
	float:left;
	
	padding:5px;
	
	border:#CCCCCC solid 1px;

	
	}