@charset "Shift_JIS";
/* *********************************
FileName: style.css
UpdatedBy: -
*********************************** */

/* *********************************
特記事項：



*********************************** */


/* *********************************
001: 基本レイアウト
002: ヘッダー
003: フッター
004: コンテンツ
005: テキストリンク
006: 汎用クラス
007: 汎用ボックス
008: CLEARFIX（必要あれば）
009: TOPページ専用
010: 下層ページ専用
011: ナビゲーション
012: 
*********************************** */


/* *********************************

/* 001: 基本レイアウト

*********************************** */

/* PNG使う場合 */
/*
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
*/

body {
	padding: 0;
	text-align: center;
	color: #333333;
	font-size: 85%;
	_font-size: 85%;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 133%;
	margin: 0 auto;
/*	background-color: #fff; */
	background:url(../images/body_back.gif) top left;
}

div#container {
	text-align: left;	
	width: 840px;
	padding:10px 0;
	margin:0 auto;
	background-color: #fff;
}



/* *********************************

/* 002: ヘッダー

*********************************** */

#header {
	width:840px;
	border-bottom:3px solid #999;
}

#header #header_sub01 {
	width:300px;
	float:left;
}

#header #header_sub01 ul {
	margin:60px 0 0 20px;
}

#header #header_sub01 ul li{
	float:left;
	margin:0 15px 0 0;
	list-style:square inside;
}


#header #header_sub02 {
	width:540px;
	float:left;
}


/* *********************************

/* 003: フッター

*********************************** */

#footer {
	background-color:#009;
	text-align:center;
}

#footer p {
	color:#fff;
}

/* *********************************

/* 004: コンテンツ

*********************************** */

#main {
	width:840px;
	margin:0 0 15px 0;
}

/*--- パンくず ---*/
#path {
	padding:10px 0 10px 60px;
/*	text-align:right; */
}

/* *********************************

/* 005: テキストリンク

*********************************** */

a {
	color: #600;
	text-decoration: none;
}
a:hover {
	color: #300;
	text-decoration: underline;
}

/* *********************************

/* 006: 汎用クラス

*********************************** */

/* テキスト色 */
.red { color: #ff0000;}
.blue {	color: #0000FF;}
.orange { color: #FF9900;}
.bold {	font-weight: bold;}
.brawn { color: #7C7047;}

/* テキストサイズ */
.font_small { font-size: 90%;}
.font_small2 { font-size: 80%;}
.font_big { font-size: 120%;}
.font_big2 { font-size: 130%;}

/* テキスト位置 */
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

/* フロート */
.float_left { float: left;}
.float_left_img { float: left;	margin-right: 1em;}
.float_right { float: right;}
.float_right_img { float: right; margin-left: 1em;}

/* マージン系 */
.marginall10 { margin: 10px;}

.marginleft5  { margin-left: 5px;}
.marginleft10 { margin-left: 10px;}
.marginleft15 { margin-left: 15px;}
.marginleft20 { margin-left: 20px;}
.marginleft50 { margin-left: 50px;}

.marginright5  { margin-right: 5px;}
.marginright10 { margin-right: 10px;}
.marginright15 { margin-right: 15px;}
.marginright20 { margin-right: 20px;}
.marginright50 { margin-right: 50px;}

.margintop5  { margin-top: 5px;}
.margintop10 { margin-top: 10px;}
.margintop20 { margin-top: 20px;}
.margintop30 { margin-top: 30px;}
.margintop40 { margin-top: 40px;}

.marginbottom5  { margin-bottom: 5px;}
.marginbottom10 { margin-bottom: 10px;}
.marginbottom20 { margin-bottom: 20px;}
.marginbottom30 { margin-bottom: 30px;}
.marginbottom40 { margin-bottom: 40px;}
.marginbottom50 { margin-bottom: 50px;}

.margintopbottom10 { margin: 10px 0px;}
.margintopbottom20 { margin: 20px 0px;}
.margintopbottom30 { margin: 30px 0px;}
.margintopbottom40 { margin: 40px 0px;}
.margintopbottom50 { margin: 50px 0px;}

.marginleftright10 { margin: 0 10px;}
.marginleftright20 { margin: 0 20px;}
.marginleftright30 { margin: 0 30px;}
.marginleftright40 { margin: 0 40px;}
.marginleftright50 { margin: 0 50px;}

.paddingtop10 { padding: 10px 0 0 0;}
.paddingtop20 { padding: 20px 0 0 0;}
.paddingtop30 { padding: 30px 0 0 0;}
.paddingtop40 { padding: 40px 0 0 0;}

.paddingbottom10 { padding: 0 0 10px 0;}
.paddingbottom20 { padding: 0 0 20px 0;}
.paddingbottom30 { padding: 0 0 30px 0;}
.paddingbottom40 { padding: 0 0 40px 0;}

.indent1  { padding: 0 0 0 20px;}
.indent2  { margin-left: 2em;}
.indent3  { margin-left: 1em;}
.indent_r { margin-right: 15px;}

/* *********************************

/* 007: 汎用ボックス

*********************************** */


/* *********************************

/* 008: CLEARFIX（必要あれば）

*********************************** */

br.blockend {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}


/* *********************************

/* 009: TOPページ専用

*********************************** */

/*--- 最新情報欄 ---*/
#top_info {
	width:640px;
	float:left;
	height:260px;
	overflow:auto;
}

#top_info dl {
	padding: 15px 30px;
}

#top_info dl dt {
	font-weight:bold;
	margin-bottom:10px;
	padding:0 0 0 1.5em;
	background:url(../images/list01.gif) no-repeat left;
}

#top_info dl dd {
	line-height:180%;
	margin-bottom:20px;
	padding:0 0 10px 2em;
	border-bottom:dashed 1px #333;
}

