@charset "shift_jis";
/* ===================================================================
CSS information
file name:local.css
Information:各カテゴリのローカルCSS 
NamingRule:module.cssの名前をオーバーライドしないように名前に注意
module.cssと同一のクラスを利用している場合は、_nameとすること
=================================================================== */


/* ===================================================================
**********************************************************************
Information:サイトトップ
**********************************************************************
=================================================================== */

/* brandArea
   =================================================================== */
#brandArea{
	overflow:hidden;
	width:920px;
	height:180px;
	margin:10px auto 14px auto;
	text-align:left;
	background: url(/images/top/topimg_bg.jpg) 0 0 no-repeat;
}

#conceptArea{
	overflow:hidden;
	width:920px;
	margin:0 auto 6px auto;
	text-align:left;
}

#brandImage{
	width:670px;
	height:174px;
	margin:3px 0 0 3px;
	background-color:none;
}
#brandImage img{ margin-left:55px; }

#brandNav{
	margin-bottom:15px;
}

.brandBtn1,
.brandBtn2,
.brandBtn3{
	position:absolute;
	right:20px;
	width:244px;
	height:53px;
}

.brandBtn1 a,
.brandBtn2 a,
.brandBtn3 a{
	display:block;
	width:244px;
	height:53px;
	text-indent:-9999px;
}

.brandBtn1{ top:163px; }
.brandBtn2{ top:221px; }
.brandBtn3{ top:279px; }

* html .brandBtn1{ top:6px; right:6px; } /* IE6用 */
* html .brandBtn2{ top:64px; right:6px; } /* IE6用 */
* html .brandBtn3{ top:122px; right:6px; } /* IE6用 */

.brandBtn1 a{ background: url(/images/top/topimgbtn1.jpg) 0 0 no-repeat; }
.brandBtn2 a{ background: url(/images/top/topimgbtn2.jpg) 0 0 no-repeat; }
.brandBtn3 a{ background: url(/images/top/topimgbtn3.jpg) 0 0 no-repeat; }

.brandBtn1 a:hover,
.brandBtn2 a:hover,
.brandBtn3 a:hover,
a.activeSlide{
	background-position:0 -53px;
}

/* Concept Area
   =================================================================== */
#conceptArea .frame2_l{
	margin-bottom:0;
}

/* Category Links
   =================================================================== */
#blue{ margin-bottom:10px; }

.frame2_m2_top,
.frame2_s2_top{
	margin-bottom:3px;
	padding-bottom:0;
}

.frame2_m2_top{
	height:1%;
	background: url(../images/frame2_3_bg_bottom_m.gif) 0 100% no-repeat;
}

.frame2_s2_top{
	width:438px;
}

.frame2_m2_top .fmWrapper{
	padding:0 0 10px 0;
}

.frame2_m2_top .column,
.frame2_s2_top .column{
	margin:10px -17px 0 10px;
	padding:0;
	overflow:hidden;
}
.frame2_m2_top .column{ width:655px; }
.frame2_s2_top .column{ width:438px; }
.frame2_m2_top .button,
.frame2_s2_top .button{
	float:left;
	width:200px;
	height:80px;
	margin-right:17px;
	font-size:80%;
}
.frame2_m2_top .button a,
.frame2_s2_top .button a{
	display:block;
	width:200px;
	height:80px;
	text-decoration:none;
	overflow:hidden;
}
#yellow .button a{ background: url(/images/top/btn_bg_yellow.gif) 0 0 no-repeat; }
#red .button a{ background: url(/images/top/btn_bg_red.gif) 0 0 no-repeat; }
#blue .button a{ background: url(/images/top/btn_bg_blue.gif) 0 0 no-repeat; }
#yellow .button a:hover,
#red .button a:hover,
#blue .button a:hover{ background-position:0 -80px; }
.frame2_m2_top .button a strong,
.frame2_s2_top .button a strong{
	display:block;
	margin:8px 10px 2px 28px;
	padding-bottom:2px;
	background: url(/common/images/line1.gif) 0 100% repeat-x;
}
.frame2_m2_top .button a:link strong,
.frame2_m2_top .button a:visited strong,
.frame2_s2_top .button a:link strong,
.frame2_s2_top .button a:visited strong{ text-decoration:underline; }
.frame2_m2_top .button a:hover strong,
.frame2_s2_top .button a:hover strong{ text-decoration:none; }
.frame2_m2_top .button a span,
.frame2_s2_top .button a span{
	display:block;
	margin:2px 10px 2px 28px;
	color:#333;
}
.contentsFloat2_1_top{
	width:438px;
	margin:0;
	padding:0;
}
.contentsFloat2_2_top{
	width:200px;
	margin-left:6px;
	padding-top:9px;
}

