@charset "utf-8";

/*------------------------
 トップページ
--------------------------*/
#slider{height:440px; width:960px;}
.slide{ text-align:center; width:960px !important; background-position:center top; background-repeat:no-repeat;}
.slide .mainimg{margin:0 auto; width:960px; height:460px; position:relative;}
.slide p{margin:0; padding:0;}
.slide a img:hover{opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)";}
#slide1{background-image:url(../images/mainimage1.jpg);}
#slide1 .text{position:absolute; left:30px; top:30px;}
#slide1 .button{position:absolute; left:30px; top:255px;}
#slide2{background-image:url(../images/mainimage2.jpg);}
#slide2 .text{position:absolute; left:30px; top:50px;}
#slide2 .button{position:absolute; left:30px; top:245px;}
#slide3{background-image:url(../images/mainimage3.jpg);}
#slide3 .text{position:absolute; left:30px; top:50px;}
#slide3 .button{position:absolute; left:30px; top:300px;}

#navimain{margin:0; height:20px; top:-6px; position:relative; overflow:hidden; z-index:300;}
#navi{position:relative; left:50%; float:left;}
#navi a{margin:0 3px; position:relative; left:-50%; float:left; height:12px; width:12px; display:block; background:url(../images/icon_top_mainpager_off.png) no-repeat left top; text-decoration:none; font-size:0;}
#navi a:hover{opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";}
#navi a.activeSlide{background:url(../images/icon_top_mainpager_on.png) no-repeat left top;}
#navi a:focus{background:url(../images/icon_top_mainpager_on.png) no-repeat left top;}

.topIntroduction{position:relative; height:695px; margin-bottom:20px;}

.topIntroduction01{background:url(../images/img_t_bg.jpg) no-repeat right bottom; height:310px;}
.topIntroduction01 h2{margin:0; padding:10px 0 16px 0; font-size:0;}
.topIntroduction01 p{margin:0; padding:0; width:440px; font-size:14px; line-height:1.8;}
.topIntroduction01 p.linkButton{padding:18px 0 0; text-align:center;}

