@charset "UTF-8";

/* *********************************************************************
WEB SITE

【AUTHOR】 KONNAI
【LAST UPDATED】 2010
Copyright
********************************************************************* */
/*********************************
layout basic
**********************************/
/*All TAG*/
*{
	margin: 0px auto ;
	padding: 0px ;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
/*body TAG*/
body{
	text-align: center ;
	font-size: 12px ;
	line-height: 1.5em ;
}
html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
/*table TAG*/
table{
	border: none ;
}
ul{
	list-style: none ;
}
/*img TAG*/
img{
	border: none ;
	vertical-align: bottom ;
}
table td{
	font-size: 12px ;
	line-height: 1.3em ;
}
.clearFix{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clear:after {
	content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}
.clear {
    min-height: 1px;
}
.red{
	color: #FF3300 ;
}
.blue{
	color: #3366FF ;
}
.stred{
	color: #FF3300 ;
	font-weight: bold ;
}
.stblue{
	color: #0099FF ;
	font-weight: bold ;
}
.gray{
	color: #999999 ;
}
.txt_left{
	text-align: left ;
}
.txt_right{
	text-align: right ;
}
.txt_center{
	text-align: center ;
}
li img{
	vertical-align: bottom ;
}
/*********************************
common
**********************************/
#header{
	margin: 0px auto ;
	padding: 20px 0px 0px 0px ;
	border-top: 2px solid #06171D ;
}
#headerbox{
	margin: 0px auto ;
	width: 1001px ;
}
#headright{
	margin: 0px ;
	width: 877px ;
	float: right ;
}
#logo{
	float: left ;
	width: 100px ;
}
#upperhead{
	margin: 0px ;
	height: 70px ;
	padding: 5px 0px 0px 0px ;
}
.upperleft{
	margin: 0px ;
	float: left ;
	width: 450px ;
	text-align: left ;
}
.upperright{
	margin: 0px ;
	float: right ;
	width: 200px ;
	text-align: right ;
}
.lowerhead{
	margin: 0px ;
}
.lowerhead img{
	vertical-align: top ;
	line-height: 0 ;
}
#mainimg{
	margin: 0px auto ;
	text-align: center ;
	background: url(../img/index/mainimgback.jpg) center top repeat-x ;
}
#mainbody{
	margin: 0px auto ;
	padding: 10px 0px ;
	width: 1001px ;
}
#mainmiddle{
	margin: 0px ;
	padding: 10px 0px 20px 0px ;
}
.img_sp5px{
	margin: 0px 5px ;
}
#footer{
	margin: 0px auto ;
	background: #1B1B1B ;
}
#footerlink{
	margin: 0px auto ;
	padding: 10px 0px ;
	text-align: left ;
	letter-spacing:-0.1em;
	line-height: 2em ;
	color: #FFFFFF ;
	width: 980px ;
}
#footerlink a:link,#footerlink a:visited{
	text-decoration: none ;
	color: #FFFFFF ;
}
#footerlink a:hover{
	text-decoration: underline ;
	color: #FFFFFF ;
}
#copyright{
	margin: 0px auto ;
	padding: 5px 0px ;
	background: #464646 ;
	color: #FFFFFF ;
}
/*********************************
subcommon
**********************************/
#submainimg{
	margin: 0px auto ;
	text-align: center ;
	background: url(../img/common/submainimgback.jpg) center top repeat-x ;
}
.pankuzu{
	margin: 0px ;
	padding: 0px 0px 10px 0px ;
	text-align: right ;
}
.pankuzu a:link,.pankuzu a:visited{
	color: #000000 ;
	text-decoration: none ;
}
.pankuzu a:hover{
	color: #000000 ;
	text-decoration: underline ;
}
#footertop{
	margin: 0px auto ;
	width: 1001px ;
	text-align: right ;
}
/*********************************
index
**********************************/
#mainlower{
	margin: 0px ;
	padding: 0px 0px 15px 0px ;
}
#lowerleft{
	margin: 0px ;
	float: left ;
	text-align: left ;
	width: 715px ;
}
#lowerleft p{
	padding: 20px 0px 30px 0px ;
	text-align: left ;
}
#info{
	margin: 0px ;
}
#info ul{
	margin: 0px ;
	padding: 10px 20px ;
	border-bottom: 1px solid #929292 ;
}
#info ul li{
	margin: 0px ;
	padding: 5px 0px ;
}
#lowerright{
	margin: 0px ;
	float: right ;
	width: 270px ;
	text-align: right ;
	background: url(../img/index/ics_02_ver1_41.jpg) left top no-repeat ;
}
#lowerright .indexblk{
	margin: 0px 0px 0px auto;
	width: 250px;
	height: 146px;
	background: #F1F1F1;
	border: 1px solid #BEBEBE;
}
#lowerright .indexblk p{
	padding: 10px ;
	text-align: left ;
	line-height: 1.4em ;
}
/*********************************
contact
**********************************/
.contacttxt{
	margin: 0px auto ;
	width: 700px ;
	border: 1px solid #CBCBCB ;
}
.contacttxt p,.contacttxt1 p{
	padding: 10px ;
	text-align: left ;
}
.contacttxt1{
	margin: 0px auto ;
	width: 700px ;
}
.contacttable{
	margin: 10px auto 20px auto ;
	border-collapse: separate;
	border-spacing: 5px 5px;
	width: 700px ;
	border: 1px solid #CBCBCB ;
}
.contacttable td{
	background: #F6F6F6 ;
	padding: 8px ;
	text-align: left ;
	vertical-align: top ;
}
.contacttable td.title{
	background: #9ADBF1 ;
	width: 150px ;
}
.contactinput{
	margin: 0px auto ;
	padding: 15px 0px 30px 0px ;
	text-align: center ;
}
/*********************************
service
**********************************/
.sleft{
	margin: 0px ;
	width: 292px ;
	float: left ;
	background: url(../img/service/service_back1.jpg) center top repeat-y ;
	border-bottom: 1px solid #BABABA ;
}
.sleft ul{
	margin: 0px 0px 10px 0px ;
}
.sleft ul li{
	margin: 0px ;
	padding: 15px 8px ;
	text-align: left ;
	background: url(../img/service/line.jpg) center bottom no-repeat ;
}
.sleft ul li.end{
	padding: 15px 8px 5px 8px ;
	background:none ;
}
.sleft ul li a{
	padding: 0px 0px 0px 15px ;
	display:block;
	background: url(../img/service/icon_1.gif) center 1px no-repeat;
}
.sleft ul li a:link,.sleft ul li a:visited{
	text-decoration: none ;
	color: #333333 ;
	font-weight: bold ;
}
.sleft ul li a:hover{
	text-decoration: underline ;
	color: #333333 ;
	font-weight: bold ;
}
.sbox1{
	margin: 0px 0px 20px 0px ;
	padding: 0px 0px 15px 0px ;
	background: url(../img/service/lines.jpg) center bottom no-repeat;
}
.sboxleft{
	margin: 0px 0px 0px 1px ;
	float: left ;
	width: 480px ;
	text-align: left ;
}
.sboxleft p{
	padding: 10px 0px ;
	text-align: left ;
}
.sboxright{
	margin: 0px ;
	float: right ;
	width: 173px ;
}
.sright{
	margin: 0px ;
	padding: 0px 0px 15px 0px ;
	float: right; 
	width: 688px ;
}
/*********************************
service/bcw
**********************************/
.bcwbox1{
	margin: 25px auto 0px auto ;	
}
.bcwbox1 .box{
	margin: 0px auto ;
	padding: 15px 0px ;
	text-align: center ;
}
.bcwbox2{
	margin: 10px aut ;	
}
.bcwleft{
	margin: 0px ;
	float: left ;
	width: 380px ;
}
.bcwleft ul,.bcwright ul{
	margin: 0px ;
	padding: 5px 5px 10px 5px ;
}
.bcwleft ul li,.bcwright ul li{
	margin: 0px ;
	padding: 3px 0px ;
	text-align: left ;
}
.bcwright{
	margin: 0px ;
	float: right ;
	width: 290px ;
}
/*********************************
service/open
**********************************/
.openbox1{
	margin: 25px auto 0px auto ;
	text-align: left ;
}
.openbox1 p{
	padding: 10px 2px ;
}
.openbox2{
	margin: 25px auto 0px auto ;
	text-align: left ;
}

