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

*{
margin:0;
padding:0;
}

body{
background:#CCCCCC;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

/* 大分類 */

#HEAD{
width:994px;
height:59px;
margin:0 auto 0 auto;
background:url(/img/head_back.jpg) no-repeat;
padding-top:14px;
padding-left:6px;
}

#NAVI{
width:1000px;
margin:0 auto 0 auto;
}

#MAIN{
width:1000px;
margin:0 auto 0 auto;
background:url(/img/back_h.gif) repeat-y;
overflow:hidden;
}

#FTR{
width:1000px;
margin:0 auto 0 auto;
text-align:center;
font-size:12px;
color:#FFFFFF;
background:#191919;
clear:both;
}

/* 小分類 */

#logo{
width:281px;
float:left;
}

/* 全textLink */
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
color:red;
text-decoration:underline;
}

/*-------------- head-s-navi ------------------*/
#logo img{
border-style:none;
}

#head_navi{
width:157px;
float:right;
}

#head_navi ul{
list-style:none;
overflow:hidden;
font-size:12px;
}

#head_navi li{
width:145px;
float:left;
}

#head_navi li a{
width:139px;
height:22px;
overflow:hidden;
display:block;
text-indent:-9999em;
}

/*-- s-navi-on --*/
#head_navi li.s_navi01 a:link{
background:url(/img/h_001.jpg) no-repeat;
}

#head_navi li.s_navi01 a:visited{
background:url(/img/h_001.jpg) no-repeat;
}

#head_navi li.s_navi01 a:hover{
background:url(/img/h_001_on.jpg) no-repeat;
}

/*-----------------------------*/
#head_navi li.s_navi02 a:link{
background:url(/img/h_002.jpg) no-repeat;
}

#head_navi li.s_navi02 a:visited{
background:url(/img/h_002.jpg) no-repeat;
}

#head_navi li.s_navi02 a:hover{
background:url(/img/h_002_on.jpg) no-repeat;
}

/*-----------------------------*/
#head_navi li.s_navi03 a:link{
background:url(/img/h_003.jpg) no-repeat;
}

#head_navi li.s_navi03 a:visited{
background:url(img/h_003.jpg) no-repeat;
}

#head_navi li.s_navi03 a:hover{
background:url(/img/h_003_on.jpg) no-repeat;
}

/*-----------------------------*/
#main_navi ul{
list-style:none;
}

#main_navi li{
width:200px;
height:45px;
float:left;
}

#main_navi li a{
width:200px;
height:45px;
overflow:hidden;
display:block;
text-indent:-9999em;
}


/*-- navi-on --*/
#main_navi li.m_navi01_o a{
background:url(/img/navi_01_on.jpg) no-repeat;
}


#main_navi li.m_navi02_o a{
background:url(/img/navi_02_on.jpg) no-repeat;
}

#main_navi li.m_navi03_o a{
background:url(/img/navi_03_on.jpg) no-repeat;
}

#main_navi li.m_navi04_o a{
background:url(/img/navi_04_on.jpg) no-repeat;
}

#main_navi li.m_navi05_o a{
background:url(/img/navi_05_on.jpg) no-repeat;
}

/*-- navi-over --*/
#main_navi li.m_navi01 a:link{
background:url(/img/navi_01.jpg) no-repeat;
}

#main_navi li.m_navi01 a:visited{
background:url(/img/navi_01.jpg) no-repeat;
}

#main_navi li.m_navi01 a:hover{
background:url(/img/navi_01_on.jpg) no-repeat;
}

/*------------------------------------*/
#main_navi li.m_navi02 a:link{
background:url(/img/navi_02.jpg) no-repeat;
}

#main_navi li.m_navi02 a:visited{
background:url(/img/navi_02.jpg) no-repeat;

}
#main_navi li.m_navi02 a:hover{
background:url(/img/navi_02_on.jpg) no-repeat;
}

/*------------------------------------*/
#main_navi li.m_navi03 a:link{
background:url(/img/navi_03.jpg) no-repeat;
}
#main_navi li.m_navi03 a:visited{
background:url(/img/navi_03.jpg) no-repeat;

}
#main_navi li.m_navi03 a:hover{
background:url(/img/navi_03_on.jpg) no-repeat;
}
/*------------------------------------*/
#main_navi li.m_navi04 a:link{
background:url(/img/navi_04.jpg) no-repeat;
}

#main_navi li.m_navi04 a:visited{
background:url(/img/navi_04.jpg) no-repeat;
}
#main_navi li.m_navi04 a:hover{
background:url(/img/navi_04_on.jpg) no-repeat;
}

/*------------------------------------*/
#main_navi li.m_navi05 a:link{
background:url(/img/navi_05.jpg) no-repeat;
}

