@charset "utf-8";
/* CSS Document */

/* タグ
---------------------------------------------------------- */
#wrap {
	overflow:hidden;	
}
body {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	color: #444444;
}
html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,address,pre,div,form,fieldset,input,textarea,th,td {
	margin: 0;
	padding: 0;
}
li {
	list-style:none;
}
a {
	color: #ff9900;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
hr {
	height: 1px;
	border-size: 1px;
	border-color: #cccccc;
}
a span {
	display: none;
}
a b {
	display: none;
}

/* 共通
----------------------------------------------------------- */
.clear {
	clear:both;
}

.more a {
	width: 23px;
	height: 23px;
	background: url(images/more.jpg) no-repeat;
	display:block;
	float: right;
}
.more a:hover {
	background: url(images/more-o.jpg) no-repeat;
}

.pagetop a{
	background: url(images/pagetop.jpg) no-repeat;
	width: 90px;
	height: 20px;
	float:right;
	display:block;
	}
.pagetop a:hover{
	background: url(images/pagetop_o.jpg) no-repeat;
	}
.height10 {
	height: 10px;
}
.height20 {
	height: 20px;
}
.height30 {
	height: 30px;
}
.title_image {
	height: auto !important;
	margin: 0 0 10px 0 !important;
	padding: 0;
	background: none !important;
	line-height: auto !important;
	text-indent: 0 !important;
}

/* ブロックレイアウト
------------------------------------------------------------------------ */
#base {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}


/* ヘッダ
------------------------------------------------------------------------ */
#header {
	width: 960px;
	height: 110px;
	border-top:4px solid #ff6600;
	border-bottom:2px solid #65605B;
	margin-bottom:4px;
}

/* ヘッダ見出し
------------------------------------------------------------------------ */
h1 {
	font-size: 80%;
	text-align: left;
	font-weight:normal;
	line-height:20px;
	color:#999999;
}

/* ロゴ
------------------------------------------------------------------------ */
#logo {
	width: 400px;
	margin-top:5px;
	height: 100px;
	float:left;
}

/* フッタ
------------------------------------------------------------------------ */
#footer {
	clear: both;
	padding: 2px;
	background-color: #E3E3E3;
	text-align: center;
}

/* フッター左側（Qlook） */
#footer_left {
	width: 200px;
	float: left;
	text-align: left;
}

/* フッター右側（コピーライト） */
#footer_right {
	width: 400px;
	padding: 0 4px 0 0;
	float: right;
	text-align: right;
}

#footer address {
	margin: 0 0 3px 0;
	font-size: 80%;
	color: #999999;
	font-style: normal;
}

/* グローバルナビ
------------------------------------------------------------------------ */
#g-navi {
	width: 560px;
	height: 101px;
	margin-top: 4px;
	float:left;
}

#g-navi ul li {
	float: left;
}

#g-navi ul li.n01 a {
	width: 111px;
	height: 101px;
	background: url(images/menu01.jpg) no-repeat;
	display:block;
	float:left;
}

#g-navi ul li.n01 a:hover {
	background: url(images/menu01_b.jpg) no-repeat;
}

#g-navi ul li.n02 a {
	width: 111px;
	height: 101px;
	background: url(images/menu02.jpg) no-repeat;
	display:block;
}

#g-navi ul li.n02 a:hover {
	background: url(images/menu02_b.jpg) no-repeat;
}

#g-navi ul li.n03 a {
	width: 111px;
	height: 101px;
	background: url(images/menu03.jpg) no-repeat;
	display:block;
}

#g-navi ul li.n03 a:hover {
	background: url(images/menu03_b.jpg) no-repeat;
}

#g-navi ul li.n04 a {
	width: 111px;
	height: 101px;
	background: url(images/menu04.jpg) no-repeat;
	display:block;
}

#g-navi ul li.n04 a:hover {
	background: url(images/menu04_b.jpg) no-repeat;
}

#g-navi ul li.n05 a {
	width: 111px;
	height: 101px;
	background: url(images/menu05.jpg) no-repeat;
	display:block;
}

#g-navi ul li.n05 a:hover {
	background: url(images/menu05_b.jpg) no-repeat;
}

/* フッターナビ
------------------------------------------------------------------------ */
#f-navi {
	width:360px;
	height:20px;
	display:block;
	margin-left:20px;
}
#f-navi ul li{
	float:left;
	margin-right:10px;
}

#f-navi ul li a {
	color: #666;
}
#f-navi ul li a:hover {
	color: #FD4811;
	text-decoration: none;
}

#f-navi ul li.fn_pp a {
	width:110px;
	height:20px;
	display:block;
	background: url(images/fnavi_pp.jpg) no-repeat;
	float: left;
}
#f-navi ul li.fn_pp a:hover {
	background: url(images/fnavi_pp_o.jpg) no-repeat;
	color: #FD4811;
}
#f-navi ul li.fn_sm a {
	width:70px;
	height:20px;
	display:block;
	background: url(images/fnavi_sm.jpg) no-repeat;
	float: left;
}
#f-navi ul li.fn_sm a:hover {
	background: url(images/fnavi_sm_o.jpg) no-repeat;
}



/* main-image
------------------------------------------------------------------------ */
#main-image {
	width: 960px;
	height: 380px;
	padding-bottom:4px;
	border-bottom:2px solid #65605B;
}

/* TOP・お知らせ
------------------------------------------------------------------------ */
#top_information_block {
margin: 0 auto 5px auto;
padding: 10px;
border: 1px solid #999;
}

#top_information_block_in {

}

#top_information_title_block {
margin: 0 auto 0px auto;
border-bottom: 1px dotted #999999;
}

#top_information_title_block h4 {
margin: 0 auto 0 auto;
padding: 0 0 10px 0;
font-size: 120%;
}
#top_information_title_block small {
font-size: 80%;
}

#top_information_block p {
line-height: 150%;
}

/* TOPページ　業務内容ナビ（services）
------------------------------------------------------------------------ */
#service_menu {
	width: 960px;
	margin-bottom:20px;
	display:block;
	float:lelt;
}
#service_menu p {
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#top_contents {
	width: 720px;
	float: left;
}
#ws h3 {
	text-align: left;
}
#ws h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_website.jpg) no-repeat;
	display: block;
}
#ws h3 a:hover {
	background: url(images/title_website_o.jpg) no-repeat;
}

#ns h3 {
	text-align: left;
}
#ns h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_onlineshop.jpg) no-repeat;
	display: block;
}
#ns h3 a:hover {
	background: url(images/title_onlineshop_o.jpg) no-repeat;
}

#sy h3 {
	text-align: left;
}
#sy h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_system.jpg) no-repeat;
	display: block;
}
#sy h3 a:hover {
	background: url(images/title_system_o.jpg) no-repeat;
}

