@charset "UTF-8";


/*-- 値を区切りたい時はハイフンを使う　アンダースコアはX*/


/*======================================
	基本スタイルシート
	制作者：
	
	
	目次：
	
	・基本構造
	・リンク
	・ヘッダ
	・ナビゲーション
	・メインコンテンツ
	・サイドメニュー
	・フッタ
	・フォーム
	・その他

-apple-text-size-adjust: none;
	font-size: 12px;

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


* {

	margin: 0; 
	padding: 0;
	line-height: 1.8;
	color: #2B2B2B;

}


/*======================================
	基本構造
=======================================*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 83%;	
}
.text9{
font-size:83%;
line-height: 1.3;
}



.text10{
font-size:87%;
line-height: 1.5;
}

.text12{
font-size:90%;
line-height: 1.6;
}



body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote,a{
margin:0;
padding:0;
}



li{
list-style:none;
}

img{ border: none; }

.alphalpha,
.more a:hover img,
.more2 a:hover img,
.bn a:hover img,
.bn2 a:hover img,
.fivebu a:hover img,
#service .plan li a:hover img,
#totopin a:hover img{ 
	filter:alpha(opacity=50);
	opacity:0.5;
}


/* clearFix */
.clearfix{
zoom:1;
}
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}


.wrapper{width: 965px; margin: 0 auto;position:relative;}
#contents{width: 965px; margin: 0 auto;clear:both;}
/*======================================
	リンク
=======================================*/

a:link {
	color: #018aaf;
	text-decoration: underline;
	
}

a:visited {
	color: #018aaf;
	text-decoration: underline;
	
}

a:hover {
	color: #04afdd;
	text-decoration: underline;

}


a:active {
	text-decoration: none;
	
}




/*======================================
	ヘッダのバー
=======================================*/
#header {
clear:both;
}


#visual {
background: url(../img/mainnew_bg.jpg) repeat-x;
display:block;
margin-bottom:15px;
}

#top {
background: url(../img/header_bg.gif) center top;
display:block;
}


h1 {
font-size: 87%;	
padding:2px 0px;
color:#666;
float: left;
font-weight:normal;
margin-right:5px;
}

.topp {

width:760px;
}

.top2 {
color:#666;
font-size: 87%;	
padding:2px 0px;
font-weight:normal;
float: left;

}

h1.top0 {
font-size: 87%;	
padding:2px 0px;
color:#666;
float: right;
font-weight:normal;
margin-right:5px;

}

h2 {
color: #04afdd;
font-size: 160%;	
padding:1px 0px;
font-weight:bold;
border-bottom:1px solid #ccc;
margin-bottom:5px;

clear:both;
}


h1 strong {
color:#666;
font-weight:normal;
}


#sizechange {
background: url(../img/size_change.png) center top;
width:203px;
height:36px;
position:absolute;
top:0px;
right:0px;
}


.fontSwich ul {
	padding: 5px 14px;
float: right;
}
.fontSwich ul li {
	display: block;
margin:0px 2px;
	padding:0px;
	height: 19px;
	width: 19px;
	cursor:pointer;
		float: left;
	list-style: none;
}

.fontSwich ul li.fontM {

	width: 38px;
}
.fontSwich ul li a {
height: 19px;
	width: 19px;
display: block;
	text-indent: -3000px;
}

.fontSwich ul li span {

	text-indent: -3000px;
	
}


.fontSwich ul li a#text_m {	width: 38px;}

.fontSwich ul li.fontS a {
	background: url(../img/btn_s_on.gif) no-repeat 0px 0px;
}
.fontSwich ul li.fontM a {
	background: url(../img/btn_m_off.gif) no-repeat 0px 0px;
}
.fontSwich ul li.fontL a {
	background: url(../img/btn_l_off.gif) no-repeat 0px 0px;
}
.fontSwich ul li.fontM a:hover {
	background: url(../img/btn_m_on.gif) no-repeat 0px 0px;
}
.fontSwich ul li.fontL a:hover {
	background: url(../img/btn_l_on.gif) no-repeat 0px 0px;
}


/*======================================
	ヘッダ
=======================================*/

div#logo {
width:178px;
float: left;	
margin-top:20px;

}



.menu-box {
width:690px;
margin:10px 0px;
float: right;	
}
.submenu {margin-top:5px;float: right;margin-right:15px;}
.submenu li {margin-left:12px;float: left;}
.contact {float: right;margin-top:13px;margin-bottom:5px;}
.search {float: right;}





.search dt
{
width:230px;
	line-height:1;
	margin-bottom:-23px;
}

.search dt input
{
	font-size:80%;
	color:#666;
	width:153px;
height:19px;
}

.searcht
{
float: left;
}


.searchButton
{
	float: left;
	display:block;
	width:44px;
	height:23px;
	border:none;
	background:url(../img/header_search.gif) no-repeat;
	text-indent:-8888px;
	cursor:pointer;
}

.searchButton:hover
{
	background-position:-44px 0px;
}

/*======================================
	メニュー
=======================================*/
#menu_bar {clear:both;background: url(../img/menu_bg.gif) center top;height:63px;}
.menu li {margin-left:0px;float: left;}
.menu {padding-top:4px;}

/*======================================
	パンくずtwitterのバー
=======================================*/
#tw_bar {
margin:15px 0px;
background: url(../img/tw_tit.gif) left center no-repeat;
background-color:#f4f4f4;
font-size:88%;
padding:3px;
padding-left:83px;
}

