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


/* ヘッダー 
-------------------------------------------------------*/
#header {
	padding:0;
	margin:0;
}

#headleft{
	float: left;
	width:390px;
	height:75px;
	background-image: url(/wp-content/themes/twentyten/images/header/logo_bg.gif);
	background-repeat:no-repeat;
}
#headleft img{
	margin:18px 0 0 18px;
}
#headright{
	float: right;
	width:490px;
	height:75px;
	text-align:right;
	margin-right:10px;
}
#headright h1{
	line-height:12px;
	font-size:12px;
}
#headright a:link,
#headright a:active,
#headright a:visited {
	color: #0066cc;
	text-decoration:none;
}
#headright a:hover {
	color: #0066cc;
	text-decoration:underline;
}
#headright .arrow{
	background-image: url(/wp-content/themes/twentyten/images/arrow01.gif);
	background-repeat: no-repeat;
	background-position:0 40%;
	padding:0 0 0 10px;
	line-height:24px;
	zoom: 1;
}

#headright ul{
	float: right;
	text-align:right;
	margin-top:25px;
	padding:10px 0;
}
#headright li{
	float:left;
	background-repeat:no-repeat;
}
.home{
	margin-right:10px;
}
#globalnavi{
	clear:both;
	width:900px;
	height:50px;
	background-image: url(/wp-content/themes/twentyten/images/header/topnavi_bg.gif);
	background-repeat:no-repeat;
}
* html #globalnavi{
	margin-top:-6px;
}
#globalnavi ul{
	padding:10px 0 0 20px;
}
#globalnavi li{
	float:left;
	padding-right:1px;
}


/* サイドバー
-------------------------------------------------------　*/
#sidebar {
    float: right;
    width: 180px;
	margin-bottom:100px;
}

#sidebar a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#sidebar ul#sidemain {
    width: 180px;
}
#sidebar ul#sidemain li {
	line-height:0;
}

li.sidebox{
	margin:0 0 20px 0
}
.sidebox .box{
    width: 180px;
	display:block;
	padding:15px 0 0 0;
	text-align:center;
	background-image: url(/wp-content/themes/twentyten/images/side/boxcenter_02.gif);
	background-repeat: repeat-y;
}
:root *> .sidebox h3{
	margin:0;
}
.sidebox h3{
	margin:0 0 -2px 0;
}
#sidebar ul#sidemain li .box ul li.tel{
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:#bcbcbc dashed 1px;
}
#sidebar ul#sidemain li .box ul li.line{
	margin: 15px  auto;
	padding:0;
	line-height:0;
}
#sidebar ul#sidemain li .box h4{
	margin:0 0 10px 8px;
	text-align:left;
}
ul.boxmitumori{
	margin:0 0 15px 0;
	border-bottom:#bcbcbc dashed 1px;
}

ul.boxmitumori li{
	margin:0 0 10px 0;
}




/*　フッター　
------------------------------------------------*/
#footer{
	clear:both;
	height:180px;
	background-color:#58a7b3;
	margin: 0;
	padding:20px 0 0 0;
	font-size:10px;
}
#footer .arrow{
	background-image: url(/wp-content/themes/twentyten/images/arrow02.gif);
	background-repeat: no-repeat;
	background-position:0 40%;
	padding:0 0 0 10px;
}

#footermain{
	width:900px;
	height:170px;
	margin:0 auto;
	color: #fff;
}

#footermain a:link,
#footermain a:active,
#footermain a:visited {
	color: #fff;
	text-decoration:none;
}
#footermain a:hover {
	color: #fff;
	text-decoration:underline;
}
#footermain  a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

#footermain ul#menu{
	margin:0;
	overflow:hidden;
}
#footermain ul#menu li{
	float:left;
	line-height:18px;
}
#footermain ul#menu li.menu01{
	width:265px;
	height:105px;
	border-right:#FFF dashed 1px;
}

#footermain ul#menu li.menu01 ul.submenu01{
	width:90px;
	float:left;
	margin-right: 15px;
}

#footermain ul#menu li.menu01 ul.submenu02{
	width:110px;
	float:left;
}
#footermain ul#menu li.menu01 ul.submenu01 li,
#footermain ul#menu li.menu01 ul.submenu02 li{
	clear:both;
}

#footermain ul#menu li.menu02,
#footermain ul#menu li.menu03,
#footermain ul#menu li.menu04{
	height:105px;
	border-right:#FFF dashed 1px;
}