p.banner{ margin-bottom:2px; }

/* 開発事例
   =================================================================== */
#developCase{
	clear:both;
}

#developCase ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
* html #developCase ul{ height:100%; } /* IE6用 */

#developCase .arrow1_right{
	clear:both;
	height:1%;
	margin:-1px 0 0 0;
	padding:7px 0 5px 0;
	background: url(/common/images/line1.gif) 0 0 repeat-x;
}

#developCase .arrow1_right a{
	display:block;
	float:left;
	width:161px;
	background-position:0 4px;
}

#developCase .arrow1_right span{
	display:block;
	float:right;
	width:448px;
}

/* お知らせ
   =================================================================== */
   
/* -- Frame 3 */
.rightnavi_frame3_news{
	height:1%;
	margin-bottom:15px;
	background: url(../images/rightnavi_frame_bg_bottom.gif) 0 100% no-repeat;
}

.rightnavi_frame3_news h2,
.rightnavi_frame3_news h3,
.rightnavi_frame3_news h4{
	padding:10px;
	font-size:120%;
	color:#fff;
	background: url(../images/rightnavi_frame3_bg_top.jpg) 0 0 no-repeat;
}

.rightnavi_frame3_news ul{
	margin:0 10px 5px 10px;
}

.rightnavi_frame3_news li{
	padding:3px 0;
}

.rightnavi_frame3_news .arrow1_right a{
	display:block;
	background-position:0 4px;
}
.rightnavi_frame3_news ul.divideColumn{
	margin-bottom:5px;
	padding-bottom:10px;
	background: url(../images/line1.gif) 0 100% repeat-x;
}


/* プレスリリース
   =================================================================== */
#pressRelease{
	clear:both;
}

#pressRelease p{
	margin-bottom:0;
}

#pressRelease ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
* html #pressRelease ul{ height:100%; } /* IE6用 */

.press_divline{
	margin-bottom:5px;
	padding-bottom:10px;
	background: url(../images/line1.gif) 0 100% repeat-x;
}

.icon_link{
	display:block;
	margin-right:2px;
	padding:0 0 4px 16px;
	background: url(../images/arrow1_right.gif) 0 4px no-repeat;
}

.icon_text{
	display:block;
	margin-right:2px;
	padding:0 0 4px 16px;
	background: url(../images/arrow5.gif) 0 4px no-repeat;
}
.icon_text_small{
	font-size:82%;
}

/* 右ナビゲーション
   =================================================================== */
#toppage #rightNavigation{
	padding-top:9px;
}

/* Clear
   =================================================================== */
.floatWrapper_top:after,
.frame2_m2_top:after,
.frame2_s2_top:after,
.frame2_m2_top .fmWrapper:after,
.frame2_s2_top .fmWrapper:after,
#yellow:after,
#red:after,
#blue:after,
#developCase ul:after,
#developCase .arrow1_right:after,
#pressRelease:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ===================================================================
**********************************************************************
Information:サービス・製品用スタイル
**********************************************************************
=================================================================== */

/* H1エリア
   =================================================================== */

/* -- Mobile Marketing */
#h1frame .fmWrapper{ padding-bottom:4px; }
#h1frame .column{ padding-top:1px; background: url(/common/images/h1contents_bg_bottom.jpg) 0 100% no-repeat; }
#h1frame .upperArea{ height:1%; margin-bottom:10px; padding-top:7px; border-top:4px solid #fff; background: url(/common/images/h1contents_bg_top.jpg) 0 0 no-repeat; }
#h1frame .upperArea p{ margin-bottom:3px; }
#h1frame .lowerArea{ clear:both; }
#h1frame .contentsFloat2_1{ width:490px; }
#h1frame .contentsFloat2_2{ width:110px; }
#h1frame p.contentsFloat_half_r{ text-align:right; }


/* Clear
   =================================================================== */
#h1frame .upperArea:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ===================================================================
**********************************************************************
Information:開発事例
**********************************************************************
=================================================================== */
.color_ccc_casestudy{
	width:150px;
	background-color:#ccc!important;
}
.caseCompany{
	padding-left:5px;
	font-size:85%;
	font-weight:normal;
}
/* ===================================================================
**********************************************************************
Information:お知らせ
**********************************************************************
=================================================================== */

/* Table
   =================================================================== */
/* -- Table 2 news */
table.tbl2_news{
	width:912px;
	margin:10px auto 10px auto;
	border-collapse:separate;
	border-spacing:5px;
}
.leftArea table.tbl2_news{ width:100%; margin-bottom:5px; }

table.tbl2_news th{
	width:120px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
}
table.tbl2_news td{
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
}

