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

/* 初期設定 */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-style: normal;
font-weight: normal;
text-decoration: none;
background: transparent;
line-height:1.4;
}

img {
border: none;
line-height: 0;
vertical-align: bottom;
}

/* コンテンツ */

body{background:url(../images/common/body_bg_01.jpg) repeat-x; text-align:center; overflow-x:hidden; color:#222222;}
br.cl{clear:both; line-height:0; font-size:1px;}

a{color:#3364a1; text-decoration:underline;}
a:hover{text-decoration:none;}


#top{width:100%; height:46px; background:url(../images/common/hd_bg_01.png) repeat-x; padding:10px 0 0; margin:0 0 5px;}

#h_txt{margin:0px auto 5px; text-align:center; position: relative; left: 50%; float: left;}
#h_txt h1{position:relative; left:-50%; float:left; font-size:83%; margin:0 10px 0 0;}
#h_txt p{position:relative; left:-50%; float:left; font-size:83%;}


h2{width:79px; height:54px; float:left; margin:0 13px 0 0; text-indent:-9999px; overflow:hidden; background:url(../images/common/rogo_ov.jpg) no-repeat;}
h2 a{display:block; width:79px; height:54px; background:url(../images/common/rogo.jpg) no-repeat;}
h2 a:hover{background:none;}

#header{width:840px; height:54px; padding:0; margin:0 0 6px;}

#header ul{float:left; list-style:none; height:18px; margin:15px 0 0; padding:0;}
#header ul li{float:left; margin:0; padding:0; border-right:solid #3364a1 1px; width:106px; height:18px; text-indent:-9999px; overflow:hidden; display:inline;}
#header ul li a{display:block; height:18px; background:no-repeat;}
#header ul li.n1{background:url(../images/common/navi_01a.jpg);}
#header ul li.n2{background:url(../images/common/navi_02a.jpg);}
#header ul li.n3{background:url(../images/common/navi_03a.jpg);}
#header ul li.n4{background:url(../images/common/navi_04a.jpg);}
#header ul li.n5{background:url(../images/common/navi_05a.jpg);}
#header ul li.n6{background:url(../images/common/navi_06a.jpg);}
#header ul li.n7{background:url(../images/common/navi_07a.jpg); width:101px; border:none;}

#header ul li.n1 a{background:url(../images/common/navi_01.jpg);}
#header ul li.n2 a{background:url(../images/common/navi_02.jpg);}
#header ul li.n3 a{background:url(../images/common/navi_03.jpg);}
#header ul li.n4 a{background:url(../images/common/navi_04.jpg);}
#header ul li.n5 a{background:url(../images/common/navi_05.jpg);}
#header ul li.n6 a{background:url(../images/common/navi_06.jpg);}
#header ul li.n7 a{background:url(../images/common/navi_07.jpg); width:101px; border:none;}

#header ul li.n1 a:hover,
#header ul li.n2 a:hover,
#header ul li.n3 a:hover,
#header ul li.n4 a:hover,
#header ul li.n5 a:hover,
#header ul li.n6 a:hover,
#header ul li.n7 a:hover{background:none;}



#main_top{width:888px; height:17px; background:url(../images/common/main_bg_01.png) no-repeat; margin:0 auto 0; padding:0;}
#main{width:840px; background:url(../images/common/main_bg_02.png) repeat-y; margin:0 auto 0; padding:7px 24px 1px;}
#main_bottom{width:888px; height:17px; background:url(../images/common/main_bg_03.png) no-repeat; margin:0 auto 0; padding:0;}

#contents{width:840px; margin:0 0 20px; padding:0;}
#left{width:180px; float:left; margin:0 10px 0 0;}
#center{width:460px; float:left; margin:0 10px 0 0;}
#right{width:180px; float:left; margin:0;}

#left h3{margin:0 0 5px; padding:0;}
#left p{margin:0 0 5px; padding:0; text-align:left; font-size:83%;}
#left h4{margin:0; padding:0;}
#left .contact{text-align:center;}
#left .contact a{display:block; width:164px; height:35px; margin:0 auto;}
#left .contact a:hover{position:relative; top:1px; left:1px;}
#left .comment{background:#deead8; width:158px; padding:10px; margin:0 1px; text-align:left;}
#left .comment div{margin:0 0 10px;}
#left .comment div p{float:left; margin:0; padding:0;}
#left .comment div p a:hover{position:relative; top:1px; left:1px;}
#left .comment div dl{margin:0 0 0 65px;}
#left .comment div dl dt{font-size:83%; font-weight:bold; border-left:solid #307441 3px; padding:0 0 0 3px; margin:0 0 8px;}
#left .comment div dl dd{font-size:66%;}
#left .comment p.ichiran{text-align:center;}
#left .comment p.ichiran a{display:block; width:120px; height:26px; margin:0 auto;}
#left .comment p.ichiran a:hover{position:relative; top:1px; left:1px;}
#left .comment_bottom{background:url(../images/index/l_bg_01.jpg) no-repeat; width:180px; height:14px;}

#center h4{margin:-5px 0 0; position:relative; z-index:2;}
#center p{margin:0 0 10px; padding:0;}
#center .box{background:url(../images/index/c_bg_01.jpg) no-repeat; padding:13px 0 0; margin:-2px 0 0; position:relative; z-index:1;}
#center .box ul,#center .box .box_main{background:url(../images/index/c_bg_02.jpg) repeat-y; padding:10px 20px 1px; width:420px;}
#center .box_bottom{background:url(../images/index/c_bg_03.jpg) no-repeat; height:13px;}
#center .box ul{list-style:none; text-align:left; font-size:83%;}
#center .box ul li{margin:0 0 5px; background:url(../images/index/ic_01.jpg) no-repeat 0 50%; padding:0 0 0 20px; position:relative; height:100%;}
#center .box dl{text-align:left; margin:0; background:url(../images/index/c_li_bg_01.jpg) no-repeat 0 50%; padding:0 0 0 60px;}
#center .box .ky_bg{background:url(../images/index/c_li_bg_02.jpg) no-repeat 0 50%; padding-bottom:15px; height:53px;}
#center .box dl dt{background:url(../images/index/ic_02.jpg) no-repeat 0 50%; padding:0 0 0 20px; margin:0 0 5px; font-weight:bold;}
#center .box dl dd{font-size:83%; margin:0 0 10px;}
#center p.link_img a:hover{position:relative; top:1px; left:1px;}


#right h3{margin:3px 0; padding:0;}
#right p{margin:0; padding:0;}
#right p.r_bn{margin-top:-5px; position:relative;}
#right ul{list-style:none; margin:0 0 5px;}
#right ul li{margin:0; padding:0;}
#right a:hover{position:relative; top:1px; left:1px;}
#right ul.blog li{margin:0 0 5px;}
#right .plan_bn{font-size:66%; font-weight:bold; margin-bottom:3px;}

#footer{width:840px; margin:0; padding:0;}
#footer ul{margin:0 auto 0; list-style:none; text-align:center; position: relative; left: 50%; float: left;}
#footer ul li.boder_non{border:none;}
#footer ul li{position:relative; left:-50%; float:left; margin:0; padding:0 5px; border-right:#3364a1 solid 1px; line-height:1; font-size:83%;}
#page_top{margin:0 20px 0 0; padding:0; float:right; position:relative;}
#page_top a{width:114px; height:17px; display:block;}
#page_top a:hover{position:relative; top:-2px;}
#footer p.f_bt{clear:both; margin:10px 0 0; padding:0;}
#footer p.f_bt a:hover{position:relative; top:1px; left:1px;}

p.copy{font-size:66%; margin:13px 0 0; padding:0 0 20px; line-height:1.4;}


/* 2カラム用css */

#left2{width:650px; float:left; margin:0 10px 0 0; text-align:left;}
#left3{width:660px; float:left; margin:0; text-align:left;}



/* パンくずリスト */
#list{font-size:83%; background:url(../about/images/txt_01.jpg) 0 50% no-repeat; padding:0 0 0 85px; margin:0 0 25px; color:#999999;}



/* about ごあいさつページ */

#about #left2 h3{margin:0 0 5px;}
#about #left2 h4{margin:0 0 20px;}
#about #left2 h5{margin:0 0 15px;}

#about #left2 p{margin:0 0 25px; padding-right:10px; font-size:83%;}
#about #left2 p.img{margin:0 15px 15px; padding:10px; background:url(../about/images/ph_bg.jpg) repeat; width:200px; height:300px; float:right; display:inline;}
#about #left2 p strong{font-weight:bold;}

#about #left2 p.bn{text-align:center;}
#about #left2 p.bn a:hover{position:relative; top:1px; left:1px;}
#about #left2 dl{font-size:83%; margin:0 0 25px; padding:0 10px 0 0;}

#about #left2 dt{float:left; padding:10px; width:95px; text-align:right; border-top:solid #c8c8c8 1px;}
#about #left2 dl dd{padding:10px; margin-left:130px; border-top:solid #c8c8c8 1px;}

#about #left2 dt.b_bottom,#about #left2 dd.b_bottom{border-bottom:solid #c8c8c8 1px;}
#about #left2 dt.b_non,#about #left2 dd.b_non{border:none;}


/* voice コメントページ */
#voice #left2 h3{margin:0 0 5px;}
#voice #left2 h4{margin:0 0 25px;}
#voice #left2 h5{margin:0 0 10px;}

#voice #left2 p{margin-bottom:10px;}
#voice #left2 p a:hover{position:relative; top:1px; left:1px;}
#voice #left2 #list{margin-bottom:25px;}
#voice #left2 #list a:hover{top:0; left:0;}

#voice #left2 .comment_box{margin:0;}
#voice #left2 .comment_box p{margin:0 0 30px 315px; font-size:83%;}
#voice #left2 .comment_box .img{float:left; width:290px; height:215px; background:url(../voice/images/ph_bg.jpg) repeat; padding:5px; margin:0 0 30px;}

#voice #left2 .company{margin:0 0 25px;}
#voice #left2 .company .img{float:left; margin:0;}
#voice #left2 .company dl{margin:0 0 0 160px; font-size:83%;}
#voice #left2 .company dl dt{font-weight:bold; margin:0 0 10px;}


/* access アクセスページ */
#access #left2 h3{margin:0 0 5px;}
#access #left2 h4{margin:0 0 25px;}
#access #left2 h5{margin:0 0 10px; padding:25px 0 0; clear:both;}

#access #left2 p.map{margin:0 0 17px;}

#access #left2 dl{margin:0 0 25px; font-size:83%;}
#access #left2 dl dt{margin:0 0 7px; font-weight:bold;}

#access #left2 p.txt{font-size:83%; float:left;}
#access #left2 p.txt span{color:#ea551e;}

#access #left2 p.bn01{float:right; padding:0 10px 0 0;}
#access #left2 p.bn02{text-align:right; padding:0 10px 0 0; margin:15px 0 0;}
#access #left2 p.bn01 a:hover,#access #left2 p.bn02 a:hover{position:relative; top:1px; left:1px;}


/* works 業務内容ページ */
#works #left3 h3{margin:0 0 5px;}
#works #left3 h4{margin:0 0 10px; padding:15px 0 0;}

#works #left3 #list{margin-bottom:15px;}

#works #left3 p{margin:0 0 15px; padding-right:20px; font-size:83%;}

#works #left3 .waku{width:620px; margin:0 0 20px; padding:10px; background:url(../works/images/list_bg.jpg) repeat;}
#works #left3 .waku .txt_box{background:#FFFFFF; width:580px; padding:20px 20px 10px;}
#works #left3 .waku .txt_box ul{background:url(../works/images/list_txt.jpg) no-repeat 0 50%; padding:0 0 0 110px; margin:0; list-style:none;}
#works #left3 .waku .txt_box ul li{background:url(../works/images/ic_01.jpg) no-repeat 0 50%; padding:0 0 0 15px; margin:0 0 10px; font-size:83%; font-weight:bold;}


#works #left3 .mi{font-size:100%; font-weight:bold; margin:0 0 10px; padding:10px 0 0; color:#128e77; text-align:center;}

#works #left3 table{border-top:solid #7D7D7D 1px; border-left:solid #7D7D7D 1px; margin:0 0 20px;}
#works #left3 table td{border-bottom:solid #7D7D7D 1px; border-right:solid #7D7D7D 1px; padding:5px; font-size:83%; line-height:1.6;}


#works #left3 #ichiran{padding:10px 0 0;}
#works #left3 #ichiran p{margin:0 0 10px; padding:0;}

#works #left3 #ichiran .w_box{width:208px; margin:0 12px 12px 0; padding:0; float:left;}
#works #left3 #ichiran .w_box h4,#works #left2 #ichiran .w_box h5{margin:0; padding:0;}
#works #left3 #ichiran .w_box .heightLineParent{background:url(../works/images/bg_02.jpg) repeat-y; width:188px; padding:10px;}
#works #left3 #ichiran .w_box .heightLineParent ul{list-style:none; margin:0 0 15px;}
#works #left3 #ichiran .w_box .heightLineParent ul li{background:url(../works/images/ic_01.jpg) no-repeat 0 3px; padding:0 0 0 15px; margin:0 0 10px; font-size:83%; line-height:1.5;}
#works #left3 #ichiran .w_box .bottom{background:url(../works/images/bg_04.jpg) no-repeat; margin:0; padding:0; width:208px; height:41px; text-align:center;}
#works #left3 #ichiran .w_box .bottom p{margin:0; padding:0;}
#works #left3 #ichiran .w_box .bottom a:hover{position:relative; top:1px; left:1px;}


/* plan 料金ページ */
#plan #left2 h3{margin:0 0 5px;}
#plan #left2 h4{margin:0;}
#plan #left2 h4 img{margin:0 0 15px;}
#plan #left2 #list{margin-bottom:30px;}

#plan #left2 table{font-size:83%; border-top:solid #7D7D7D 1px; margin:0 0 20px;}
#plan #left2 table caption{text-align:left; font-weight:bold; margin:0 0 5px;}
#plan #left2 table td{padding:5px 0; border-bottom:solid #7D7D7D 1px; border-left:solid #7D7D7D 1px; text-align:center;}
#plan #left2 table td span{color:#EA5517;}
#plan #left2 table td span.red_txt{color:#e60012; font-size:100%; font-weight:bold;}
#plan #left2 table td.t_txt01{background:#FBD9C2; font-size:66%;}
#plan #left2 table td.t_txt02{font-size:66%; border-left:none; text-align:left;}
#plan #left2 table td.t_txt03{background:#d5fcc3; font-size:66%;}

#plan #left2 h5{color:#FFFFFF; background:#EA5517; padding:5px; border:solid #7D7D7D 1px; margin:0; text-align:center; font-weight:bold;}
#plan #left2 h5.gr{background:#008d76;}

#plan #left2 p{font-size:83%; margin:0 0 5px;}

#plan #left2 .bn_box{width:624px;}
#plan #left2 .bn_box h5{background:none; padding:20px 0 0; margin:0 0 12px; border:none; text-align:left; clear:both;}
#plan #left2 .bn_box p{margin:0 10px 2px 0; padding:0; width:302px; text-align:center; float:left;}
#plan #left2 .bn_box p img{margin:0 0 3px;}
#plan #left2 .bn_box p a:hover{position:relative; top:1px; left:1px;}

#plan #left2 .plan_txt{padding:15px 15px 0; margin:0 0 20px; border-bottom:solid #7D7D7D 1px; border-left:solid #7D7D7D 1px; border-right:solid #7D7D7D 1px;}
#plan #left2 .plan_txt ul{list-style:none; margin:0 0 25px; padding:0;}
#plan #left2 .plan_txt ul li{margin:0 0 8px; font-size:83%; font-weight:bold;}
#plan #left2 .plan_txt ul li span{color:#e60012; font-size:66%;}
#plan #left2 .plan_txt p{font-size:66%; margin:0 0 15px 20px;}

#plan #left2 ul.bn{list-style:none; width:287px; height:26px; padding:0 0 0 10px; margin:0 auto 20px;}
#plan #left2 ul.bn li{float:left; margin:0 10px 0 0;}
#plan #left2 ul.bn li a:hover{position:relative; top:1px; left:1px;}

#plan #left2 .waku{width:630px; margin:0 0 20px; padding:10px; background:url(../price/images/list_bg.jpg) repeat;}
#plan #left2 .waku .txt_box{background:#FFFFFF; width:590px; padding:20px 20px 10px;}
#plan #left2 .waku .txt_box ul{padding:0 0 10px; margin:0; list-style:none;}
#plan #left2 .waku .txt_box ul li{background:url(../price/images/list_ic.jpg) no-repeat 0 50%; padding:0 0 0 15px; margin:0 0 10px; font-size:83%; font-weight:bold;}
#plan #left2 .waku .txt_box ul li span{color:#e60012; font-size:66%;}
#plan #left2 .waku .txt_box p{font-size:66%; margin:0 0 15px 15px;}
#plan #left2 .waku .txt_box .mi{font-size:100%; font-weight:bold; margin:0 0 15px; padding:0; color:#128e77; text-align:left;}


#plan #left2 .mi{font-size:100%; font-weight:bold; margin:0 0 10px; padding:10px 0 0; color:#128e77; text-align:center;}
#plan #left2 .mi_o{font-size:100%; font-weight:bold; margin:0 0 10px; padding:10px 0 0; color:#EA5517; text-align:center;}

#plan #left2 .s_txt{font-size:66%; margin:0 0 40px;}
#plan #left2 .option{border-top:solid #7D7D7D 1px; border-left:solid #7D7D7D 1px; margin:0 0 10px;}
#plan #left2 .option td{border-bottom:solid #7D7D7D 1px; border-right:solid #7D7D7D 1px; border-left:none; padding:10px; line-height:1.6; text-align:left;}




/* contact 問い合わせページ */
#contact #left2 h3{margin:0 0 5px;}
#contact #left2 #list{margin:0 0 10px;}

#contact #left2 .form_box{background:url(../contact/images/bg_01.jpg) no-repeat; width:650px; padding:11px 0 0;}
#contact #left2 .form_box .form_main{background:url(../contact/images/bg_02.jpg) repeat-y; width:600px; padding:14px 25px;}
#contact #left2 .form_box .form_bottom{background:url(../contact/images/bg_03.jpg) no-repeat; height:11px;}

#contact #left2 .form_box .form_main p{text-align:left; margin:0 0 20px;}
#contact #left2 .form_box .form_main p.txt{line-height:1.8;text-align:center; margin:30px 0 0;}
#contact #left2 .form_box .form_main p.s_txt{font-size:83%; margin:50px 0; text-align:center;}
#contact #left2 .form_box .form_main p.red_txt{font-weight:bold; color:#e73114;}

#contact #left2 .form_box .form_main span.red_txt{font-weight:bold; color:#e73114; text-align:left;}

#contact #left2 .form_box .form_main p.bn{text-align:center; margin:0 0 20px;}
#contact #left2 .form_box .form_main p.bn a:hover{position:relative; top:1px; left:1px;}

#contact #left2 .form_box .form_main ul{list-style:none; width:262px; height:26px; margin:0 auto 20px; padding:0 0 0 5px;}
#contact #left2 .form_box .form_main ul li{float:left; margin:0 5px 0 0; width:126px; height:26px;}
#contact #left2 .form_box .form_main ul li a{width:126px; height:26px; display:block;}
#contact #left2 .form_box .form_main ul li a:hover{position:relative; top:1px; left:1px;}

#contact #left2 .form_box .form_main dl{font-size:83%; margin:0 0 40px; padding:0;}

#contact #left2 .form_box .form_main dl dt{float:left; padding:10px 0; width:220px; text-align:left; border-top:solid #c8c8c8 1px; clear:both;}
#contact #left2 .form_box .form_main dl dt span{color:#e73114;}
#contact #left2 .form_box .form_main dl dd{padding:10px 0; margin-left:235px; border-top:solid #c8c8c8 1px;}
#contact #left2 .form_box .form_main dl dd.txt_g{color:#999999;}
#contact #left2 .form_box .form_main dl dd.txt_g input{margin-bottom:2px;}
#contact #left2 .form_box .form_main dl dd span{color:#e73114;}

#contact #left2 .form_box .form_main dl dt.b_bottom,#contact #left2 .form_box .form_main dl dd.b_bottom{border-bottom:solid #c8c8c8 1px;}
#contact #left2 .form_box .form_main dl dt.b_non,#contact #left2 .form_box .form_main dl dd.b_non{border:none;}


/* link リンクページ */
#link #left2 h3{margin:0 0 5px;}
#link #left2 #list{margin:0 0 20px;}
#link #left2 h4{margin:0 0 25px;}
#link #left2 ul{list-style:none; text-align:left; font-size:83%;}
#link #left2 ul li{margin:0 0 10px; background:url(../link/images/ic_01.jpg) no-repeat 0 50%; padding:0 0 0 20px; position:relative; height:100%;}


/* soudan 相談ページ */
#soudan #left2 h3{margin:0 0 5px;}
#soudan #left2 #list{margin:0 0 20px;}
#soudan #left2 h4{margin:0 0 25px;}

#soudan #left2 p{margin:0 0 25px; font-size:83%;}
#soudan #left2 p span{color:#ea5517;}

#soudan #left2 .waku{width:620px; margin:0 0 20px; padding:10px; background:url(../works/images/list_bg.jpg) repeat;}
#soudan #left2 .waku .txt_box{background:#FFFFFF; width:580px; padding:20px 20px 10px;}
#soudan #left2 .waku .txt_box ul{background:url(../soudan/images/list_txt.jpg) no-repeat 0 50%; padding:0 0 0 110px; margin:0; list-style:none;}
#soudan #left2 .waku .txt_box ul li{background:url(../soudan/images/list_ic.jpg) no-repeat 0 50%; padding:0 0 0 15px; margin:0 0 10px; font-size:83%; font-weight:bold;}
#soudan #left2 p.bn{text-align:center;}
#soudan #left2 p.bn a:hover{position:relative; top:1px; left:1px;}


/* staff スタッフページ */
#staff #left2 h3{margin:0 0 5px;}
#staff #left2 #list{margin:0 0 10px;}

#staff #left2 .bg_main{width:610px; padding:9px 20px; margin:0;}
#staff #left2 .bg_bottom{width:650px; height:11px; padding:0; margin:0;}

#staff #left2 .bg_main .l_box{width:300px; text-align:center; float:left; margin:0 15px 0 0;}
#staff #left2 .bg_main .l_box p{margin:0 0 15px;}
#staff #left2 .bg_main .l_box p a:hover{position:relative; top:1px; left:1px;}
#staff #left2 .bg_main .l_box p.img{width:290px; height:215px; padding:5px; margin:0 0 25px; background:url(../staff/images/ph_bg.jpg) repeat;}

#staff #left2 .bg_main .r_box{float:right; font-size:83%; width:295px; margin:0; padding:0;}

#staff #left2 .bg_main .r_box dl{margin:0 0 10px; width:295px;}
#staff #left2 .bg_main .r_box dl dt{width:54px; height:19px; margin:0 0 5px; padding:0; float:left; clear:both;}
#staff #left2 .bg_main .r_box dl dd{width:225px; height:19px; margin:0 0 5px 60px; padding:0; font-weight:bold;}

#staff .bg_main .r_box p{margin:0 0 10px;}

#staff #u_box{background:url(../staff/images/u_bg_01.jpg) no-repeat; padding:11px 0 0; margin:0 0 10px;}
#staff #u_box .bg_main{background:url(../staff/images/u_bg_02.jpg) repeat-y;}
#staff #u_box .bg_bottom{background:url(../staff/images/u_bg_03.jpg) no-repeat;}

#staff #t_box{background:url(../staff/images/t_bg_01.jpg) no-repeat; padding:11px 0 0; margin:0 0 10px;}
#staff #t_box .bg_main{background:url(../staff/images/t_bg_02.jpg) repeat-y;}
#staff #t_box .bg_bottom{background:url(../staff/images/t_bg_03.jpg) no-repeat;}

#staff #o_box{background:url(../staff/images/o_bg_01.jpg) no-repeat; padding:11px 0 0; margin:0 0 20px;}
#staff #o_box .bg_main{background:url(../staff/images/o_bg_02.jpg) repeat-y;}
#staff #o_box .bg_bottom{background:url(../staff/images/o_bg_03.jpg) no-repeat;}

#staff #left2 .txt_p{text-align:center; margin:0 0 20px;}