/* *********************************

/* 010: 下層ページ専用

*********************************** */

p.goto_top{
	text-align:right;
	font-size:0.9em;
	padding:10px 0;
}

#content {
	width:630px;
	padding:0 5px;
	float:left;
}

#content h3 {
	background:url(../images/sub_title01.gif) no-repeat top left;
	height:32px;
	min-height:32px;
	padding:6px 0 0 20px;
	font-size:1.1em;
	font-weight:bold;
}

#content h4 {
	background:url(../images/sub_title02.gif) no-repeat top left;
	margin:0;
	padding:20px 0 0 30px;
	height:29px;
	min-height:29px;
	font-size:1.2em;
	font-weight:bold;
}

#content h4.in_table {
	background:none;
	padding:0 0 0 0;
}

#page_title {
	text-align:center;
	border-bottom:8px solid #03C;
	margin:0 0 5px 0;
	padding:10px 0;
}

#page_title h2{
	font-size:1.5em;
	font-weight:bold;
}


ul#side_item {
	width:200px;
	list-style:none;
}

ul#side_item li {
	width:200px;
	height:30px;
	padding:0 0 0 0;
}

ul#side_item li.side_title {
	background-image:url(../images/side_title.gif);
}


ul#side_item li a {
	display:block;
	width:200px;
	height:26px;
	text-indent:1em;
	padding:5px 0 0 0;
}

ul#side_item li a:hover {
	display:block;
	width:200px;
	height:26px;
	background-image:url(../images/side_navi_on.gif);
}

/*---- リンクページ ---*/
#content #table01 {
	margin:10px auto 0 auto;
}

#content #table01 tr td{
	padding:15px;
	width:240px;
}

/*---- 初めての方へ ----*/

#list_box01 {
	background:url(../images/list_back01.gif) repeat-y top left;
	padding:10px 0 0 0;
}

#list_box01 img#img01 {
	float:right;
	margin:0 15px 0 0;
	padding:30px 0 0 1em;
}

#small_llist01 {
	margin:0 15px 0 30px;
}

#small_llist01 li{
	list-style:url(../images/list01.gif);
	margin:10px 0 10px 30px;
	padding:0 30px 0 15px;
	line-height:180%;
	font-size:0.9em;
}


#flow_box {
	background:url(../images/list_back01.gif) repeat-y top left;
	width:630px;
	float:left;
}

#flow_box table {
	margin:0 0 0 20px;
}

/*---- プロフィール ---*/
table.profile01 {
	margin:0 auto;
	width:600px;
}

table.profile01 td {
	font-size:12px;
	padding:20px 15px 10px 15px;
	vertical-align:top;
}

div.profile_box {
	background:url(../images/list_back01.gif) repeat-y top left;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

table#profile02 {
	margin:0 auto;
	width:600px;
}

table#profile02 td {
	font-size:0.9em;
	padding:20px 15px 10px 15px;
}


/*---- よくある質問 ---*/

div.faq_box {
	background:url(../images/list_back01.gif) repeat-y top left;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

div.faq_box ul {
	margin:0 0 0 60px;
}

div.faq_box ul li {
	font-size:0.95em;
	margin:0 0 10px 0;
}

/*---- サイトマップ ----*/
#space_left {
	width:420px;
	float:left;
}

#space_right {
	width:420px;
	float:left;
}

.half_sub{
	background-image : url(../sitemap/img/sub_title.gif);
	width : 413px;
	background-repeat : no-repeat;
	height : 33px;
	font-size : 11pt;
	font-weight : bold;
	padding-left : 50px;
	background-position : 7px 0px;
}

.half_text{
	font-size : 10pt;
	width : 413px;
	padding-top : 10px;
	padding-left : 90px;
	padding-bottom : 5px;
}

