/*制作e-Support_Web*******************************/
/* 2011.08.12 Ver1.0 */

/*初期化*******************************/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins,strong,ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	outline:0;
}

/*BODY/その他共通CSS*******************************/
body{
	text-align:center;
	font-family:Meiryo,Verdana,Helvetica,Arial,Sans-Serif;
	color:#333;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	background:url(../image/common/bg.jpg);
	padding-top:10px;
	margin:auto;
}

h1{
	margin:0px;
	padding:0px;
	text-align:left;
}

h1 a{
	position:relative;
	display:block;
	height:68px;
	width:270px;
	left: 5px;
	top: 5px;
}

.fLeft{float:left;}
.fRight{float:right;}
.clear{clear:both;}

.t-left{text-align:left;}
.t-center{text-align:center;}

.displaynone{display:none;}

a:link{color:#333;}
a:hover{
	color:#F06;
	text-decoration:underline;
}
a:visited{color:#666;}

.keizoku{
   overflow:auto;
   zoom:1;
}

.kaijo{
   clear:both;
}

/*WEBサイト内のフォント******************************/
.toTop{
	background:url(../image/common/toTop.jpg) center right no-repeat;
	padding:2px 15px 2px 0px;
	color:#29ABE2;
	text-align:right;
}

.toTop a{
	color:#29ABE2;
	text-decoration:none;
}


/*ヘッダー設定*******************************/
#header{
	background:url(../image/common/header_2.jpg) 0 0 no-repeat;
	width:1032px;
	height:75px;
	text-align:center;
	margin:auto;
}

.headNavi{padding:0px;}

.headNavi a{
	position:relative;
	display:block;
	height:25px;
	width:115px;
	left: 625px;
	top: 27px;
}

/*コンテンツ領域*******************************/
#ContentsArea{
	background:url(../image/common/frame.png);
	width:1032px;
	text-align:center;
	margin:auto;
}

/*フッター設定*******************************/
#footer{
	clear:both;
	color:#333;
	padding:15px 0px 0px 10px;
	width:1022px;
	height:50px;
	background:url(../image/common/footer.png) 0 0 no-repeat;
	text-align:center;
	margin:auto;
}

.naviFooter a{
	color:#666;
	text-decoration:none;
}

.naviFooter a:hover{
	color:#F06;
	text-decoration:underline;
}


.copyRight{
	padding-top:15px;
	font-size:10px;
	line-height:14px;
}



/*******************************************/
/*各ページCSS*******************************/
/*******************************************/

/*トップページ【index.html】**************************/
/*トップフォトスライド*******************************/
#slideshow {
    position:relative;
	height:245px;
	margin:0px 5px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*ナビゲーション*******************************/
.naviTop{
	text-align:center;
	margin:auto;
	width:1022px;
	height:60px;
}

.naviTop ul{
	margin:0;
	padding:0;
}

