@charset "UTF-8";

body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka;
font-size:80%;
line-height: 1.5;
color:#505050;
}
a {
color:#505050;
text-decoration:none;
}
a:active,a:focus,a:hover {
color:#FF4200;
}


/*=====================================
header
=====================================*/
#header {
padding:10px 20px 0;
width:885px;
margin:0 auto;
}
#header .logo{
float:left;
width:70px;
padding-bottom:10px;
}
#header .copy{
float:left;
line-height:15px;
font-size:80%;
padding-top:15px;
}
#header ul{
float:right;
}
#header ul li{
display:inline;
padding:0 4px 0 2px;
border-right:1px solid #999999;
font-size:80%;
}
#header form{
float:right;
width:450px;
text-align:right;
padding-top:15px;
padding-bottom:10px;
font-size:90%;
}


/*=====================================
global menu
=====================================*/
#globalmenu {
clear:both;
height:40px;
background-color:#000000;
color:#FFFFFF;
}
#globalmenu ul{
margin:0 auto;
width:914px;
height:40px;
background:url(http://www.fun-site.biz/common/img/globalmenu.gif) no-repeat;
}
#globalmenu ul li{
width:114px;
height:40px;
float:left;
background:url(http://www.fun-site.biz/common/img/globalmenu.gif) no-repeat;
}
#globalmenu ul li.g_top{
background-position:left bottom;
}
#globalmenu ul li.g_cam{
background-position:-114px bottom;
}
#globalmenu ul li.g_blog{
background-position: -228px bottom;
}
#globalmenu ul li.g_fun{
background-position:-342px bottom;
}
#globalmenu ul li.g_labo{
background-position:-456px bottom;
}
#globalmenu ul li.g_re{
background-position:-570px bottom;
}
#globalmenu ul li.g_work{
background-position:-684px bottom;
}
#globalmenu ul li.g_com{
background-position:-798px bottom;
}
#globalmenu ul li a{
display:block;
width:114px;
height:40px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/common/img/globalmenu.gif) no-repeat;
}
#globalmenu ul li.g_top a{
background-position:left top;
}
#globalmenu ul li.g_cam a{
background-position:-114px top;
}
#globalmenu ul li.g_blog a{
background-position: -228px top;
}
#globalmenu ul li.g_fun a{
background-position:-342px top;
}
#globalmenu ul li.g_labo a{
background-position:-456px top;
}
#globalmenu ul li.g_re a{
background-position:-570px top;
}
#globalmenu ul li.g_work a{
background-position:-684px top;
}
#globalmenu ul li.g_com a{
background-position:-798px top;
}
#globalmenu ul li a:active,#globalmenu ul li a:focus,#globalmenu ul li a:hover{
background:none;
}
#home #globalmenu ul li.g_top a,
#campaign #globalmenu ul li.g_cam a,
#staffblog #globalmenu ul li.g_blog a,
#fun #globalmenu ul li.g_fun a,
#labo #globalmenu ul li.g_labo a,
#research #globalmenu ul li.g_re a,
#works #globalmenu ul li.g_work a,
#companyinfo #globalmenu ul li.g_com a{
background:none;
}