#tw_bar p.text {
float: left;
width:750px;
overflow: hidden;
white-space: nowrap; 
}

#tw_bar p.follow,
#tw_bar2 p.follow  {
float: right;
margin-right:7px;
}



/*======================================
	メイン
=======================================*/


#main {

width:710px;
float: left;
}


#mainbox {
margin-bottom:15px;
background: url(../img/bg_dot.gif)  center center ;
width:690px;
padding:10px;
}


#mainbox .dot {

padding:15px;
display:block;
background-color:#fff;
}


#mainbox .dot a:hover {
border:4px solid #00bff2;
}


.maint{
margin-bottom:10px;

padding:3px;
}


/*5つの大切なこと*/

#five {
background: url(../img/five_woman.jpg) right bottom no-repeat;
margin-bottom:15px;
}

#five .fivebox p {
width:200px;
margin:3px auto;
}

#five .fivetext {
width:520px;
margin:8px 0px 0px 0px;
}

#five .fiveicon {
position:absolute;
top:-10px;
left:-10px;
}


.fivebox {
width:216px;
border: 3px solid #00BFF0;
background-color:#E9F8FD;
position:relative;
float: left;
margin-left:13px;
margin-bottom:17px;
margin-top:15px;
}


.fivebox1 {
width:710px;
position:relative;

}
.fivebox2 {
width:710px;
clear:both;

}

.fivebu {
position:absolute;
bottom:0px;
right:20px;

}
/*お客様の声*/
#cs3 {
background: url(../img/cs_bg.gif)  repeat-x;
margin-bottom:25px;

width:710px;
}


.voice #cs3 {
background:none;

}


#cs3 h3 {
float: left;
}


#cs3 .cs3_bu {
float: right;
margin-top:12px;
margin-right:10px;
}

#cs3set {
clear:both;
margin-top: 13px;
padding-top:15px;
margin-right: -10px;
             overflow: hidden;
           
padding-bootom:15px;
}
.cs3box {
width:224px;
float:left;
margin-right: 16px;
margin-bottom:27px;

}



#cs3 dt .dot {
background: url(../img/bg_dot.gif)  center center ;
width:224px;
height:116px;
padding:0px;
padding-top:1px;
margin-bottom:5px;
display:block;
}
#cs3 dt .dot a {
width:208px;
display:block;
height:100px;
margin:4px;
border: 4px solid #fff;
}


#cs3 dt .dot a:hover {
border:4px solid #00bff2;
}


#cs3 dd.tit a {
background: url(../img/icon3.gif) left center no-repeat;
padding-left:10px;

}


/*実績*/
#works2{
width:708px;
margin-bottom:20px;
}

#works2 .tit {
background: url(../img/service_bg.jpg)  repeat-x;
width:708px;
height:37px;
margin-bottom:10px;
border: 1px solid #cbcbcb;
}
#works2 h3 {
float: left;
margin:10px;

}



/*サービス*/
#service {
width:708px;
margin-bottom:20px;
border: 1px solid #cbcbcb;
}

#service .tit {
background: url(../img/service_bg.jpg)  repeat-x;
width:708px;
height:37px;
}
#service h3 {
float: left;
margin:10px;

}


#service .service_bu,#works2 .service_bu  {
float: right;
margin-top:12px;
margin-right:10px;
}

#service .plan {
border-top: 1px solid #cbcbcb;
}

#service .plan li {
float: left;
border-right: 1px solid #cbcbcb;
}

#service .plan li.last {
float: left;
border-right: none;
}

#service h4 {
clear:both;
font-size:110%;
padding:8px 10px;
border-top: 1px solid #cbcbcb;

background-color:#f4f4f4;
}

.servicebox {
float: left;
width:353px;
border-right: 1px solid #cbcbcb;

}


.servicebox2 {
float: left;
width:354px;


}


.servicemenu {
clear:both;

margin:10px 0px 10px 15px;


}


.servicemenu li {
float:left;
background: url(../img/icon_box.gif) left center no-repeat;
margin-right:15px;
padding-left:18px;

margin-bottom:5px;
width:136px;
display:block;
}

.servicemenu li a,.servicemenu li a:visited  {
color: #2B2B2B;
text-decoration: underline;
}


.servicemenu li a:hover {
	color: #04afdd;
	text-decoration: underline;

}


/*お知らせ*/
#info {
border: 1px solid #cbcbcb;
margin-bottom:15px;
width:342px;
float: left;
}

#staff {
border: 1px solid #cbcbcb;
margin-bottom:15px;
width:342px;
float: right;
}


#infostaff .tit {
background: url(../img/cs_bg.gif)  repeat-x;
height:37px;
width:342px;
}

#infostaff h3 {
float: left;
margin-top:5px;
margin-left:7px;
}


.info_bu {
float: right;
margin-top:6px;
margin-right:7px;
}

#infostaff dl {
width:316px;
margin:7px auto;
overflow:auto;
height:150px;
padding-right:10px;
}

#infostaff dt {
font-weight:bold;
}

#infostaff dd {
border-bottom: 1px dotted #cbcbcb;
margin-bottom:5px;
background: url(../img/icon3.gif) left center no-repeat;
padding-left:10px;
display:block;
}

/*対象業種*/
#job{
background: url(../img/area_bg.jpg)  repeat-x;
border: 1px solid #cbcbcb;
margin-bottom:15px;
clear:both;
}

.jobbox{
padding:15px;
padding-left:20px;
}

