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

/*-------------------------------------------------
 リンク設定
/*-------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, arial, sans-serif;
	padding:0;
	margin:0;
	background-position: top;
	font-size: 12px;
	line-height: 200%;
	color: #666666;
	background-image: url(../images/mainbg.jpg);
	background-repeat: repeat-x;
	}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight: normal;
}
a:link,
a:visited{
	color: #666666;
}

a:hover,
a:active{
	color:#339B90;
}

img{border:0px;}
img a{border:0; padding:0; margin:0;}
img a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
img.leftim{margin:0 30px 20px 0; float:left;}
img.rightim{margin:0 15px 0 20px; float:right;}
img.rightims{margin:0 0 20px 30px; float:right;}
.textarea{padding:10px; text-align:left;}
.textaread{padding:0 10px 25px;}
.left{float:left;}
.right{float:right;}
.center{
	text-align: center;
	margin-bottom: 40px;
}
.mtb10{margin-top:5px; margin-bottom:10px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mbp15{margin-bottom:15px; padding-top:3px;}
.pad{padding:0 10px 10px;}
.b_impact{
	font-weight: bold;
	color: #598A91;
}
ol, ul {
    list-style: none outside none; padding:0; margin:0;
}

#wrapper{
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
}#wrapper #header {
	height: 150px;
	width: 980px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	position: absolute;
	top: 2px;
	color: #333;
	left: 232px;
}
#header #site {
	position: absolute;
	top: 0px;
	height: 131px;
	left: 0px;
}
#header #headc {
	position: absolute;
	top: 78px;
	left: 761px;
}
#header #hnavi {
	position: absolute;
	top: 54px;
	left: 803px;
}
#header #hnavi li {
	float:left;
	margin-right:15px;
}
#navi {
	height: 51px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 22px;
}
#navi ul {
    font-size: 0;
    margin: 0;
    text-align: left;
    width: 980px;
}

#navi li.space {
    display: inline;
    margin: 0;
}
#navi li.last {
    display: inline;
}
#tmain{
	height: 450px;
	width: 980px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image: url(../images/maint.jpg);
}
#gcontnavi{
	height: 66px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}
/*gtcontents------------------------------*/
#gcontnavi ul {
	font-size: 0;
	margin: 0;
	text-align: left;
	width: 980px;
	padding: 0px;
}

#gcontnavi li.space {
	display: inline;
	margin: 0;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#gcontnavi li.last {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.sps{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.lls{
	margin: 0px;
	padding: 0px;
	float: left;
}
/*contentsx------------------------------*/
#contents{
	width:980px;
	margin:0 auto 45px;
}
#lcontents{width:210px; float:left;} 
#rcontents{
	width:730px;
	float:right;
	padding-top: 5px;
	line-height:250%;
}

/*contentsx------------------------------*/
#beginner{
	background-image: url(../images/s_beginner.jpg);
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-bottom:30px;
}
.scbox{
	background-color: #EEEEEE;
	padding: 7px;
	border: 1px solid #DDDDDD;
	font-size: 11px;
	line-height: 180%;
	margin-bottom: 10px;
}
/*contentsx------------------------------*/
#tcontentbox{
	background-repeat: repeat;
	padding: 10px;
	margin-bottom: 35px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.smb13{
	float: left;
	width: 228px;
	padding-right:13px;
}
.smbend{
		float: left;
	width: 228px;
	}
.blaster{
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D9DFE1;
	border-bottom-color: #D9DFE1;
	border-left-color: #D9DFE1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#t_works{
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.wmb20{
	float: left;
	width: 210px;
	padding-right: 20px;
}
.wmbend{
		float: left;
	width: 210px;
	}
#t_works p.title{padding-bottom:15px;}
#t_works p.txt{padding-bottom:10px; line-height: 1.6;}
#t_works dt{padding-top:10px;}
#t_works dd{font-size: 11px;
    line-height: 1.6;
    padding-top: 15px;
	margin:0;}

#t_news{
	background-image: url(../images/news.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 80px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	background-color: #FFF;
	height: 190px;
}

#t_news ul{}
#t_news li{
	border-bottom: 1px dotted #E7E1CF;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0;
	}
#t_news li span.status{padding-bottom:10px;}
#t_news li span.status img{margin-right:10px;}