#nt h3 {
	text-align: left;
}
#nt h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_network.jpg) no-repeat;
	display: block;
}
#nt h3 a:hover {
	background: url(images/title_network_o.jpg) no-repeat;
}

#top_side_banner {
	width: 240px;
	float:right;
}

#top_side_banner a:hover img {
	filter: alpha(opacity=60);
	opacity:0.6;
	background: #ffffff;
}

div.top_summary p {
	display:block;
	padding: 5px 20px 10px 20px;
}

div.summary p {
	height:130px;
	display:block;
	padding: 5px 20px 10px 20px;
}


/* TOPページ　くわしくはこちらボタン
------------------------------------------------------------------------ */
.button {
	vertical-align:bottom;
}

.button a{
	width:25px;
	height:25px;
	float:right;
	padding-right:20px;
	background: url(images/more.jpg) no-repeat;
}

.button a:hover{
	background: url(images/more_o.jpg) no-repeat;
}

/* バナーエリア
------------------------------------------------------------------------ */
#banner_area {
	width: 870px;
	margin:0 auto;
	padding-bottom:30px;
}

/* 外部サイトリンク
------------------------------------------------------------------------ */
#link_navi {
	width: 100%;
	height:auto;
	margin:20px 30px 0 30px;
	float:none;
}
#link_navi ul{
	display:block;
	width: 100%;
	height:60px;
	margin:0;
	padding:0;
	list-style:none;
}
#link_navi ul li{
	height:auto;
	float:left;
	margin:0;
	padding:0;
}

#l_osc_online {
	display:block;
	width: 225px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_osc_online.jpg) no-repeat;
}
#l_osc_online a {
	display:block;
	width: 225px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_osc_online.jpg) no-repeat;
}

#l_osc_online a:hover {
	background: url(images/link_osc_online_b.jpg) no-repeat;
}

#l_dec {
	display:block;
	width: 225px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_dec.jpg) no-repeat;
}
#l_dec a {
	display:block;
	width: 225px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_dec.jpg) no-repeat;
}

#l_dec a:hover {
	background: url(images/link_dec_b.jpg) no-repeat;
}

#l_support a {
	display:block;
	width: 225px;
	height: 60px;
	background: url(images/link_support.jpg) no-repeat;
}

#l_support a:hover {
	background: url(images/link_support_b.jpg) no-repeat;
}

#l_lfb a {
	display:block;
	width: 225px;
	height: 60px;
	margin-top:15px;
	background: url(images/link_lfb.jpg) no-repeat;
}

#l_lfb a:hover {
	background: url(images/link_lfb_b.jpg) no-repeat;
}

#l_ymobile a {
	display:block;
	width: 225px;
	height: 60px;
	margin-top:15px;
	background: url(images/link_ymobile.jpg) no-repeat;
}

#l_ymobile a:hover {
	background: url(images/link_ymobile_b.jpg) no-repeat;
}

#l_ohken a {
	display:block;
	width: 225px;
	height: 60px;
	margin-top:15px;
	background: url(images/link_ohken.jpg) no-repeat;
}

#l_ohken a:hover {
	background: url(images/link_ohken_b.jpg) no-repeat;
}

#l_agrie a {
	display:block;
	width: 225px;
	height: 60px;
	background: url(images/link_agrie.jpg) no-repeat;
}

#l_agrie a:hover {
	background: url(images/link_agrie_b.jpg) no-repeat;
}


#l_acer a {
	display:block;
	width: 225px;
	height: 60px;
	margin-top:15px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_acer.jpg) no-repeat;
}

#l_acer a:hover {
	background: url(images/link_acer_b.jpg) no-repeat;
}

#l_yayoi a {
	display:block;
	width: 225px;
	height: 60px;
	margin-top:15px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_yayoi.jpg) no-repeat;
}

#l_yayoi a:hover {
	background: url(images/link_yayoi_b.jpg) no-repeat;
}

#l_namitatsu a {
	display:block;
	width: 180px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_namitatsu.jpg) no-repeat;
}

#l_namitatsu a:hover {
	background: url(images/link_namitatsu_b.jpg) no-repeat;
}

#l_challenge25 a {
	display:block;
	width: 180px;
	height: 60px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_challenge25.jpg) no-repeat;
}

#l_challenge25 a:hover {
	background: url(images/link_challenge25_b.jpg) no-repeat;
}


#l_em a {
	display:block;
	width: 180px;
	height: 60px;
	margin-top:15px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_em.jpg) no-repeat;
}

#l_em a:hover {
	background: url(images/link_em_b.jpg) no-repeat;
}

#l_uqwimax a {
	display:block;
	width: 180px;
	height: 60px;
	margin-top:15px;
/* 	border-right:2px solid #cccccc;*/
	background: url(images/link_uqwimax.jpg) no-repeat;
}

#l_uqwimax a:hover {
	background: url(images/link_uqwimax_b.jpg) no-repeat;
}

#l_omotehama a {
	display:block;
	width: 180px;
	height: 60px;
	margin-top:15px;
	background: url(images/link_omotehama.jpg) no-repeat;
}

#l_omotehama a:hover {
	background: url(images/link_omotehama_b.jpg) no-repeat;
}



/* サポートサービス　ウインドウを閉じる
------------------------------------------------------------------------ */
#win_close {
	margin:40px 200px 0 0;
	text-align:right;
	}


/* ヘッダレフト
------------------------------------------------------------------------
#h-left {
	width: 300px;
	display:block;
	float:left;
}*/

/* ヘッダライト
------------------------------------------------------------------------
#h-right {
	width: 390px;
	display:block;
	float:right;
}*/

/* パンくずリスト
------------------------------------------------------------------------ */

#topic_path {
	font-size:18px;
	text-align:right;
	margin:10px 20px 10px 0;
}


/* コンテンツ　
------------------------------------------------------------------------ */
#contents {
	width: 940px;
	margin:0 10px 20px 10px;
}

#contents h2 {
	height:40px;
	text-align:left;
	text-indent:48px;
	line-height:50px;
	font-size:18px;
	color:#666666;
	margin:10px 0 15px 12px;
	background: url(images/titleimage02.jpg) no-repeat;
	}

#contents h3 {
	height:24px;
	text-align:left;
	text-indent:30px;
	line-height:22px;
	font-size:15px;
	color:#666666;
	margin-left:65px;
	margin-top:10px;
	background: url(images/titleimage03.jpg) no-repeat;
}

#contents p {
	text-align:left;
	line-height:20px;
	padding:10px 50px 20px 80px;
}

#contents hr {
	height: 1px;
	border-size: 1px;
	border-color #cccccc;
}

/* コンテンツ　箇条書き
------------------------------------------------------------------------ */
#contents ul{
	margin: 0 0 20px 100px;
}
#contents ul li{
	list-style-image:url(images/listimage.jpg);
	line-height:20px;
	text-align:left;
	vertical-align:top;
	text-indent:10px;
	margin:0;
	padding-bottom:10px;
}