#footermain ul#menu li.menu02,
#footermain ul#menu li.menu03{
	width:230px;
}
#footermain ul#menu li.menu04{
	width:170px;
}
#footermain ul#menu li.menu02 ul.submenu,
#footermain ul#menu li.menu03 ul.submenu,
#footermain ul#menu li.menu04 ul.submenu{
	overflow:hidden;
	margin:5px 0 0 10px;
	padding:0;
}

#footermain ul#menu li ul.submenu li{
	width:190px;
}
#footermain ul#menu li.menu04 ul.submenu li{
	width:140px;
}

ul#menu li ul.submenu li.sub{
	padding:0  0 0 10px;
}


#copyright{
	clear:both;
	text-align:right;
	margin:30px 0 0 0;
	padding:0;
}
#copyright p{
	padding:0;
}


/*共通
-------------------------------------------------------*/
h2,h3{
	font-weight:bold;
}

.title_line{
	margin:0 0 30px 0;
	padding:10px;
	font-size:18px;
	border-top:#59A7B3 3px solid;
	border-bottom:#bcbcbc 1px dashed;
}

.title_maru{
	margin-bottom:20px;
	font-size:18px;
	color:#398d9a;
}

#content {
	width:700px;
	margin: 0;
}

#maincontent {
	overflow:hidden;
	width:660px;
	padding:0 20px 20px 20px;
	background-image: url(/wp-content/themes/twentyten/images/contentbg.gif);
	background-repeat: repeat-y;
}
#subcontent {
	width:700px;
	padding:30px 0px 60px 0px ;
}

table{
	width:640px;
}
th,
td{
	border: #bcbcbc 1px solid;
	vertical-align:top;
	text-align:left;
	padding:10px;
	font-size:12px;
}
dt{
	text-align:left;
	font-size:14px;
	padding:10px;
}
dl{
}
dd{
	overflow:hidden;
	clear:both;
	padding:10px;
}


/*背景色*/
.bgcolor_blue{
	background-color:#cdecf0;
}

.bgcolor_gray{
	background-color:#eee;
}



/* コンテンツボックス */
#area,
#casearea,
#sitemaparea{
	width:640px;
	overflow:hidden;
	clear:both;
	margin:0 0 0 8px;
}
#casearea .box_bottom{
	width:640px;
	overflow:hidden;
}

/* float設定 */
.f_left{
	float:left;
}
.f_right{
	float:right;
}
.center{
	text-align:center;
}


/* 三角マーク */
.arrow{
	background-image: url(/wp-content/themes/twentyten/images/arrow03.gif);
	background-repeat: no-repeat;
	background-position:0 40%;
	padding:0 0 0 10px;
	line-height:24px;
	zoom: 1;
}

/*　パンくず　*/
.breadcrumb{
	padding:6px 10px;
	font-size:10px;
}

/*　サイズ　*/
.fontbold{
	font-weight:bold;
}


/*共通メールエリア*/
#contactimg{
	width:700px;
	height:110px;
	background-image: url(/wp-content/themes/twentyten/images/footercontac_bg.jpg);
	background-repeat: no-repeat;
}
#contactimg p img{
	margin:0;
}
#contactimg a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#contactimg #btn01{
	width:60px;
	height:23px;
	position:relative;
	top:79px;
	left:111px;
}
#contactimg #btn02{
	width:231px;
	height:54px;
	position: relative;
	top:20px;
	left:440px;
}


/*注釈*/
.annotation{
	width:250px;
	position:relative;
	top:0;
	left:420px;
}


/* トップページ
------------------------------------------------------*/
#topmain #content p{
	margin-bottom:25px;
}

#point{
	width:660px;
}

#point dl{
	width:204px;
	height:380px;
	float:left;
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-right:20px;
	padding:0;
	border:#58a7b3 1px solid;
}

#point dt{
	padding: 0;
}

#point dd{
	padding: 0 10px 0 10px;
	line-height:20px;
	letter-spacing:0.6px;
}
#point dd img{
	margin-bottom:20px;
}

#topmain #content #contactimg p{
	margin:0;
}



/* 導入フロー
------------------------------------------------------*/
#flow01,
#flow02,
#flow03{
	margin:0;
	padding:0 0 0 240px;
	background-repeat: no-repeat;
}
#flow01 p,
#flow02 p,
#flow03 p{
	width:370px;
}
#flow01{
	background-image: url(/wp-content/themes/twentyten/images/flow_bg01.gif);
	height:187px;
}
#flow02{
	background-image: url(/wp-content/themes/twentyten/images/flow_bg02.gif);
	height:187px;
}
#flow03{
	background-image: url(/wp-content/themes/twentyten/images/flow_bg03.gif);
	height:81px;
}

#flow01 .text01{
	padding:30px 0 0 0;
}
#flow01 .text02{
	padding:78px 0 0 0;
}

