@charset "shift-jis";

/* 全体構成
---------------------------------------------------------------------------------------------------------------------*/


body						{
									color: #555;
									background-color: #efefef;
									font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Arial, Helvetica, sans-serif;
									margin-top:0px;
								}
a								{	text-decoration: none; }
a:link,a:visited{ color: #06C; }
a:hover,a:active{ color: #39F; }
a img						{border:none;}

.p090						{ font-size: 90%; line-height: 120%; }
.p080						{ font-size: 80%; line-height: 110%; }
.p075						{ font-size: 75%; line-height: 120%; }
.p070						{ font-size: 70%; line-height: 120%; }
.p100						{ font-size: 100%; line-height: 120%; }
.p150						{ font-size: 100%; line-height: 150%; }

/* xhtml対策 */
.nowrap					{white-space: nowrap;}
/* 全体 */
#wrapper { 
 margin: 0 auto;
 width: 800px;
}
/* メイン部分 */
#main {
 background: url(images/mainbg.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
/* ヘッダー */
#header {
 width: 800px;
 border-top:#006600 solid 5px; /* original 10px */
 border-bottom:#fff solid 15px;
 font-size:0px;
 background: url(images/header.jpg);
 height:71px;
}
h1 a	{
	width:200px;
	height:70px;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	float:left;
}
.headernavi{float:right;}
/* 左メニュー */
#leftcolumn { 
 display: inline;
 margin: 0 55px 0 15px;
 padding: 0px;
 width: 145px;
 float: left;
}
/* 右コンテンツ */
#rightcolumn { 
 float: right;
 margin: 0 15px;
 padding: 0 0 20px 0;
 width: 551px;
 display: inline;
 position: relative;
}
/* フッター */
#footer {
	border-top:#fff solid 15px;
 width: 788px;
 clear: both;
 background: #060;
 padding: 6px;
 text-align: center;
}
address	{
 color: #fff;
 font-size: 60%; /* original 70% */
 letter-spacing: 0.05em;
 font-style: normal;
 font-family: Arial, Helvetica, sans-serif;
}
/* 左メニュー
---------------------------------------------------------------------------------------------------------------------*/
#leftnavi div	{
	background: url(images/menu_title.gif) no-repeat left center;
	color:#fff;
	font-weight:bold;
	padding:6px 0px 5px 20px;
	font-size:14px;
	letter-spacing: 0.05em;
}
#leftnavi ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#leftnavi li{
	margin: 0px;
	padding: 5px 3px 4px 20px;
	border-bottom: 1px dashed #999999;
	font-size:75%;
}
#leftnavi .no_border{
	border:none;
	margin-bottom:5px;
}
#leftnavi .open{
	background: url(images/mark_open.gif) no-repeat center center;
	padding-right:10px;
}
#leftnavi li img{
	margin-left:3px;
}

/* コンテンツ
---------------------------------------------------------------------------------------------------------------------*/
/* タイトル */
h2.basic_header	{
	padding:5px;
	font-size: 90%;
	line-height: 120%;
	letter-spacing: 0.1em;
	border-top:2px solid #75b559;
	border-bottom:1px solid #75b559;
	background: url(images/basic_header_bg.gif) repeat-x left bottom;
	color:#444;
}

h1,h2,h3,h4			{	margin: 0px; padding: 0px; }

.img_header			{ margin: 0px; padding: 0px;}

.style_ul				{
									margin: 0px 10px;
									padding: 5px 15px;
								}

.height10				{ height: 10px;}

.bg_img01				{ 
									background: url(images/ptrn03.gif) repeat-y left top;
									width: 42px;
								} 
/* トップページ
---------------------------------------------------------------------------------------------------------------------*/
#topheader			{
 width: 800px;
 height:219px;
 border-top:#006600 solid 5px; /* original 10px */
 background: url(images/top_image.gif);
}
ul#topservice{
width:800px;
list-style-type: none;
margin:0px;
padding:0px;
float: left;
}
ul#topservice a{
float: left;
height:85px;
display:block;
text-decoration:none;
background-position:left top;
text-indent:-1000px;
margin:0px;
padding:0px;
}
li.webplus a{
width:267px;
background-image:url(images/top_webplus.gif);
}
li.ecnext a{
width:268px;
background-image:url(images/top_ecnext.gif);
}
li.serrver a{
width:265px;
background-image:url(images/top_fbs.gif);
}
ul#topservice a:hover {
	background-position: 0px -85px;
}
#top_center h3	{ 
									font-size: 100%;
									line-height: 120%;
								}

#top_right h3		{
									padding: 12px 0px 2px 0px;
									font-size: 80%;
									font-weight: normal;
								}

.icn_orange01		{
									padding: 14px 2px 0px 0px;
								}

.icn_orange02		{
									padding: 9px 2px 0px 0px;
								}

.icn_orange03		{
									padding: 4px 2px 0px 0px;
								}