/* コンテンツ　業務内容　
------------------------------------------------------------------------ */
#service_area{
	width:930px;
	}

.service_navi{
	width:380px;
	border-color:#666666;
	border:solid 1px;
	margin:10px 0 20px 50px;
	padding:10px;
	float:left;
	}　

/* 業務内容ページ　くわしくはこちらボタン
------------------------------------------------------------------------ */
.button_service {
}

.button_service a{
	vertical-align:bottom;
	margin-right:20px;
	margin-top:10px;
	display:block;
	width:120px;
	height:23px;
	float:right;
	background: url(images/more_service.jpg) no-repeat;
}

.button_service a:hover{
	background: url(images/more_service_o.jpg) no-repeat;
}


/* コンテンツ　ウェブサイト制作　
------------------------------------------------------------------------ */
#flow {
width:800px;
margin:0 auto;
padding: 0;
text-align: center;
}

#flow h2{
	text-align: left;
	margin: 15px 0 15px 20px;
	font-size:16px;
	color:#666666;
}

#flow h3{
	text-align: left;
	text-indent: 0;
	margin: 0 0 10px 0  !important;
	background-image:none;
}

.arrow_block {
width: 60px;
margin: 0px 0 10px 0;
padding: 0;
display: block;
float: left;
}
.arrow{
width:30px;
height:24px;
margin:0 0 0 20px;
background: url(images/arrow.jpg) no-repeat;
}

.steptext{
width:680px;
margin: 0;
float: right;
text-align: left;
line-height: 170%;
}


/* コンテンツ　webサイト制作　制作事例へリンク　
------------------------------------------------------------------------ */
.link_works a {
	width: 220px;
	height: 30px;
	background: url(images/button_works.jpg) no-repeat;
	display:block;
	float:right;
}
.link_works a:hover {
	background: url(images/button_works_o.jpg) no-repeat;
}
/* コンテンツ　works　webサイト制作事例制作事例
------------------------------------------------------------------------ */
.works_area {
	width: 900px;
	margin: 0 auto !important;
	text-align:center !important;
}

.works_area table{
width:800px;
margin:20px 0 30px 50px;
border-collapse: collapse;
border:1px solid #666;
}
.works_area th {
text-align: left;
width:24%;
color: #444;
border: 1px  solid #666;				/* 項目欄の点線 */
background-color:#FFD7CE;
font-weight:normal;
padding: 4px;
}
.works_area td{
text-align: left;
color: #666;
border: 1px  solid #666;			/* 項目欄の点線 */
padding: 4px;
}

dl.work_thumbnail {
	width: 214px !important;
	height: 270px;
	margin: 0 5px 0 5px !important;
	padding: 0 !important;
	text-align:left !important;
	float: left !important;				/* 左回り込み */
}
dl.work_thumbnail img {
	border: 1px solid #bbb !important;		/* 画像に 2pxの枠 */
}
dl.work_thumbnail a {
	display: block !important;
}							/* リンクをブロックレベルへ */
dl.work_thumbnail dt {
	width: 210px !important;
	margin: 0 !important;
	padding: 0 0 0 22px !important;
	background:url(images/titleimage04.jpg) no-repeat !important;
	background-position: left 4px !important;
	display:block;
	line-height: 200% !important;
	text-align: left !important;
}
dl.work_thumbnail dt p {
	margin: 0 !important;
	padding: 0 !important;
}
dl.work_thumbnail dd {
	width: 210px;
	margin: 0 0 20px 0 !important;
	padding: 0 0 6px 0 !important;
	border-bottom: 1px dotted #666;
	display:block;
	text-align: left !important;
	text-indent: 0 !important;
}
dl.work_thumbnail dd p {
	margin: 0 !important;
	padding: 0 !important;
}
dl.work_thumbnail dd small {
	margin: 0 !important;
	font-size: 90% !important;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }


/* コンテンツ
------------------------------------------------------------------------
#c-contents {
	width: 600px;
	margin: 0 5px 20px 5px;
	text-align: left;
}

#c-contents h2 {
	height: 34px;
	margin: 0 0 10px 0;
	background: url(images/title-black.jpg) no-repeat;
	font-size: 90%;
	color: #ffffff;
	line-height: 290%;
	text-align: left;
	text-indent: 30px;
}

#c-contents h3 {
	height: 30px;
	margin: 0 0 15px 0;
	background: url(images/title-gray.jpg) no-repeat;
	font-size: 100%;
	color: #ffffff;
	line-height: 230%;
	text-indent: 30px;
}

#c-contents h4 {
	height: 34px;
	margin: 0 0 15px 0;
	background: url(images/title-h4.jpg) no-repeat;
	font-size: 100%;
	color: #333333;
	line-height: 230%;
	text-indent: 15px;
}

#c-contents p {
	margin: 0 0 15px 0;
}

#c-contents ul {
	margin: 0 0 15px 30px;
}

#c-contents ul li {
	margin: 5px 0 5px 0;
	background: none !important;
	list-style-type: circle !important;
}

#c-contents ol {
	margin: 0 0 15px 30px;
}

#c-contents ol li {
	margin: 5px 0 5px 0;
	list-style-type: normal;
}
*/
/* ネットショップ
------------------------------------------------------------------------ */
.netshop_area {
height:700px;
margin:20px 0 30px 0;
text-align:left;
}

/* システム
------------------------------------------------------------------------ */
#t_system {
width: 850px;
margin-left:54px;
}

#t_system table{
margin:16px;
border-collapse: collapse;
border:1px solid #666;
}

#t_system th {
text-align: left;
width:22%;
color: #444;
border: 1px  solid #666;				/* 項目欄の点線 */
background-color:#FFD7CE;
font-weight:normal;
padding: 7px;
}

#t_system td{
text-align: left;
color: #666;
border: 1px  solid #666;			/* 項目欄の点線 */
padding: 7px;

}


/* 会社概要
------------------------------------------------------------------------ */
.profile_area {
height:auto;
margin:0 0 30px 0;
text-align:left;
}

.profile_left {
width:450px;
text-align:left;
float:left;
margin-right:20px;
margin-left:60px;
}

.profile_right {
width:370px;
margin-right:20px;
text-align:left;
float:right;
}

.profile_right p {
font-size:14px !important;
font-weight:bold !important;
line-height:14px !important;
padding:3px 0 10px 0 !important;
color:#FF3300 !important;
}


.t_profile {
border-collapse: separate;
width: 450px;
text-align: left;
}

.t_profile th {
width:105px;
color: #333;
	border-left: 8px solid #FF6600;					/* 項目欄左のマーク */
	border-bottom: 1px  solid #FF6600;				/* 項目欄の点線 */
	font-weight:normal;
padding: 4px 0 4px 20px;
}