/*---- お問い合わせ ----*/
#contact_table {
	margin:0 auto;
	width:450px;
}

#contact_table tr th {
	text-align:left;
	color:#000099;
	font-weight:normal;
}

#contact_table tr td {
	height:30px;

}

ul#contact_list01 {
	width:550px;
	margin: 0 0 0 50px;
	padding:0 0.5em;
}

ul#contact_list01 li{
	list-style:url(../images/list01.gif);
	margin:5px 0 15px 0;
}

p#contact_list02 {
	width:550px;
	margin: 0 0 0 50px;
	padding:0 0.5em;
	text-align:center;
	line-height:180%;
}
	
img#addr_map {
	display:block;
	margin:20px auto 30px auto;
}

p#contact_end {
	line-height:240%;
	width:550px;
	margin:10px auto 8px auto;
}

/*---- 事業内容 ----*/
#bussiness_box {
	background:url(../images/list_back01.gif) repeat-y top left;
	width:630px;
}

#bussiness_box table {
	margin:0 0 0 20px;
}

td.bus_3 ul {
	list-style-image : url(../images/list01.gif);
}

h5.h5_biz01 {
	margin:10px 0 0 0;
}

img#biz_img01 {
	float:right;
	margin:0 1em 0 1em;
	vertical-align:middle;
}

p#biz_txt01 {
	line-height:250%;
	padding:50px 2em 0 2em;
	width:300px;
}

p#biz_txt02 {
	line-height:180%;
	padding:10px 2em 0 2em;
	width:500px;
	margin:0 0 30px 0;
}

img#biz_img {
	margin:0 0 20px 0;
}

/*---- 支援実績 ----*/
#results_box {
	background:url(../images/list_back01.gif) repeat-y top left;
	width:630px;
}

#result_list01 {
	list-style:url(../images/list01.gif);
	margin:20px 0 20px 50px;
}

#result_list01 li {
	line-height:180%;
	margin:0 0 15px 0;
}

ul.in_table_list {
	list-style:disc;
	margin:0 0 0 20px;
	padding:0 0.5em 0 0;
}


/* *********************************

/* 011: ナビゲーション

*********************************** */

#g_navi ul {
}

#g_navi ul li{
	float:left;
}

#side_menu {
	width:200px;
	float:left;
}

#side_menu img {
	margin-bottom:10px;
}



/* *********************************

/* 012: 引用

*********************************** */
.step_1{
  width : 418px;
  background-image:url(../beginner/img/step01.gif);
  height : 38px;
  background-repeat : no-repeat;
  background-position : 20px 6px;
}

.step_2{
  background-image : url(../beginner/img/step02.gif);
  background-repeat : no-repeat;
  width : 418px;
  background-position : 20px 0px;
  height : 22px;
  padding-left : 60px;
}

.step_3{
  font-size : 10pt;
  background-image :url(../beginner/img/step03.gif);
  background-repeat : repeat-y;
  width : 418px;
  background-position : 20px 0px;
  padding-left : 30px;
  padding-right : 30px;
  padding-top : 10px;
  line-height : 15pt;
}

.step_4{
  background-image :url(../beginner/img/step04.gif);
  width : 418px;
  height : 30px;
  background-repeat : no-repeat;
  background-position : 20px 0px;
}


.faq_1{
  background-image : url(../faq/img/qa01.gif);
  background-repeat : no-repeat;
  width : 610px;
  height : 45px;
  padding-left : 50px;
  font-weight : bold;
  font-size : 1.1em;
/*  padding-bottom : 8px; */
  background-position : 5px 0px;
  padding-right : 40px;
  vertical-align:top;
  padding-top:20px;
}

.faq_2{
  background-image : url(../faq/img/qa02.gif);
  width : 610px;
  font-size : 10pt;
  padding-left : 30px;
  background-repeat : repeat-y;
  background-position : 5px 0px;
  padding-right : 40px;
  line-height : 20px;
  padding-top : 10px;
}

.faq_3{
  background-image : url(../faq/img/qa03.gif);
  background-repeat : no-repeat;
  width : 610px;
  height : 25px;
  background-position : 5px 0px;
  padding-bottom : 10px;
}


.bus_1-1{
  background-image : url(../business/img/bus_1-1.gif);
  background-repeat : no-repeat;
  height : 80px;
  width : 320px;
/*  padding-top : 20px; */
  text-align : center;
}

.bus_2{
  background-image : url(../business/img/bus_2.gif);
  background-repeat : no-repeat;
  height : 80px;
  padding-left : 50px;
  padding-right : 60px;
  width : 320px;
  font-size : 11pt;
  font-weight : bolder;
  color : blue;
  line-height:180%;
}

.bus_3{
  background-image : url(../business/img/bus_3.gif);
  background-repeat : repeat-y;
  width : 320px;
  padding-right : 60px;
  font-size : 10pt;
  padding-left : 60px;
  list-style-type : none;
  list-style-position : outside;
  list-style-image: url(../images/list01.gif);
}