.topIntroduction02{position:absolute; top:276px; padding-left:10px; width:700px; _width:710px; background:url(../images/bg_t_onayami.png) no-repeat left top; height:410px; z-index:10;}
.topIntroduction02 h2{padding:56px 0 20px; text-align:center;}
.topIntroduction02_text{float:left; width:170px; height:226px; margin-right:3px; display:inline; background-color:#fff;}
.topIntroduction02_text h3{margin-bottom:13px; text-align:center;}
.topIntroduction02_text p{margin:0 18px; font-size:12px; color:#8f7255; line-height:1.8;}
.topIntroduction02_bt{margin:0; padding:15px 0 0; list-style:none;}
.topIntroduction02_bt li{margin:0; padding:0; float:left; width:345px; display:inline;}

.topQalist,.topBloglist{float:left; margin-bottom:30px; width:340px; display:inline; border:1px #ddd solid;}
.topBloglist{float:right;}
.topQalist ul,.topBloglist ul{margin:0; padding:0; list-style:none;}
.topQalist li,.topBloglist li{margin:0; padding:0; border-top:1px #ddd solid; font-size:12px;}
.topQalist li a,.topBloglist li a{padding:10px 10px 10px 26px; background:url(../images/arrow_blue_b.png) no-repeat 10px 13px; display:block;}
.topQalist li.listLink,.topBloglist li.listLink{background-color:#f7f7f7; padding-right:10px; height:36px; text-align:right; line-height:36px;}
.topQalist li.listLink a,.topBloglist li.listLink a{display:inline; padding:0 0 0 8px; background:url(../images/arrow_blue_s.png) no-repeat left 6px;}

.topNews{margin-bottom:30px;}
.topNews h2{position:relative; border-bottom:2px #8babb9 solid; height:26px; font-size:12px;}
.topNews h2 img{position:absolute; left:15px; top:0;}
.topNews h2 a{position:absolute; right:15px; top:5px; font-weight:normal;}
.topNews ul{margin:0; padding:0; list-style:none;}
.topNews li{margin:0; padding:10px 15px; border-bottom:1px #ddd solid; font-size:14px;}
.topNews li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.topNews li{display:inline-block;}
/*IE-mac \*/
*html .topNews li{height:1%;}
.topNews li{display:block;}
/*IE-mac*/

.topNews li span.news{float:left; width:120px; display:inline;}
.topNews li a,.topNews li span.textMidashi{float:right; padding:0 0 0 16px; width:544px; _width:560px; background:url(../images/arrow_blue_b.png) no-repeat left 5px;}


/*------------------------
 下層ページ共通
--------------------------*/
#contents_main{background:url(../images/bg_pankuzulist.png) no-repeat left top; border:1px #ddd solid;}

.pankuzu{margin:0; height:37px; line-height:37px; font-size:10px;}

ul#pankuzu{margin:0; padding:0; list-style: none;}
ul#pankuzu li{float:left; margin:0; padding:0 10px 0 7px; display:inline; background:url(../images/arrow_pankuzu.png) no-repeat right center; font-size:10px; color:#999288; height:37px; line-height:37px; font-size:10px;}
ul#pankuzu li.linkHome{padding:0 20px 0 18px; background:none;}
ul#pankuzu li.linkHome a,ul#pankuzu li.linkHome a:visited{color:#fff;}
ul#pankuzu li.linkHome a:hover{color:#ccc;}
ul#pankuzu li.linkEnd{background:none; color:#999;}

.kasouMidashi{margin:0 30px; padding-bottom:30px;}
.kasouMidashi h2{padding:30px 0 18px;}
.kasouMidashi p{margin:0; font-size:14px; line-height:1.8;}

.kasouMidashiimg{margin-bottom:30px;}

.kasouBase{margin:0 30px 40px 30px;}

.kasouh2Midashi{margin:0 0 16px; padding:0 15px; background:url(../images/bg_kasouh2midashi.png) repeat-x left bottom; height:45px; line-height:45px; font-size:18px; color:#fff;}
.kasouh3Midashi{margin:0; padding:10px; font-size:18px; border-bottom:1px #555 dotted; color:#222;}
.kasouh4Midashi{margin:0; padding:0 0 16px; font-size:16px; color:#3d9cbb;}

.kasouComContact{margin:0 30px 40px 30px; position:relative; background:url(../images/bg_kasou_co_m.png) no-repeat left top; width:648px; height:120px;}
.kasouComContact h3{position:absolute; left:20px; top:20px;}
.kasouComContact p{position:absolute; margin:0; left:140px; top:35px;}

h2.rightLinkmidashi{margin:0; background:url(../images/bg_kasouh2midashi.png) repeat-x left bottom; font-size:14px; color:#fff;}
h2.rightLinkmidashi a,h2.rightLinkmidashi span{padding:0 0 0 15px; display:block; height:38px; line-height:38px; color:#fff;}
ul.rightLinklist{margin:0 0 30px; padding:0; list-style:none;}
ul.rightLinklist li{margin:0; padding:0; border-bottom:1px #ddd solid; font-size:93%;}
ul.rightLinklist li a{padding:10px 10px 10px 32px; background:url(../images/arrow_blue_b.png) no-repeat 15px 13px; display:block;}


/*------------------------
 個人事業主・経営者の方
--------------------------*/
.freecorp_voice{background:url(../images/bg_paper.png) repeat; padding:0 30px;}
.freecorp_voice h2{position:relative; height:76px;}
.freecorp_voice h2 img{position:absolute; left:-10px; top:-13px;}
.freecorp_voice section{padding-bottom:30px;}
.freecorp_voice p{margin:0 0 1.2em 22px;} 

.freelance_voice_m,.corporation_voice_m{padding:0 0 0 22px; margin-bottom:16px; background:url(../images/bg_m_freelance.png) no-repeat left 1px; color:#996633; font-size:16px;}
.corporation_voice_m{background-image:url(../images/bg_m_corporation.png); color:#558531;}

.houshin_come{background:url(../images/img_houshin_wata.jpg) no-repeat right top; height:480px;}
.houshin_come h2{padding:30px 0 18px;}
.houshin_come p{margin:0 0 28px; padding:0; width:420px; color:#6694a9; line-height:1.8; font-size:14px;}


/*------------------------
 起業サポート
--------------------------*/
.supportList{margin:0; padding:10px 0 30px 0;}
.supportList li{margin:0; padding:10px 12px; list-style-position:inside; border-bottom:1px #ddd dashed; font-size:14px;}

.supportTable{width:100%;}
.supportTable th,.supportTable td{padding:10px; border-bottom:1px #ddd solid; vertical-align:middle; text-align:left;}
.supportTable th{color:#333; font-weight:bold;}
.supportTable th.tetsu,.supportTable th.kigen,.supportTable th.nai{width:30%; border-right:1px #ddd solid; text-align:center; background-color:#f3f3f3;}
.supportTable th.kigen,.supportTable th.nai{width:35%;}
.supportTable th.nai{border-right:none;}


/*------------------------
 料金について
--------------------------*/
.priceList_month{padding:16px 0 6px;}
.priceList_month h4{margin:0; padding:4px 0 8px; font-size:16px; font-weight:normal; color:#3d9cbb;}
.priceList_monthlist{padding-bottom:10px;}

table.priceList_kichou{width:100%;}
table.priceList_kichou th,table.priceList_kichou td{padding:20px; border:1px #ddd solid; text-align:left; vertical-align:middle;}
table.priceList_kichou th{font-size:14px; background-color:#f3f3f3; color:#333; width:75%; font-weight:bold;}
table.priceList_kichou td{text-align:center; font-size:16px; width:25%;}

table.priceList_zeimu{width:100%;}
table.priceList_zeimu th,table.priceList_zeimu td{padding:10px; border:1px #ddd solid; text-align:left; vertical-align:middle;}
table.priceList_zeimu th{font-size:14px; background-color:#f3f3f3; color:#333; width:16%;}
table.priceList_zeimu td{text-align:center; font-size:14px; width:21%;}

.priceList_shiwakerei{margin:0 0 20px; padding-top:12px;}
.priceList_shiwakerei p{margin:10px 0 14px;}
table.priceList_shiwake{width:100%;}
table.priceList_shiwake th,table.priceList_shiwake td{padding:10px; border-bottom:1px #ddd solid; text-align:left; vertical-align:top;}
table.priceList_shiwake th{color:#333; width:34%; font-weight:bold;}
table.priceList_shiwake th.naiyou{font-size:14px; color:#3d9cbb;}
table.priceList_shiwake td{text-align:right; width:16%;}
.priceList_shiwakecount{text-align:right; font-size:14px; font-weight:bold; color:#333;}
.priceList_shiwakecount span{font-size:12px; font-weight:normal; color:#666;}

.priceList_salarylist{margin:0 0 20px; padding-top:14px;}
table.priceList_salary{width:100%;}
table.priceList_salary th,table.priceList_salary td{padding:10px; border:1px #ddd solid; text-align:left; vertical-align:top;}
table.priceList_salary th{color:#333; font-weight:bold;}
table.priceList_salary th.salary_todoke,table.priceList_salary th.salary_naiyou{width:50%; background-color:#f3f3f3; text-align:center;}
table.priceList_salary th.salary_naiyou{width:50%;}


/*------------------------
 事務所の紹介
--------------------------*/
.aboutName{float:right; width:400px; display:inline; padding:20px 0 30px 0;}
.aboutName h2{float:left; margin-right:20px; height:20px; line-height:20px; display:inline; font-size:14px; color:#333;}
.aboutName p{float:left; display:inline; margin:0; font-size:14px; height:20px; line-height:20px;}
.aboutCareer{}
.aboutCareerImg{float:left; width:230px; text-align:center; display:inline;}
.aboutCareerData{float:right; width:400px; display:inline;}
.aboutCareerData section{margin-bottom:30px;}
.aboutCareerData h3{margin:0; padding:6px 12px; display:block; background-color:#333; font-size:14px; color:#fff;}
.aboutCareerData table{width:100%;}
.aboutCareerData th,.aboutCareerData td{padding:6px 12px; border-bottom:1px #ddd dotted; text-align:left; vertical-align:top;}
.aboutCareerData th{color:#333; font-weight:bold;}

.aboutAccessData{margin-bottom:30px;}
.aboutAccessData table{width:100%;}
.aboutAccessData th,.aboutAccessData td{padding:12px 20px; border-bottom:1px #ddd dotted; font-size:13px; text-align:left; vertical-align:top;}
.aboutAccessData th{color:#333; font-weight:bold; width:25%;}
.aboutAccessMap{margin:0 0 20px 0;}
.aboutAccessMap h3{padding:0 20px 12px 20px; font-size:14px; color:#333;}
.aboutAccessMap p{padding:0 20px 16px 20px; margin:0;}
.aboutAccessMapData{margin:0 20px 5px 20px; border:1px #ddd solid;}
.aboutAccessMapLink{margin:0 20px; text-align:right; font-size:10px;}

/*------------------------
 お知らせ
--------------------------*/
.newslist{}
.newslist ul,.newslist_notime ul{margin:0; padding:0; list-style:none;}
.newslist li,.newslist_notime li{margin:0; padding:10px 15px; border-bottom:1px #ddd solid; font-size:14px;}
.newslist li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.newslist li{display:inline-block;}
/*IE-mac \*/
*html .newslist li{height:1%;}
.newslist li{display:block;}
/*IE-mac*/

.newslist li span{float:left; width:120px; display:inline;}
.newslist li a,.newslist li span.textMidashi{float:right; padding:0 0 0 16px; width:482px; _width:498px; background:url(../images/arrow_blue_b.png) no-repeat left 5px;}
.newslist_notime li a{padding:0 0 0 16px; background:url(../images/arrow_blue_b.png) no-repeat left 5px; display:block;}

.newsbody{margin:0 10px; padding:16px 0 36px;}
.newsbody,.newsbody p{font-size:100%; line-height:1.8;}
.newsbody p{margin:0 0 12px;}

.infolistPageBacklink{margin:0; padding:10px 0 0; font-size:93%;}
.infolistPagelinkLeft,.infolistPagelinkRight,.infolistPagelinkCenter{float:left; margin:0; width:240px; display:inline;}
.infolistPagelinkLeft{text-align:right;}
.infolistPagelinkRight{float:right; text-align:left;}
.infolistPagelinkCenter{margin:0; width:166px; border-right:1px #ccc solid; border-left:1px #ccc solid; text-align:center;}

/*------------------------
 Q&A
--------------------------*/
.qandaText h4{margin:0 0 20px; font-size:16px; color:#6fb6ca;}
.qandaText h5{margin:0 0 10px; font-size:16px; color:#C00;}
.qandaText strong{font-size:14px; color:#222;}


/*------------------------
 ブログ
--------------------------*/
.blogToplist{margin-bottom:20px; padding:18px; border:1px #ddd solid;}
.blogToplistmidashi{margin:0 0 18px; padding:0 0 12px; border-bottom:1px #555 dotted; font-size:14px;}
.blogToplistmidashi time{margin:0 0 8px; padding:0; display:block; font-size:10px; color:#333;}
.blogToplistbody,.blogToplistbody p{margin:0 10px; padding:0 0 20px; font-size:100%; line-height:1.8;}
.blogToplistbody p{margin:0; padding:0 0 12px;}
.blogToplistdata{border-top:1px #ddd solid; margin:0; padding-top:6px; text-align:right; font-size:10px; color:#666;}

.trackbacks-header,.comments-header,.comments-open-header{background-color:#333; color:#fff; font-size:13px; padding:0 10px; height:30px; line-height:30px;}
.trackbacks-info{margin:0 10px 30px 10px;}
.comments-open-content{margin:0 10px; padding:10px 0 20px 0;}
#comment-form-name,#comment-form-email,#comment-form-url,#comment-form-remember-me,#comment-form-reply,#comments-open-text{padding:10px 0; border-bottom:1px #ddd dotted;}
.trackbacks-content{margin-bottom:30px;}
.trackback{border:1px #ddd solid; margin:0 10px 10px 10px; padding:10px;}
.trackback .inner{border-bottom:1px #ddd dotted;}

#top-comment-nav{margin:0 10px; padding:10px 0 5px; list-style:none;}
#top-prev-comments{float:left; width:160px;}
#top-num-comments{float:left; width:308px; text-align:center;}
#top-next-comments{float:right; width:160px; text-align:right;}
.comments-content{margin:0 10px 20px 10px;}
.comments-content .inner{border-bottom:1px #ddd dotted; padding-bottom:10px; margin-bottom:10px;}
#comments-open-footer{padding:10px 0;}

/*------------------------
 お問い合わせ他
--------------------------*/
table.contactFrom,table.contactFromOrder{width:100%;}
table.contactFrom th,table.contactFrom td{padding:12px; border:1px #ddd solid; vertical-align:top; text-align:left;}
table.contactFrom th{width:35%; background-color:#f3f3f3; font-weight:bold; color:#333;}
table.contactFrom th span{color:#ff0000; font-weight:normal;}
table.contactFrom td{width:65%;}
table.contactFrom td.kakunin{background-color:#fff;}
table.contactFromOrder th,table.contactFromOrder td{padding:10px; border-bottom:1px #ddd solid; border-right:1px #ddd solid; vertical-align:top; text-align:left;}
table.contactFromOrder th{font-weight:bold; color:#fff;}
table.contactFromOrder th.order1{width:30%;}
table.contactFromOrder th.order2{width:60%;}
table.contactFromOrder th.order3,table.contactFromOrder td.order3{width:10%; border-right:none;}

.submit{border:1px solid #67a6d2; background-color:#006EBA; padding:4px; text-decoration:none; color:#fff; cursor: pointer;}

.focusField{border:solid 1px #73A6FF; background:#EFF5FF; color:#000; padding:3px 5px;}
.idleField{background:#fff; color: #666; border: solid 1px #ccc; padding:3px 5px;}

.sitemapList{float:left; margin:0; padding:0; width:216px; list-style:none;}