/*=====================================
submenu
=====================================*/
#submenu{
padding:10px 20px 0;
width:885px;
margin:0 auto;
}
#submenu dl dt{
float:left;
width:120px;
padding-top:10px;
}
#submenu dl dt.sub_companyinfo{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/companyinfo/img/company.gif) no-repeat center center;
}
#submenu dl dt.sub_works{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/works/img/work.gif) no-repeat center center;
}
#submenu dl dt.sub_research{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/research/img/researches.gif) no-repeat center center;
}
#submenu dl dt.sub_labo{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/labo/img/labo.gif) no-repeat center center;
}
#submenu dl dt.sub_fun{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/fun/img/funcontents.gif) no-repeat center center;
}
#submenu dl dt.sub_staffblog{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/staffblog/img/staff_blog.gif) no-repeat center center;
}
#submenu dl dt.sub_campaign{
width:118px;
height:73px;
text-indent:-9999px;
background:url(http://www.fun-site.biz/campaign/img/campaign.gif) no-repeat center center;
}
#siteinfo #submenu dl{
display:none;
}
#submenu dl dd{
padding-left:122px;
width:auto;
}
#submenu dl dd .sub1,
#submenu dl dd .sub2{
padding-bottom:1em;
width:760px;
}
#submenu dl dd .sub1 ul,
#submenu dl dd .sub2 ul{
padding-bottom:0.2em;
}
#submenu dl dd ul li{
display:inline;
padding-right:1em;
font-size:90%;
font-weight:bold;
}
#submenu dl dd .sub1 li a{
background:url(http://www.fun-site.biz/common/img/black_box.gif) no-repeat;
padding-left:14px;
}
#submenu dl dd .sub1 li a:active,
#submenu dl dd .sub1 li a:focus,
#submenu dl dd .sub1 li a:hover{
background:url(http://www.fun-site.biz/common/img/red_box_full.gif) no-repeat;
color:#ff4200;
}
#campaign .page_index #submenu .s1_1 a,
#staffblog .page_index #submenu .s1_1 a,
#staffblog .page_guests #submenu .s1_2 a,
#staffblog .page_magazine #submenu .s1_3 a,
#fun .page_camera #submenu .s1_1 a,
#fun .page_index #submenu .s1_3 a,
#taidan #submenu .s1_1 a,
#labo .page_index #submenu .s1_1 a,
#labo .page_researches #submenu .s1_3 a,
#funteki #submenu .s1_4 a,
#research .page_check #submenu .s1_1 a,
#research .page_index #submenu .s1_2 a,
#works .page_index #submenu .s1_1 a,
#works .page_naza #submenu .s1_2 a,
#business #submenu .s1_3 a,
#work #submenu .s1_4 a,
#works .page_book #submenu .s1_7 a,
#companyinfo .page_index #submenu .s1_1 a,
#companyinfo .page_map #submenu .s1_2 a,
#companyinfo .page_kawamuraprofile #submenu .s1_3 a,
#companyinfo .page_rabu #submenu .s1_6 a,
#staff #submenu .s1_4 a,
#companyinfo .page_recruit #submenu .s1_5 a,
#companyinfo .page_partners #submenu .s1_7 a {
background:url(http://www.fun-site.biz/common/img/red_box_full.gif) no-repeat;
color:#ff4200;
}
#submenu dl dd .sub2 li a{
padding-left:0.5em;
border-left:1px solid #505050;
}
#submenu dl dd .sub2 li a:active,
#submenu dl dd .sub2 li a:focus,
#submenu dl dd .sub2 li a:hover{
color:#ff4200;
border-left-color:#ff4200;
}
#taidan .page_index #submenu .s2_1 a,
#taidan .page_taidan09 #submenu .s2_2 a,
#taidan .page_taidan08 #submenu .s2_3 a,
#taidan .page_taidan07 #submenu .s2_4 a,
#taidan .page_taidan06 #submenu .s2_5 a,
#taidan .page_taidan05 #submenu .s2_6 a,
#taidan .page_taidan04 #submenu .s2_7 a,
#taidan .page_taidan03 #submenu .s2_8 a,
#taidan .page_taidan02 #submenu .s2_9 a,
#taidan .page_taidan01 #submenu .s2_10 a,
#funteki .page_index #submenu .s2_1 a,
#funteki .page_funsiteteki_heinz #submenu .s2_2 a,
#funteki .page_funsiteteki_n-link #submenu .s2_3 a,
#funteki .page_funsiteteki_taketora #submenu .s2_4 a,
#business .page_index #submenu .s2_1 a,
#business .page_web #submenu .s2_2 a,
#business .page_design #submenu .s2_3 a,
#work .page_index #submenu .s2_1 a,
#work .page_dtp #submenu .s2_2 a, 
#work .page_signboards #submenu .s2_3 a,
#staff .page_index #submenu .s2_1 a,
#staff .page_bunyaprofile #submenu .s2_2 a,
#staff .page_staffmember #submenu .s2_3 a {
color:#ff4200;
border-left-color:#ff4200;
}