.td01						{
									padding: 5px 0px 0px 0px;
									letter-spacing: 0.05em;
									line-height:110%;
								}

.td02						{
									padding: 10px 0px 0px 0px;
									letter-spacing: 0.05em;
									line-height:110%;
								}

.td03						{ padding:8px 5px 10px 0px;}

.td04						{
									padding:15px 7px 10px 0px;
									letter-spacing:0.05em;
									line-height:110%;
								}

.img_ecart			{
									margin: 5px 5px 5px 0px;
									float:right;
								}

/* 業務内容（開発）
---------------------------------------------------------------------------------------------------------------------*/
.style_h3				{
									margin-top: 20px;
									padding: 4px 0px 3px 10px;
									background-color: #f7f6dc;
									border-left: 10px solid #75b559;
									color: #444;
									font-size: 90%;
									letter-spacing: 0.1em;
									line-height: 120%;
								}


/* eコマース，ホームページ活用
---------------------------------------------------------------------------------------------------------------------*/
ul.prospectus	{
									margin:5px 5px 5px 20px;
									padding:0;
								}
p.prospectus	{
									margin:5px;
									padding:0;
								}


/* 採用情報
---------------------------------------------------------------------------------------------------------------------*/
.regulation_box	{
									padding: 10px;
									margin: 15px 60px 5px 60px;
									border: 1px solid #96D869;
									font-size:80%;
								}
.regulation_box ul{
									list-style-image: url(images/pdf-icon.gif) ;
									margin: 0 0 0 15px;
									padding: 0px;
								}
.regulation_box li{
								}

/* お問い合わせ
---------------------------------------------------------------------------------------------------------------------*/
.contact_p			{
									border-bottom: 1px dotted #75b559;
									margin: 5px 0px 20px 0px;
									padding: 5px 5px 10px 5px;
								}

#contact_form		{
									margin-bottom: 50px;
									background-color: #75b559;
									font-size: 80%;
									line-height: 110%;
								}

#contact_form th			{
												text-align: left;
												font-weight: normal;
											}
/* FAQ
---------------------------------------------------------------------------------------------------------------------*/
#cont_faq							{ margin: 10px 0px 15px 0px; }

#cont_faq ul.faq			{
												text-align: left;
												margin: 20px 0px 10px 10px;
												padding: 0px;
												list-style-type: none;
											}

#cont_faq li.faq_q		{
												margin: 20px 0px 0px 0px;
												padding: 3px 0px 3px 28px;
												color: #267495;
												font-size: 90%;
												letter-spacing: 0.05em;
												line-height: 100%;
												font-weight: bold;
												background: url(images/faq_q.gif) no-repeat left top;
											}

#cont_faq li.faq_a		{
												margin: 10px 0px 10px 0px;
												padding: 0px 0px 0px 28px;
												font-size: 80%;
												letter-spacing: 0.05em;
												line-height: 140%;
												background: url(images/faq_a.gif) no-repeat left top;
											}

#cont_faq li.faq_disc	{
												margin: 0px 0px 5px 55px;
												padding: 0px;
												font-size: 90%;
												letter-spacing: 0.03em;
												line-height: 110%;
												list-style-type: disc;
											}


#cont_faq p						{
												margin: 0px;
												padding: 0px 0px 10px 0.3em;
												border-bottom: 1px dotted #75b559;
											}

/* プライバシーポリシー
---------------------------------------------------------------------------------------------------------------------*/
.style_ol_a						{
												margin: 0px;
												padding: 0px 0px 0px 20px;
												list-style-type: lower-alpha;
											}

.style_ol_a li				{
												margin: 0px 0px 0px 25px;
												padding: 3px 0px 0px 0px;
												font-size: 80%;
											}

/* トピックス
---------------------------------------------------------------------------------------------------------------------*/
a.todetail {
width:125px;
height:16px;
display:block;
text-decoration:none;
overflow: hidden;
background-image:url(topics/image/todetail.gif);
background-position:left top;
text-indent:-1000px;
}

a.todetail:hover {
	background-position: 0px -16px;
}
.topics h3			{
									margin-top: 20px;
									padding: 4px 0px 3px 10px;
									background-color: #f7f6dc;
									border-left: 10px solid #75b559;
									color: #444444;
									font-size: 112%;
									letter-spacing: 0.1em;
									line-height: 120%;
								}
.topics h4			{
									margin-top:5px;
									font-size:100%;
								}
.subtitle				{
									margin-top:10px;
									font-size:80%;
									padding: 4px 0px 3px 10px;
									border-top:1px dotted #333;
									border-bottom:1px dotted #333;
								}
ul.mark01				{
								list-style-image:url(images/mark_02.gif);
								}