table.tbl2_news .newsTitle{
	font-weight: bold;
	padding-bottom:5px;
}
.newsListTitle{
	height:1%;
	margin:0;
	padding:0 10px;
	line-height:normal;
	background: url(../images/arrow4.gif) 0px 5px no-repeat;
}
/* ===================================================================
**********************************************************************
Information:企業情報
**********************************************************************
=================================================================== */

/* Table
   =================================================================== */
/* -- Table 2 company */
table.tbl2_company{
	width:912px;
	margin:10px auto 10px auto;
	border-collapse:separate;
	border-spacing:0;
}
.leftArea table.tbl2_company{ width:100%; margin-bottom:5px; }

table.tbl2_company th{
	width:120px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
}
table.tbl2_company td{
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
}

table.tbl2_company .newsTitle{
	font-weight: bold;
	padding-bottom:5px;
}
table.tbl2_company .top_padding{
	padding-top:10px;
}

table.tbl2_company_history{
	width:912px;
	margin:10px auto 10px auto;
	border-collapse:separate;
	border-spacing:0;
}
.leftArea table.tbl2_company_history{ 
	width:100%; margin-bottom:5px; 
}

table.tbl2_company_history th{
	width: 70px;
	padding:10px 5px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
	font-weight:normal;
}
table.tbl2_company_history td{
	padding:10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
}
.ul_company_l ul{
	margin:0;
	padding:0;
	overflow:visible;
}
.ul_company_l li{
	display:block;
	height:1%;
	margin:0 2px;
	padding:8px 10px 8px 32px;
	line-height:normal;
	background: url(../images/arrow4.gif) 16px 12px no-repeat;
}

.frame_bottom ul{
	margin:0;
	padding:0;
	overflow:visible;
}
.frame_bottom li{
	display:block;
	height:1%;
	margin:0 2px;
	padding:8px 10px 8px 32px;
	line-height:normal;
	background: url(../images/arrow2_right.gif) 16px 12px no-repeat;
}
.businessList{
	padding-top:5px;
}
.goGmap{
	text-align: right;
	font-size: 90%;
}

/* ===================================================================
**********************************************************************
Information:お問い合わせ
**********************************************************************
=================================================================== */

.indispensable{
	padding-left:10px;
	font-size:80%;
	color:#ff6666;
}
.select{
	margin-left:10px;
	padding:1px;
	font-size:90%;
	border:solid 1px #999;
}
.frame6_inquiry{
	height:1%;
	margin:0 10px 15px 10px;
	padding:10px;
	text-align:left;
	border:1px solid #ccc;
}
.frame6_inquiry li{
	font-size:85%
}
.msgInvaild{
	padding-left:20px;
	font-size:80%;
	color:#ff6666;
	background: url(../images/arrow1_top_red.gif) 5px 4px no-repeat;
}
.msgInvaildAll{
	color:#FF0000;
}
.example {
	font-size:90%
	font-weight:normal;
}
#serviceList {
	display:none;
	border-top:dotted 1px #999;
	border-bottom:dotted 1px #999;
	margin:10px;
	padding-top:10px;
}
submit {
	background-color:red;
}

/* ===================================================================
**********************************************************************
Information:セキュリティ等
**********************************************************************
=================================================================== */
.label_misc{
	display:block;
	padding:5px 10px 3px 10px;
	font-weight:bold;
	border:solid 1px #D4D4D4;
}
.number li{
	list-style-type: decimal;
	margin:1px 0 0 30px;
	padding:1px 0 0 0;
}

/* Table
   =================================================================== */
/* -- Table 2 company */
table.tbl2_misc{
	width:912px;
	margin:2px;
	border-collapse:separate;
	border-spacing:4px;
}
.leftArea table.tbl2_misc{ width:100%; margin-bottom:5px; }

table.tbl2_misc th{
	padding:2px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
}
table.tbl2_misc td{
	padding:2px 5px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	font-size:90%;
}

/* Table
   =================================================================== */
/* -- Table 2 company */
table.tbl2_mobile{
	width:650px;
	margin:2px;
	border-collapse:separate;
}
.leftArea table.tbl2_mobile{ width:100%; margin-bottom:5px; }

table.tbl2_mobile th{
	padding:2px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
}
table.tbl2_mobile td{
	padding:10px 10px;
	text-align:left;
	vertical-align:top;
	background-color:#F4F4F4;
	border-bottom:dotted 1px #999;
}
.fmWrapper_misc{
	text-align:right;
}
.fmWrapper_misc p{
	padding-top:20px;
}
/* ===================================================================
**********************************************************************
Information:セミナー
**********************************************************************
=================================================================== */
.text-blue {
	color:#0066CC;
}