/*=====================================
topicpath
=====================================*/
#topicpath {
clear:both;
padding:10px 20px 0;
width:885px;
margin:0 auto;
}
#topicpath ul li{
display:inline;
color:#ff4200;
font-size:90%;
}
#topicpath ul li a{
background:url(http://www.fun-site.biz/common/img/black_arro.gif) no-repeat right top;
padding-right:12px;
}


/*=====================================
footer
=====================================*/
#footer {
clear:both;
padding:50px 20px 10px;
width:885px;
margin:0 auto;
}
.footer_left {
float:left;
width:800px;
}
#footer .copyright{
font-size:90%;
color:#000000;
}
#footer .attention{
font-size:75%;
color:#000000;
}
#footer address{
width:70px;
float:right;
padding-bottom:10px;
}


/*=====================================
contents
=====================================*/
#contents {
clear:both;
padding:30px 145px 10px;
width:625px;
margin:0 auto;
}
#staff .page_bunyaprofile #contents,
#staff .page_index #contents,
#research .page_index #contents,
#companyinfo .page_kawamuraprofile #contents,
#fun .page_index #contents {
clear:both;
padding:30px 10px 10px;
width:895px;
margin:0 auto;
}
#contents h1 {
	font-size: 140%;
	font-weight: bold;
	color: #005ab9;
	margin-bottom:1.5em;
}
#contents h2 {
	font-weight: bold;
	color: #ff4200;	
	margin-bottom:0.5em;
}
#contents h2.blue {
	color:#005ab9;
}
#contents h3 {
	color:#ff4200;
	margin-top:1em;
	margin-bottom:0.5em;
	font-weight:bold;
}


/*=====================================

=====================================*/
.mark_link1{
background:url(http://www.fun-site.biz/common/img/blue_arro.gif) no-repeat left top;
padding-left:20px;
color:#005ab9;
}
.new{
	padding: 0 4px;
	font-weight: bold;
	color: #cc0000;
}
/*kawamura*/
.profile_title{
float:left;
}
.profile_pic{
float:right;
}
.profile_box{
clear:both;
padding-top:1.5em;
}
.profile_list dt{
float:left;
padding-right:0.5em;
}
.position {
color:#ff4200;
text-align:right;
}
/*uda*/
.profile_title_uda{
float:left;
padding-left:170px;
}
.position_uda {
color:#ff4200;
text-align:left;
padding-left:100px;
}
.title{
padding-left:150px
}
.profile{
margin-top:190px;
}
.project_list{
padding-top::1em;
}
.h3{
padding-top:1em;
}
.bunya_pic{
float:right;
}
/*bunya*/
#bunya_title{
float:left;
}
.bunya_title{
padding-left:130px;
}
.bunya_pic{
float:right;
width:570px;
}
.profilelist_bunya{
margin-top:100px;
}
#bunya_project{
padding-top:90px;
padding-bottom:1em;
}
/*fun_naomi*/
#naomi_title{
float:left;
width:300px;
}
.naomi_pic{
float:right;
width:570px;
}
.mark_arro{
background:url(http://www.fun-site.biz/common/img/arro.gif) no-repeat left;
padding-left:20px;
margin-top:10px;
}
/*top*/
#clear{
clear:both;
}
.kotira{
text-align:right;
font-weight:bold;
}
.marker_2{
padding-top:5px;
background:url(http://www.fun-site.biz/common/img/blue_mark.gif) no-repeat left;
padding-left:20px;
}
.marker_1{
padding-top:5px;
background:url(http://www.fun-site.biz/common/img/red_mark.gif) no-repeat left;
padding-left:20px;
}
.font_bold{
font-weight:bold;
}
.bottom_space{
padding-bottom:10px;
}
.top_space
{padding-top:10px;
}
.center_pic{
text-align:center;
}