@charset "utf-8";

@import "css/reset.css";
@import "css/fonts.css";


body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  }
body.index{background:url(images/index_bg_top.jpg) repeat-x 0 0;}
body.und{background:url(images/und_bg_top.jpg) repeat-x 0 0;}

p,li,th,td,dl,ol{ font-size:13px; line-height:1.5em; color:#333;}
dt{ font-weight:bold;}
dd{ padding:0 0 15px 26px;}
strong{ font-weight:bold; color:#F00;}

ul,li{ margin:0; padding:0; text-indent:0;}

img{ vertical-align:bottom;}


/*リンク色*/

a:link{ color:#66B04A; text-decoration:none;}
a:visited{ color:#66B04A; text-decoration:none;}
a:hover{ color:#FFF; background:#66B04A;}

#topics_body a:link{ color:#666; text-decoration:none;}
#topics_body a:visited{ color:#666; text-decoration:none;}
#topics_body a:hover{ color:#FFF; background:#ADD8B8;}

#footer_menu a:link{ color:#3D814E; text-decoration:none;}
#footer_menu a:visited{ color:#3D814E; text-decoration:none;}
#footer_menu a:hover{ color:#FFF; background:#3D814E;}

#index_support a:link{}
#index_support a:visited{}
#index_support a:hover{ background-color:#FFF;}

#interview h4 a:link{ padding:0 0 0 12px;  color:#FFF; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}
#interview h4 a:visited{ padding:0 0 0 12px;  color:#FFF; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}
#interview h4 a:hover{ padding:0 0 0 12px;  color:#CCC; text-decoration:underline; background:url(images/index_interview_h4.jpg) no-repeat 0 2px;}

/*フレーム*/
#container{ margin:0 auto; width:906px; position:relative; background:url(images/main.jpg) no-repeat 0 0;}
#top_flash{ width:906px;}
#index_interview{ width:514px; height:460px; float:right; position:relative; background:url(images/index_Envelope.jpg) no-repeat 0 0; z-index:6000;}
#com_flash{ width:392px; height:460px; float:left;}
#com_flash2{ padding-top:15px; width:392px; height:445px; float:left; background:url(images/index_mailbg.jpg) no-repeat 0 0;}
#com_flash2 ul li{ width:270px;}
#com_flash2 ul li #str{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}
#com_flash2 ul li #str a:link{ color:#333;}
#com_flash2 ul li #str a:visited{ color:#333;}
#com_flash2 ul li #str a:hover{ color:#FFF !important; background:#7A4872;}

#com_flash2 ul li #str_tw{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}
#com_flash2 ul li #str_tw a:link{ color:#333;}
#com_flash2 ul li #str_tw a:visited{ color:#333;}
#com_flash2 ul li #str_tw a:hover{ color:#FFF !important; background:#1594D2;}

#a19_bns{ padding:0 15px;}
#a19_bns li{ float:left; width:270px; padding-bottom:15px;}
#a19_bns li .str{ margin:0 5px 0 8px !important; font-size:11px; color:#333; line-height:1.3em;}

.bn001 a:link{ color:#333;}
.bn001 a:visited{ color:#333;}
.bn001 a:hover{ color:#FFF !important; background:#7A4872;}

.bn002 a:link{ color:#333;}
.bn002 a:visited{ color:#333;}
.bn002 a:hover{ color:#FFF !important; background:#1594D2;}

.bn003 a:link{ color:#333;}
.bn003 a:visited{ color:#333;}
.bn003 a:hover{ color:#FFF !important; background:#333;}



#index_foot{ margin:0 auto; width:906px; height:195px; background:url(images/index_foot.jpg) no-repeat 0 0; position:relative; clear:both; z-index:2;}
#footer_box{ width:100%; background:url(images/und_bg_bottom.jpg) repeat-x 0 0; clear:both;}

/*index_interview*/
#index_interview h3{ width:383px; height:47px; position:absolute; top:16px; left:5px; }

#interview{ width:495px; position:absolute; top:64px; left:0; z-index:9999; }
#interview h4{ padding-bottom:8px; color:#FFF; font-size:12px; line-height:13px; font-weight:bold; font-weight:bold;}
.interview_top{ width:241px; height:4px; background:url(images/index_interviewBG_top.png) no-repeat 0 0;}
.interview_middle{ padding:5px 8px 0 11px; width:222px; height:150px; background:url(images/index_interviewBG_middle.png) no-repeat 0 0;}
.interview_bottom{ padding-bottom:5px; width:241px; height:4px; background:url(images/index_interviewBG_bottom.png) no-repeat 0 0;}
.interview_note{ width:128px; background:url(images/index_interview_note.png) no-repeat 0 0; float:right;}
.interview_note p{ font-size:11px; color:#FFF; line-height:15px; text-indent:15px; text-align:justify;}
.person{ padding:2px; margin-bottom:5px; background:#FFF; border:1px solid #CCC;}
.interview_more{ padding-top:10px; text-align:right;}

/*foot_navi*/
#foot_menu{ width:390px; height:17px; position:absolute; right:0; top:90px;}
#foot_menu li{ float:left; font-size:10px; padding:0 3px;}
#foot_menu li a{
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#foot_menu li a:link,#foot_menu li a:visited{ background:#5B6C7B; padding:2px 5px; color:#FFF;}
#foot_menu li a:hover{background:#728596;}

/*foot*/
#foot_cont{ background: url(images/index_bottom_bg.jpg) repeat-x 0 0;}
#index_support{ width:304px; height:87px; position:absolute; top:30px; left:60px;}
#copy{ width:300px; height:19px; position:absolute; bottom:5px; left:75px; color:#666; font-size:12px; }
#foot_logo{ width:467px; height:60px; position:absolute; top:128px; right:0;}
#foot_box{ width:150px; height:65px; float:left;}
#foot_logo h5{ padding-bottom:3px; font-size:12px; font-weight:bold; color:#666;}
#foot_logo address{ text-indent:5px; font-size:11px; color:#333; line-height:1.4em;}

/*und*/
#head_box{ width:100%; height:236px; position:absolute; left:0; background:url(images/bg_right_png.png) no-repeat 0 0;}
#head{ height:236px; position:relative;}
#head h1{ width:136px; height:44px; position:absolute; top:7px; left:22px;}
#g_navi{ width:718px; position:absolute; top:13px; right:0;}
#g_navi li{ float:left;}
#g_navi li img{ vertical-align:bottom;}

#side{ padding:0 0 0 15px; width:241px; float:left; position:relative;}
#side h3{ width:219px; height:85px; position:absolute; top:-85px; left:15px;}
#side_navi{ background:url(images/side_middle.jpg) repeat-y 0 0;}
#side_navi dd{ padding:0;}
#side_navi dt img,#side_navi dd img{ vertical-align:bottom;}

#side_navi.str_ver{ padding:0 45px 0 20px; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.str_ver dt{ padding:15px 0 5px 15px; border-bottom:1px dotted #CCC; color:#61A646; background:url(images/question.gif) no-repeat 0 17px; position:relative}
#side_navi.str_ver dd{ padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#666; background:url(images/answer.gif) no-repeat 0 9px; position:relative;}

#side_navi.sp{ padding:0 45px 40px 20px; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.sp dt{ padding:20px 0 2px 0;}
#side_navi.sp dt a:hover img{ opacity: 0.7; filter: alpha(opacity=70);}
#side_navi.sp dd{}



#side_navi.com{ padding:0; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.com dt{ padding:15px 0 0 0; color:#89C473; position:relative}
#side_navi.com dd{ margin:0 45px 0 20px; padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; background:url(images/answer.gif) no-repeat 0 9px; position:relative}

#side_navi.pro{ padding:0; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.pro dt{ padding:15px 0 0 0; color:#89C473; position:relative}
#side_navi.pro dd{ margin:0 45px 0 20px; padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; background:url(images/answer2.gif) no-repeat 2px 10px; position:relative}

#side_navi.rec{ padding:0 45px 0 20px; background:url(images/side_middle2.jpg) repeat-y 0 0; font-size:11px;}
#side_navi.rec dt{ padding:5px 0 5px 15px; border-bottom:1px dotted #CCC; color:#666; background:url(images/answer.gif) no-repeat 0 9px; position:relative;}
#side_navi.rec dd p{ padding:5px 0 5px 15px; border-bottom:1px solid #CCC; color:#999; position:relative; font-size:11px; color:#666;}



#side_bottom{ width:219px; height:22px; background:url(images/side_bottom.jpg) no-repeat 0 0;}

#main_content{ width:650px; float:right; background:url(images/und_Envelope.jpg) no-repeat 100% 100%;}
#main_content.one_column{ width:906px; float:none; background:url(images/und_Envelope.jpg) no-repeat 100% 100%;}
#main_content h2{ padding:15px 0 30px 0;}


/**/
#nofl{ position:relative; width:906px; height:450px;}


/*制作実績*/
h2.h2_ttl{ font-size:28px; background:url(images/h2_bg.jpg) no-repeat 0 0; color:#38546B; border-bottom:1px solid #38546B; padding:0 0 5px 44px !important; margin:15px 0;}
.products_note{ width:365px; float:right; position:relative;}
.products_note h3{ margin-bottom:5px; font-size:14px; font-weight:bold; color:#10597B; border-bottom:1px solid #10597B;}
.products_note h4{ font-size:14px; font-weight:bold; padding:10px 0; color:#666;}
.products_note li{ padding:0 0 0 13px; border-bottom:1px dotted #CCC; font-size:12px; line-height:1.5em; color:#333; background:url(images/list_dot.gif) no-repeat 2px 5px;}
.products_note ul{ padding-bottom:15px;}
h3.interview{ padding:0 0 0 22px; margin:0 0 50px 0; background:url(images/interview_dot.jpg) no-repeat 0 0; border:none;}
.products_note p{ font-size:13px; color:#444;}
.watch{ position:absolute; top:10px; right:0;}
.watch_interview{ text-align:right; padding-top:60px; padding-bottom:15px;}
.kei{ padding-bottom:50px;}
.mid_img{ border:1px solid #CCC; margin-left:15px;}

.product_others{ width:650px; position:relative;}
.product_others h3{ padding-bottom:3px; font-size:13px; color:#10597B;}
.product_img{ padding:2px; border:solid 1px #CCC; margin-bottom:50px; background:#FFF;}
.watch_site{ position:absolute; top:-3px; right:0;}

.mob_img{ border:none; margin-left:15px;}


/*制作実績のツールチップ*/
.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; 
    text-align:center;
    padding:10px 10px 15px 10px;
    border:1px solid #CCC;
    
    background:#FFF;
    
    -moz-box-shadow:0 0 15px #CCC;
    -webkit-box-shadow:0 0 15px #CCC;
    box-shadow:0 0 15px #CCC;
    
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;

    background: -moz-linear-gradient(top, #FFF, #EBF9FE) #FFF;　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EBF9FE));　/* Safari,Google Chrome用 */ 

}

.mobile_arr{ position:absolute; width:16px; height:16px; bottom:-15px; left:93px;}



/*インタビュー用*/
#interview_note p{}
.go_link{ padding:15px 0 0 15px; background:url(images/out_site.gif) no-repeat 0 20px;}
.aikyu{ padding:0 0 15px 15px !important; color:#669999; font-weight:bold; background:url(images/aiku_talk.gif) no-repeat 0 5px;}
.cutomer{ margin-left:18px; padding:0 0 30px 0;}

#int001{ float:left;}
#int001{ float:right;}

.twtr-hd h4 a{ background:none !important; padding:0 !important;}
.twtr-hd h3{ position:static !important; height:auto !important;}
.twtr-hd h3,.twtr-hd h4{ padding:2px !important;}

#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular{
filter: alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}


.twtr-ft a:hover{ background:none;}
.twtr-tweet-wrap a:hover{ background:#CBF1F5; color:#FFF !important;}


/*プライバシーポリシー*/
#privacy{ padding:0 0 0 50px;}
#privacy h4{ padding:25px 0 5px 0; font-weight:bold; font-size:14px; color:#333;}
#privacy ol,#privacy dl{ padding:0 0 0 50px;}
#privacy li{ list-style:decimal;}


/*新着情報*/
.topics_box{margin:0 0 0 50px; padding:0 0 30px 0; width:580px; border-bottom:1px solid #CCC}
.topics h3{ padding:5px 5px 5px 22px; margin:0 0 0 0; color:#FFF; background: #355066 url(images/topics_dot.gif) no-repeat 6px 6px;}
.date{ text-align:right; border-bottom:1px solid #CCC; font-size:11px; color:#999;}
.detail{ padding:5px 0 40px 20px;}


/*テーブル関係*/
.table_basic{ margin:0 0 14px 15px; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px; border-bottom:1px dotted #CCC; font-size:11px;}
.table_basic th{ background:#E3F1FB; color:#666; text-align:left;}

.table_list{ margin:0 0 20px 15px;}
.table_list th{ padding:0 15px 10px 0; font-size:11px;}
.fl_name{ padding:5px 0 0 0; font-size:12px; color:#963; border-bottom:1px solid #963; display:block;}

.table_2{ margin:5px 0 0 50px; width:500px;
font-size:13px;
border-collapse:collapse;
border-top:1px solid #A99496;
border-bottom:1px solid #A99496;
line-height:20px;
}

.table_2 th{
margin:1px 0;
padding:5px 7px;
background:#D8F0FE;
border-right:1px dotted #FFF;
border-bottom:1px solid #FFF;
text-align:left;
color:#333;
}

.table_2 th.subyear{
background:#EFEFEF;
color:#333;
text-align:right;
border-bottom:1px dotted #FFF;
}

.table_2 th.index{
color:#333333;
background:#FFF;
}

.table_2 td{
padding:5px 7px;
border-bottom:1px solid #999;
text-align:left;
}

.table_2 td,.table_2 th{ line-height:1.8em;}


.first_box{margin:0 0 0 50px; width:500px;}
.first_box p{ padding-bottom:12px;}
.ak_box{margin:25px 0 25px 50px; padding:10px; width:480px; background:#FFF; border:1px solid #CCC;}
.ak_box label{ padding-right:7px;}
.ak_box p{ line-height:2em;}
.unk{ margin-bottom:15px; color:#699; border-bottom:1px solid #CCC;}

#privacy-inner{ font-size:11px;}

#go_btn{ padding-bottom:150px; text-align:center;}

/*フォーム*/

input,textarea {
    border: 1px solid #999;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 2px #CCC;
    -webkit-box-shadow: 0 0 2px #CCC;
    -moz-box-shadow: 0 0 2px #CCC;
    padding:3px;

}

form .focus {
    box-shadow: 0 0 4px #0670C6;
    -webkit-box-shadow: 0 0 4px #0670C6;
    -moz-box-shadow: 0 0 4px #0670C6;
}

#sort input{ border:none;}


/*スタイル*/
.red{ color:#FF0000;}
.orage{ color:#FFCC00;}
.bold{ font-weight:bold;}
.img_r{ padding:0 0 15px 15px; float:right;}
.img_l{ padding:0 15px 15px 0; float:left;}


/*広告用*/
#foot_ad{ width:100%; padding:10px 0; border-top:1px solid #CCC; text-align:center; background:url(images/ad_bg.gif) repeat-x 0 0 #E9EDF3;}
#foot_ad a:hover{ background:none;}

.mega_ad{ background:#none; width:489px; padding:15px 0 0 0; margin:0 auto; margin-top:10px; /*border-top:1px dotted #CCC; border-bottom:1px dotted #CCC;*/}
.maga_ad_li{ /*border-right:1px solid #CCC;*/ font-size:14px !important; padding:5px 5px; text-align:left;}
.mega_ad_li_2{display:inline !important; font-size:11px !important; padding:0 10px;}
.maga_ad_li a:link{ color:#336699;}
.maga_ad_li a:visited{ color:#3399CC;}


/*thickbox用*/
#TB_caption{ color:#999; background:url(images/thick_bg.gif) no-repeat 10px 6px;}

.dammy{ vertical-align:bottom;}

#tw{ width:200px; height:136px; position:absolute; top:20px; right:20px; z-index:300;}



/*会社概要*/

#about{}

#about h3{ font-size:20px; color:#4F3D24; font-weight:bold; padding-bottom:15px;}
#about h3.right{ text-align:right;}
#about h4{ color:#333; font-size:20px; padding-bottom:15px;}
#about p{ padding-bottom:20px;}


/*システムページ*/
#system{ /*position:relative;*/}
#system.top{ padding-top:350px;}
#system h3{ font-size:25px; margin-bottom:15px; margin-top:25px;}
#system h4{ font-size:18px; margin-bottom:10px; margin-top:10px;}

#system p{ padding-bottom:15px; font-size:13px; line-height:1.7em; color:#000;}
#sys_nav{ width:650px; text-align:center; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; padding:15px 0; margin-bottom:15px;}
#sys_nav li{ display:inline; padding:0 5px;}
#sys_nav li a{ padding:7px 15px;}
#sys_nav li a:link,#sys_nav li a:visited{ color:#333; text-shadow: 0 1px 0 #999;}
#sys_nav li a:hover{ color:#FFF; 
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
  background:#66B04A;
}
#system a:hover{ background:none;}
#system a:hover img{ opacity: 0.7; filter: alpha(opacity=70); }
.toptop{ text-align:right; font-size:90%;}
.toptop a:link,.toptop a:visited{ color:#333;}
.toptop a:hover{ color:#666; background:none; text-decoration:underline;}
#system ul.list{ margin-bottom:20px; margin-left:22px; border-top:1px solid #EFEFEF;}
#system ul.list li{ border-bottom:1px solid #EFEFEF; padding:5px 0 5px 15px; color:#688A02; background:url(images/sys_dot.gif) no-repeat 5px 12px; font-size:15px !important;}
#dem{ padding-left:200px; background:url(images/sys_light_img.jpg) no-repeat 0 50%;}
#system strong{ color:#000;}
#case_ex{ margin:25px 0 0 25px;}
#case_ex li{ font-size:14px; width:270px; float:left; padding:0 15px 7px 15px; margin-right:5px; color:#444; background:url(images/answer2.gif) no-repeat 0 7px;}

#case002{ padding-bottom:25px;}
#sys_ttl{}


/*求人*/

/*for_facebook_page*/
#main_content.facebook{float:none !important; width:520px !important; background:none;}
#recruit.facebook{ position:static !important; top:0 !important; left:0 !important;}
#rec_sort.facebook{ width:520px !important;}
#rec_sort.facebook{ background:url(images/rec_now.gif) no-repeat 0 0; padding:30px 0 0 20px; width:520px !important; height:90px; font-weight:bold;}


#pankuzu{ font-size:11px !important; border-bottom:1px solid #EFEFEF; padding-bottom:5px !important; color:#666;}
#recruit{ position:relative; top:-170px; left:0;}
#recruit h2{ padding:0;}
#mainimg2,#mainimg3,#mainimg4,#mainimg5,#mainimg6{ display:none;}
#mainimg2 a,#mainimg3 a,#mainimg4 a,#mainimg5 a,#mainimg6 a{ background:none;}
#recruit h3{ color:#10597B; font-size:23px; margin-bottom:15px; margin-top:10px;}
#recruit h3 span{ background:#65A001; padding:3px 5px; color:#FFF; font-size:15px; line-height:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius:5px;
}
#recruit h4{ font-size:20px; color:#333; margin-bottom:20px; margin-top:20px; font-weight:bold;}
#recruit p{ color:#333; font-size:14px; padding-bottom:15px;}
#rec_sort{ background:url(images/rec_now.gif) no-repeat 0 0; padding:30px 0 0 20px; width:620px; height:90px; font-weight:bold;}
.sort2{ margin:20px 0; border-bottom:1px solid #CCC;}
#rec_sort li{ font-size:18px;
float:left;
margin-right:20px;
margin-bottom:10px;
white-space:nowrap;
}
#rec_sort li a{ padding-left:10px; background:url(images/rec_dot.gif) no-repeat 0 7px; color:#333;}
#rec_sort li a:link{ color:#333; border-bottom:1px dotted #333;}
#rec_sort li a:hover{ color:#666; border:none;}
#mySlides{ background:url(images/rec_bg001.gif) repeat 0 0;}
#mySlides.rec_d{ background:#EDF7FE url(images/youkou.gif) no-repeat 0 0;}
#mySlides p{ font-size:12px;}
#jFlowSlide{ border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.jFlowSlideContainer{}
.rec_data{ background: url(images/req_oubo.gif) no-repeat 0 0 #FFFFCC; padding:15px 15px 0 50px; margin-top:25px; border:1px solid #FFCC00;}
#myController{ padding:0 0 10px 0; margin-top:30px;}
.jFlowControl{ border:1px solid #CCC; padding:5px 15px; font-size:16px; font-weight:bold; color:#666; cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius:5px;
  background:#FFF url(images/rec_m_dot.gif) no-repeat 5px 50%;
}
.jFlowControl:hover,.jFlowSelected{ background:#61A646 url(images/rec_dot2.gif) no-repeat 5px 50%; color:#FFF;}
#rec_content001{ width:365px; float:right; padding:20px 15px 0 0;}
#rec_content002{ width:350px; float:left; padding:20px 0 0 20px;}
.rec_table{ width:550px; margin:25px 0 25px 50px;}
.rec_table th{ font-weight:bold; color:#333;}
.rec_table td{}
.rec_table th,.rec_table td{ border-bottom:2px solid #CCC; padding:7px 0;}
.d_table{ width:650px; margin:25px 0 25px 0;}
.d_table th{ font-weight:bold; color:#333;}
.d_table td{}
.d_table th,.d_table td{ border-bottom:2px solid #CCC; padding:7px 0;}
#norec{ display:none;}

/*スマホ＆携帯*/
#sp_head{ position:relative; width:650px; height:360px;}
#iphone{ width:216px; height:439px; position:absolute; top:-90px; right:30px;}
#sp{}
#sp h2{ padding-bottom:15px;}
#sp h3,#sp h4{ padding-bottom:10px;}
#sp p{ padding-bottom:15px; font-size:14px}
#sp_content{ padding:15px 0 15px 0;}
#sp_content p{ font-size:12px;}
#sp_left{ width:360px; float:left;}
#sp_right{ width:265px; padding:0 0 112px 0; border:1px solid #CCC; float:right; background:url(images/sp_r_img.jpg) no-repeat 0 100%;}
#sp_right p{ color:#666; padding:0 10px 15px 10px;}
.sp_ex{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:20px 0; margin-bottom:20px;}
.sp_ex p{ padding:0 0 3px 0 !important;}
#sp_contact{ margin-bottom:15px;}
#sp_contact li{ float:left;}
#reasonable{ padding:0 0 0 200px; background:url(images/mobile_img002.jpg) no-repeat 40px 50%;}
#bm_mailbox{ width:346spx; border:1px solid #CCC; padding:12px; text-align:center; float:left; min-height:237px;}

/*サイトマップ*/
.sitemap{ width:210px; float:left; margin-bottom:20px;}
.sitemap dt{ font-size:16px; margin-bottom:10px;}
.sitemap dd{ font-size:14px; padding:0 0 5px 17px;}
.sitemap dd a:link,.sitemap dd a:visited{ color:#0088CC;}
.sitemap dd a:hover{ background:none; color:#004080;}

hr.end{ clear:left; visibility:hidden;}