.t_profile td{
color: #666;
	border-bottom: 1px dotted #333;				/* 項目欄の点線 */
padding: 4px 0 4px 20px;

}

/* サイトマップ
------------------------------------------------------------------------ */
.sm_area {
height:250px;
margin:20px 0 0 30px;
text-align:left;
}

.sm_area p {
font-size:14px;
text-align:left;
background:url(images/titleimage03.jpg) no-repeat;
padding:0 0 15px 30px !important;
margin-left:60px;
margin-top:20px;
}
.sm_area ul{
	margin: 0 0 20px 50px;
}
.sm_area ul li{
	list-style-image:url(images/listimage02.jpg) !important;
	line-height:14px !important;
}
.sm_area a {
	color: #666666;
}

.sm_area a:hover {
	color: #ff9900;
	text-decoration: none;
}

.sm_left {
width:450px;
margin: 0 0 0 0;
text-align:left;
float:left;
}

.sm_right {
width:450px;
margin: 0 0 0 0;
text-align:left;
float:right;
}




/* プライバシーポリシー
--------------------------------------------------- */
#pp_area {
	margin:20px 40px 10px 38px;
}
#pp_area h2 {
	height:24px;
	margin:0;
	text-align:left;
	text-indent:25px;
	line-height:22px;
	font-size:15px;
	background: url(images/titleimage03.jpg) no-repeat;
}
#pp_area p {
	text-align:left;
	margin-left:0;
	padding-left:26px;
	line-height:18px;
	font-size:12px;
}
#pp_area ol {
	text-align:left;
	padding-left:46px;
	margin-top:10px;
	margin-bottom:20px;
	}

#pp_area li {
	text-align:left;
	line-height:20px;
	font-size:12px;
	list-style:decimal;
}

/* お問合せ
--------------------------------------------------- */
#contact_area {
	margin-left:75px;
}
/* お問合せフォーム
--------------------------------------------------- */
#contact-form {
	margin: 0 auto 0 auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

/* お問合せフォーム大枠ボーダーカラー
--------------------------------------------------- */
#contact-form table {
	width: 750px;	/* フォーム全体の横幅 */
	border-spacing:10px;
}

/* お問合せフォーム項目レイアウト
--------------------------------------------------- */
#contact-form table th {
	border-left: 8px solid #FF6600;					/* 項目欄左のマーク */
	border-top: 1px  solid #FF6600;				/* 項目欄の点線 */
	padding-left: 10px;								/* 項目欄左のスペース */
	color: #333333;									/* 項目欄の文字カラー */
	text-align: left;								/* 項目欄の文字寄せ */
	font-weight: normal;							/* 項目欄の文字の太さ */
	}

/* お問合せフォーム入力欄レイアウト
--------------------------------------------------- */
#contact-form table td {
/*	border-bottom: 1px dotted #FE4812;				 フォーム欄の点線 */
	text-align:left;
}

/* 必須事項マーカー
--------------------------------------------------- */
#contact-form span.red {
	color: #ff0000;
}

/* 入力モード自動切り替え
--------------------------------------------------------- */
.form-active {
	ime-mode: active;
}

.form-inactive {
	ime-mode: inactive;
}

/* 送信ボタン
--------------------------------------------------------- */
.submit {
	width: 550px;
}

.submit input {
	width: 177px;
	height: 30px;
	margin: 20px auto;
	display:block;
	border: 1px double #cccccc;
	background-color: #F6F6F6;
	text-align: center;
}

.submit input:hover {
	cursor:pointer;
	background-color: #Ffffff;
}
/*必須項目の説明
--------------------------------------------------------- */
.asterisk {
	font-size:11px;
	line-height:14px !important;
	text-align:left;
	padding: 5px 0 0 100px !important;
	}

/* リモート接続サービス
--------------------------------------------------- */
#ass_area {
	margin:20px 40px 10px 38px;
}

#ass_area ul li {
	background: none !important;
	text-align:left;
	line-height:20px;
	font-size:12px;
	list-style-image:none !important;
}
/* あんしんサポートサービス導入事例
--------------------------------------------------- */
#jirei_area {
width: 900px; margin-left: 50px;}
#jirei_area h2 {
font-size:130%; background:none; font-weight:normal; margin:20px 0 0 0;text-indent:10px;font-weight:bold;}
#jirei_area h3 {
font-size:110%; background:none; font-weight:normal; margin-left:20px;text-indent:10px;color:#FD4811;
}
#jirei_area p {
	text-align:left;
	line-height:20px;
	padding:0 30px 20px 30px;
}
#jirei_area ul {
	margin: 20px 30px;}
#jirei_area ul li {
	list-style:circle;
	line-height:14px;
	padding-bottom:4px;
	margin-left:30px;
}
.jirei {
width: 900px; margin:0 auto;}
.jirei_l {
float: left; width: 240px; margin-top:14px;}
.jirei_l img {
margin:10px;}
.jirei_r {
float: right; width: 650px;}

/* あんしんサポートサービス
--------------------------------------------------- */
.anshin_supportplan_block_width {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#anshin_supportplan_block {
margin: 0 auto;
text-align:center;
}
#anshin_supportplan_block h2 {
}
#anshin_supportplan_block h3 {
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block h4 {
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block p {
margin: 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block img {
}
.anshinsupport_paragraph {
margin-left: 30px;
text-align: left;
line-height: 180%;
}

/* ペット霊園向け顧客管理
--------------------------------------------------- */
.pet_kokyakukanri_block_width {
width: 840px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#pet_kokyakukanri_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#pet_kokyakukanri_block h4 {
margin: 0;
padding: 0;
text-align:left;
}
#pet_kokyakukanri_block p {
margin: 0;
padding: 0;
text-align:left;
}


/* シンプルプラン
--------------------------------------------------- */
.simpleplan_block_width {
width: 800px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#web_simpleplan_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#web_simpleplan_block img {
}
#web_simpleplan_block h4 {
margin: 0;
padding: 0;
text-align:left;
}
#web_simpleplan_block p {
margin: 0;
padding: 0;
text-align:left;
}
.web_simpleplan_paragraph {
margin-left: 30px;
text-align: left;
}

/* サーバーリプレイス
--------------------------------------------------- */
.server_block_width {
width: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
#server_block img {
width: auto;
height: auto;
max-width: 840px;
max-height: auto;
}

/* 税制優遇
--------------------------------------------------- */
.zeiseiyugu_block_width {
width: 850px;
margin: 0 auto;
padding: 0;
text-align: center;
}
#zeiseiyugu_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#zeiseiyugu_block p {
margin: 0 ;
padding: 0;
text-align:left;
font-size:130px;
}
#banner_zeisei {
}
/* VPN構築
--------------------------------------------------- */
.vpn_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#vpn_block {
width: 794px;
margin: 0 auto;
text-align:center;
}
#vpn {
text-align:left;
font-size:130%; 
}
#vpn h3 {
font-size:140%; 
background:none; 
margin-left:20px;
text-indent:10px;
}