.jobbox p.titt{
font-weight:bold;
margin-bottom:7px;

color:#e9a209;
font-size:110%;
}
.jobimg{
width:238px;
float:left;
padding-top:7px;

}

.areabox3{
margin:0px auto 15px;
width:680px;
}


.jobs{
border: 1px solid #ccc;
padding:7px;

font-size:85%;
line-height:1.5;
background-color: #fff;
}

.jobbox2 p{
font-weight:bold;
color:#80c241;
font-size:90%;

}
.jobbox2{
margin-bottom:10px;

}

/*対象エリア*/
#area{
background: url(../img/area_bg.jpg)  repeat-x;
border: 1px solid #cbcbcb;
margin-bottom:15px;
clear:both;
}

#area h5{
font-weight:bold;
display:inline;
padding-top:15px;
}

#area h5 strong{
background:#fbb214;
color:#fff;
padding:5px;
}

#area .tit{
float:right;
margin:15px 25px 15px 15px;
}
.area{
margin-top:15px;
clear:both;
}
p.add{
clear:both;
color:#f431a9;
padding:7px;
font-size:85%;
}

.areamap2{
width:135px;
float:left;
padding-top:7px;
}



.areamap{
width:135px;
float:left;
padding-top:0px;
}

.chiiki{

padding:5px;

overflow:auto;
margin:2px 10px;
font-size:85%;
line-height:1.5;
background-color: #fff;
}
.areabox{
width:550px;
float:left;

}
.areabox2{
padding:15px;
padding-left:20px;
}

.areabox4{
width:238px;
margin:10px 0px;
border: 1px solid #ccc;
}
.areabox4 p{
font-weight:bold;
color:#80c241;
font-size:90%;
margin-top:8px;
padding:0px 10px;

}

.areatext{
width:670px;
margin:10px auto;

}


.areatext strong{

font-weight:normal;
}

.areabox p{
font-weight:bold;
color:#80c241;

}
.areabox2 p{
font-weight:bold;
color:#e9a209;
font-size:110%;
}

.areabox span{
font-weight:bold;
font-size:110%;
}

.tabNav li{
font-weight:normal;
color:#fff;
float:left;
white-space: nowrap;
}



.tabNav li a {
display:block;
margin: 0px 1px;
text-decoration:none;
background-color: #777;

}
.tabNav li a span {

color:#fff;
margin: 0px 8px;

}




.tabNav li a.active{
background-color: #333;
color:#fff;
}

.tabNav:after {
content: "";
display: block;
clear: both;
}
*+html .tabNav {
min-height: 1px;
}
* html .tabNav {
height: 1px;
}

#tab1, #tab2, #tab3, #tab4 {
font-size:85%;
line-height: 1.4;
padding: 10px;
border: 1px solid #ccc;
height: 6em;
overflow:auto;
background-color: #fff;
font-weight:normal;
}


#tab1 span strong, #tab2 span strong, #tab3 span strong, #tab4 span strong {
line-height: 1.4;
font-weight:bold;
}

#tab1 strong, #tab2 strong, #tab3 strong, #tab4 strong {
line-height: 1.4;
font-weight:normal;
}


#tab1 a ,#tab1 a:visited , #tab1 a:hover  {
color: #2B2B2B;
text-decoration: none;
line-height: 1.4;
}

#tab2 a ,#tab2 a:visited , #tab2 a:hover  {
color: #2B2B2B;
text-decoration: none;
line-height: 1.4;
}
#tab3 a ,#tab3 a:visited , #tab3 a:hover  {
color: #2B2B2B;
text-decoration: none;
line-height: 1.4;
}
#tab4 a ,#tab4 a:visited , #tab4 a:hover  {
color: #2B2B2B;
text-decoration: none;
line-height: 1.4;
}
.chiiki a ,.chiiki a:visited , .chiiki a:hover{
color: #2B2B2B;
text-decoration: none;
line-height: 1.4;
}

/*対象エリア*/
#contact_top{

margin-bottom:15px;
}


/*======================================
	2階層めテンプレート
=======================================*/
#tit_bar {
margin-top:15px;
}


#tit_bar div {
float: left;
border-left: 5px solid #00BFF3;
margin:15px 0px 0px 5px;
}

#tit_bar p {
float: right;
width:400px;


}



#tw_bar2 {
margin-bottom:15px;
background-color:#f4f4f4;
padding:3px;
}


#tw_bar2 ul {
margin:3px 5px;
}


#tw_bar2 li {
float: left;
font-size:88%;
margin-left:10px;
padding-left:10px;
background: url(../img/icon3.gif) left center no-repeat;
color: #666;
}

#tw_bar2 li.first {
padding-left:18px;
background: url(../img/2nd_home_icon.gif) left center no-repeat;
}



#tw_bar2 li a,#tw_bar2 li a:visited  {
color: #2B2B2B;
text-decoration: underline;
}


#tw_bar2 li a:hover {
	color: #04afdd;
	text-decoration: underline;

}


#midashi {
background: url(../img/2nd_tit_bg.jpg) center bottom no-repeat;
margin-bottom:15px;
}

#midashi h3 {
margin:0px 20px 13px 12px;
background: url(../img/icon6.gif) left top no-repeat;
font-size:150%;
padding-top:5px;
padding-left:15px;

}



.midashi {
background: url(../img/2nd_tit_bg.jpg) center bottom no-repeat;
margin-bottom:15px;
}

