@charset "utf-8";

/*
Theme Name: FACTLIERのテーマ
*/


@import url("base.css");

/*------------------------------------------------------
　　body(#home or #sub.<ページディレクトリ名>)
	> #wrapper
		> #header
		> #main
		> #side
	> #footer
	
-------------------------------------------------------*/
/*------------------------------------------------------
　　　　　　　　　＊ 全体　＊
-------------------------------------------------------*/
html ,
body {
	background: #fff;
	text-align: center;
	color: #333;
	width: 100%;
}

body #wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

a {
	color: #00204E;
}
a:hover {
	text-decoration: none;
}

/*------------------------------------------------------
　　　　　　        ＊ ヘッダー ＊
-------------------------------------------------------*/
header {
	padding-top: 25px;
}
/* h1 */
header h1 ,
header h1 a {
	display: block;
	width: 185px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(image/logo.jpg) top left no-repeat;
	float: left;
	margin-bottom: 20px;
}


/* 文字サイズ */
header dl#font_size {
	float: right;
	padding-left: 130px;
	background: url(image/header_factlier.jpg) top left no-repeat; 
	overflow: hidden;
	zoom: 1;
	height: 15px;
	margin-top: 13px;
}
header dl#font_size dt ,
header dl#font_size dd {
	float: left;
	height: 15px;
	margin-left: 10px;
}
header dl#font_size dt {
	width: 55px;
	text-indent: -9999px;
	background: url(image/header_font_size.jpg) top left no-repeat;
}
header dl#font_size dd ,
header dl#font_size dd a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	overflow: hidden;
}
header dl#font_size dd.nav01 a {
	background: url(image/header_font_size_s.jpg) top left no-repeat;
} header dl#font_size dd.nav01 a:hover {
	background: url(image/header_font_size_s_on.jpg) top left no-repeat;
}
header dl#font_size dd.nav02 a {
	background: url(image/header_font_size_m_on.jpg) top left no-repeat;
} header dl#font_size dd.nav02 a:hover {
	background: url(image/header_font_size_m_on.jpg) top left no-repeat;
}
header dl#font_size dd.nav03 a {
	background: url(image/header_font_size_l.jpg) top left no-repeat;
} header dl#font_size dd.nav03 a:hover {
	background: url(image/header_font_size_l_on.jpg) top left no-repeat;
}

/* グローバルナビ */
header nav#gnav ul {
	width: 980px;
	height: 30px;
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin-bottom: 40px;
}
header nav#gnav ul li ,
header nav#gnav ul li a {
	display: block;
	width: 140px;
	height: 30px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	zoom: 1;
}
header nav#gnav ul li.nav01 ,
header nav#gnav ul li.nav01 a {
	background: url(image/gnav01.jpg) top left no-repeat;
} header nav#gnav ul li.nav01 a.on ,
header nav#gnav ul li.nav01 a:hover {
	background: url(image/gnav01_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav02 ,
header nav#gnav ul li.nav02 a {
	background: url(image/gnav02.jpg) top left no-repeat;
} header nav#gnav ul li.nav02 a.on ,
header nav#gnav ul li.nav02 a:hover {
	background: url(image/gnav02_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav03 ,
header nav#gnav ul li.nav03 a {
	background: url(image/gnav03.jpg) top left no-repeat;
} header nav#gnav ul li.nav03 a.on ,
header nav#gnav ul li.nav03 a:hover {
	background: url(image/gnav03_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav04 ,
header nav#gnav ul li.nav04 a {
	background: url(image/gnav04.jpg) top left no-repeat;
} header nav#gnav ul li.nav04 a.on ,
header nav#gnav ul li.nav04 a:hover {
	background: url(image/gnav04_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav05 ,
header nav#gnav ul li.nav05 a {
	background: url(image/gnav05.jpg) top left no-repeat;
} header nav#gnav ul li.nav05 a.on ,
header nav#gnav ul li.nav05 a:hover {
	background: url(image/gnav05_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav06 ,
header nav#gnav ul li.nav06 a {
	background: url(image/gnav06.jpg) top left no-repeat;
} header nav#gnav ul li.nav06 a.on ,
header nav#gnav ul li.nav06 a:hover {
	background: url(image/gnav06_on.jpg) top left no-repeat;
}
header nav#gnav ul li.nav07 ,
header nav#gnav ul li.nav07 a {
	background: url(image/gnav07.jpg) top left no-repeat;
} header nav#gnav ul li.nav07 a.on ,
header nav#gnav ul li.nav07 a:hover {
	background: url(image/gnav07_on.jpg) top left no-repeat;
}

