/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}


/* ===== Basic Style ===== */

img{
border:0;
}

ul,dl,ol{
list-style-type:none;
list-style-position:outside;
}

body {
font-family: sans-serif;
font-size: 80%;
line-height: 160%;
color: #4d4d4d;
background-color: #d2cbb9;
}

p {
	margin: 0 5px 5px 5px;
}

blockquote {
font-family: serif;
font-size: 120%;
padding: 0 30px 0 30px; 
}

h4 {
    color: #663300;
	font-size: 140%;
	line-height: 200%;
}

h5 {
    color: #663300;
	font-size: 100%;
	line-height: 200%;
}

div{
word-wrap:break-word;
font-size:100%;
line-height:160%;
}

table {
    border:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

td{
    padding: 5px;
    word-wrap:break-word;
    font-size:100%;
    line-height:160%;
}

form{
padding:0px;
margin:0px;
}

input {
vertical-align:middle;
}

/*リンク色*/
a:link { text-decoration:none; color:#1a54b5; }
a:visited { text-decoration:none; color:#1a54b5; }
a:hover { text-decoration:underline; color:#1a54b5; }
a:active { text-decoration:underline; color:#1a54b5; }


/*ボールド*/
.text_bold{
font-weight: bold;
}

/*回り込み*/
.f_right{
display:block;
float:right;
}

.f_left{
display:block;
float:left;
}

/*回り込み解除*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}
	
.clear{
clear:both;
display: block;
font-size:1px;
line-height:0px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

*html.clear{
height:0px;
}

/*行揃え*/
.textalign_left{
text-align:left;
}

.textalign_right{
text-align:right;
}

.textalign_center{
display:block;
text-align:center;
}

hr {
display:none;
}





/*----------ページ共通部分----------*/
#wrapper{
background: url(../../../images/Moved/bg_head.gif) repeat-x;
}

#pageTop,#pageProfile,#pageColumn,#pageSeminar,#pageInfo{
background: none;
text-align: left;
width: 900px;
margin: 0 auto;
}


/* ===== ヘッダー ===== */

#header{
width: 900px;
text-align: left;
}

#header h1{
float: left;
}

#header h1 a{
height: 48px;
background: url(../../../images/Moved/logo.gif) no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
width: 382px;
margin: 18px 0 14px 0;
}

/* ===== ヘッダーメニュー ===== */

#header ul.menu01{
float: right;
width: 400px;
margin: 52px 0 0 0;
}

#header ul.menu01 li{
float: right;
width: 82px;
}

#header ul.menu01 li.ask{
margin-right: 20px;
width: 65px;
}

#header ul.menu01 li.ask a{
background: url(../../../images/Moved/btn_ask.gif) no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
}

#header ul.menu01 li.sitemap{
margin-right: 20px;
}

#header ul.menu01 li.sitemap a{
background: url(../../../images/Moved/btn_sitemap.gif) no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
}

#header ul.menu01 li.link{
width: 73px;
}

#header ul.menu01 li.link a{
background: url(../../../images/Moved/btn_link.gif) no-repeat;
display: block;
overflow: hidden;
text-indent: -9999px;
}




#header ul.menu02{
width: 900px;
float: left;
height: 39px;
}

#header ul.menu02 li{
float: left;
}

#header ul.menu02 li a{
display: block;
height: 39px;
overflow: hidden;
width: 180px;
text-indent: -9999px;
}

#header ul.menu02 .top a{
width: 180px;
background: url(../../../images/Moved/menu_home.gif) no-repeat;
}

#header ul.menu02 .top a:hover{
background-position: 0 -39px;
}

#pageTop #header ul.menu02 .top a{
background-position: 0 -78px;
}


#header ul.menu02 .column a{
width: 180px;
background: url(../../../images/Moved/menu_column.gif) no-repeat;
}

#header ul.menu02 .column a:hover{
background-position: 0 -39px;
}

#pageColumn #header ul.menu02 .column a{
background-position: 0 -78px;
}


#header ul.menu02 .seminar a{
width: 180px;
background: url(../../../images/Moved/menu_seminar.gif) no-repeat;
}

#header ul.menu02 .seminar a:hover{
background-position: 0 -39px;
}

#pageSeminar #header ul.menu02 .seminar a{
background-position: 0 -78px;
}

#header ul.menu02 .info a{
width: 180px;
background: url(../../../images/Moved/menu_info.gif) no-repeat;
}