#efficiency {
width:580px;
height:199px;
margin: 0 auto;
background:url(images/image_vpn02_bg.jpg) no-repeat;
text-align:left;
}
#efficiency p {
padding-top:50px;
padding-left:40px;
font-size:20px;
line-height:130%;
}

#plan {
width:794px;
height:257px;
margin: 0 auto;
background:url(images/image_vpn03_bg.jpg) no-repeat;
}

#plantext {
width:750px;
padding-top:54px;
padding-left:40px;
}
#plantext p {
font-size:18px;
line-height:140%;
}
.image_center {
margin:0 auto;
text-align:center;
}
.price {
font-size: 36px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-left:260px;
}
.text_l {
font-size: 26px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:130%;
}

/* NAS導入サポート
--------------------------------------------------- */
.nas_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#nas_block {
width: 794px;
margin: 0 auto;
text-align:center;
}
#nas {
text-align:left;
font-size:130%; 
}
#nas h3 {
font-size:140%; 
background:none; 
margin-left:20px;
text-indent:10px;
}

#merit {
width:582px;
height:226px;
margin: 0 auto;
background:url(images/image_nas02_bg.jpg) no-repeat;
text-align:left;
}
#merit p {
padding-top:50px;
padding-left:40px;
font-size:20px;
line-height:130%;
}

#plan_nas {
width:794px;
height:280px;
margin: 0 auto;
background:url(images/image_nas04_bg.jpg) no-repeat;
}

#plantext_nas {
width:750px;
padding-top:38px;
padding-left:40px;
}
#plantext_nas p {
font-size:18px;
line-height:140%;
}
.text_m {
font-size: 18px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:130%;
}
.price_nas {
font-size: 36px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-left:160px;
}


/* NAS導入サポート
--------------------------------------------------- */
.nw_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#nw_block {
width: 794px;
margin: 0 auto;
text-align:center;
}
#nw {
text-align:left;
font-size:130%; 
}

#plan_nw {
width:794px;
height:317px;
margin: 0 auto;
background:url(images/image_nw05_bg.jpg) no-repeat;
}

#plantext_nw {
width:750px;
padding-top:50px;
padding-left:40px;
}
#plantext_nw p {
font-size:18px;
line-height:140%;
}
.price_nw {
font-size: 36px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-left:200px;
}




/* スマホサイズ調整 */
@media (max-width: 480px) {
/* ブロックレイアウト
------------------------------------------------------------------------ */
#base {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}
/* ヘッダ
------------------------------------------------------------------------ */
#header {
	width: 100%;
	height: auto;
	border-top:4px solid #ff6600;
	border-bottom:2px solid #65605B;
	margin-bottom:4px;
}
/* ロゴ
------------------------------------------------------------------------ */
#logo {
	width: 300px;
	margin-top:5px;
	height: auto;
	float:none;
}
#logo img {
width: 300px;
height: auto;
}
/* フッター左側（Qlook） */
#footer_left {
	width: 100%;
	float: left;
	text-align: left;
}
/* フッター右側（コピーライト） */
#footer_right {
	width: 100%;
	padding: 0 4px 0 0;
	float: none;
	text-align: right;
}
/* グローバルナビ
------------------------------------------------------------------------ */
#g-navi {
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	float:none;
	text-align: center;
}

#g-navi ul li {
	width: 100%;
	height: auto;
	float: none;
	margin: 0 auto 2px auto;
	font-weight: normal;
}

#g-navi ul li a {
	width: 100% !important;
	height: 40px !important;
	padding: 10px auto 10px auto !important;
	background: #FF8737 !important;
	float:none !important;
	color: #fff;
	display: block;
	line-height: 350%;
}

#g-navi ul li a:hover {
	text-decoration: none;
	background-color: #FFBF95 !important;
	color: #FF6600;
}

#g-navi ul li a b {
display: inline;
}
#g-navi ul li a span {
display: inline;
}

/* フッターナビ
------------------------------------------------------------------------ */
#f-navi {
	width:100%;
	height:20px;
	display:block;
	margin-left:0px;
}
#f-navi ul li{
	float: left;
	margin-right:0px;
}

#f-navi ul li.fn_pp a {
	width:110px;
	height:20px;
	display:block;
	background: url(images/fnavi_pp.jpg) no-repeat;
	float: none;
}
#f-navi ul li.fn_pp a:hover {
	background: url(images/fnavi_pp_o.jpg) no-repeat;
}
#f-navi ul li.fn_sm a {
	width:70px;
	height:20px;
	display:block;
	background: url(images/fnavi_sm.jpg) no-repeat;
	float: none;
}
#f-navi ul li.fn_sm a:hover {
	background: url(images/fnavi_sm_o.jpg) no-repeat;
}

/* main-image
------------------------------------------------------------------------ */
#main-image {
width: 320px;
padding-bottom:4px;
border-bottom:2px solid #65605B;
}

/* パンくずリスト
------------------------------------------------------------------------ */
#topic_path {
	font-size:12px;
	text-align:right;
	margin:0 0 10px 0;
}
/* ページトップ
------------------------------------------------------------------------ */
.pagetop a{
	background: url(images/pagetop.jpg) no-repeat;
	width: 90px;
	height: 20px;
	float:right;
	display:block;
	}
.pagetop a:hover{
	background: url(images/pagetop_o.jpg) no-repeat;
	}

/* コンテンツ　
------------------------------------------------------------------------ */
#contents {
	width: 100%;
	margin:0;
	padding: 0;
}

#contents h2 {
height:40px;
text-align:left;
text-indent:48px;
line-height:50px;
font-size:18px;
color:#666666;
margin:10px 0 15px 12px;
background: url(images/titleimage02.jpg) no-repeat;
}

#contents h3 {
	height:24px;
	text-align:left;
	text-indent:30px;
	line-height:22px;
	font-size:15px;
	color:#666666;
margin: 0 0 10px 30px;
	background: url(images/titleimage03.jpg) no-repeat;
}

#contents p {
	text-align:left;
	line-height:20px;
	padding:10px 50px 20px 50px;
}

#contents hr {
	height: 1px;
	border-size: 1px;
	border-color: #cccccc;
}

/* TOPページ　業務内容ナビ（services）
------------------------------------------------------------------------ */
#service_menu {
	width: 100%;
	margin-bottom:20px;
	display:block;
	float:none;
}
#service_menu p {
	font-size:12px;
	line-height:16px;
	text-align:left;
}

