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

/*================================================================
body
================================================================*/
body	{
text-align:center;
background-color:#FFF6ED;
color:#444444;
font-size: 12px;
line-height: 16px;
font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
padding:0px;
margin:0 auto;
}

/*================================================================
XMLに伴うtable内のFONT指定
================================================================*/
table	{
font-size:100%
}

/* ========================================================
TABLE
======================================================== */
.thLeft		{background-color:#F2F4DC; font-weight:normal; text-align:left}
.thLeft2	{background-color:#FEF4E8; font-weight:normal; text-align:left}
.tdRight	{background-color:#ffffff}
.boxTable	{margin:10px 0;}

/*================================================================
h1〜h6
================================================================*/
h1	{
font-size:110%;
line-height:120%;
font-weight:normal;
padding:0;
margin:0 0 25px 0;
}

h2	{
height:35px;
font-size:120%;
font-weight:bold;
line-height:120%;
background:url(../img/common/titleBG.gif) left no-repeat;
color:#ffffff;
padding:0 0 0 18px;
line-height:35px;
margin:0
}

h3	{
font-size:115%;
font-weight:bold;
line-height:130%;
color:#222222;
font-weight:bold;
padding:2px 0 7px 15px;
margin:0 0 5px 0;
background:url(../img/common/subTitleBG.gif) left bottom no-repeat;
}

h4 {
font-size:110%;
font-weight:bold;
line-height:120%;
color:#000000;
/*
color:#ff9900;
*/
font-weight:bold;
padding:0;
margin:5px 0;
}

h4.color1 {
color:#ff6600;
}

/*================================================================
link 
================================================================*/
a:link			{color: #0499BC; text-decoration: underline;}
a:visited		{color: #0499BC; text-decoration: underline;}
a:active		{color: #0499BC; text-decoration: underline;}
a:hover			{color: #555555; text-decoration: underline;}

.footerMenu a:link     {color: #9E7F4C; text-decoration: underline;}
.footerMenu a:visited  {color: #9E7F4C; text-decoration: underline;}
.footerMenu a:active   {color: #9E7F4C; text-decoration: underline;}
.footerMenu a:hover    {color: #555555; text-decoration: underline;}

address a:link		{color: #ffffff; text-decoration: underline;}
address	a:visited	{color: #ffffff; text-decoration: underline;}
address	a:active	{color: #ffffff; text-decoration: underline;}
address	a:hover		{color: #ffffff; text-decoration: underline;}

/*================================================================
br 
================================================================*/
br.both		{clear:both;}
br.left		{clear:left}
br.right	{clear:right}

/*================================================================
img 
================================================================*/
img.border	{border:1px solid #cccccc;padding:5px;}


/*================================================================
common 
================================================================*/
span.red			{color:#ff0000;}
span.black			{color:#000000;}
.floatLeft			{float:left}
.floatRight			{float:right}
.imgFloatLeft		{float:left; margin:0 10px 0 0px; clear:left;}
.imgFloatRight		{float:right; margin:0 0 0 10px; clear:right;}
.imgFloatRightBorder	{float:right; margin:0px 0 0 10px; border:1px solid #cccccc; padding:5px;clear:right}
.imgFloatLeftBorder		{float:left; margin:0 10px 0 0 ; border:1px solid #cccccc; padding:5px;clear:left}
.hightlight			{ background-color:#f2f2f2; padding:5px; margin:5px 0; border:1px solid #cccccc}

/* ========================================================
wrap 
======================================================== */
#wrap	{
text-align:center;
width:820px;
height:auto;
margin:0 auto;
padding:0;
background:url(../img/common/wrapBg.gif) top center repeat-y;
}

/* ========================================================
container 
======================================================== */
#container	{
text-align:left;
width:800px;
margin:0 auto;
padding:0;
}

/* ========================================================
header 
======================================================== */
#header	{
text-align:center;
width:800px;
margin:0 auto;
padding:0;
}

.headerInner	{
text-align:left;
background:url(../img/header/headerBG.gif) top center no-repeat;
width:800px;
height:120px;
}

.headerInnerLeft	{
float:left;
width:155px;
height:120px;
}

.headerInnerRight	{
float:right;
width:645px;
height:120px;
}

	.logo					{text-indent:-9999px;background:url(../img/common/logo.gif) top left no-repeat;}
	.logo a 				{width:155px;height:120px;display:block;overflow:hidden;}
	.headerMenu				{width:645px;height:120px;margin:0; azimuth:0}
	.headerMenuLeft			{width:450px;float:left;padding:5px 5px 2px 5px}
	.headerMenuRight		{width:160px;float:right;padding:5px 5px 2px 5px}
	.headerGM ul			{list-style:none; width:645px;height:41px;padding:0;margin:0;background:url(../img/header/headerGMbg.gif) left repeat-x;}
	.headerGM ul li			{list-style:none; width:161px;height:41px;padding:0;margin:0;float:left}
	.headerGM ul li a		{list-style:none; width:161px;height:41px;padding:0;margin:0;float:left;display: block ;}
	.headerGM ul li.menu1			{background:url(../img/header/headerGM1.gif) left no-repeat;}
	.headerGM ul li.menu1 a:hover	{background:url(../img/header/headerGM1_r.gif) left no-repeat;}
	.headerGM ul li.menu2			{background:url(../img/header/headerGM2.gif) left no-repeat;}
	.headerGM ul li.menu2 a:hover	{background:url(../img/header/headerGM2_r.gif) left no-repeat;}
	.headerGM ul li.menu3			{background:url(../img/header/headerGM3.gif) left no-repeat;}
	.headerGM ul li.menu3 a:hover	{background:url(../img/header/headerGM3_r.gif) left no-repeat;}
	.headerGM ul li.menu4			{background:url(../img/header/headerGM4.gif) left no-repeat;}
	.headerGM ul li.menu4 a:hover	{background:url(../img/header/headerGM4_r.gif) left no-repeat;}

.headerImageIndex	{
width:800px;
height:200px;
background-color:#ffffff;
}

/*
.headerImageCommon	{
width:800px;
height:203px;
background:url(../img/header/headerImageCommon.jpg) left no-repeat;
}
*/

.headerImageCommon	{
width:800px;
height:100px;
background:url(../img/header/headerImgCommon.gif) bottom left no-repeat;
}

p.headerTile	{
font-size:150%;
line-height:120%;
font-weight:bold;
color:#ffffff;
text-align:right;
padding:75px 10px 0 0;
margin:0;
}
/* ========================================================
content 
======================================================== */
#content	{
text-align:left;
width:800px;
margin:0 auto;
padding:0;
}
	
/* ========================================================
alpha 
======================================================== */
#alpha	{
float:right;
width:590px;
margin:0;
padding:0;
}

.alphaInner	{
width:560p;
margin:0 0 0 15px;
padding:10px 0;
}

.box	{
width:560px;
padding:0;
margin:0 0 20px 0;
}

.dotX	{
background:url(../img/common/dot.gif) left bottom repeat-x;
padding:5px 0;
}

.boxInner	{
width:550px;
height:auto;
margin:5px auto;
padding:10px 0
}

.boxInnerBorder	{
width:550px;
height:auto;
margin:5px auto;
padding:10px 0;
background:url(../img/common/dot.gif) left bottom repeat-x;
}

.pagetop p.pagetop	{
width:107px;
margin:10px 0;
background:url(../img/common/iconPagetop.gif) left no-repeat;
}

.pankuzu	{
font-size:90%;
line-height:100%;
padding:5px 0;
margin:5px 0;
}
/* ========================================================
トップページ　よくあるご質問(Q & A）
======================================================== */
.indexQA	{
width:560px;
background:url(../img/index/indexQAbg.gif) right bottom no-repeat;
margin:0 0 10px 0;
}

img.indexQAbtn1	{
vertical-align:middle;
margin:0;
padding:0 5px 0 0;
border:none;
}

span.indexQaTitleBtn	{
float:right;
padding:7px 0 0 0
}

.qa		{background:url(../img/common/dot.gif) left bottom repeat-x;padding:5px;margin:5px 0 0 0;}
.qaQ	{background:url(../img/qa/q.gif) top left no-repeat;padding-left:30px}
.qaA	{background:url(../img/qa/a.gif) top left no-repeat;padding-left:30px;margin:2px 0}

/* ========================================================
What's New　新着情報 
======================================================== */
span.indexNewsTitleBtn	{
float:right;
padding:7px 0 0 0
}

.indexNews	{
width:550px;
background:url(../img/common/dot.gif) left bottom repeat-x;
margin:0;
padding:5px 0;
}

p.date		{
float:left;
width:100px;
padding:0px 10px 0px 15px;
margin:0;
background:url(../img/common/arrow.gif) left no-repeat;
}

p.news		{
float:left;
width:400px;
margin:0;
padding:0px 10px;
text-align:justify;
text-justify:inter-ideograph;
}


/* ========================================================
モバイルSEO
======================================================== */
.mobileSeoBg	{background:url(../img/seo/seoMobImg1.gif) right bottom no-repeat;}
.mobileSeoPoint	{background:url(../img/seo/seoMobImgPointBg.gif) no-repeat; width:249px; height:97px}

/* ========================================================
会社概要
======================================================== */
img.imgLogo	{
vertical-align:middle;
margin:0 10px 0 0;
border:none;
}

/* ========================================================
WEBコンサル(制作の流れ）
======================================================== */
.boxInnerBorder_flow	{
width:550px;
height:120px;
margin:5px auto;
padding:5px 0 10px 0;
background:url(../img/common/dot.gif) left bottom repeat-x;
}

.boxInnerBorder_web	{
width:550px;
height:115px;
margin:5px auto;
padding:5px 0 10px 0;
background:url(../img/common/dot.gif) left bottom repeat-x;
}

/* ========================================================
サイトマップ
======================================================== */
.boxInner_sitemap	{
width:550px;
margin:5px auto;
padding:5px 0 10px 15px;
}

/* ========================================================
WEB制作
======================================================== */
.floatLeft_Web	{
float:left;
width:22%
}

.floatRight_Web	{
float:right;
width:75%
}

img.webImgThumb	{
border:1px solid #cccccc;
padding:5px;
margin:5px 0 0 0
}


h3.webTitleSuccess	{
background:url(../img/web/titleSuccess.gif) no-repeat top;
width:550px;
height:80px;
margin:0;
padding:0;
text-indent:-9999px 
}

h3.webTitleFailure	{
background:url(../img/web/titleFailure.gif) no-repeat top;
width:550px;
height:80px;
margin:10px 0 0 0;
padding:0;
text-indent:-9999px 
}

/* ========================================================
制作料金
======================================================== */
.pricePlan1		{background:url(../img/price/plan1.gif) no-repeat; widows:550px; height:136px}
.pricePlan2		{background:url(../img/price/plan2.gif) no-repeat; widows:550px; height:146px}
.pricePlan3		{background:url(../img/price/plan3.gif) no-repeat; widows:550px; height:156px}
p.viewSitemap1	{padding:110px 10px 0 0;}
p.viewSitemap2	{padding:120px 10px 0 0;}
p.viewSitemap3	{padding:130px 10px 0 0;}

/* ========================================================
制作実績
======================================================== */
h3.resultSiteNmae	{
font-size:110%;
font-weight:bold;
line-height:130%;
color:#222222;
font-weight:bold;
padding:2px 0 7px 15px;
margin:0 0 5px 0;
background-color:#ffffff;
}

/* ========================================================
会社概要
======================================================== */
.companyConsulImg	{
background:url(../img/company/illustKisizawa.jpg) right top no-repeat;
width:550px;
height:200px
}

img.consulName	{
margin:100px 120px 0 0 ;
border:none;
}




/* ========================================================
beta 
======================================================== */
#beta	{
text-align:left;
float:left;
width:210px;
padding:0;
margin:0
}

.betaInner	{
text-align:left;
width:210px;
padding:0;
margin:0
}

.sideMenu	{
width:210px;
padding:0;
margin:0 0 15px 0;
}

.sideMenu ul	{
list-style:none;
width:210px;
padding:0;
margin:0;
}

.sideMenu ul li	{		
list-style:none;
background:url(../img/side/sideMenuBg.gif) left no-repeat;
width:195px;
height:42px;
line-height:40px;
padding:0px 0 0 20px;
font-weight:bold;
margin:0;
}

.sideMenu ul li	{
color: #000000;
list-style:none;
background:url(../img/side/sideMenuBg.gif) left no-repeat;
width:210px;
height:42px;
line-height:40px;
padding:0px 0 0 25px;
font-weight:bold;
margin:0;
}

.sideMenu ul li.menu				{background:url(../img/side/sideMenuBg.gif) left no-repeat;}
.sideMenu ul li.mainmenu			{background:url(../img/side/sideMenuBg2.gif) left no-repeat;} 
.sideMenu ul li.subMenu				{color:#000000;background:url(../img/side/sideMenuSubBg.gif) left no-repeat;}
.sideMenu ul li a:link				{color: #000000; text-decoration: none;}
.sideMenu ul li a:visited			{color: #000000; text-decoration: none;}
.sideMenu ul li a:active			{color: #0499BC; text-decoration: none;}
.sideMenu ul li a:hover				{color: #0499BC; text-decoration: none;}
.sideMenu ul li.subMenu a:link		{color: #0499BC; text-decoration: none;}
.sideMenu ul li.subMenu a:visited	{color: #0499BC; text-decoration: none;}
.sideMenu ul li.subMenu a:active	{color: #0499BC; text-decoration: underline;}
.sideMenu ul li.subMenu a:hover		{color: #0499BC; text-decoration: underline;}

/*
	.sideMenu ul			{list-style:none; width:210px;padding:0;margin:0;}
	.sideMenu ul li			{list-style:none; width:210px;height:42px;padding:0;margin:0;}
	.sideMenu ul li a		{list-style:none; width:210px;height:42px;padding:0;margin:0;display: block ;}
	.sideMenu ul li.menu1			{background:url(../img/side/sideMenu1.gif) left no-repeat;}
	.sideMenu ul li.menu1 a:hover	{background:url(../img/side/sideMenu1_r.gif) left no-repeat;}
	.sideMenu ul li.menu2			{background:url(../img/side/sideMenu2.gif) left no-repeat;}
	.sideMenu ul li.menu2 a:hover	{background:url(../img/side/sideMenu2_r.gif) left no-repeat;}
	.sideMenu ul li.menu3			{background:url(../img/side/sideMenu3.gif) left no-repeat;}
	.sideMenu ul li.menu3 a:hover	{background:url(../img/side/sideMenu3_r.gif) left no-repeat;}
	.sideMenu ul li.menu4			{background:url(../img/side/sideMenu4.gif) left no-repeat;}
	.sideMenu ul li.menu4 a:hover	{background:url(../img/side/sideMenu4_r.gif) left no-repeat;}
	.sideMenu ul li.menu5			{background:url(../img/side/sideMenu5.gif) left no-repeat;}
	.sideMenu ul li.menu5 a:hover	{background:url(../img/side/sideMenu5_r.gif) left no-repeat;}
	.sideMenu ul li.menu6			{background:url(../img/side/sideMenu6.gif) left no-repeat;}
	.sideMenu ul li.menu6 a:hover	{background:url(../img/side/sideMenu6_r.gif) left no-repeat;}
	.sideMenu ul li.menu7			{background:url(../img/side/sideMenu7.gif) left no-repeat;}
	.sideMenu ul li.menu7 a:hover	{background:url(../img/side/sideMenu7_r.gif) left no-repeat;}
	.sideMenu ul li.menu8			{background:url(../img/side/sideMenu8.gif) left no-repeat;}
	.sideMenu ul li.menu8 a:hover	{background:url(../img/side/sideMenu8_r.gif) left no-repeat;}
	.sideMenu ul li.menu9			{background:url(../img/side/sideMenu9.gif) left no-repeat;}
	.sideMenu ul li.menu9 a:hover	{background:url(../img/side/sideMenu9_r.gif) left no-repeat;}
	.sideMenu ul li.menu10			{background:url(../img/side/sideMenu10.gif) left no-repeat;}
	.sideMenu ul li.menu10 a:hover	{background:url(../img/side/sideMenu10_r.gif) left no-repeat;}

*/.sideBox	{
width:200px;
padding:5px;
}

/* ========================================================
footer 
======================================================== */
#footer	{
border-top:5px solid #ff6600;
width:800px;
color:#9E7F4C;
margin:0 auto;
background-color:#FFEDD1;
}

.footerInner	{
width:780px;
margin:0 auto;
padding:10px;
}

.footerLogo	{
text-align:left;
text-indent:-9999px;
float:left;
width:220px;
height:200px;
background:url(../img/footer/footerlogo.gif) center no-repeat;
}

.footerLogo a	{
text-align:left;
float:left;
width:220px;
height:200px;
background:url(../img/footer/footerlogo.gif) center no-repeat;
display:block;
overflow:hidden;
}

.footerMenu	{
text-align:left;
float:right;
width:550px;
font-size:80%;
line-height:120%;
}

address	{
font-style:normal;
font-size:85%;
line-height:100%;
text-align:center;
padding:3px 0;
color:#ffffff;
background-color:#ff6600;
}

/* ========================================================
画像のマウスオーバー
======================================================== */
a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
}

/* ========================================================
MTでアップした画像の設定
======================================================== */
.mt-image-center	{border:1px solid #cccccc; padding:5px; margin:0}
.mt-image-left		{border:1px solid #cccccc; padding:5px; margin:0; clear:left}
.mt-image-right		{border:1px solid #cccccc; padding:5px; margin:0; clear:right}




.defaultForm	{
padding:0;
margin:0;
}

p.arrow	{
padding:0 0 0 15px;
margin:0 0 0 15px;
background:url(../img/common/arrow.gif) left no-repeat;
}

ul.thumb	{
text-align:center;
list-style:none;
padding:0;
margin:0;
}

ul.thumb li	{
float:left;
padding:5px;
margin:0
}