#header ul.menu02 .info a:hover{
background-position: 0 -39px;
}

#pageInfo #header ul.menu02 .info a{
background-position: 0 -78px;
}


#header ul.menu02 .profile a{
width: 180px;
background: url(../../../images/Moved/menu_profile.gif) no-repeat;
}

#header ul.menu02 .profile a:hover{
background-position: 0 -39px;
}

#pageProfile #header ul .profile a{
background-position: 0 -78px;
}



/* ===== フッター ===== */

#footer{
background-color: #ffffff;
width: 900px;
}

#footer .gotoTop{
text-align:right;
margin:0px 15px 10px 0px;
}

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

/*住所*/
#footer div.address{
width: 900px;
padding: 12px 0;
border-top: 1px solid #b3b3b3;
background-color: #f6f6f6;
}

#footer div.address p{
text-align: center;
}

#footer div.address p.name{
font-weight: bold;
}

#footer div.address p img{
vertical-align: text-top;
}

/*メニュー*/
#footer ul{
background: #533c0b;
text-align: center;
padding: 12px 0;
color: #ffffff;
}

#footer ul li{
display: inline;
}

#footer div.office{
margin: 10px 0;
}

/*コピーライト*/
#footer address{
font-size: 80%;
text-align: center;
font-style: normal;
padding: 9px 0;
width: 900px;
color: #ffffff;
background-color: #7b6c4c;
}



/* ===== 流用部分 ===== */
p.arrowWhite{
text-align: right;
}

p.arrowWhite a{
background: url(../../../images/Moved/icon_arrow01.gif) no-repeat 0px 0px;
padding-left: 18px;
}

p.arrowGray01{
text-align: right;
}

p.arrowGray01 a{
background: url(../../../images/Moved/icon_arrow02.gif) no-repeat 0px 0px;

padding-left: 18px;
}

p.arrowGray02{
text-align: right;
}

p.arrowGray02 a{
background: url(../../../images/Moved/icon_arrow03.gif) no-repeat 0px 0px;
padding-left: 18px;
}

.red01{
color: #ff5a00;
}



@charset "utf-8";


/* ===== コンテンツ ===== */
#content{
background-color: #ffffff;
width: 870px;
padding: 15px;
}


/* ===== トップ ===== */

/* --- 左カラム --- */
#content .topLeft{
width: 655px;
float: left;
}

#content .topLeft h2.catch{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/txt_top.gif) no-repeat;
width: 655px;
height: 109px;
margin-bottom: 15px;
}


/*セミナーのご案内*/
#content .topLeft h2.seminar{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_top_seminar.gif) no-repeat;
width: 655px;
height: 32px;
}

#content .topLeft div.seminarBox{
background-color: #f2f2f2;
border-bottom: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
padding: 13px;
width: 627px;
margin-bottom: 15px;
}

#content .topLeft div.seminarBox dl dt{
font-size: 130%;
font-weight: bold;
line-height: 140%;
margin-bottom: 5px;
}

#content .topLeft div.seminarBox dl dt img{

vertical-align: text-top;
}

#content .topLeft div.seminarBox ul{
margin-top: 13px;
}

#content .topLeft div.seminarBox ul li{
display: inline;
}

#content .topLeft div.seminarBox ul li.left{
margin-right: 5px;
}


/*新着マーケティングコラム*/
#content .topLeft div.columnBox{
background-color: #f2f2f2;
width: 320px;
float: left;
}

#content .topLeft div.columnBox h2.column{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_top_column.gif) no-repeat;
width: 320px;
height: 31px;
}

#content .topLeft div.columnBox ul{
width: 294px;
padding: 13px 13px 0 13px;
}

#content .topLeft div.columnBox ul li{
padding-bottom: 9px;
margin-bottom: 9px;
background: url(../../../images/Moved/dotline01.gif) repeat-x left bottom;
}

#content .topLeft div.columnBox ul li span{
font-size: 120%;
font-weight: bold;
}

#content .topLeft div.columnBox ul li img{
vertical-align: top;
margin-right: 5px;
}

*+html #content .topLeft div.columnBox ul li img{
vertical-align: middle;
margin-right: 5px;
}

*html #content .topLeft div.columnBox ul li img{
vertical-align: middle;
margin-right: 5px;
}

#content .topLeft p.arrow{
margin: 0 13px 13px 0;
text-align: right;
}