/*------------------------------------------------------
　　　　　　        ＊ コンテンツ ＊
-------------------------------------------------------*/
/* パン屑ナビ */
#sub nav#breadcrumbs {
	text-align: right;
	margin: -30px 0 10px 0;
	font-size: 63%;
	color: #999;
}
#sub nav#breadcrumbs a {
	color: #19355F;
}

/* メイン部分 */
#sub #main {
	width: 770px;
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}

/*------------------------------------------------------
　　　　　　        ＊ サイド ＊
-------------------------------------------------------*/
#side {
	width: 180px;
	float: left;
	margin-bottom: 30px;
}
/* サイドメニュー */
#side .side_menu {
	margin-bottom: 10px;
}
#side .side_menu h2 img {
	display: block;
}
#side .side_menu ul.about_menu li ,
#side .side_menu ul.about_menu li a {
	display: block;
	width: 180px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
}
#side .side_menu ul.about_menu li.nav01 ,
#side .side_menu ul.about_menu li.nav01 a {
	background: url(image/side_menu_about_us_office_overview.jpg) top left no-repeat; 
} #side .side_menu ul.about_menu li.nav01 a.on ,
#side .side_menu ul.about_menu li.nav01 a:hover {
	background: url(image/side_menu_about_us_office_overview_on.jpg) top left no-repeat; 
}
#side .side_menu ul.about_menu li.nav02 ,
#side .side_menu ul.about_menu li.nav02 a {
	background: url(image/side_menu_about_us_access.jpg) top left no-repeat; 
} #side .side_menu ul.about_menu li.nav02 a.on ,
#side .side_menu ul.about_menu li.nav02 a:hover {
	background: url(image/side_menu_about_us_access_on.jpg) top left no-repeat; 
}

#side .side_menu ul.works_menu li ,
#side .side_menu ul.works_menu li a {
	display: block;
	width: 180px;
	height: 45px;
	overflow: hidden;
	text-indent: -9999px;
}
#side .side_menu ul.works_menu li.nav01 ,
#side .side_menu ul.works_menu li.nav01 a {
	background: url(image/side_menu_works01.jpg) top left no-repeat; 
} #side .side_menu ul.works_menu li.nav01 a.on ,
#side .side_menu ul.works_menu li.nav01 a:hover {
	background: url(image/side_menu_works01_on.jpg) top left no-repeat; 
}
#side .side_menu ul.works_menu li.nav02 ,
#side .side_menu ul.works_menu li.nav02 a {
	background: url(image/side_menu_works02.jpg) top left no-repeat; 
} #side .side_menu ul.works_menu li.nav02 a.on ,
#side .side_menu ul.works_menu li.nav02 a:hover {
	background: url(image/side_menu_works02_on.jpg) top left no-repeat; 
}
#side .side_menu ul.works_menu li.nav03 ,
#side .side_menu ul.works_menu li.nav03 a {
	background: url(image/side_menu_works03.jpg) top left no-repeat; 
} #side .side_menu ul.works_menu li.nav03 a.on ,
#side .side_menu ul.works_menu li.nav03 a:hover {
	background: url(image/side_menu_works03_on.jpg) top left no-repeat; 
}
#side .side_menu ul.works_menu li.nav04 ,
#side .side_menu ul.works_menu li.nav04 a {
	background: url(image/side_menu_works04.jpg) top left no-repeat; 
} #side .side_menu ul.works_menu li.nav04 a.on ,
#side .side_menu ul.works_menu li.nav04 a:hover {
	background: url(image/side_menu_works04_on.jpg) top left no-repeat; 
}
#side .side_menu ul.works_menu li.nav05 ,
#side .side_menu ul.works_menu li.nav05 a {
	background: url(image/side_menu_works05.jpg) top left no-repeat; 
} #side .side_menu ul.works_menu li.nav05 a.on ,
#side .side_menu ul.works_menu li.nav05 a:hover {
	background: url(image/side_menu_works05_on.jpg) top left no-repeat; 
}
/* サイドコラム */
#side .side_column {
	border: 3px solid #CDD3DC;
	padding: 5px;
	margin-bottom: 10px;
}
#side .side_column dl {
	overflow: hidden;
}
#side .side_column dl dt {
	margin-bottom: 5px;
}
#side .side_column dl dt a {
	font-weight: bold;
	font-size: 85%;
	color: #00204E;
}
#side .side_column dl dd.contents {
	font-size: 77%;
	color: #333;
	margin-bottom: 10px;
}
#side .side_column dl dd.date {
	font-size: 70%;
	color: #00204E;
}
/* サイドナビ */
#side .side_nav {
}
#side .side_nav li {
	margin-bottom: 1px;
	overflow: hidden;
	zoom: 1;
}
#side .side_nav li.li02 {
	margin-bottom: 10px;
}
#side .side_nav li img {
	display: block;
	_float: left;
	_vertical-align: bottom;
}
#side .side_nav li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*------------------------------------------------------
　　　　　　        ＊ フッター ＊
-------------------------------------------------------*/
footer {
	width: 100%;
	clear: both;
}
/* pagetop */
footer .pagetop {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	text-align: right;
}
footer .pagetop a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