#top_contents {
	width: 100%;
	float: none;
}
#ws h3 {
	text-align: left;
}
#ws h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_website.jpg) no-repeat;
	display: block;
}
#ws h3 a:hover {
	background: url(images/title_website_o.jpg) no-repeat;
}

#ns h3 {
	text-align: left;
}
#ns h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_onlineshop.jpg) no-repeat;
	display: block;
}
#ns h3 a:hover {
	background: url(images/title_onlineshop_o.jpg) no-repeat;
}

#sy h3 {
	text-align: left;
}
#sy h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_system.jpg) no-repeat;
	display: block;
}
#sy h3 a:hover {
	background: url(images/title_system_o.jpg) no-repeat;
}

#nt h3 {
	text-align: left;
}
#nt h3 a {
	width: 240px;
	height:40px;
	margin: 0;
	padding:0;
	background: url(images/title_network.jpg) no-repeat;
	display: block;
}
#nt h3 a:hover {
	background: url(images/title_network_o.jpg) no-repeat;
}

#top_side_banner {
	width: 100%;
	height: auto;
	float:none;
}
#top_side_banner img {
	width: 80%;
	height: auto;
	margin: 0 0 0 30px;
}
#top_side_banner a:hover img {
	filter: alpha(opacity=60);
	opacity:0.6;
	background: #ffffff;
}

div.top_summary p {
	display:block;
	padding: 5px 20px 10px 20px;
}

/* 外部サイトリンク
------------------------------------------------------------------------ */
#link_navi {
width: 100%;
height:auto;
margin:0 0 0 30px;
}
#link_navi ul {
display: inline;
width: auto;
height:auto;
margin:0;
padding:0;
list-style:none;
text-align: left;
}
#link_navi ul li{
width: auto;
height:auto;
margin:0;
padding:0;
background: none;
float: left;
}

#l_osc_online a {
width: 155px;
height: 60px;
background: url(images/link_osc_online.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
float: left !important;
}
#l_osc_online a:hover {
background: url(images/link_osc_online_b.jpg) no-repeat;
}


#l_dec a {
width: 155px;
height: 60px;
background: url(images/link_dec.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_dec a:hover {
background: url(images/link_dec_b.jpg) no-repeat;
}

#l_agrie a {
width: 155px;
height: 60px;
background: url(images/link_agrie.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_agrie a:hover {
background: url(images/link_agrie_b.jpg) no-repeat;
}

#l_support a {
width: 155px;
height: 60px;
background: url(images/link_support.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_support a:hover {
background: url(images/link_support_b.jpg) no-repeat;
}

#l_lfb a {
width: 155px;
height: 60px;
background: url(images/link_lfb.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_lfb a:hover {
background: url(images/link_lfb_b.jpg) no-repeat;
}

#l_ymobile a {
width: 155px;
height: 60px;
background: url(images/link_ymobile.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_ymobile a:hover {
background: url(images/link_ymobile_b.jpg) no-repeat;
}

#l_ohken a {
width: 155px;
height: 60px;
background: url(images/link_ohken.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_ohken a:hover {
background: url(images/link_ohken_b.jpg) no-repeat;
}

#l_yayoi a {
width: 155px;
height: 60px;
background: url(images/link_yayoi.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_yayoi a:hover {
background: url(images/link_yayoi_b.jpg) no-repeat;
}

#l_acer a {
width: 155px;
height: 60px;
background: url(images/link_acer.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_acer a:hover {
background: url(images/link_acer_b.jpg) no-repeat;
}

#l_namitatsu a {
width: 155px;
height: 60px;
background: url(images/link_namitatsu.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_namitatsu a:hover {
	background: url(images/link_namitatsu_b.jpg) no-repeat;
}

/* 現在非公開バナー
#l_challenge25 a {
width: 155px;
height: 60px;
background: url(images/link_challenge25.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
	display:block;
}
#l_challenge25 a:hover {
background: url(images/link_challenge25_b.jpg) no-repeat;
}


#l_em a {
width: 145px;
height: 60px;
background: url(images/link_em.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_em a:hover {
background: url(images/link_em_b.jpg) no-repeat;
}

#l_uqwimax a {
width: 145px;
height: 60px;
background: url(images/link_uqwimax.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
display:block;
}
#l_uqwimax a:hover {
	background: url(images/link_uqwimax_b.jpg) no-repeat;
}

#l_omotehama a {
width: 145px;
height: 60px;
background: url(images/link_omotehama.jpg) no-repeat;
display:block;
}

#l_omotehama a:hover {
	background: url(images/link_omotehama_b.jpg) no-repeat;
}

/* フッター左側（Qlook） */
#footer_left {
	width: 70px;
	float: left;
	text-align: left;
}

/* フッター右側（コピーライト） */
#footer_right {
	width: 240px;
	padding: 0 4px 0 0;
	float: right;
	text-align: right;
}

#footer address {
	margin: 0 0 3px 0;
	font-size: 60%;
	color: #999999;
	font-style: normal;
}

/* コンテンツ　業務内容　
------------------------------------------------------------------------ */
#service_area{
width:100%;
}

.service_navi{
width:310px;
border-color:#666666;
border:solid 1px #ccc;
margin:10px 0 20px 15px;
padding:10px;
text-indent: 0;
float:none;
text-align: left;
}
.service_navi img {
width: auto;
height: auto;
max-width: 290px;
}
.summary {
width: 100%;
height:auto;
margin: 10px !important;
padding: 0 !important;
}
.summary p {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
/* 業務内容ページ　くわしくはこちらボタン
------------------------------------------------------------------------ */
.button_service {
width: 100%;
}
.button_service a{
	vertical-align:bottom;
	margin:0;
	padding: 0;
	display:block;
	width:120px;
	height:23px;
	float:right;
	background: url(images/more_service.jpg) no-repeat;
}

.button_service a:hover{
	background: url(images/more_service_o.jpg) no-repeat;
}

/* システム
------------------------------------------------------------------------ */
#t_system {
width: 100%;
margin:0;
padding:0;
}

#t_system table{
width: 88%;
margin:0 0 0 35px;
padding: 0;
border-collapse: collapse;
border:1px solid #666;
}

#t_system th {
text-align: left;
width:27%;
color: #444;
border: 1px  solid #666;				/* 項目欄の点線 */
background-color:#FFD7CE;
font-weight:normal;
padding: 7px;
}

#t_system td{
text-align: left;
color: #666;
border: 1px  solid #666;			/* 項目欄の点線 */
padding: 7px;

}

/* ウェブサイト制作　
------------------------------------------------------------------------ */
#flow {
width:100%;
margin:0 auto;
padding: 0;
text-align: center;
}

#flow h2{
	text-align: left;
	margin: 15px 0 15px 20px;
	font-size:16px;
	color:#666666;
}