#content .topLeft p.arrow a{
background: url(../../../images/Moved/icon_arrow02.gif) no-repeat 0px 0px;
padding-left: 18px;
}


/*研究報告*/
#content .topLeft div.reportBox{
background-color: #f2f2f2;
width: 320px;
float: right;
}

#content .topLeft div.reportBox h2.report{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_top_report.gif) no-repeat;
width: 320px;
height: 31px;
}

#content .topLeft div.reportBox ul{
width: 294px;
padding: 13px 13px 0 13px;
}

#content .topLeft div.reportBox ul li{
padding-bottom: 9px;
margin-bottom: 9px;
background: url(../../../images/Moved/dotline01.gif) repeat-x left bottom;
}

#content .topLeft div.reportBox ul li span{
background: url(../../../images/Moved/icon_pdf.gif) no-repeat 0px 2px;
padding-left: 24px;
display: block;
}


/*協賛企業*/
#content .topLeft div.sponsorBox{
padding: 13px;
border: 1px solid #b3b3b3;
width: 629px;
float: left;
margin-top: 15px;
}

#content .topLeft div.sponsorBox h2.sponsor{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_sponsor.gif) no-repeat;
width: 397px;
height: 15px;
margin-bottom: 18px;
}

#content .topLeft div.sponsorBox ul.box01{
margin-bottom: 13px;
}

#content .topLeft div.sponsorBox ul li{
display: inline;
margin-right: 10px;
}

#content .topLeft div.sponsorBox ul li img{
vertical-align: top;
}



/* --- 右カラム --- */
#content .topRight{
width: 200px;
float: right;
}


/*プロフィール*/
#content .topRight div.profileBox{
width: 200px;
background: url(../../../images/Moved/bg_profile02.gif) repeat-y;
}

#content .topRight p{
line-height: 150%;
}

#content .topRight p.pic{
background: url(../../../images/Moved/bg_profile01.gif) no-repeat;
padding: 13px 0 0 13px;
}

#content .topRight p.txt01{
padding: 9px 13px 0 13px;
font-size: 95%;
}

#content .topRight p.txt01 span{
font-size: 120%;
font-weight: bold;
}

#content .topRight p.smalltxt{
font-size: 85%;
padding: 9px 13px 0 13px;
line-height: 140%;
}

#content .topRight p.arrow{
padding: 8px 0 13px 13px;
text-align: left;
background: url(../../../images/Moved/bg_profile03.gif) no-repeat left bottom;
}

#content .topRight p.arrow a{
background: url(../../../images/Moved/icon_arrow03.gif) no-repeat 0px 0px;
padding-left: 18px;
}


/*お知らせ*/
#content .topRight h2.news{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_top_news.gif) no-repeat;
width: 200px;
height: 29px;
margin-top: 15px;
}

#content .topRight ul.newsBox{
background-color: #f2f2f2;
border-bottom: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
padding: 13px;
width: 172px;
}

#content .topRight ul.newsBox li.top{
padding-bottom: 9px;
margin-bottom: 9px;
background: url(../../../images/Moved/dotline01.gif) repeat-x left bottom;
line-height: 150%;
}

#content .topRight ul.newsBox li.bottom{
line-height: 150%;
}



/* ===== セミナー ===== */

/* --- 左カラム --- */
#content .topLeft h2.seminar02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_seminar.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}

#content .topLeft h3{
background-color: #e5e5e5;
font-weight: bold;
font-size: 130%;
line-height: 140%;
padding: 3px 5px 2px 8px;
border-bottom: 1px solid #808080;
margin-bottom: 15px;
}

#content .topLeft p.txt01{
font-size: 120%;
line-height: 140%;
margin: 0 0 5px 0;
}

#content .topLeft p.txt02{
font-size: 120%;
line-height: 140%;
margin: 0 0 10px 0;
}

#content .topLeft p.txt03{
line-height: 140%;
margin: 10px 0 20px 0;
}

#content .topLeft div.txt04{
font-size: 120%;
line-height: 130%;
margin: 0 0 10px 0;
}

#content .topLeft p.btn01{
text-align: center;
margin: 10px 0 20px 0;
}

#content .topLeft table.seminarTable{
width: 100%;
margin-bottom: 20px;
}

#content .topLeft table.seminarTable td{
padding: 6px 3px 3px 3px;
vertical-align: top;
border-bottom: 1px solid #808080;
}