footer #footer_bg {
	width: 100%;
	min-width: 980px;
	padding: 10px 0 70px;
	background: #00204E;
}
footer #footer_bg .footer_main {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
}
footer #footer_bg ul {
	float: left;
	text-align: left;
}
footer #footer_bg ul li {
	display: inline;
	margin-right: 30px;
}

/* copyright */
footer #footer_bg address {
	float: right;
	color: #fff;
	font-style: normal;
	font-size: 10px;
}
footer #footer_bg address a {
	text-decoration: none;
	color: #fff;
}


/*------------------------------------------------------
　　　　　　        ＊ トップページ ＊
-------------------------------------------------------*/
#home #home_main {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 70px;
}
/* トップイメージ */
#home #home_main .top_img {
	width: 980px;
	height: 360px;
	margin-bottom: 50px;
}

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* トップ レフト */
#home #home_main #home_left {
	width: 420px;
	float: left;
}
/* ニュース ブログ */
#home #home_main #home_left .home_news {
	width: 400px;
	height: 350px;
	border: 4px solid #e0e0e0;
	padding: 6px;
	position: relative;
}
#home #home_main #home_left .home_news h2 {
	width: 400px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(image/home_news_h2.jpg) top left no-repeat;
}
#home #home_main #home_left .home_news .news_rss {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 6px;
}
#home #home_main #home_left .home_news .news_rss a {
	width: 16px;
	height: 16px;
	display: block;
	overflow: hidden;
}
#home #home_main #home_left .home_news .news_rss a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#home #home_main #home_left .home_news .scroll_area {
	overflow-y: scroll;
	height: 278px;
}
#home #home_main #home_left .home_news .scroll_area dl {
	padding: 10px 0 9px;
	border-bottom: 1px dotted #ababab;
	overflow: hidden;
	zoom: 1;
	font-size: 93%;
}
#home #home_main #home_left .home_news .scroll_area dl dt {
	float:left;
	width: 120px;
}
#home #home_main #home_left .home_news .scroll_area dl dt span {
	margin: 0 0 0 10px;
	color: #666;
}
#home #home_main #home_left .home_news .scroll_area dl dd {
	width: 250px;
	float: left;
}
#home #home_main #home_left .home_news .scroll_area dl dd a {
	display: block;
}
#home #home_main #home_left .home_news .news_list {
	padding: 8px 0 0 0;
	background: url(image/line01.jpg) top left no-repeat;
	overflow: hidden;
	zoom: 1;
}
#home #home_main #home_left .home_news .news_list a ,
#home #home_main #home_left .home_news .news_list a img {
	float: right;
	display: block;
	height: 11px;
}
#home #home_main #home_left .home_news .news_list a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* トップ ライト */
#home #home_main #home_right {
	width: 550px;
	float: right;
	overflow: hidden;
	zoom: 1;
}
#home #home_main #home_right ul li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* トップコラム */
#home #home_main #home_right .home_column {
	width: 342px;
	height: 132px;
	float: left;
	overflow: hidden;
	zoom: 1;
	border: 3px solid #CDD3DC;
	padding: 6px;
	margin: 0 0 10px 0;
}
#home #home_main #home_right .home_column h2 {
	width: 205px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	background: url(image/home_column_h2.jpg) top left no-repeat;
}
#home #home_main #home_right .home_column .photo {
	float: right;
	width: 130px;
	height: 130px;
	overflow: hidden;
}
#home #home_main #home_right .home_column dl {
	width: 205px;
	float: left;
	padding-top: 5px;
}
#home #home_main #home_right .home_column dl dt {
	height: 20px;
	overflow: hidden;
	font-weight: bold;
	font-size: 85%;
}
#home #home_main #home_right .home_column dl dd.contents {
	height: 40px;
	overflow: hidden;
	font-size: 77%;
}
#home #home_main #home_right .home_column dl dd.date {
	height: 15px;
	overflow: hidden;
	font-size: 77%;
}
/* home link */
#home #home_main #home_right .home_link {
	margin-bottom: 10px;
}
#home #home_main #home_right .home_link img ,
#home #home_main #home_right .home_link img a {
	display: block;
}
#home #home_main #home_right .home_access ,
#home #home_main #home_right .home_contact {
	width: 180px;
	float: right;
	_clear: both;
}
#home #home_main #home_right .home_staff_blog ,
#home #home_main #home_right .home_voices ,
#home #home_main #home_right .home_staff_blog a ,
#home #home_main #home_right .home_voices a {
	width: 360px;
	float: left;
	_clear: both;
}
#home #home_main #home_right .home_link a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*------------------------------------------------------