.bus_4{
  background-image : url(../business/img/bus_4.gif);
  background-repeat : no-repeat;
  height : 40px;
  width : 320px;
}

.bus_1-2{
  background-image : url(../business/img/bus_1-2.gif);
  width : 320px;
  height : 80px;
/*  padding-top : 20px; */
  background-repeat : no-repeat;
  text-align : center;
}

.bus_5{
  background-repeat : no-repeat;
  width : 290px;
  margin-right : 10px;
  font-size : 10pt;
  font-weight : bold;
  padding-left : 20px;
  padding-right : 10px;
  background-position : -10px 0px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #ff6500;
}

.bus_1-3{
  background-image : url(../business/img/bus_1-3.gif);
  width : 320px;
  height : 80px;
  background-repeat : no-repeat;
/*  padding-top : 20px; */
  padding-left : 70px;
}

.bus_1-4{
  background-image : url(../business/img/bus_1-4.gif);
  background-repeat : no-repeat;
  text-align : center;
  width : 320px;
  height : 80px;
/*  padding-top : 20px; */
}

.bus_1-5{
  background-image : url(../business/img/bus_1-5.gif);
  background-repeat : no-repeat;
  text-align : center;
  width : 320px;
  height : 80px;
/*  padding-top : 20px; */
}

.bus_1-6{
  background-image : url(../business/img/bus_1-6.gif);
  background-repeat : no-repeat;
  text-align : center;
/*  padding-top : 20px; */
  width : 320px;
  height : 80px;
}

.textspace{
  font-size : 10pt;
  padding-left : 20px;
  padding-bottom : 10px;
  line-height : 20pt;
  padding-right : 20px;
  list-style-image:url(../images/list01.gif);
  padding-top : 10px;
  vertical-align:top;
}

.back01{
  background-image : url(../business/img/b_business.jpg);
  height : 102px;
  padding-left : 30px;
  padding-right : 200px;
  background-repeat : no-repeat;
  font-size : 14pt;
  font-weight : bolder;
}

.sub3{
  background-image : url(../images/sub_title02.gif);
  background-repeat : no-repeat;
  width : 620px;
  height : 50px;
  padding-left : 30px;
  padding-top : 7px;
  background-position : 6px 0px;
}

.right_b2b{
  font-size : 16pt;
  font-weight : 900;
  background-image : url(../images/list_back012.gif);
  padding-right : 20px;
  background-position : 3px 0px;
  height : 45px;
  padding-top : 0px;
  text-align : left;
  color : navy;
  padding-left : 40px;
}

.right_b2li{
  font-size : 10pt;
  background-image : url(../images/list_back01.gif);
  background-repeat : repeat-y;background-position : 3px 0px;
  list-style-position : outside;
  list-style-image : url(gif/m_1.gif);
  line-height : 18pt;
  padding-right : 40px;
  padding-left : 40px;
}

.right_b3{
  background-image : url(../images/list_back02.gif);
  background-position : 3px 0px;
  height : 30px;
  background-repeat : no-repeat;
}

.text_top{
  font-size : 9pt;
  padding-left : 5px;
  background-position : 0px 30px;
  background-image : url(gif/font_color.gif);
  padding-top : 10px;
  padding-bottom : 10px;
  line-height : 15pt;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : gray;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : gray;
  border-right-color : gray;
  border-bottom-color : gray;
  vertical-align : top;
  text-align : left;
  list-style-type : disc;
  list-style-position : outside;
}

.results_1{
  background-image : url(../results/img/results_1.gif);
  width : 147px;
  height : 50px;
  font-size : 14pt;
  font-weight : bold;
  background-repeat : no-repeat;
  text-align : center;
  padding-right : 10px;
  padding-bottom : 5px;
  background-position : 3px 5px;
}

.results_2{
  background-image : url(../results/img/results_2.gif);
  font-size : 9pt;
  width : 122px;
  background-repeat : repeat-y;
  padding-right : 5px;
  background-position : 3px 0px;
  padding-left : 10px;
  line-height : 15pt;
  vertical-align : top;
}

.results_3{
  background-image : url(../results/img/results_3.gif);
  font-size : 10pt;
  font-weight : bold;
  width : 140px;
  height : 30px;
  background-repeat : no-repeat;
  background-position : 3px 0px;
}

.results_4{
  background-image : url(../results/img/results_4.gif);
  background-repeat : no-repeat;
  width : 20px;
  height : 30px;
  background-position : 2px 0px;
}

#slideshow {
   position: relative;
   width:  840px; /* 画像の横幅に合わせて記述 */
   height: 200px; /* 画像の高さに合わせて記述 */
}
#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;
}