#main_navi li.m_navi05 a:visited{
background:url(/img/navi_05.jpg) no-repeat;
}
#main_navi li.m_navi05 a:hover{
background:url(/img/navi_05_on.jpg) no-repeat;
}

/*------------------------------------*/

#head_navi_bottom{
width:1000px;
height:5px;
clear:both;
 font-size: 0;
background:url(/img/navi_under.jpg) no-repeat;
}

/*-------------- MAIN --------------------*/

#LEFT{
width:251px;
float:left;
font-size:14px;
}

#RIGHT{
width:749px;
float:right;
background:#ffffff;
height:100%;
font-size:14px;
}


/*--- sidenavi -----*/
.side_navi{
padding:0 9px 0 9px;
}
.side_title{
margin-bottom:8px;
margin-top:10px;
}
.company_main img{
margin-bottom:20px;
}
.l_navi ul{
list-style:none;
}
.l_navi li{
margin-bottom:5px;
}
.l_navi li a{
width:230px;
height:65px;
overflow:hidden;
display:block;
text-indent:-9999em;
}
.l_navi_01 a:link{
background:url(/img/left_n_01.jpg) no-repeat;
}
.l_navi_01 a:visited{
background:url(/img/left_n_01.jpg) no-repeat;
}
.l_navi_01 a:hover{
background:url(/img/left_n_01_on.jpg) no-repeat;
}
.l_navi_02{
background:url(/img/left_n_02.jpg) no-repeat;
}
.l_navi_02 a:visited{
background:url(/img/left_n_02.jpg) no-repeat;
}
.l_navi_02 a:hover{
background:url(/img/left_n_02_on.jpg) no-repeat;
}

.l_navi_03{
background:url(/img/left_n_03.jpg) no-repeat;
}
.l_navi_03 a:visited{
background:url(/img/left_n_03.jpg) no-repeat;
}
.l_navi_03 a:hover{
background:url(/img/left_n_03_on.jpg) no-repeat;
}
.l_navi_04{
background:url(/img/left_n_04.jpg) no-repeat;
}
.l_navi_04 a:visited{
background:url(/img/left_n_04.jpg) no-repeat;
}
.l_navi_04 a:hover{
background:url(/img/left_n_04_on.jpg) no-repeat;
}
.l_navi_05{
background:url(/img/left_n_05.jpg) no-repeat;
}
.l_navi_05 a:visited{
background:url(/img/left_n_05.jpg) no-repeat;
}
.l_navi_05 a:hover{
background:url(/img/left_n_05_on.jpg) no-repeat;
}
/*---- mainContent ----*/
.content{
width:749px;
text-align:center;
margin-top:10px;
margin-bottom:20px;
clear:both;
}

.cont01_waku{
width:700px;
margin:10px auto 20px auto;
overflow:hidden;
}

.cont01_text p{
width:490px;
float:left;
}

.cont01_img{
width:200px;
float:right;
}
.cont01_2img{
clear:both;
padding-top:20px;
}
.cont02_img table{
margin:0 auto 0 auto;
}
.cont02_img table td{
padding-bottom:10px;
font-size:12px;
}
.cont02_img td{
width:220px;
padding-left:20px;
}


.cont03_img table{
margin:0 auto 0 auto;
}
.cont03_img td{
width:240px;
text-align:center;
}
.cont03_img img{
margin-bottom:10px;
}

.cont04_waku{
width:700px;
margin:0 auto 0 auto;
}

.button1{
width:90px;
margin-left:auto;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
}

.button1 img{
border-style:none;
}
.button1 a{
width:90px;
height:23px;
overflow:hidden;
display:block;
text-indent:-9999em;
}
.button1 a:link{
background:url(/img/button01.jpg) no-repeat;
}
.button1 a:visited{
background:url(/img/button01.jpg) no-repeat;
}
.button1 a:hover{
background:url(/img/button01_on.jpg) no-repeat;
}
.button2{
width:90px;
margin-left:auto;
margin-right:10px;
margin-bottom:10px;
clear:both;
}

.button2 img{
border-style:none;
}
.button2 a{
width:90px;
height:23px;
overflow:hidden;
display:block;
text-indent:-9999em;
}

.button2 a:link{
background:url(/img/button02.jpg) no-repeat;
}
.button2 a:visited{
background:url(/img/button02.jpg) no-repeat;
}
.button2 a:hover{
background:url(/img/button02_on.jpg) no-repeat;
}