.midashi h3 {
margin:0px 20px 13px 12px;
background: url(../img/icon6.gif) left top no-repeat;
font-size:150%;
padding-top:5px;
padding-left:15px;

}


#focus {
margin-bottom:15px;
text-align:right;
}
.focus {
margin-bottom:15px;
}


#focus a {


margin-right:25px;

}


#midashibox {
margin-bottom:35px;
}


.mmmidashi {
margin-bottom:25px;
clear:both;
}

#service h4 {

margin-bottom:0em;
}



.mmmidashi h4 {
padding:5px;
background: url(../img/2nd_m_bg.gif) left bottom repeat-x ;
margin-bottom:1.0em;
}



.mmmidashi h4 span,.mmmidashi2 h4 span {
padding-left:20px;
font-size:128%;
background: url(../img/2nd_m_icon2.gif) left center no-repeat;
display:block;
}




.mmmidashi2 {
margin-bottom:25px;
clear:both;
}

.mmmidashi2 h4 {
padding:7px 8px;
background: url(../img/2nd_m_bg2.gif)  ;
margin-bottom:1.0em;

}



.mmmidashi p,.mmmidashi2 p {

margin:0em 1.8em 1.5em 1.8em;
}


.mmmidashi .dot,.mmmidashi2 .dot {
background: url(../img/bg_dot.gif)  center center ;
width:224px;

padding:0px;

margin:0px 0px 7px 7px;
display:block;
float:right;
}

.illimg , .illimg{
float:right;
margin:0px 0px 7px 7px;
}


.illimg2{
float:left;
margin:0px 7px 7px 0px;
}


.mmmidashi .dot span,.mmmidashi2 .dot span {
width:208px;
display:block;
margin:4px;
border: 4px solid #fff;
}

.mmmidashi .apost li,.mmmidashi2 .apost li {
	background-color: #13C5F5;
margin-right:7px;
margin-bottom:25px;
float:right;

}

.more-link {
	background-color: #13C5F5;
float:right;
margin-bottom:25px;
margin-top:10px;
padding:2px 6px;
color:#fff;
}


.more-link:link,.more-link:visited {
text-decoration: none;
color:#fff;
}

.more-link:hover {
text-decoration: underline;
}

.mmmidashi a.menu,.mmmidashi2 a.menu {
margin:0px 6px;
padding-left:7px;
background: url(../img/icon3w.gif) left center no-repeat;
display:block;
color:#fff;
text-decoration: none;
}


.mmmidashi a.menu:hover ,.mmmidashi2 a.menu:hover  {

text-decoration: underline;
}



.table0 dt{
clear: left;
font-weight:bold;
float:left;

padding: 7px 0em 7px 1em;
width: 11em;
}

.table0 dd{

border-bottom: 1px dotted #666;

	margin-left: 0;
	padding: 7px 1em 7px 13em; 
}



.listn li ,.listn2 li{
margin:0em 3em;
list-style-type: disc;

}
.listn,
.listn2 {
margin-bottom:1em;


}

.alignleft{
float:left;
margin-right:10px;
}
.alignright{
float:right;
margin-left:10px;
}

.works-etc{
border: 1px double #999;
padding:15px;
}

.works-etc div{
background-color:#555;
padding:4px 7px;
display:inline;

color:#fff;
margin-bottom:15px;
font-weight:bold;
font-size:110%;
}

.works-etc span{
font-weight:bold;

}


/*流れ flow*/
.flow-box {
position: relative;
background: url(../img/flow/flow_arrow.gif)  left bottom no-repeat;
}

.flow-box .flow-n {
float:left;
}
.flow-box .flow-t {
width:480px;
margin-left:10px;
float:left;
}

.flow-box h4 span {
padding-left:5px;
font-size:150%;
background: none;

}




.flow-box p {
clear:both;
margin:1em 0em;
}



.flow-box .dot {
background: url(../img/bg_dot.gif)  center center ;
width:186px;

padding:0px;

margin:0px 0px 7px 7px;
display:block;
float:right;
}
.flow-box .dot span {
width:170px;
display:block;
margin:4px;
border: 4px solid #fff;
}



.flow-box .flow-addt {


background: url(../img/flow/flow_sankaku.gif)  left center no-repeat;
position: absolute;
top: 50%;
right:0px;
margin-top: -88px;
}


 .flow-addt span {
background-color:#14c4f3;
color:#fff;
font-weight:bold;
font-size:110%;
padding:10px 10px;
margin-left:15px;
width:118px;
display:block;
text-align:center;

}


.flow-box .flowtel {
margin:5px 0px;
}

/*実績 works*/

.works-i {
float:left;
width:316px;

}


.works-all {
float:left;
width:225px;

}


.works-all .dot {
width:225px;
display:block;
background: url(../img/bg_dot.gif)  center center ;
padding:0px;
padding-top:1px;


}

.works-all .dot a {
 top: 0;
    left: 0;
position:relative; 
display:block;
width:209px;
background-color:#fff;
height:180px;
margin:4px;
border: 4px solid #fff;
}


.works-all .dot a:hover {
border:4px solid #00bff2;
}


.works-all img.worksallimg {
    position:absolute; 
	clip: rect(0px 209px 180px 0px);
    top:0px; 
    left:0px; 
}


.works-i .dot {
width:316px;
display:block;
background: url(../img/bg_dot.gif)  center center ;
padding:0px;



}


.works-i .dot a {
 top: 0;
    left: 0;
position:relative; 
display:block;
width:300px;

margin:4px;
border: 4px solid #fff;
}