#content .topLeft table.seminarTable td.bg01{
border-bottom: 1px solid #808080;
}

#content .topLeft table.seminarTable td.left01{
width: 100px;
}

#content .topLeft table.seminarTable td.left02{
width: 90px;
}

#content .topLeft table.seminarTable td.left03{
width: 160px;
font-weight:bold;
}

#content .topLeft table.seminarTable td.left04{
width: 160px;
}

#content .topLeft table.seminarTable td.left05{
width: 120px;
}

#content .topLeft table.seminarTable td.bold{
font-weight: bold;
font-size: 120%;
}

#content .topLeft table.seminarTable td.bg02{
background-image:url(../../../images/Moved/dotline02.gif);
background-repeat:repeat-x;
font-size:0px;
line-height:0px;
height:1px;
padding:0px
}

#content .topLeft table.seminarTable td div.human{
width: 455px;
margin: 10px 0;
}

#content .topLeft table.seminarTable td div.human p.pic01{
width: 74px;
float: left;
margin: 0 15px 0 0;
}

#content .topLeft table.seminarTable td div.human p.pic01 img{
border: 3px solid #d2cbb9;
}

#content .topLeft table.seminarTable td div.human p.rightTxt{
float: left;
width: 360px;
}

#content .topLeft table.seminarTable td p.koen{
font-weight: bold;
font-size: 130%;
}


/* --- 右カラム --- */
#content .topRight h3.categoryTitle{
background: url(../../../images/Moved/bg_category_title.gif) no-repeat left bottom;
padding: 6px 8px 5px 8px;
font-weight: bold;
font-size: 110%;
}

#content .topRight .categoryList ul{
margin: -1px 0 10px 0;
}

#content .topRight .categoryList li{
background: url(../../../images/Moved/dotline02.gif) repeat-x left top;
color:#ffffff;
padding: 8px 0;
}

#content .topRight .categoryList li a{
line-height: 140%;
background: url(../../../images/Moved/icon_arrow02.gif) no-repeat 0px 0px;
padding-left: 18px;
}


#content .topRight ul.banner{
margin: 40px 0 0 0;
}

#content .topRight ul.banner li{
margin: 0 0 10px 0;
padding: 0;
line-height: 100%;
}


/* ===== 事業紹介 ===== */

/* --- 左カラム --- */
#content .topLeft h2.info02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_info.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}

/* --- 取引先一覧 --- */
#content .topLeft table.clientTable{
width: 655px;
margin-bottom: 20px;
}

#content .topLeft table.clientTable td{
border-bottom: 1px solid #808080;
width:50%;
padding: 6px 0;
vertical-align: top;
}

/* --- 実績 --- */
#content .topLeft ul.worksList{
padding-top:6px;
}

#content .topLeft ul.worksList li{
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #808080;
}

#content .topLeft ul.worksList li span.pdf{
background: url(../../../images/Moved/icon_pdf.gif) no-repeat 0px 2px;
padding-left: 24px;
display: block;
}

#content .topLeft ul.worksList li img{
margin-left:15px;
}


/* ===== プロフィール ===== */

/* --- 左カラム --- */
#content .topLeft h2.prof02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_profile.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}


.hidden{
visibility:hidden;
overflow:hidden;
width:0px;
height:0px;
margin:0;
padding:0;
}

/* ===== コラム ===== */

/* --- 左カラム --- */
#content h2.column02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_column.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}



/* ===== サイトマップ ===== */

/* --- 左カラム --- */
#content .topLeft h2.sitemap02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_sitemap.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}


#content .topLeft ul.sitemap{
width: 325px;
float: left;
}

#content .topLeft ul.sitemap li{
background: url(../../../images/Moved/icon_arrow01.gif) no-repeat 0px 4px;
padding-left: 18px;
font-weight: bold;
font-size: 130%;
margin: 0 0 18px 0;
}

#content .topLeft ul.sitemap li ul li{
background: url(../../../images/Moved/icon_arrow05.gif) no-repeat 0px 5px;
padding-left: 13px;
font-size: 85%;
margin: 7px 0 0 3px;
font-weight: normal;
}



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

/* --- 左カラム --- */
#content .topLeft h2.ask02{
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../../../images/Moved/title_ask.gif) no-repeat;
width: 655px;
height: 31px;
margin-bottom: 15px;
}