/*------------ 見積り --------------------*/
.m00_waku{
width:700px;
margin:10px auto 20px auto;
}
.m01_waku{
width:700px;
margin:10px auto 20px auto;
}
.m01_text{
padding:5px;
}
.m01_waku ul li{
list-style:none;
}
.m02_waku{
width:700px;
margin:10px auto 20px auto;
}
.m02_text{
padding:5px;
}
.m03_waku{
width:700px;
margin:10px auto 20px auto;
}
.m03_text{
padding:5px;
}
.m04_waku{
width:700px;
margin:10px auto 20px auto;
}
.m04_text{
padding:5px;
}
.m05_waku{
width:700px;
margin:10px auto 20px auto;
}
.m05_text{
padding:5px;
}
.m06_waku{
width:700px;
margin:10px auto 20px auto;
}
.m06_text{
padding:5px;
}

/*----------- プライバシー --------------*/
div.p_text{
width:710px;
margin:0 auto 0 auto;
}
/*-------------- 制作事例 ----------------*/
.content_j{
background:url(/img/title_back.jpg) no-repeat;
width:701px;
height:36px;
margin:10px auto 0 auto;
padding:7px 0 0 25px;
}

.content_j p{
color:#ffffff;
font-weight:bold;
}

.j_img{
width:720px;
margin:0 auto 0 auto;
overflow:hidden;
margin-bottom:10px;

}
.j_waku{
width:355px;
float:left;
}
.j_waku2{
width:355px;
float:right;
}

.img_01{
text-align:center;
border:solid #D8D8D8 1px;
padding:10px 0 10px 0;
}
.img_02{
text-align:center;
border:solid #D8D8D8 1px;
padding:10px;
}

.j_desc01{
width:354px;
float:left;
}
.j_desc02{
width:354px;
float:right;
}

.content_j_text{
width:720px;
clear:both;
margin:0 auto 0 auto;
}
.content_j_text p{
padding-top:5px;
padding-bottom:15px;
}

.c_w{
 width:240px;
height:200px;
 float:left;
overflow : hidden ;
 text-align:center;
}

.case_img img{
width:auto;
height:164px;
margin-bottom:0px;
border-style:none;
}
.case_title{
text-align:left;
margin-left:10px;
font-size:10px;
margin-top:3px;
}

.case_title p{
margin-bottom:10px;
}
.c_gyou{
width:720px;
margin:0 auto 10px auto;
}
/*-------------- footer ------------------*/

#foot_hr{
height:5px;
background:#BCBCBC;
font-size:0px;
}

/*-------------- footer-navi ------------------*/
#foot_navi ul{
text-align:center;
padding-top:15px;
}
#foot_navi li{
margin-left:5px;
margin-right:5px;
display:inline;
}

#foot_navi a:link{
color:#ffffff;
font-style:none;
text-decoration:none;
}
#foot_navi a:visited{
color:#ffffff;
font-style:none;
text-decoration:none;
}
#foot_navi a:hover{
color: #FF9900;
font-style:none;

}

#foot_copy{
clear:both;
padding-top:10px;
padding-bottom:50px;
}


/* 会社概要
------------------------*/
.root{
font-size:12px;
width:720px;
margin:10px auto 0 auto;
}

.cont02_waku table{
width:720px;
margin:0 auto 20px; auto;
font-size:12px;
text-align:left;
vertical-align:top;
}

.cont02_waku th{
border:solid #cccccc 1px;
padding:5px;
background:#F0F0F0;
vertical-align:text-top;
}

.content_a{
margin:10px 12px 10px 12px;
padding:5px 0 5px 15px;
background: #ABD1C8;
}
.case_main table{
margin:0 auto 0 auto;
}

.cont02_waku td{
border:solid #cccccc 1px;
padding:5px;
}

.case_main td.case_img{
width:240px;
text-align:center;
}
.case_main td.case_img img{
border-style:none;
}
.case_main td.case_text{
font-size:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
vertical-align:top;
}

/* お問い合わせ */
.c_form{
width:710px;
margin:0 auto 40px auto;
}
.c_form table{
margin-top:30px;
line-height:200%;
margin:0 auto 0 auto;
width:600px;
color:#333333;
}

.t_area_b{
padding:20px 18px 0 0;
text-align:right;
}
.koumoku{
width:130px;
vertical-align:top;
background:#EEEEEE;
border-top:dotted #cccccc 1px;
border-bottom:dotted #cccccc 1px;
padding:5px 0 5px 10px;
font-size:12px;

}
.t_area{
background:#EEEEEE;
border-top:dotted #cccccc 1px;
border-bottom:dotted #cccccc 1px;
padding:10px;
}

.t_area p{
font-size:10px;
line-height:110%;
margin-top:10px;
color:red;
}

.hissu{
font-size:10px;
color:red;
margin-left:5px;
}

.remark{
font-size:10px;
}

.cont02_img table td{
padding-bottom:10px;
}

?