.works-i .dot a:hover {
border:4px solid #00bff2;
}



.works-t {
width:374px;
margin-left:20px;
float:right;
}

.works-t td {
word-break:break-all;
}


h6 {
font-size:118%;
color:#f431a9;
margin-bottom:7px;
margin-left:20px;
}

h6.wtit {

margin-bottom:12px;

}



.table-works{
width:374px;
}


.table-works th{

font-weight:bold;
text-align:left;
background: url(../img/2nd_m_icon3.gif) left center no-repeat;
padding: 4px 1em 4px 1em;
width: 7em;
border-bottom: 1px dotted #666;
}

.table-works td{
border-bottom: 1px dotted #666;
text-align:left;
padding: 4px 0em 4px 0em;

}

.table-works ul.ssservice li{
margin:2px 4px;
float:left;

}

.works-box a.workslink {

padding:2px 3px;
text-decoration: none;
border: 1px solid #14c4f3;
font-size:86%;
display:inline;

}


.works-box a.workslink:hover  {
background-color: #14c4f3;
color:#fff;
}

.works-box2 {
  width: 710px;
             margin-right: -17px;
             overflow: hidden;
             _zoom: 1;

}


.works-all {
float:left;
width:225px;
 margin-right: 11px;
 margin-bottom: 10px;
}


.works-all .dot {
background: url(../img/bg_dot.gif)  center center ;
width:225px;
padding:0px;
margin:0px 0px 4px 0px;
display:block;
float:right;
}
.works-all .dot span {
width:209px;
display:block;
margin:4px;
border: 4px solid #fff;
}




.works-all dd{
padding: 0px 3px ;
}

.works-all dd.works-tit{
font-weight:bold;
font-size:110%;
background: url(../img/icon-link.gif)  right bottom no-repeat;
padding-right:13px;
display:inline;
}




/*サービス service*/
.service-box2 {
  width: 710px;
             margin-right: -17px;
             overflow: hidden;
             _zoom: 1;

}

.service-pink dl{
float:left;
width:340px;
 margin-right: 10px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 background-color:#fef3fa;
}


.service-pink dt {
padding:4px 8px;
background-color:#fff;


 border-left: 4px solid #f650b6;
 font-weight:bold;
}
.service-pink dd {

padding:8px;
 
}
.service-pink dd img {
float:right;
 border: 1px solid #ccc;
 margin-left: 5px;
  margin-bottom: 8px;
}



.service-orange dl{
float:left;
width:227px;
 margin-right: 7px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 background-color:#FFF8E8;
}


.service-orange dt {
padding:4px 8px;
background-color:#fff;


 border-left: 4px solid #ffbb02;
 font-weight:bold;
}
.service-orange dd {

padding:8px;
 
}
.service-orange dd img {
float:right;
 border: 1px solid #ccc;
 margin-left: 5px;
}


.service-green dl{
float:left;
width:227px;
 margin-right: 7px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 background-color:#ebfcdb;
}


.service-green dt {
padding:4px 8px;
background-color:#fff;
border-left: 4px solid #94c851;
 font-weight:bold;
}
.service-green dd {

padding:8px;
 
}
.service-green dd img {
float:right;
 border: 1px solid #ccc;
 margin-left: 5px;
}


.service-blue dl{
float:left;
width:227px;
 margin-right: 7px;
 margin-bottom: 10px;
 border: 1px solid #ccc;
 background-color:#e9fbfe;
}


.service-blue dt {
padding:4px 8px;
background-color:#fff;
border-left: 4px solid #00bff2;
 font-weight:bold;
}
.service-blue dd {

padding:8px;
 
}
.service-blue dd img {
float:right;
 border: 1px solid #ccc;
 margin-left: 5px;
}

.imgbn {
margin:0px 10px;
}



/*料金 price*/


.tableprice2{
  width: 710px;
  margin-bottom:12px;
}

.tableprice2 .item
{border-bottom: 1px dotted #999;
font-weight:bold;
text-align:left;
width: 14em;}

.tableprice2 .pricememo
{border-bottom: 1px dotted #999;
}

.tableprice2 .howmuch {
 border-bottom: 1px dotted #999;
 width: 8em;
 text-align:right;}


.tableprice2 th,
.tableprice2 td {
  padding: 8px 12px;
}


.pack{
border: solid 1px #f431a9;
background-color:#fbecf5;
margin-bottom:12px;
padding:15px;
}

.tableprice{
  width: 710px;
  border: solid 1px #999; border-collapse: collapse;
  margin-bottom:7px;
}

.tableprice td,
.tableprice th
{border: solid 1px #999;
  padding: 5px 10px;
  text-align:center;
  }

.tableprice .mainte0
{width: 10em;
  }
.tableprice .mainte
{background-color:#f431a9;
font-weight:bold;
color:#fff;
font-size:110%;
  }



.tableprice .light0 a,
.tableprice .standard0 a,
.tableprice .premier0 a,
.tableprice .light0 a:visited,
.tableprice .standard0 a:visited,
.tableprice .premier0 a:visited
{color:#fff;
  }
  
.tableprice th
{background-color:#eee;
font-weight:normal;
  }


.light,
.standard,
.premier{
width: 12em;
}


.light1,
.standard1,
.premier1{
font-size:110%;}


.light0{

background-color:#fbb215;
font-weight:bold;
color:#fff;
font-size:110%;
}