　　　　　　        ＊ 下層ページ ＊

-------------------------------------------------------*/
#sub #main h2 {
	margin-bottom: 20px;
}
#sub #main h3 {
	margin-bottom: 10px;
}
#sub #main p.catch {
	margin-bottom: 30px;
}
#sub #main section.section01 {
	padding-top: 30px;
	background: url(image/line02.jpg) top left no-repeat;
}
/* table_style01 */
#sub #main table.table_style01 {
	width: 100%;
}
#sub #main table.table_style01 th ,
#sub #main table.table_style01 td {
	padding: 20px 0 10px 10px;
	font-weight: normal;
}
#sub #main table.table_style01 th {
	width: 20%;
	vertical-align: text-bottom;
	color: #19345F;
}
#sub #main table.table_style01 .en th {
	color: #7F8FA6;
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 10px 10px;
	font-size: 83%;
}
#sub #main table.table_style01 .en td {
	color: #999;
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 10px 10px;
	font-size: 83%;
}
#sub #main table.table_style01 .last th ,
#sub #main table.table_style01 .last td {
	padding-bottom: 30px;
	border: none;
}
/* table_style02 */
#sub #main table.table_style02 {
	width: 100%;
}
#sub #main table.table_style02 th ,
#sub #main table.table_style02 td {
	padding: 20px 0 10px 10px;
	font-weight: normal;
}
#sub #main table.table_style02 th {
	width: 20%;
	vertical-align: text-bottom;
	color: #19345F;
}
#sub #main table.table_style02 .en th {
	color: #7F8FA6;
	border-bottom: 1px dotted #E0E0E0;
	padding: 0 0 10px 10px;
	font-size: 83%;
}
#sub #main table.table_style02 .en td {
	color: #999;
	border-bottom: 1px dotted #E0E0E0;
	padding: 0 0 10px 10px;
	font-size: 83%;
}
#sub #main table.table_style02 .last th ,
#sub #main table.table_style02 .last td {
	padding-bottom: 30px;
	border: none;
}
/* mailform */
#sub #main table.mailform {
	width: 100%;
}
#sub #main table.mailform th ,
#sub #main table.mailform td {
	padding: 20px 0 20px 10px;
	font-weight: normal;
	border-bottom: 1px solid #E0E0E0;
	vertical-align: top;
}
#sub #main table.mailform th {
	width: 25%;
	color: #19345F;
}
#sub #main table.mailform th.comment ,
#sub #main table.mailform td.comment {
	padding: 20px 0 25px 10px;
	border-bottom: 0;
	background: url(image/line03.jpg) bottom repeat-x;
}
#sub #main table.mailform td .rei {
	color: #999;
}
#sub #main table.mailform td input.input100 {
	border: 1px solid #00214E;
	width: 100px;
}
#sub #main table.mailform td input.input240 {
	border: 1px solid #00214E;
	width: 240px;
}
#sub #main table.mailform td input.input340 {
	border: 1px solid #00214E;
	width: 340px;
}
#sub #main table.mailform td input.input550 {
	border: 1px solid #00214E;
	width: 550px;
}
#sub #main table.mailform td textarea {
	border: 1px solid #00214E;
	width: 550px;
}
#sub #main table.mailform th.bgnone ,
#sub #main table.mailform td.bgnone {
	border-bottom: 0;
}