#flow02 .text01{
	padding:20px 0 0 0;
}
#flow02 .text02{
	padding:68px 0 0 0;
}
#flow03 p{
	padding:22px 0 0 0;
}



/* 導入事例
------------------------------------------------------*/
#casearea .box{
	margin-bottom:50px;
}

#casearea p{
	margin-bottom:20px;
}

#casearea .f_left,
#casearea .f_right{
	width:310px;
	background-repeat: no-repeat;
	background-image: url(/wp-content/themes/twentyten/images/case_bg.gif);
}

#casearea .f_left .text,
#casearea .f_right .text{
	padding:10px 10px 0 10px;
}
#casearea .f_left p,
#casearea .f_right p{
	margin-bottom:0;
}


/* サイトマップ
------------------------------------------------------*/

#sitemaparea .f_right,
#sitemaparea .f_left{
	width:310px;
}

#sitemaparea dl{
	border:#bcbcbc 1px solid;
}
#sitemaparea dt{
	border-bottom:#bcbcbc 1px solid;
	
}
#sitemaparea dd{
	padding:5px 10px;
	overflow:hidden;
}

.list_title{
	margin-top:5px;
	font-weight: bold;
}
.list_sub1{
	margin-left:10px;
}
.list_sub2{
	margin: 0 0 15px 10px;
}

ul.f_right li{
	margin-left:10px;
	
}


/* メールフォーム
------------------------------------------------------*/
table#mailform{
	width:660px;
}

table#mailform th{
	width:220px;
	padding:10px;
	letter-spacing:-1px;
	vertical-align:top;
	text-align:left;
}
html>/**/body table#mailform th{
	width:220px;
	padding:10px;
	letter-spacing:0;
	vertical-align:top;
	text-align:left;
}
table#mailform td{
	padding:10px 0 10px 10px ;
	font-size:10px;
}
table#mailform td span{
	letter-spacing:0;
}
* html #mbtn{
	margin:20px 0 -15px 0;
}
#mbtn{
	width:204px;
	height:50px;
	position:relative;
	top:0;
	left:455px;
	margin:20px 0 0 0;
	padding:0;
}
#mbtn img{
	margin:0;
	padding:0;
}
#mbtn input{
	margin:0;
	padding:0;
	line-height:0;
}

#submitimg{
	border: 0px;
	width:204px;
	height:50px;
	background-position:left top;
	background-repeat:no-repeat;
	color:#59A7B3;
	background-image: url(/wp-content/themes/twentyten/images/submitimg.gif);
}
.caution{
	background-color:#F00;
	color:#FFF;
	padding:3px 3px 2px 3px;
}
.mailinput{
	padding:0;
}
.mailtxt{
	margin:0;
	line-height:1;
	padding-bottom:10px;
}

table#mailform input{
	margin-bottom:5px;
	padding:0 5px 5px 5px;
}
head~/* */body table#mailform input{
	margin-bottom:5px;
	padding:3px;
	
}
#mailform .itemkw input{
	margin:0;
	padding:0 5px 5px 5px;
}

head~/* */body #mailform .itemkw input{
	margin:0;
	padding:3px;
}

#mailform p.keywords{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	height:16px;
}
#mailform .keywords_title{
	font-weight:bold;
	padding:0px 10px;
	margin:0 0 5px 5px;
	height:20px;
}
.keywords_title p.item01,
.keywords_title p.item02{
	width:130px;
	text-align:center;
	padding:0;
}
.keywords_title .item01{
	display:block;
	float:left;
	margin-right:6px;
}

#mailform .mailtxt02{
	float:left;
	display:block;
	width:135px;
}
#mailform .annotation{
	position: static;
	width:380px;
	border:#bcbcbc solid 1px;
	padding:5px;
	line-height:1.6;
	
}

#wpcf7-f1-p27-o1 ul,
#wpcf7-f2-p33-o1 ul,
#wpcf7-f3-p36-o1 ul{
	margin:10px 0;
}

.wpcf7-not-valid-tip-no-ajax{
	width:300px;
	padding:10px 0 0 0;
}

.wpcf7-radio .wpcf7-list-item {
	display:block;
}
.wpcf7-list-item{
	margin:0 0 0 0;
}
.wpcf7-list-item input{
	margin:0 0 0 0;
}
.wpcf7-list-item-label{
	position:relative;
	top:-3px;
	left:0;
}
div.wpcf7 img.ajax-loader{
	height:15px;
	width:15px;
	position:relative;
	top:-30px;
	left:204px;
	margin:0 0 -20px 0 ;
	padding:0;
	line-height:0;
}

.btn_side{
        margin:15px 0;
}