.standard0{

background-color:#81c242;
font-weight:bold;
color:#fff;
font-size:110%;
}

.premier0{

background-color:#00c0f1;
font-weight:bold;
color:#fff;
font-size:110%;
}

.sitelink li{

margin-bottom:20px;
}

.sitelink li a{
background: url(../img/icon_box.gif)  left center no-repeat;

background-color:#eee;
display:block;
padding:3px 5px 3px 18px;
margin-bottom:5px;
}


.ddsg-wrapper li{

margin-bottom:20px;
}

.ddsg-wrapper li a{
background: url(../img/icon_box.gif)  left center no-repeat;

background-color:#eee;
display:block;
padding:3px 5px 3px 18px;
margin-bottom:5px;
}

/*ご質問 faq*/




.mmmidashi .qpost li,.mmmidashi2 .qpost li {
background: url(../img/side_faq_icon.jpg) left center no-repeat;
margin:13px 15px;

}

.mmmidashi .qpost li a,.mmmidashi2 .qpost li a {

padding-left:23px;

}

.f-base{
float:right;
width: 568px;  
    background: url(../img/faq/fukidashi_base.gif) repeat-y;  
    margin-bottom: 20px; 
	
}


.f-column{
width: 568px;  
    background: url(../img/faq/fukidashi_bottom.gif) no-repeat center bottom;  

	 
}

.f-inner{
position: relative;
 background: url(../img/faq/fukidashi_top.gif) no-repeat center top;  
    padding: 22px 15px; 
	 margin: 0px;
 min-height: 120px;
	}
	
	
	.f-base .f-base-add {
background: url(../img/faq/fukidashi.gif)  left center no-repeat;
position: absolute;
top: 50%;
left:-134px;
width:136px;
height:150px;
margin-top: -75px;
}

.social{
border-bottom: 1px dotted #999;
font-weight:bold;
padding:0px 0px 0px 25px;
	}
	
	.social2{
float: right;
margin:15px;
	}
	
	
.social .iconmemo{
float: left;
display: inline;
	}
	

	.social .iconmemo1{
float: left;
margin-right:10px;
display: inline;
	}
	
	.iconmemo2{

margin:3px 0px;
margin-right:10px;

	}
	
	
.tagcat{

margin:30px 25px 50px;
padding-bottom:15px;

	}
	
	
.tagcat2{clear:both;margin:25px 10px 50px;padding-top:15px;
}
	
	.tagcat2 span{font-weight:bold;margin-bottom:5px;margin-top:15px;
}

.tagcat2 li {margin-bottom:3px;padding-left:10px;
background: url(../img/icon3.gif) left center no-repeat;
}
	
	
	.iconmemo3{

float: left;
	}
	
	.iconmemo2 span{

font-weight:bold;
	}
	.social .tweet{
float: left;
	width: 75px;
	}
	
		.social .tweet a{
float: left;

	}
	.memo1{
clear:both;
	}
	
		.memo1 p{
clear:both;
	}
	
	
	
	
	/* コメント */
#comments	{clear: both}

div#com	{

	margin-top: 25px}

textarea.ace	{width: 490px;
margin-top: 10px}

div#com h4	{font-size: 130%;
font-weight:bold;
	border-bottom: dotted 1px #666;
	padding-bottom: 3px;
	margin-top: 20px}

div#com p	{font-size: 100%:;margin-top: 7px}

div.compost	{border-bottom: dotted 1px #666;padding: 15px 0px}

p.cominfo	{text-align: right}

.forml	{
	margin-top: 10px}

p#comfeed img	{vertical-align: middle}

p#comfeed a	{color: black;
	text-decoration: none}

p#comfeed	{background-color: #eee;
	padding: 8px;
	margin-top: 30px}

p#trurl	{background-color: #eee;
	padding: 8px;
	margin-bottom: 30px}

/* コメント */
#tagcloud	{line-height:1.2;}

/*======================================
	サイドバー
=======================================*/

#submenu,#submenu2{
background: url(../img/side_menu_bg.gif)  center center repeat-y;
padding:4px;
margin-bottom:10px;

}

#submenu p {
padding:5px 8px;
background-color:#EAF8FB;
font-weight:bold;
font-size:110%;
border-top: 1px solid #999;
}
#submenu p a {
padding-left:18px;
background: url(../img/icon_box.gif) left center no-repeat;
display:block;
color: #2B2B2B;
text-decoration: none;
}

#submenu li {
padding:4px 7px 4px 15px;
border-top: 1px solid #cbcbcb;

}
#submenu li a {
padding-left:10px;
background: url(../img/icon3.gif) left center no-repeat;
display:block;
color: #2B2B2B;
text-decoration: none;
}


#submenu .dot {
background-color:#fff;
border: 2px solid #fff;
}

#submenu2 .dot {
background-color:#fff;
border: 2px solid #fff;

}

#submenu2 .dot ul {

padding:7px;
}

#submenu p a:visited,#submenu li a:visited  {
color: #2B2B2B;
text-decoration: none;

}
#submenu p a:hover,#submenu li a:hover  {
	color: #04afdd;
	text-decoration: underline;

}





#sidebar {

width:240px;
float: right;
clear:right;
margin-bottom:10px;
}

#bn {

}
#bn span {
margin-bottom:10px;
display:block;
text-align:center;
}
.bn {
border: 1px solid #cbcbcb;
margin-bottom:10px;

}
.bn2 {

margin-bottom:3px;

}
.bn img{
vertical-align: bottom;
}