.openbox2 p{
	padding: 10px 10px 10px 10px ;
}

.openbox2 h5{
	margin:20px 0 1em 10px;
}

.openbox2 dl{
	padding:0 0 0 10px;
}

.openbox2 dt{
	font-weight:bold;
}

.openbox2 dd{
	padding-bottom:1em;
}

.openbox2 dd.nopb{
	padding-bottom:0;
}

.openbox2 .concept01 dt,
.openbox2 .concept01 dd span{
	color:#009f97;
}

.openbox2 .concept02 dt,
.openbox2 .concept02 dd span{
	color:#72429c;
}

.openbox2 .concept03 dt,
.openbox2 .concept03 dd span{
	color:#003598;
}



.openbox3{
	margin: 0px ;
	padding: 10px 0px ;
	text-align:right;
}

.openbox3 p{

}


/*********************************
service/bizmagic
**********************************/
.bizmagicbox1{
	margin: 0px ;
	padding: 15px 0px 5px 0px ;
}
.bizmagicbox1 li{
	margin: 0px ;
	padding: 5px 0px ;
}
.bizmagicbox2{
	margin: 25px auto 0px auto ;
	text-align: left ;
}
.bizmagicbox2 p{
	margin: 5px auto ;
	padding: 10px 1px ;
	background: #F8F8F8 ;
}
/*********************************
service/planning
**********************************/
.planbox1{
	margin: 25px auto 0px auto ;
	width:689px;
	text-align: left ;
	background: url(../img/service/planback1.jpg) left top repeat-y ;
	border-bottom: 1px solid #B2B2B2 ;
}
.planbox1 p{
	padding: 10px ;
}
.planbox2{
	margin: 25px auto 0px auto ;
	width:689px;
}
.planleft{
	margin: 0px ;
	width: 245px ;
	float: left ;
}
.planleft ul{
	margin: 0px ;
}
.planleft ul li{
	margin: 5px 0px ;
	padding: 0px 0px 0px 13px ;
	text-align: left ;
	background: url(../img/service/icon.gif) left 3px no-repeat ;
}
.planright{
	margin: 0px ;
	width: 425px ;
	float: right ;
}
.planright table{
	margin: 0px ;
	background: #F1F1F1;
}
.planbox3{
	margin: 25px auto 0px auto ;
	width:689px;
	background: url(../img/service/planback2.jpg) left bottom repeat-x ;
}
.planimg1{
	padding: 20px 0px 0px 0px ;
	text-align: center ;
}
.planbox3 table{
	width: 689px ;
}
.planbox3 table td.left{
	text-align: left ;
}
.planbox3 table td.middle{
	text-align: center ;
}
.planbox3 table td.right{
	text-align: right ;
}
.planbox4{
	margin: 35px auto 10px auto ;
}
.planbox4 p{
	padding: 15px 0px ;
	text-align: center ;
}
/*********************************
service/ip
**********************************/
.iptxt{
	padding: 15px 0px ;
	text-align: left ;
}
.ipbox1{
	margin: 15px auto 10px auto ;
}
.ipbox1 p{
	padding: 10px 0px ;
	text-align: left ;
}
.ipbox2{
	margin: 30px auto 20px auto ;
}
.ipbox3{
	margin: 20px auto ;
	width: 660px ;
	height: 160px ;
	border: 1px solid #B2B2B2 ;
	background: url(../img/service/ipimg4.jpg) right bottom no-repeat ;
}
.ipbox3 p{
	padding: 15px ;
	text-align: left ;
}
/*********************************
service/hp
**********************************/
.hpbox{
	margin: 20px auto 10px auto ;
	padding: 5px ;
	border: 5px solid #FFA9C7 ;
}
.hpbox p{
	text-align: left ;
	padding: 0px 3px ;
}
.hpbox1{
	margin: 0px auto 30px auto ;
}