/*------------------------------------------------------
　　　　　　        ＊ About us ＊
-------------------------------------------------------*/
#sub.about_us #main p.profile_photo {
	width: 160px;
	float: right;
}
#sub.about_us #main table.table_style02 {
	width: 600px ;
	float: left;
}
/*------------------------------------------------------
　　　　　　        ＊ About us access ＊
-------------------------------------------------------*/
.access #main div.access_map {
	padding: 15px;
	overflow: hidden;
	zoom: 1;
	background: #00204E;
	position: relative;
}
.access #main div.access_map p.map {
	float: left;
	width: 450px;
}
.access #main div.access_map p.railway {
	float: right;
	width: 274px;
	margin-bottom: 10px;
}
.access #main div.access_map p.address {
	float: right;
	width: 274px;
}
.access #main div.access_map a.google {
	display: block;
	width: 210px;
	height: 40px;
	position: absolute;
	bottom: 20px;
	right: 79px;
	background: #fff;
}
.access #main div.access_map a.google img {
	display: block;
}
.access #main div.access_map a.google:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*------------------------------------------------------
　　　　　　        ＊ staff ＊
-------------------------------------------------------*/
.staff #main article.staff  {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 40px;
}
.staff #main article.staff div.staff_h3 {
	background: url(image/staff_h3.jpg) repeat;
	overflow: hidden;
	zoom: 1;
	padding: 5px 10px;
	margin-bottom: 30px;
}
#sub.staff #main article.staff div.staff_h3 h3 {
	float: left;
	margin-bottom: 0;
	font-size: 115%;
}
#sub.staff #main article.staff div.staff_h3 h3 span {
	font-weight: normal;
	font-size: 85%;
	margin-left: 10px;
}
.staff #main article.staff div.staff_h3 p.class {
	float: right;
	font-size: 107%;
}
.staff #main article.staff div.staff_profile p.photo {
	float: left;
	width: 150px;
	padding-left: 15px;
}
.staff #main article.staff div.staff_profile dl {
	float: right;
	width: 590px;
	overflow: hidden;
	zoom: 1;
	font-size: 107%;
}
.staff #main article.staff div.staff_profile dl dt {
	float: left;
	color: #19335F;
	font-weight: bold;
	margin-right: 20px;
	clear: both;
	zoom:1;
}
.staff #main article.staff div.staff_profile dl dd {
	float: left;
	padding-bottom: 20px;
	_clear: both;
}
/*------------------------------------------------------
　　　　　　        ＊ process ＊
-------------------------------------------------------*/
.process #main .section_process {
	padding-bottom: 20px;
}
.process #main .section_process dl {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
	padding-top: 35px;
	background: url(image/process_step_line.jpg) top no-repeat;
}
.process #main .section_process dl.first {
	padding-top: 0;
	background: 0;
}
.process #main .section_process dl dd.img {
	width: 100px;
	float: left;
}
.process #main .section_process dl dt ,
.process #main .section_process dl dd.comment {
	width: 650px;
	float: right;
}
.process #main .section_process .pagetop {
	overflow: hidden;
	zoom:1;
	padding-right: 5px;
}
.process #main .section_process .pagetop a img {
	float: right;
}
.process #main .process_bottom {
	padding: 16px;
	background: url(image/process_bottom_bg.jpg) repeat;
}
.process #main .process_bottom p {
	margin-bottom: 20px;
	padding-left: 1em;
	text-indent: -1em;
}
.process #main .process_bottom dl {
	margin-top: -15px;
	padding-left: 1em;
}
.process #main .process_bottom dl dt {
	width: 250px;
	float: left;
	clear: both;
}
.process #main .process_bottom dl dd {
	padding-bottom: 5px;
}
/*------------------------------------------------------
　　　　　　        ＊ PRIVACY POLICY ＊
-------------------------------------------------------*/
.privacy #main h3 {
	color: #00214E;
}
/*------------------------------------------------------
　　　　　　        ＊ SITEMAP ＊
-------------------------------------------------------*/
.sitemap #main ul {
	width: 335px;
	float: left;
}
.sitemap #main ul li a {
	padding-right: 15px;
	background: url(image/arrow01.jpg) center right no-repeat;
}
.sitemap #main ul li {
	margin-bottom: 15px;
	
}
.sitemap #main ul li.sub {
	margin: -15px 0 15px 10px;
}
.sitemap #main ul li.sub a {
	background: 0;
}
/*------------------------------------------------------
　　　　　　        ＊ FAQ ＊
-------------------------------------------------------*/
.faq #main ul.question {
	margin: -10px 0 30px;
}
.faq #main ul.question li {
	margin-bottom: 3px;
}
.faq #main ul.question li a {
	display: block;
	padding-left: 40px;
	font-weight: bold;
}
.faq #main ul.question li.q1 a {
	background: url(image/faq_q1.jpg) 0 0.3em no-repeat;
}
.faq #main ul.question li.q2 a {
	background: url(image/faq_q2.jpg) 0 0.3em no-repeat;
}
.faq #main ul.question li.q3 a {
	background: url(image/faq_q3.jpg) 0 0.3em no-repeat;
}
.faq #main ul.question li.q4 a {
	background: url(image/faq_q4.jpg) 0 0.3em no-repeat;
}
.faq #main ul.question li.q5 a {
	background: url(image/faq_q5.jpg) 0 0.3em no-repeat;
}
.faq #main ul.question li.q6 a {
	background: url(image/faq_q6.jpg) 0 0.3em no-repeat;
}