/* テーブル(不使用)
---------------------------------------------------------------------------------------------------------------------*/
.table_a{
	border-left:1px solid #75b559;
	font-size:80%;
	border-collapse:collapse;
}
.table_a caption{
	color:#333;
	text-align:left;
	padding:5px 10px;
	background:#DEF8CF;
	border:1px solid #75b559;
	margin-bottom:0px;
}
.table_a th{
	color:#333;
	border-right:1px solid #75b559;
	border-bottom:1px solid #75b559;
	background:#DEF8CF;
	padding:3px 5px;
	font-weight:normal;
}
.table_a td{
	border-right:1px solid #75b559;
	border-bottom:1px solid #75b559;
	background:#fff;
	padding:3px 5px;
}

/* その他
---------------------------------------------------------------------------------------------------------------------*/
/*　横幅　*/
.w5						{ width: 5%; }
.w10					{ width: 10%; }
.w15					{ width: 15%; }
.w20					{ width: 20%; }
.w25					{ width: 25%; }
.w30					{ width: 30%; }
.w40					{ width: 40%; }
.w45					{ width: 45%; }
.w50					{ width: 50%; }
.w55					{ width: 55%; }
.w60					{ width: 60%; }
.w65					{ width: 65%; }
.w70					{ width: 70%; }
.w80					{ width: 80%; }
.w85					{ width: 85%; }
.w90					{ width: 90%; }
.w95					{ width: 95%; }
.w100					{ width: 100%; }

/* padding */
.p_0						{ padding: 0px;}
.p_5						{ padding: 5px;}
.p_10						{ padding: 10px;}

.p_0_5					{ padding: 0px 5px;}
.p_0_10					{ padding: 0px 10px;}
.p_5_10					{ padding: 5px 10px;}

.p_top5					{ padding-top: 5px;}
.p_top15				{ padding-top: 15px;}

.p_left5				{ padding-left: 5px;}
.p_left10				{ padding-left: 10px;}

.p_right15			{ padding-right: 15px;}

/* margin */
.m_auto					{ margin:0 auto;}
.m_0						{ margin: 0px;}
.m_5						{ margin: 5px;}
.m_15						{ margin: 15px;}
.m_5_0					{ margin: 5px 0px;}
.m_10_0					{ margin: 10px 0px;}

.m_5500					{ margin: 5px 5px 0px 0px;}
.m_5055					{ margin: 5px 0px 5px 5px;}
.m_50510				{ margin: 5px 0px 5px 10px;}

.top_m5					{ margin-top: 5px;}
.top_m8					{ margin-top: 8px;}
.top_m10				{ margin-top: 10px;}
.top_m15				{ margin-top: 15px;}
.top_m20				{ margin-top: 20px;}
.top_m30				{ margin-top: 30px;}

.bottom_m5			{ margin-bottom: 5px;}
.bottom_m10			{ margin-bottom: 10px;}
.bottom_m15			{ margin-bottom: 15px;}
.bottom_m50			{ margin-bottom: 50px;}

.left_m5				{ margin-left: 5px;}
.left_m15				{ margin-left: 15px;}

.right_m5				{ margin-right: 5px;}
.right_m10			{ margin-right: 10px;}

/* 背景色 */
.bgfff					{ background-color: #ffffff;}
.bg060					{ background-color: #006600;}
.bgfc9					{ background-color: #ffcc99;}
.bg9f0					{ background-color: #99ff00;}
.bg6c3					{ background-color: #66cc33;}
.green01				{ background-color: #DEF8CF;}
.green02				{ background-color: #96D869;}
.green03				{ background-color: #75b559;}

/* 文字色 */
.color999				{ color:#999999;}
.color666				{ color:#666666;}
.color333				{ color:#333333;}
.colorfff				{ color:#ffffff;}
.color060				{ color:#006600;}
.colorf00				{ color:#ff0000;}
.colorf30				{ color:#ff3300;}
.color8c				{ color:#8c8c8c;}
.color75b559		{ color:#75b559;}

/* 行間 */
.line_h120			{ line-height: 120%;}
.line_h130			{ line-height: 130%;}

/* 文字間 */
.ls_01					{ letter-spacing: 0.1em;}

/* 字下げ */
.text_top				{ text-indent: -1em;}

/* 文字の太さ */
.fw_b						{ font-weight: bold;}
.fw_n						{ font-weight: normal;}

/* 線 */
.no_border			{ border: none;}
.b_t01					{ border-top: 1px dotted #999999;}

/*　文字位置　横　*/
.text_left		{ text-align: left; }
.text_right		{ text-align: right; }
.text_center	{ text-align: center; }
.text_justify	{ text-align: justify; }

/*　文字位置　縦　*/
.va_t					{ vertical-align: top; }
.va_b					{ vertical-align: bottom; }
.va_m					{ vertical-align: middle; }

/*　回り込み　*/
.float_l			{ float: left; }
.float_r			{ float: right; }

.clear_l			{ clear: left; }
.clear_r			{ clear: right; }
.clear_b			{ clear: both; }

/*　ライン　*/
.line_1sc			{	border: 1px solid #ccc; }
.line_1s0			{	border: 1px solid #000; }

.line_1dc_t		{	border-top: 1px dotted #ccc; }