.box2 {
border-left: 1px solid #cbcbcb;
border-right: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
width:238px;
}

.box {
margin: 0 auto; 
padding: 10px 0px; 
width:223px;

}

.box207 {
margin: 0 auto; 
padding: 10px 0px 0px 0px; 
width:207px;

}
.more {
text-align:right;
margin:10px;

}
.more2 {
text-align:right;
margin:2px 0px 0px;

}



/*お問い合わせ*/
#contact,#side_solution,#side_works,#side_about,#side_faq {
width:240px;
margin-bottom:10px;
}

.box1 {
border-left: 1px solid #F431AB;
border-right: 1px solid #F431AB;
border-bottom: 1px solid #F431AB;
width:238px;
}



.box p {
margin: 7px; 

}


/*課題解決*/
#side_solution p {
font-size:110%;
background-color:#f4f4f4;
padding:4px 10px;
}

#side_solution strong {
background: url(../img/icon6.gif) left center no-repeat;

padding-top:10px;
padding-left:15px;

}


#side_solution li {
padding:3px 10px 3px 15px;
border-bottom: 1px dotted #cbcbcb;
}
#side_solution li a {
background: url(../img/icon3.gif) left center no-repeat;
padding-left:10px;
display:block;
}


/*実績*/


#side_works dt .dot {
background: url(../img/bg_dot.gif)  center center ;
width:207px;
height:136px;
padding:0px;
padding-top:1px;
margin-bottom:5px;
display:block;
}

#side_works dt .dot .topdot img {
    position:absolute; 
	clip: rect(0px 209px 120px 0px);
    top:0px; 
    left:0px; 
}


#side_works dt .dot a {
width:191px;
display:block;
height:120px;
margin:4px;
border: 4px solid #fff;

 top: 0;
    left: 0;
position:relative; 


}


#side_works dt .dot a:hover {
border:4px solid #00bff2;
}


#side_works dd.tit a {

font-weight:bold;

background: url(../img/icon-link.gif)  right bottom no-repeat;
padding-right:13px;
display:inline;
}



#side_works dd.text10 {
color:#999999;
margin-left:10px;
font-size:80%;
}

#side_works dl {
margin-bottom:7px;

}

/*ついて*/
#side_about .box2 {
background: url(../img/side_about_bg.gif) left bottom no-repeat;
padding-bottom:50px;}

#side_about dt {
float:left;
margin-right:15px;
width:85px;
}
#side_about dd {
width:120px;
float:left;
margin-bottom:5px;
}

#side_about dt span {
margin-bottom:5px;
display:block;
}

#side_about dt a {
padding:5px 0px;
}

/*faq*/

#side_faq li {
padding:0px 10px 0px 8px;
border-bottom: 1px dotted #cbcbcb;

}
#side_faq li a {
background: url(../img/side_faq_icon.jpg) left center no-repeat;
padding:5px 0px;
padding-left:24px;

display:block;

}


/*======================================
	フッタ
=======================================*/
#footerbar{
clear:both;
background: url(../img/footer_bg.gif) center top ;
border-bottom: 3px solid #28C6F3;
margin-bottom:15px;
}

.footermenu{
padding:7px 0px 21px 0px;
margin-bottom:5px;
font-size:90%;
}


.footermenu li{
float:left;
background: url(../img/icon3black.gif) left center no-repeat;
margin-right:20px;
padding-left:10px;
}

.footermenu li a,.footermenu li a:visited,.footernavi li a,.footernavi li a:visited  {
color: #2B2B2B;
}


.footermenu li a:hover  {
color: #04afdd;
}




#footer{
clear:both;
margin:0px auto;
width:965px;
margin-bottom:10px;
}

.aboutbox{
float:left;
width:350px;
}

.aboutbox dl{
margin-top:5px;
}
.aboutbox dt{
float:left;
margin-right:5px;
}

.aboutbox dd{
margin-bottom:2px;
}


.socialnavi{
margin-top:8px;
}

.socialnavi2{
clear:both;
padding-top:8px;
}
.socialnavi li,.socialnavi2 li{
margin-right:7px;
float:left;
}





.footernavi{
float:right;

}

.footernavi .tit{
font-size:110%;
font-weight:bold;
}

.footernavibox{
float:left;
margin-left:27px;
padding-bottom:10px;
}

.footernavibox li a:hover  {
color: #04afdd;
}



.footernavibox li{
border-bottom: 1px dotted #cbcbcb;
margin-bottom:5px;
padding-bottom:2px;
}

#footerlast{
clear:both;
border-top: 1px solid #999;
margin-bottom:15px;
}

#footerlast p{
margin-top:10px;
}
.wer{
margin-top:7px;
}

.wer li{
float:left;
margin-right:15px;
}
/*======================================
	その他
=======================================*/
.post-categories{
float:left;
}

.post-categories li{
float:left;
margin-right:10px;
}

#totopin{
clear:both;
margin-bottom:30px;
}


#totopin a{
float:right;
}

#sss{
width:500px;
margin:100px auto;

}

#sss span{
font-size:180%;
font-weight:bold;

}