.faq #main .section01 {
	padding-bottom: 10px;
}
.faq #main .section01 dl {
	padding: 20px 0;
	border-top: 1px solid #E0E0E0;
}
.faq #main .section01 dl#faq1 {
	border: 0;
}
.faq #main .section01 dl dt {
	padding-left: 40px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #00204E;
}
.faq #main .section01 dl dd {
	padding-left: 40px;
}
.faq #main .section01 dl dd a {
	font-weight: bold;
}
.faq #main .section01 dl#faq1 dt {
	background: url(image/faq_q1.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq1 dd {
	background: url(image/faq_a1.jpg) 0 0.3em no-repeat;
}
.faq #main .section01 dl#faq2 dt {
	background: url(image/faq_q2.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq2 dd {
	background: url(image/faq_a2.jpg) 0 0.3em no-repeat;
}
.faq #main .section01 dl#faq3 dt {
	background: url(image/faq_q3.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq3 dd {
	background: url(image/faq_a3.jpg) 0 0.3em no-repeat;
}
.faq #main .section01 dl#faq4 dt {
	background: url(image/faq_q4.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq4 dd {
	background: url(image/faq_a4.jpg) 0 0.3em no-repeat;
}
.faq #main .section01 dl#faq5 dt {
	background: url(image/faq_q5.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq5 dd {
	background: url(image/faq_a5.jpg) 0 0.3em no-repeat;
}
.faq #main .section01 dl#faq6 dt {
	background: url(image/faq_q6.jpg) 0 0.3em no-repeat;
} .faq #main .section01 dl#faq6 dd {
	background: url(image/faq_a6.jpg) 0 0.3em no-repeat;
}
/* ページトップ */
.faq #main .pagetop {
	overflow: hidden;
	zoom:1;
	padding-right: 5px;
}
.faq #main .pagetop a img {
	float: right;
}
/* ボトム */
.faq #main .faq_bottom {
	overflow: hidden;
	zoom: 1;
	padding: 15px;
	background: url(image/faq_bottom_bg.jpg) repeat;
	margin: 0 ;
	margin-right: 110px;
}
.faq #main .faq_bottom p.left {
	float: left;
}
.faq #main .faq_bottom p.right {
	float: right;
	background: #fff;
}
.faq #main .faq_bottom p.right a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.faq #main .faq_bottom p img {
	display: block;
}
/*------------------------------------------------------
　　　　　　        ＊ works ＊
-------------------------------------------------------*/
.works #main .section_works{
	width: 770px;
	border-top: 2px solid #667994;
}
.works #main .section_works .works01 {
	border-bottom: 2px solid #667994;
	overflow: hidden;
	zoom: 1;
}
/* サブカテ見出し */
.works #main .section_works h3 {
	width: 385px;
	float: left;
	margin-bottom: 0 !important;
	min-height: 155px;
}
.works #main .section_works h3 a {
	display: block;
	padding: 15px 10px 10px 15px;
}
/* 記事 */
.works #main .section_works article {
	width: 385px;
	float: left;
	background: url(image/works_bg01.jpg) left repeat-y;
	min-height: 155px;
}
.works #main .section_works article a {
	display: block;
	padding: 15px 10px 15px 15px;
	overflow: hidden;
	zoom: 1;
	text-decoration: none;
}
.works #main .section_works article.bg01 {
	background: url(image/works_bg01.jpg) right repeat-y;
}
.works #main .section_works article a span.img {
	float: left;
	margin-right: 15px;
}
.works #main .section_works article a span.title {
	margin-bottom: 10px;
	color: #19335F;
	font-weight: bold;
	display: block;
}
.works #main .section_works article a span.comment {
	font-size: 85%;
}
.works #main .section_works article a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*------------------------------------------------------
　　　　　　        ＊ works single ＊
-------------------------------------------------------*/
/* 画像スライダー */
.works_single #main #slider {
	position: relative;
	width: 750px;
	height: 500px;
	overflow: hidden;
	z-index: 10;
	background: #f0f0f0 url(image/works_single_shadow_s1.jpg) center bottom no-repeat;
	padding-bottom: 34px;
	margin-left: 11px;
	}