#footer_area{
	background-image: url(../images/fbg.jpg);
	background-repeat: repeat-x;
	background-color: #222;
}
#footer{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#footer_l{
	float: left;
	width: 460px;
}
#footer_r{
	float: right;
	width: 410px;
	padding-top: 100px;
}
#fmenu{
	margin-bottom:65px;
}
#fmenu li{
	background-image: url(../images/arrows_c.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #696969;
}
#fmenu li a{
	text-decoration: none;
}
#fmenu li a:hover{color:fff;}
#fm_l{
	float: left;
	width: 210px;
}
#fm_r{
	float: right;
	width: 210px;
}
#fabout{
	color:fff;
	margin-bottom: 70px;
}
address{
	font-style: normal;
	font-weight: normal;
	font-size: 8px;
}
#under_c{
	width: 690px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
}
.blaster ul{}
.blaster ul li{background-image: url(../images/arows.jpg);
	background-repeat: no-repeat;
	background-position: 7px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;}
	.blaster ul li a{
	text-decoration: none;
}
.blaster li a:hover{
	color:#359991;
	text-decoration: underline;
}
/*clearfix------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

/*dw編集用*/
.clearfix {overflow:hidden;}

/*.clearfix {border:solid 1px #0000FF;}*/
/*----------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
}
.cpbox tr {
    height: 50px;
}
.cpbox table th.blue {
    background-color: #EFF6F9;
}
)
.cpbox table th {
    padding-left: 15px;
}

.cpbox th {
	background-image: url("../images/profile_line.jpg");
	background-repeat: no-repeat;
	font-weight: normal;
	padding-left: 15px;
}
caption, th {
    text-align: left;
}
.cpbox table td.blue {
    background-color: #EFF6F9;
}

.cpbox td {
    background-image: url("../images/profile_line.jpg");
    background-repeat: no-repeat;
    padding-left: 15px;
}
#area{
	background-image: url(../images/side_nunder.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 170%;
}
#sidenavi{margin-bottom:20px;}
#sidenavi ul{
	background-image: url(../images/snavibg.jpg);
	background-position: bottom;
	text-align: center;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}
#sidenavi ul li a{
	text-align: center;
	text-decoration: none;
}
/*----------------------------------------*/
.worksbar{
	background-image: url(../images/t_worksbar.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.infobar{
	background-image: url(../images/infobar.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.newsbar{
	background-image: url(../images/t_newsbar.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
}
.c_tb{
	background-image: url(../images/c_t.jpg);
	height: 27px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.unit{
	margin:0;
	padding:0 15px 20px;
	line-height:200%;
}

#unitgrop{
		margin:0;
	padding:0 15px 20px;
	line-height:200%;	
	}
.unit p{margin-bottom:15px;}
.unit h4{
	font-weight: bold;
	color: #699;
	font-size: 13px;
}
#t_service{
	background-image: url(../service/images/t_service.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_price{
	background-image: url(../price/images/t_price.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_about{
	background-image: url(../about/images/t_about.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_worksw{
	background-image: url(../works/images/t_works.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_flow{
	background-image: url(../flow/images/t_flow.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_contact{
	background-image: url(../contact/images/t_contact.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_plan{
	background-image: url(../plan/images/t_plan.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_faq{
	background-image: url(../faq/images/t_faq.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_point{
	background-image: url(../point/images/t_point.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_beginner{
	background-image: url(../beginner/images/t_beginner.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
	#t_policy{
	background-image: url(../policy/images/t_policy.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_web{
	background-image: url(../web/images/t_web.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_bar{
	background-image: url(../banner/images/t_bar.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_cms{
	background-image: url(../cms/images/t_cms.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_coding{
	background-image: url(../coding/images/t_coding.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_design{
	background-image: url(../design/images/t_de.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_nweb{
	background-image: url(../newsite/images/t_nweb.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_re{
	background-image: url(../resite/images/t_re.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_landing{
	background-image: url(../landing/images/lt.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_support{
	background-image: url(../support/images/lt.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_ec{
	background-image: url(../ec/images/lt.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_logo{
	background-image: url(../logo/images/lt.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_partner{
	background-image: url(../partner/images/ti.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#t_titlebanner{
	background-image: url(../titlebanner/images/ti.jpg);
	text-indent: -2000px;
	height: 76px;
	margin-bottom: 15px;
	}
#ccontents_area h2{
	font-size: 16px;
	font-weight: bold;
	color: #359991;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
#ccontents_area h3{
	background-image: url(../images/stitlebar.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	color: #FFF;
	padding-left: 38px;
	padding-bottom: 15px;
}
#ccontents_area h4{
	margin:0;
	padding:0 15px 15px;
}
.inner_text{margin-bottom:25px; padding:0 15px;}
.inner_textb{margin-bottom:35px; padding:0 15px;}
.blog dl {
    margin: 0;
    padding: 0;
}
.blog dt {
	background-color: #333333;
	border-radius: 20px 20px 20px 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 0px 10px;
	text-align: center;
	width: 100px;
	line-height: 180%;
}
.blog dd {
    border-bottom: 1px dotted #E7E1CF;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 0;
}