#flow h3{
	text-align: left;
	text-indent: 0;
	margin: 0 0 0px 30px  !important;
	background-image:none;
}
#flow h3 img {
width: 100%;
height: auto;
}
.arrow_block {
width: 40px;
margin: 0px 0 10px 30px;
padding: 0;
display: block;
float: left;
}
.arrow{
width:20px;
height:24px;
margin:0 0 0 20px;
background: url(images/arrow.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
}

.steptext{
width:280px;
margin: 0;
float: right;
text-align: left;
line-height: 170%;
}

/* ネットショップ
------------------------------------------------------------------------ */
.netshop_area {
height:auto;
margin: 0;
text-align:left;
}
.netshop_area img {
width: 100%;
height: auto;
}

/* works システム実績
------------------------------------------------------------------------ */
.works_area {
width: 100%;
margin:0;
padding:0;
}

.works_area table{
width: 85% !important;
margin:0 0 0 35px;
padding: 0;
border-collapse: collapse;
border:1px solid #666;
}

.works_area th {
text-align: left;
width:30%;
color: #444;
border: 1px  solid #666;				/* 項目欄の点線 */
background-color:#FFD7CE;
font-weight:normal;
padding: 7px;
}

.works_area td{
text-align: left;
color: #666;
border: 1px  solid #666;			/* 項目欄の点線 */
padding: 7px;

}
/* webサイト制作　制作事例へリンク　
------------------------------------------------------------------------ */
.link_works a {
	width: 220px;
	height: 30px;
	background: url(images/button_works.jpg) no-repeat;
	display:block;
	float:right;
}
.link_works a:hover {
	background: url(images/button_works_o.jpg) no-repeat;
}


/* works　webサイト制作事例制作事例
------------------------------------------------------------------------ */
.works_area {
	width: 100%;
	margin: 0 auto !important;
	text-align:center !important;
}

.works_area table{
width:100%;
margin:0 0 0 30px;
border-collapse: collapse;
border:1px solid #666;
}
.works_area th {
text-align: left;
width:24%;
color: #444;
border: 1px  solid #666;				/* 項目欄の点線 */
background-color:#FFD7CE;
font-weight:normal;
padding: 4px;
}
.works_area td{
text-align: left;
color: #666;
border: 1px  solid #666;			/* 項目欄の点線 */
padding: 4px;
}

dl.work_thumbnail {
	width: 220px !important;
	margin: 0 0 0 60px !important;
	padding: 0 !important;
	text-align:center !important;
float: none !important;				/* 左回り込み解除 */
}
dl.work_thumbnail img {
	border: 1px solid #bbb !important;		/* 画像に 2pxの枠 */
}
dl.work_thumbnail a {
	display: block !important;
}							/* リンクをブロックレベルへ */
dl.work_thumbnail dt {
	width: 210px !important;
	margin: 0 !important;
	padding: 0 0 0 22px !important;
	background:url(images/titleimage04.jpg) no-repeat !important;
	background-position: left 4px !important;
	display:block;
	line-height: 200% !important;
	text-align: left !important;
}
dl.work_thumbnail dt p {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
dl.work_thumbnail dd {
	width: 210px;
	margin: 0 0 20px 0 !important;
	padding: 0 0 6px 0 !important;
	border-bottom: 1px dotted #666;
	display:block;
	text-align: left !important;
	text-indent: 0 !important;
}
dl.work_thumbnail dd p {
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
dl.work_thumbnail dd small {
	font-size: 90% !important;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* 会社概要
------------------------------------------------------------------------ */
.profile_area {
height:auto;
margin:0;
text-align:left;
}
/* 会社概要・左カラム
------------------------------------------------------------------------ */
.profile_left {
width:100%;
text-align:left;
float:none;
margin-right:0px;
margin-left:0px;
}
/* 会社概要・右カラム
------------------------------------------------------------------------ */
.profile_right {
width:100%;
margin-right:0px;
padding-left: 25px;
text-align:left;
float:none;
}
/* 会社概要・右項目欄　Pタグ
------------------------------------------------------------------------ */
.profile_right p {
font-size:14px !important;
font-weight:bold !important;
line-height:14px !important;
padding:3px 0 10px 0 !important;
color:#FF3300 !important;
}
/* 会社概要・右項目欄　iframeタグ
------------------------------------------------------------------------ */
.profile_right iframe {
width: 310px;
}
/* 会社概要・テーブル
------------------------------------------------------------------------ */
.t_profile {
border-collapse: separate;
width: 90%;
margin-left: 25px;
text-align: left;
}
/* 会社概要・左項目欄
------------------------------------------------------------------------ */
.t_profile th {
width:90px;
color: #333;
border-left: 8px solid #FF6600;					/* 項目欄左のマーク */
border-bottom: 1px  solid #FF6600;				/* 項目欄の点線 */
font-weight:normal;
padding: 4px 0 4px 10px;
}
/* 会社概要・右項目欄
------------------------------------------------------------------------ */
.t_profile td{
color: #666;
border-bottom: 1px dotted #333;				/* 項目欄の点線 */
padding: 4px 0 4px 10px;

}

/* お問合せ
--------------------------------------------------- */
#contact_area {
	margin-left:10px;
}
/* お問合せフォーム
--------------------------------------------------- */
#contact-form {
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

/* お問合せフォーム大枠ボーダーカラー
--------------------------------------------------- */
#contact-form table {
width: auto;	/* フォーム全体の横幅 */
margin: 0 auto;
border-collapse: separate;
border-spacing:1px;
}

/* お問合せフォーム項目レイアウト
--------------------------------------------------- */
#contact-form table th {
	width: 90px;
	border-left: 8px solid #FF6600;					/* 項目欄左のマーク */
	border-top: 1px  solid #FF6600;				/* 項目欄の点線 */
	padding: 10px;								/* 項目欄左のスペース */
	color: #333333;									/* 項目欄の文字カラー */
	text-align: left;								/* 項目欄の文字寄せ */
	font-weight: normal;							/* 項目欄の文字の太さ */
	}

/* お問合せフォーム入力欄レイアウト
--------------------------------------------------- */
#contact-form table td {
/*	border-bottom: 1px dotted #FE4812;				 フォーム欄の点線 */
	padding: 10px;
	text-align:left;
}

#contact-form table td input {
max-width: 160px;
}
#contact-form table td select {
max-width: 160px;
}
#contact-form table td textarea {
max-width: 160px;
}
/*必須項目の説明
--------------------------------------------------------- */
.asterisk {
font-size:11px;
line-height:14px !important;
text-align:left !important;
text-indent: 0 !important;
margin: 0 0 20px 0px !important;
padding: 0 !important;
}

/* 必須事項マーカー
--------------------------------------------------- */
#contact-form span.red {
	color: #ff0000;
}

/* 入力モード自動切り替え
--------------------------------------------------------- */
.form-active {
	ime-mode: active;
}