.wp-pagenavi {
	clear:both;
	margin: 30px auto;
	text-align:center;
}


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #04afdd;
	color: #04afdd;
	background-color: #fff;	
	font-size:120%;
}
.wp-pagenavi a:visited {
	padding: 6px 8px 6px 8px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #04afdd;
	color: #04afdd;
	background-color: #FFF;
	font-size:120%;	
}
.wp-pagenavi a:hover {	
padding: 6px 8px 6px 8px; 
	border: 1px solid #04afdd;
	color: #fff;
	background-color: #04afdd;
	font-size:120%;
}
.wp-pagenavi a:active {
padding: 6px 8px 6px 8px; 
	border: 1px solid #04afdd;
	color: #fff;
	background-color: #04afdd;
	font-size:120%;
}
.wp-pagenavi span.pages {
	padding: 6px 8px 6px 8px; 
	margin: 2px 2px 2px 2px;


}
.wp-pagenavi span.current {
padding: 6px 8px 6px 8px; 
	border: 1px solid #04afdd;
	color: #fff;
	background-color: #04afdd;
	font-size:120%;
}
.wp-pagenavi span.extend {
	padding: 6px 8px 6px 8px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}




/*======================================
	装飾
=======================================*/


blockquote {
    padding: 10px 0 0 15px;
    text-align: left;
    background: url(../img/bqg01.gif) 0 0.1em no-repeat;
	
	
}
 
blockquote p {
    padding: 0 15px 10px 0;
    background: url(../img/bqg02.gif) right bottom no-repeat;
	font-style:italic;
	color:#000;
}

blockquote.type2 {
background-color:#fff6fa;
background-image: none;
padding:20px;
color:#000;
font-style:normal;
border: 1px solid #ccc;
margin-bottom:20px;
}
 
 blockquote.type2 li {
margin:0px 0px;
list-style-type: decimal;
color:#666;
}
 blockquote.type2 ol {
padding: 0px 20px;
padding-left: 30px;
margin:0px 0px;
}
 blockquote.type2 div {
text-align:right;	
margin-top:10px;
}

blockquote.type2 p {
font-weight:bold;
font-style:normal;
color:#000;
margin:0px 0px;
padding: 0px 0px;
background-image: none;
}



.blogm {
	padding: 4px 8px 4px 4px; 
	margin: 30px 15px 15px;
	color:#7dbe3e;
	border-bottom: 1px solid #7dbe3e;
border-left: 5px solid #7dbe3e;
font-size: 130%;font-weight:bold;
}


/*======================================
	背景
=======================================*/

.bgblue {background-color:#ddecfc;}
.bgyellow {background-color:#fffc00;}
.bgyellow2 {background-color:#fbfad0;}
.bgpink{background-color:#fde2fa;}
.bggreen{background-color:#e7fbdb;}

/*======================================
	文字サイズ
=======================================*/
.textb {font-weight:bold;}

.t110 {font-size: 110%;}
.t110b {font-size: 110%;font-weight:bold;}
.t120 {font-size: 120%;}
.t120b {font-size: 120%;font-weight:bold;}
.t130 {font-size: 130%;}
.t130b {font-size: 130%;font-weight:bold;}
.t140 {font-size: 140%;}
.t140b {font-size: 140%;font-weight:bold;}
.t150 {font-size: 150%;}
.t150b {font-size: 150%;font-weight:bold;}
.t160 {font-size: 160%;}
.t170 {font-size: 170%;}
.t180 {font-size: 180%;}
.t190 {font-size: 190%;}

/*======================================
	色
=======================================*/
.boxes{border: 1px dotted #777;padding:8px;}
.col-red {color:#f01c53;}
.col-red2 {color:#f01c1c;}
.col-red3 {color:#b02727;}
.col-blue {color:#3427b0;}
.col-blue2 {color:#2741b0;}
.col-blue3 {color:#183fe7;}
.col-pink{color:#f431a9;}
.col-pink2{color:#fb8174;}
.col-pink3{color:#ff7567;}
.col-yellow{color:#beae22;}
.col-yellow2{color:#e2cd17;}
.col-yellow3{color:#b3a63b;}

.col-green{color:#3bb357;}
.col-green2{color:#1e7132;}
.col-green3{color:#33840c;}


.col-purple{color:#861ddf;}
.col-purple2{color:#b16dea;}

col-orange{color:#e49915;}

col-mizu{color:#17cda0;}


/*======================================
	マージン
=======================================*/
.boxxx{margin-bottom:15px;}


/*======================================
	ソリューション
=======================================*/



.solutionbox {
border: 2px solid #00BFF0;
position:relative;
clear:both;
margin-top:40px;

}


.solutionbox .solutionicon {
position:absolute;
top:-20px;
left:-2px;

}


.solutionbox p {
width:200px;
margin:3px auto;
}



.servicemenu2 {
margin-top:35px;
margin-bottom:10px;
font-size:110%;
font-weight:bold;
}


.servicemenu2 li {
float:left;
background: url(../img/icon_box.gif) left center no-repeat;
margin:5px 15px;
padding-left:18px;
width:300px;
display:block;
}

.servicemenu2 li a,.servicemenu2 li a:visited  {
color: #2B2B2B;
text-decoration: underline;
}


.servicemenu2 li a:hover {
	color: #04afdd;
	text-decoration: underline;

}
#a0316 {


margin-bottom:18px;
}
/*======================================
	#a0316 {
	padding:15px;
	border: 3px solid red;

margin-bottom:10px;
}
=======================================*/

.check {

margin-left:15px;

}


.check li {

background: url(../img/icon_check.gif) left center no-repeat;
padding-left:22px;
margin-bottom:5px;

}

.wp-caption-text{
font-size:80%;
color:#999999;
}

.ggg{
float:left;
}