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


/* 法人の強みページ ↓　-------------------------------------------- */
h2#h2_hojin{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/hojin/h2_hojin.jpg);
	margin-bottom:10px;
}

h3.h3_market{
	width:568px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/hojin/h3_market.jpg);
	margin-bottom:10px;
}

h3.h3_tech{
	width:568px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/hojin/h3_tech.jpg);
	margin-bottom:10px;
}

h3.h3_tv{
	width:568px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/hojin/h3_tv.jpg);
	margin-bottom:10px;
}

h3.h3_cosme{
	width:568px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/hojin/h3_cosme.jpg);
	margin-bottom:10px;
}

div#main div.hojin_img1 {
	float:left;
	text-align:left;
	padding:0 12px 10px 0;
}

div#main div.hojin_txt {
	padding:0 10px 10px 0;
}

div#main div.hojin_txt p {
	padding-top:10px;
}

div.hojin_menu_area {
	padding-bottom:10px;
}

div.hojin_menu_area ul li {
	float:left;
}

div.hojin_menu_area ul li a {
	display:block;
	width:281px;
	height:121px;
	text-indent:-9999px;
	overflow:hidden;
}

div.hojin_menu_area ul li.hojin_menu1 {
	padding-right:10px;
	padding-bottom:10px;
}

div.hojin_menu_area ul li#hojin_menu1_on a {
	background:url(../img/hojin/menu_market_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu1 a {
	background:url(../img/hojin/menu_market.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu1 a:hover {
	background:url(../img/hojin/menu_market_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu2 {
	padding-top:1px;
	padding-bottom:10px;
}

div.hojin_menu_area ul li#hojin_menu2_on a {
	background:url(../img/hojin/menu_tech_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu2 a {
	background:url(../img/hojin/menu_tech.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu2 a:hover {
	background:url(../img/hojin/menu_tech_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu3 {
	padding-right:10px;
	padding-bottom:10px;
}

div.hojin_menu_area ul li#hojin_menu3_on a {
	background:url(../img/hojin/menu_tv_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu3 a {
	background:url(../img/hojin/menu_tv.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu3 a:hover {
	background:url(../img/hojin/menu_tv_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu4 {
	padding-top:1px;
	padding-bottom:10px;
}

div.hojin_menu_area ul li#hojin_menu4_on a {
	background:url(../img/hojin/menu_cosme_on.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu4 a {
	background:url(../img/hojin/menu_cosme.gif) no-repeat;
}

div.hojin_menu_area ul li.hojin_menu4 a:hover {
	background:url(../img/hojin/menu_cosme_on.gif) no-repeat;
}


div.hojin_menu_l {
	float:left;
	width:256px;
	padding:10px;
	border:1px solid #cccccc;
	margin-right:10px;
}

div.hojin_menu_r {
	float:left;
	width:256px;
	padding:10px;
	border:1px solid #cccccc;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}




/* 効く活かし方ページ ↓　-------------------------------------------- */


h2#h2_effect{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/effect/h2_effect.jpg);
	margin-bottom:10px;
}

div#main div.effect_box1 {
	padding:10px 10px 10px 0;
}

div.effect_box1 p img {
	padding-bottom:10px;
	padding-left:10px;
}

div.effect_box2 {
	clear:both;
	background:#ececec;
	margin:10px 10px 10px 0;
}

div.effect_box2 ul {
	padding:0 25px;
}

div.effect_box2 ul li {
	border-bottom:1px dashed #3399FF;
	padding:5px 0;
}

div.effect_box2 ul li.noborder {
	border-bottom:none;
}

div.effect_box3 {
	padding-bottom:10px;
}

div.effect_box3 ul li {
	float:left;
	padding-right:10px;
}

div.effect_box3 ul li a {
	display:block;
	width:71px;
	height:71px;
	text-indent:-9999px;
	overflow:hidden;
}

div.effect_box3 ul li.effect_menu1 a {
	background:url(../img/effect/effect_btn1.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu1 a:hover {
	background:url(../img/effect/effect_btn1_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu2 a {
	background:url(../img/effect/effect_btn2.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu2 a:hover {
	background:url(../img/effect/effect_btn2_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu3 a {
	background:url(../img/effect/effect_btn3.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu3 a:hover {
	background:url(../img/effect/effect_btn3_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu4 a {
	background:url(../img/effect/effect_btn4.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu4 a:hover {
	background:url(../img/effect/effect_btn4_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu5 a {
	background:url(../img/effect/effect_btn5.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu5 a:hover {
	background:url(../img/effect/effect_btn5_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu6 a {
	background:url(../img/effect/effect_btn6.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu6 a:hover {
	background:url(../img/effect/effect_btn6_on.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu7 a {
	background:url(../img/effect/effect_btn7.gif) no-repeat;
}

div.effect_box3 ul li.effect_menu7 a:hover {
	background:url(../img/effect/effect_btn7_on.gif) no-repeat;
}



/* 映像事例ページ ↓　-------------------------------------------- */
h2#h2_case{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/case/h2_case.jpg);
	margin-bottom:10px;
}


div.case {
	border:1px solid #cacaca;
	width:566px;
	margin-bottom:20px;
}

div.case div.case_box1 {
	background:url(../img/case/case_name_bg.gif) repeat-y;
	padding:5px 10px;
	border-bottom:1px solid #cacaca;
}

div.case div.case_box1 h3 {
	color:#6688c9;
	font-weight:700;
	background:url(../img/case/case_name_mark.gif) left center no-repeat;
	padding-left:20px;
}

div.case div.case_box2 {
	background:#FFFFFF;
	padding:10px;
}

div.case div.case_box2 p.jirei_swf{
	float:left;
	width:290px;
	position:relative;
	top:0;
	left:0;
	z-index:10;
}

div.case div.case_box3_in {
	float:right;
	width:238px;
}

div.case div.case_box3 p span.kikaku{
	color:#c69866;
}

div.case div.case_box3 p span.direct{
	color:#339866;
}

div.case div.case_box3 p span.satsuei{
	color:#cbff00;
}

div.case div.case_box3 p span.hensyu{
	color:#66cbcb;
}

div.case div.case_box3 p span.dvd{
	color:#ffcb00;
}

div.case div.case_box3 p span.anime{
	color:#c1007b;
}

div.case div.case_box4 {
	clear:both;
	background:#ececec;
}

div.case div.case_box4 div.case_box4_in{
	clear:both;
	padding:0 20px 10px 10px;
}

div.case div.case_box4 p.gaiyo_l {
	float:left;
	padding-left:10px;
}

div.case div.case_box4 p.gaiyo_r {
	width:440px; 
	float:right;
}

/* サービス　料金　流れページ ↓　-------------------------------------------- */
h2#h2_charge1{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/charge/h2_charge1.jpg);
	margin-bottom:10px;
}

h2#h2_charge1-1{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/charge/h2_charge1-1.jpg);
	margin-bottom:10px;
}

h2#h2_charge1-2{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/charge/h2_charge1-2.jpg);
	margin-bottom:10px;
}

h2#h2_charge2{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/charge/h2_charge2.jpg);
	margin-bottom:10px;
}

div.charge_box1 {
	background:#000000;
	width:525px;
	padding:5px 20px;
	color:#FFFFFF;
}

div.charge_box1_top {
	background:url(../img/charge/blc_top.gif) no-repeat;
	height:8px;
	width:565px;
	overflow:hidden;
}

div.charge_box1_btm {
	background:url(../img/charge/blc_btm.gif) no-repeat;
	height:8px;
	width:565px;
	overflow:hidden;
	margin-bottom:10px;
}

div.charge_box2 {
	background:#dddddd;
	width:568px;
	padding:10px 0;
	margin-bottom:10px;
}

div.charge_box2 p {
	float:left;
	padding-left:10px;
}

div.charge_box2 p.chg_mid {
	width:270px;
	font-size:85%;
}


/* よくある質問ページ ↓　-------------------------------------------- */
h2#h2_faq{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/faq/h2_faq.jpg);
	margin-bottom:10px;
}

div.faq_box_top {
	background:url(../img/faq/faq_top.gif) no-repeat;
	width:568px;
	height:10px;
	overflow:hidden;
}

div.faq_box_mid {
	background:url(../img/faq/faq_mid.gif) repeat-y;
	width:568px;
}

div.faq_box_btm {
	background:url(../img/faq/faq_btm.gif) no-repeat;
	width:568px;
	height:10px;
	overflow:hidden;
	margin-bottom:10px;
}

p.p_title1 {
	font-size:150%;
	color:#0099FF;
	border-bottom:1px dashed #999999;
	padding:0 15px 5px 15px;
}

div.faq_box_mid ul.list_q{
	padding:5px 15px;
}

div.faq_box_mid ul.list_q li{
	background:url(../img/faq/faq_mark1.gif) no-repeat;
	padding:0 0px 0 15px;
}

div.faq_box_mid h3{
	font-size:150%;
	color:#0099FF;
	padding:0 15px;
}

p.p_title2 {
	font-size:150%;
	color:#0099FF;
	padding:0 15px;
}

div.faq_box2 {
	padding:5px 15px;
}

div.faq_box2 dl {
}

div.faq_box2 dl dt {
	margin-top:5px;
	background:url(../img/faq/faq_mark2.gif) no-repeat;
	padding:0px 15px 0 15px;
	color:#0099FF;
}

div.faq_box2 dl dt a {
}

div.faq_box2 dl dd {
	padding:0 15px 5px 15px;
	border-bottom:1px dashed #999999;
}


/* お問い合わせページ ↓　-------------------------------------------- */
h2#h2_inquiry{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/inquiry/h2_inquiry.jpg);
	margin-bottom:10px;
}

div#inquiry table {
	width:568px;
}

div#inquiry table th ,
div#inquiry table td {
	padding:5px 10px;
	border-bottom:10px solid #FFFFFF;
	text-align:left;
}

div#inquiry table th {
	width:180px;
	background:#777777;
	color:#FFFFFF;
	vertical-align:top;
}

div#inquiry table td {
	background:#eeeeee;
	border-left:10px solid #FFFFFF;
}


#field00 input ,
#field01 input ,
#field02 input ,
#field03 input ,
#field04 input ,
#field05 input ,
#field07 input ,
#field17 input ,
#field18 input ,
#field30 input {
	width:250px;
}

#field16 input {
	width:60px;
}


/* 会社概要ページ ↓　-------------------------------------------- */
h2#h2_company1{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/company/h2_company1.jpg);
	margin-bottom:10px;
}

h2#h2_company2{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/company/h2_company2.jpg);
	margin-bottom:10px;
}

div.comp_box1 {
	background:#eeeeee;
	padding:10px;
	width:548px;
}

div.comp_box1 p.comp_box1_in{
	float:right;
	width:350px;
}

div.comp_box2 {
	width:568px;
}

div.comp_box2 table {
	margin-top:20px;
}

div.comp_box2 table th,
div.comp_box2 table td  {
	padding:10px;
	border-bottom:10px solid #FFFFFF;
}

div.comp_box2 table th {
	background:#777777;
	width:100px;
	border-right:20px solid #FFFFFF;
	color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}

div.comp_box2 table td {
	background:#eeeeee;
}


/* サイトマップページ ↓　-------------------------------------------- */
h2#h2_sitemap{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/sitemap/h2_sitemap.jpg);
	margin-bottom:10px;
}

div.site_box {
	background:#eeeeee;
	margin-bottom:15px;
	padding:5px 20px;
	width:528px;
}

div.site_box div.site_box_l {
	float:left;
	width:180px;
}

div.site_box div.site_box_r {
	float:left;
	width:340px;
}

div.site_box div p {
	background:url(../img/sitemap/mark.gif) no-repeat;
	padding-left:15px;
}

/* 個人情報ページ ↓　-------------------------------------------- */
h2#h2_privacy{
	width:568px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/privacy/h2_privacy.jpg);
	margin-bottom:10px;
}

div.privacy {
	background:#eeeeee;
	width:528px;
	padding:20px;
}

div.privacy p.priv_title{
	color:#0099FF;
	font-size:150%;
	margin-top:20px;
}

div.privacy ul li{
	background:url(../img/privacy/priv_mark.gif) no-repeat top left;
	padding-left:15px;
}

div.privacy p.sign{
	margin-top:20px;
}

/* 新着情報一覧 */
div.news_list {
	width:568px;
}

div.news_list dl {
	padding:10px;
}

div.news_list dd {
	padding:0 0 20px 15px;
	border-bottom:1px dotted #999999;
}

div.news_list dl dt{
	color:#3399FF;
}

div.news_list dl dd p.title a {
	color:#3399ff;
}

div.news_list dl dd div.article_txt {
	float:left;
	width:350px;
}

div.news_list dl dd div.article_img {
	float:right;
	width:150px;
}

div.news_list dl dd div.article_img img {
	width:150px;
}

div.news_list dl dd p.title a {
	color:#3399ff;
}


/* 新着情報詳細 */
div.news_detail {
	width:568px;
}

div.news_detail h2 {
	padding:0 0 10px;	
}
div.news_detail h3 {
	color:#3399FF;
	padding:0 10px;	
}

div.news_detail .entry {
	padding:10px;
}