.form-inactive {
	ime-mode: inactive;
}

/* 送信ボタン
--------------------------------------------------------- */
.submit {
	width: 100%;
}

.submit input {
	width: 177px;
	height: 30px;
	margin: 20px auto;
	display:block;
	border: 1px double #cccccc;
	background-color: #F6F6F6;
	text-align: center;
}

.submit input:hover {
	cursor:pointer;
	background-color: #Ffffff;
}
/*必須項目の説明
--------------------------------------------------------- */
.asterisk {
	font-size:11px;
	line-height:14px !important;
	text-align:left;
	padding: 5px 0 0 100px !important;
	}

/* プライバシーポリシー
--------------------------------------------------- */
#pp_area {
width: 100%;
margin:0 auto;
padding: 0;
}
#pp_area_in {
	width: 94%;
	margin:0 auto;
	padding: 0;
}
#pp_area h1 {
margin: 0 0 10px 0;
padding: 0;
text-indent: 0;
line-height: 100%;
}

#pp_area h1 img {
width: 300px;
height: auto;
}
#pp_area h2 {
	height:24px;
	margin:0 0 10px 0;
	padding: 0 0 0 25px;
	text-align:left;
	text-indent:0px;
	line-height:140%;
	font-size:15px;
	background: url(images/titleimage03.jpg) no-repeat;
}

#pp_area p {
	text-align:left;
margin: 0 0 10px 25px;
padding: 0;
	line-height:160%;
	font-size:12px;
}
#pp_area ol {
	text-align:left;
margin: 0 0 10px 45px;
padding: 0;
	}

#pp_area li {
	text-align:left;
	line-height:160%;
	font-size:12px;
	list-style:decimal;
}

/* サイトマップ
------------------------------------------------------------------------ */
.sm_area {
width: 100%;
height:auto;
margin:0 auto;
padding: 0;
}
/* PC上での左のカラムのレイアウト設定（floatを外して１列にする） */
.sm_left {
width:auto;
margin: 0;
text-align:left;
float:none;
}
.sm_right {
width:auto;
margin: 0;
text-align:left;
float:none;
}
.sm_area p {
font-size:14px;
text-align:left;
background:url(images/titleimage03.jpg) no-repeat;
padding:0 0 15px 30px !important;
margin-left:10px;
}
.sm_area ul{
	margin: 0 0 20px 30px;
	text-align: left;
}
.sm_area ul li{
	list-style-image:url(images/listimage02.jpg) !important;
	line-height:14px !important;
}
.sm_area a {
	color: #666666;
}
.sm_area a:hover {
	color: #ff9900;
	text-decoration: none;
}

/* リモート接続サービス
--------------------------------------------------- */
#ass_area {
	margin:0px;
}
#ass_area h4 {
margin: 0 0 10px 30px;
padding: 0;
}
#ass_area p {
margin: 0 0 10px 30px;
padding: 0;
}
#ass_area ul {
margin: 0 0 10px 20px;
}
#ass_area ul li {
	background: none !important;
	text-align:left;
	line-height:20px;
	font-size:12px;
	list-style-image:none !important;
}
#ass_area img {
width: auto;
height: auto;
max-width: 90%;
max-height: auto;
}
#ass_area ul li img {
width: 280px;
height: auto;
}

/* リモート接続サービス・ブラウザ別説明ページ
--------------------------------------------------- */
#remote_block p {
margin: 0 0 0 30px;
padding: 0;
}
#remote_block img {
width: auto;
height: auto;
max-width: 100%;
max-height: auto;
}

/* あんしんサポートサービス
--------------------------------------------------- */
.anshin_supportplan_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#anshin_supportplan_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#anshin_supportplan_block h2 {
font-size: 100%;
}
#anshin_supportplan_block h3 {
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block h4 {
margin: 0 0 10px 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block p {
margin: 0;
padding: 0;
text-align:left;
}
#anshin_supportplan_block img {
width: 100%;
height: auto;
max-width: 840px;
max-height: auto;
}
.anshinsupport_paragraph {
margin-left: 30px;
text-align: left;
}
.banner_anshinsupport_jirei img {
width: 80%;
}

/* あんしんサポートサービス導入事例
--------------------------------------------------- */
#jirei_area {
width: 100%; margin-left: 0px;}
#jirei_area h2 {
font-size:130%; background:none; font-weight:normal; margin:20px 0 0 0;text-indent:10px;font-weight:bold;}
#jirei_area h3 {
font-size:110%; background:none; font-weight:normal; margin-left:20px;text-indent:10px;color:#FD4811;
}
#jirei_area p {
	text-align:left;
	line-height:20px;
	padding:0 30px 20px 30px;
}
#jirei_area ul {
	margin: 20px 30px;}
#jirei_area ul li {
	list-style:circle;
	line-height:14px;
	padding-bottom:4px;
	margin-left:30px;
}
.jirei {
width: 100%; margin:0 auto;}
.jirei_l {
float: none; width: auto; margin-top:14px;}
.jirei_l img {
margin:10px;}
.jirei_r {
float: none; width: auto;}

/* ペット霊園向け顧客管理
--------------------------------------------------- */
.pet_kokyakukanri_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#pet_kokyakukanri_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#pet_kokyakukanri_block h4 {
margin: 0;
padding: 0;
text-align:left;
}
#pet_kokyakukanri_block p {
margin: 0;
padding: 0;
text-align:left;
}
#pet_kokyakukanri_block img {
width: 100%;
height: auto;
max-width: 100%;
max-height: auto;
}

/* シンプルプラン
--------------------------------------------------- */
.simpleplan_block_width {
width: 100%;
margin: 0;
padding: 0;
}
#web_simpleplan_block {
width: 98%;
margin: 0 auto;
text-align:center;
}
#web_simpleplan_block img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
max-height: auto !important;
}
#web_simpleplan_block p {
width: 100%;
margin: 0;
padding: 0;
}
.web_simpleplan_paragraph {
margin-left: 30px;
text-align: left;
}
/* サーバーリプレイス
--------------------------------------------------- */
.server_block_width {
width: 100%;
margin: 0;
padding: 0;
}
#server_block {
width: 96%;
margin: 0 auto;
text-align: center;
}
#server_block p {
margin: 0;
padding: 0;
text-align: center;
}
#server_block img {
width: 100%;
height: auto;
max-width: 840px;
max-height: auto;
}
/* 税制優遇
--------------------------------------------------- */
.zeiseiyugu_block_width {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
#zeiseiyugu_block {
width: 90%;
margin: 0 auto;
text-align:center;
}
#zeiseiyugu_block p {
margin: 0 ;
padding: 0;
text-align:left;
font-size:130px;
}
#zeiseiyugu_block img {
width: 100%;
height: auto;
max-width: 100%;
max-height: auto;
}
#banner_zeisei {
width:100%;
}