.hpbox3{
	margin: 0px auto 30px auto ;
	text-align:right;
}



.hpst{
	color:#EB1A69;
}
.hpbox2{
	margin: 25px auto 0px auto ;
	text-align: left ;
}
.hpbox2 p{
	margin: 5px auto ;
	padding: 10px 5px ;
}

.tem{
width:120px;
float:left;
margin-right:8px;
margin-left:8px;
margin-bottom:15px;
}


.hp_box1{
	width:689px;
	height:180px;
	padding:6px 0px 0px 0px;
	background-image:url(../service/images/hp_box_line01.gif);
	background-repeat:no-repeat;
}
.hp_box1_l{
	width:400px;
	float:left;
}
.hp_box1_r{
	width:209px;
	float:right;
	padding-top:10px;
}

.hp_box2{
	width:689px;
	height:180px;
	padding:6px 0px 0px 0px;
	background-image:url(../service/images/hp_box_line02.gif);
	background-repeat:no-repeat;
}
.hp_box2_l{
	width:400px;
	float:left;
}
.hp_box2_r{
	width:209px;
	float:right;
	padding-top:10px;
}

.tokutyo{
	text-align:left;
	width:687px;
	padding-left:2px;
}

.tokutyo01_menu{
	background-image:url(../service/images/weblome_tokutyo_bg.gif);
	background-repeat:no-repeat;
	width:559px;
	height:108px;
	padding:10px;
}
.tokutyo01_menu ul{
	margin:0px;
	padding:0px;
}
.tokutyo01_menu li{
	margin:0px;
	padding:0px;
	line-height:1.6
}
.weblome_table_bg{
	width:660px;
	background-color:#CCCCCC;
}
.weblome_table{
	width:660px;
	text-align:left;
	margin:0px;
	padding:0px;
}
.weblome_table th{
	padding:10px;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	font-weight:100;
}
.weblome_table td{
	padding:10px;
}

.bgC_01{
	background-color:#f6fcfd;
}
.bgC_00{
	background-color:#FFFFFF;
}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt45{margin-top:45px;}
.mt65{margin-top:65px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt90{margin-top:90px;}
.pl110{padding-left:110px;}
.height50{height:50px;}
.txt_l{text-align:left;}

.tem2{
width:210px;
float:left;
margin-right:9px;
margin-left:9px;
margin-bottom:25px;
}