.naviTop li{
	float:left;
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

.naviTop li a{
	display:block;
	text-decoration:none;
	text-indent:-9999px;
}

/*ナビゲーション通常*******************************/
.navi01 a{
	background:url(../image/index/navi.png) 0px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi02 a{
	background:url(../image/index/navi.png) -146px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi03 a{
	background:url(../image/index/navi.png) -292px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi04 a{
	background:url(../image/index/navi.png) -438px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi05 a{
	background:url(../image/index/navi.png) -584px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi06 a{
	background:url(../image/index/navi.png) -730px 0px no-repeat;
	height:60px;
	width:146px;
}
.navi07 a{
	background:url(../image/index/navi.png) -876px 0px no-repeat;
	height:60px;
	width:146px;
}

/*ナビゲーションロールオーバー*******************************/
.navi01 a:hover{background:url(../image/index/navi.png) 0px -60px no-repeat;}
.navi02 a:hover{background:url(../image/index/navi.png) -146px -60px no-repeat;}
.navi03 a:hover{background:url(../image/index/navi.png) -292px -60px no-repeat;}
.navi04 a:hover{background:url(../image/index/navi.png) -438px -60px no-repeat;}
.navi05 a:hover{background:url(../image/index/navi.png) -584px -60px no-repeat;}
.navi06 a:hover{background:url(../image/index/navi.png) -730px -60px no-repeat;}
.navi07 a:hover{background:url(../image/index/navi.png) -876px -60px no-repeat;}


/*トップコンテンツ******************************************/
.contentsMain{padding:10px 17px 5px 17px;}

.contentsL{width:720px;}

.contentsR{width:260px;}

.topicsTitle{
	background:url(../image/index/information.png) no-repeat;
	height:26px;
	padding:2px 0px 2px 5px;
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.topicsBg{
	background:url(../image/index/topicsBg.jpg);
	padding:5px 10px 5px 10px;
	height:180px;
}

.topicsBg ul{
	margin:0;
	padding:0;
}

.topicsBg ul li{
	list-style-type:none;
	margin:2px 0px 5px 0px;
	padding:0;
	border-bottom:#999 1px dotted;
}

.topicsDay{
	font-size:9px;
	color:#999;
	line-height:12px;
}

.topicsBottom{
	background:url(../image/index/topicsBottom.jpg) no-repeat;
	height:10px;
}

.contentsBoxL{
	float:left;
	padding:20px 10px 0px 0px;
	width:350px;
}

.contentsBoxR{
	float:left;
	padding:20px 0px 0px 10px;
	width:350px;
}

.boxSubT{
	padding-left:10px;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
}

.BoxBg01{
	background:url(../image/index/subTitle01Bg.jpg) no-repeat;
	width:220px;
	height:130px;
	padding-left:120px;
	margin:0px 5px 0px 10px;
}

.BoxBg02{
	background:url(../image/index/ooh.png) no-repeat;
	width:220px;
	height:130px;
	padding-left:120px;
	margin:0px 5px 0px 10px;
}

.BoxBg03{
	background:url(../image/index/subTitle02Bg.jpg) no-repeat;
	width:220px;
	height:130px;
	padding-left:120px;
	margin:0px 5px 0px 10px;
}

.BoxBg04{
	background:url(../image/index/kiboon.png) no-repeat;
	width:220px;
	height:130px;
	padding-left:120px;
	margin:0px 5px 0px 10px;
}

.nextCon{
	padding-left:240px;
	width:110px;
	height:30px;
}

/*サブページコンテンツ**********************************************/

/*パンくずリスト****************************************************/
.plist{
	margin:auto;
	width:812px;
	padding-left:210px;
	border-bottom:#CCC solid 1px;
	height:35px;
}

.plistStyle{
	padding-left:20px;
	border-left:#CCC solid 1px;
	line-height:35px;
}

/*サブページコンテンツ使用*******************************************/
.Contents{
	width:1022px;
	margin:auto;
}

.naviMain{
	width:210px;
	padding-top:20px;
	text-align:center;
	margin:auto;
}

.naviMain ul{
	padding:0;
	margin:0;
}

.naviMain li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

.naviMain li a{
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	text-align:center;
	margin:auto;
}

.naviMain01 a{background:url(../image/common/navi.png) 0px 0px no-repeat;height:30px;width:180px;}
.naviMain01 a:hover{background:url(../image/common/navi.png) -180px 0px no-repeat;}

.naviMain02 a{background:url(../image/common/navi.png) 0px -30px no-repeat;height:30px;width:180px;}
.naviMain02 a:hover{background:url(../image/common/navi.png) -180px -30px no-repeat;}

.naviMain03 a{background:url(../image/common/navi.png) 0px -60px no-repeat;height:30px;width:180px;}
.naviMain03 a:hover{background:url(../image/common/navi.png) -180px -60px no-repeat;}

.naviMain04 a{background:url(../image/common/navi.png) 0px -90px no-repeat;height:30px;width:180px;}
.naviMain04 a:hover{background:url(../image/common/navi.png) -180px -90px no-repeat;}

.naviMain05 a{background:url(../image/common/navi.png) 0px -120px no-repeat;height:30px;width:180px;}
.naviMain05 a:hover{background:url(../image/common/navi.png) -180px -120px no-repeat;}

.naviMain06 a{background:url(../image/common/navi.png) 0px -150px no-repeat;height:30px;width:180px;}
.naviMain06 a:hover{background:url(../image/common/navi.png) -180px -150px no-repeat;}

.naviMain07 a{background:url(../image/common/navi.png) 0px -180px no-repeat;height:30px;width:180px;}
.naviMain07 a:hover{background:url(../image/common/navi.png) -180px -180px no-repeat;}

.naviMain08 a{background:url(../image/common/navi.png) 0px -210px no-repeat;height:30px;width:180px;}
.naviMain08 a:hover{background:url(../image/common/navi.png) -180px -210px no-repeat;}

.naviMain09 a{background:url(../image/common/navi.png) 0px -240px no-repeat;height:30px;width:180px;}
.naviMain09 a:hover{background:url(../image/common/navi.png) -180px -240px no-repeat;}

.areaEdit{
	width:791px;
	padding:5px 10px 0px 10px;
	border-left:#CCC solid 1px;
}

.subTitle{
	line-height:50px;
	font-size:14px;
	font-weight:bold;
	border-bottom:#CCC solid 1px;
	padding-left:0px;
	margin-bottom:10px;
}

.subTitle2{
	height:40px;
	background:url(../image/common/subtitleList.jpg) 10px 5px no-repeat;
	border-bottom:#CCC solid 1px;
	padding-left:20px;
	margin-bottom:10px;
}

.subTitle img{vertical-align:middle;}

.textBox1{
	margin-top:5px;
        margin-right:20px;
        margin-left:0px;
        margin-bottom:20px;
}

.textBox2{
	padding:10px 20px 20px 20px;
}

.textBox3{
	margin-top:-20px;
}

.textBox4{
        margin-left:20px;
}

.textBox5{
        margin-left:200px;
}

/*販促計画の立案ページ**************************************************/
.stepBox{
	width:90px;
	text-align:center;
	float:left;
	margin-bottom:20px;
}

.nextS{
	background:url(../image/produce/next.jpg) center center no-repeat;
	width:35px;
	height:110px;
	float:left;
}

/*FAQページ**************************************************/
.question{
	background:url(../image/faq/q.jpg) 0px center no-repeat;
	padding:4px 0px 4px 30px;
	margin-bottom:5px;
}

.answer{
	background:url(../image/faq/a.jpg) 0px center no-repeat;
	padding:4px 0px 10px 30px;
	border-bottom:#CCC solid 1px;
	margin-bottom:15px;
}

/*制作実績***************************************************/
.workBox{
	width:230px;
	margin:0px 10px 20px 10px;
}

.workTitle{
	background:url(../image/works/list.jpg) center left no-repeat;
	font-size:12px;
	padding-left:10px;
}

.workBox img{
	border:#CCC solid 1px;
	margin-top:5px;
}

/*会社概要***************************************************/
.comentBoxL{
	width:600px;
}

.comentBoxR{
	width:160px;
	text-align:center;
}

.greeting{
	padding:0px 5px 0px 5px;
	font-size:16px;
	font-weight:bold;
	color:#666;
}

.company{
	margin-left:10px;
	width:740px;
}

.infoTitle{
	width:180px;
	padding:10px;
}

.infoBox{
	padding:10px;
}