.works_single #main #right {
	background: url(image/works_single_next.gif) top left no-repeat;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 36px;
	cursor: pointer;
	float: right;
	margin: -85px 0 0 0;
	z-index: 20;
}
.works_single #main #left {
	background: url(image/works_single_back.gif) top left no-repeat;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	width: 84px;
	height: 36px;
	cursor: pointer;
	float: left;
	z-index: 20;
	margin: -85px 0 0 0;
}
.works_single #main #slider ul {
	position: relative; 
}
	
.works_single #main #slider ul li {
	float: left;
	text-align: center;
}

.works_single #main #numbers { 
	height: auto;
	text-align: center;
	margin: -20px auto 30px;
	overflow: hidden;
	zoom: 1;
}	

.works_single #main #numbers li {
	cursor: pointer;
	position: relative;
	float: left;
	position: relative;
	z-index: 100;
	width: 20px;
	height: 8px; 
	text-indent: -99999px;
	overflow: hidden;
	background: url(image/works_single_point.jpg) center no-repeat; 
	}
	
.works_single #main #numbers li.activenum {
	background: url(image/works_single_point_on.jpg) center no-repeat; 

	}
/* 記事部分 */
.works_single #main .contents {
	margin: 0 20px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
.works_single #main .contents h2 {
	font-size: 140%;
	color: #001F4D;
}
.works_single #main .contents span {
	font-size: 60%;
	margin: 0 20px;
	font-weight: normal;
	color: #333;
	vertical-align: middle;
}
/*------------------------------------------------------
　　　　　　        ＊ blog ＊
-------------------------------------------------------*/
.blog #main article.blog  {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 40px;
}
.blog #main article.blog div.blog_h3 {
	background: url(image/staff_h3.jpg) repeat;
	overflow: hidden;
	zoom: 1;
	padding: 5px 10px;
	margin-bottom: 10px;
}
#sub.blog #main article.blog div.blog_h3 h3 {
	float: left;
	margin-bottom: 0;
	font-size: 115%;
}
#sub.blog #main article.blog div.blog_h3 h3 span {
	font-weight: normal;
	font-size: 85%;
	margin-left: 10px;
}
.blog #main article.blog div.blog_h3 p.class {
	float: right;
	font-size: 107%;
}
.blog #main article.blog div.blog_contents {
	overflow: hidden;
	zoom: 1;
}