/* BUSINESS BLOG PACKAGE KANTANET by PRIPRESS CENTER */

*
{
margin:0px;
padding:0px;
}

body
{
color:#333333;
font-size:80%;
line-height:130%;
margin:0px;
padding:0px;
text-align: center;
background-attachment : fixed;
background-image: url(images_all/back_common.gif) ;
background-repeat:repeat-y;
background-position:top center;
}

h1,h2,h3,h4,h5,h6,div,ul,li,p
{
margin:0px;
padding: 0px;
}

a {text-decoration:none}
a:link {color:#0033CC}
a:visited {color:#996699}
a:hover {color:#0099CC; text-decoration:underline}

ul
{
list-style-type: none;
}

img {
border: none;
}

.clear
{
clear:both;
}

.white-space
{
background-color:#ffffff;
clear:both;
}

#basic-type
{
line-height:150%;
padding:10px;
}


/* standard helper classes */

#body
{
margin-left:auto;
margin-right:auto;
width:758px;
text-align:left;
background-image: url(images_all/back_contents.gif) ;
background-repeat:repeat-y;
}

#seo
{
width:738px;
height:30px;
font-size:10px;
line-height:120%;
padding:5px 10px 0px 10px;
background-image: url(images_all/back_seo.gif) ;
}

#header
{
width:758px;
height:81px;
margin:0;
_margin-left:1px;
background-image: url(images_all/back_header.jpg) ;
background-repeat:repeat-x;
}

#top-navi
{
width:758px;
}

#flash
{
	clear:both;
width:758px;
}

#whatsnew
{
width:180px;
float:left;
}

#main-top
{
width:360px;
float:left;
margin-left:9px;
}

#right-navi
{
width:180px;
float:right;
}

#main
{
width:548px;
margin-bottom:10px;
background-color:#ffffff;
float:left;
}

#line
{
	clear:both;
width:758px;
height:5px;
background-image: url(images_all/line_footer.gif) ;
background-repeat:repeat-x;
clear:both;
}

#bottom-navi
{
	
width:748px;
height:22px;
font-size:10px;
text-align:right;
padding:6px 10px 0 0;
background-color:#31323E;
}

#footer
{
width:758px;
height:52px;
background-color:#E1E2E5;
}




/* header */
.header-logo
{
width:412px;
height:81px;
float:left;
}

.header-link
{
width:300px;
text-align: right;
font-size:10px;
font-family:verdana,sans-serif;
padding-top:58px;
padding-right:10px;
float:right;
}



/* top-navi */

.table-top-navi01
{
width:758px;
height:30px;
clear:both;
}

.table-top-navi02
{
width:758px;
height:30px;
clear:both;
}

#top-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#top-navi ul li
{
float: left;
text-indent: -9999px;
}

#top-navi ul li.space
{
float:left;
text-indent: 0;
}

#top-navi ul li a
{
display: block;
margin:0px;
padding:0px;
background-repeat: no-repeat;
background-position: 0px 0px;
}

#top-navi ul li a span
{ 
display:none; 
}

#top-navi li.button01 a
{
width:189px;
height:30px;
background-image: url(images_all/b_business.jpg);
}

#top-navi li.button02 a
{
width:189px;
height:30px;
background-image: url(images_all/b_kanta.jpg);
}

#top-navi li.button03 a
{
width:189px;
height:30px;
background-image: url(images_all/b_plan.jpg);
}

#top-navi li.button04 a
{
width:191px;
height:30px;
background-image: url(images_all/b_topics.jpg);
}

#top-navi li.button05 a
{
width:189px;
height:30px;
background-image: url(images_all/b_faq.jpg);
}

#top-navi li.button06 a
{
width:189px;
height:30px;
background-image: url(images_all/b_data.jpg);
}

#top-navi li.button07 a
{
width:189px;
height:30px;
background-image: url(images_all/b_form.jpg);
}

#top-navi li.button08 a
{
width:191px;
height:30px;
background-image: url(images_all/b_req.jpg);
}

#top-navi li a:hover,
#top-navi li a:active 
{
background-position: 0px -30px;
text-decoration:none;
}



/* right-navi */

#right-nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#right-navi ul li
{
float: left;
text-indent: -9999px;
}

#right-navi ul li a
{
display: block;
width:180px;
height:38px;
margin:0px 0 2px 0;
padding:0px;
background-repeat: no-repeat;
background-position: 0px 0px;
}

#right-navi ul li a span 
{ 
display:none; 
}

#right-navi li.button01 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_business.jpg);
}

#right-navi li.button02 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_kanta.jpg);
}

#right-navi li.button03 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_plan.jpg);
}

#right-navi li.button04 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_topics.jpg);
}

#right-navi li.button05 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_faq.jpg);
}

#right-navi li.button06 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_data.jpg);
}

#right-navi li.button07 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_form.jpg);
}

#right-navi li.button08 a
{
width:180px;
height:38px;
background-image: url(images_all/bb_req.jpg);
}

#right-navi li a:hover,
#right-navi li a:active 
{
background-position: 0px -38px;
text-decoration:none;
}



/* bottom-navi */

#bottom-navi a{text-decoration:none;}
#bottom-navi a:link{color:#ffffff;}
#bottom-navi a:visited{color:#ffffff;}
#bottom-navi a:active{color:#ffffff;}




/* footer */

.footer-copylight
{
font-size:9px;
line-height:120%;
font-family:verdana,sans-serif;
padding:25px 15px 0 0;
float:right;
text-align:right;
}

#footer a{text-decoration:none;}
#footer a:link{color:#0033CC;}
#footer a:visited{color:#0033CC;}
#footer a:active{color:#666666;}



/* トップページ */

#body-top
{
margin-left:auto;
margin-right:auto;
width:758px;
text-align:left;
position:relative;
}

h2#whatsnew
{
margin:0px;
padding:0px;
}

#whatsnew dl
{
width:160px;
padding:10px 10px 5px 10px;
}

#whatsnew dt
{
margin-bottom:10px;
font-size:12px;
width:160px;
}

#whatsnew dd
{
font-size:10px;
width:160px;
}

#whatsnew p
{
margin-bottom:0px;
}

.line-space
{
width:800px;
height:5px;
background-color:#cccccc;
clean;both;
}



/* blog & kanta */

.back-blog
{
width:548px;
background-image: url(blog/images/back_blog.jpg) ;
background-position:right bottom;
background-repeat:no-repeat;
}

.back-kanta
{
width:548px;
background-image: url(kanta/images/back_kanta.jpg) ;
background-position:right top;
background-repeat:no-repeat;
}

.blog-detail-t
{
padding:10px 210px 20px 21px;
}

.blog-detail-t2
{
padding:10px 21px 20px 21px;
}

.blog-detail-table
{
width:548px;
background-color:#FFFFFF;
clear:both;
}

.blog-detail-b-left-table
{
width:269px;
background-image: url(kanta/images/back_stit.gif) ;
background-position: center bottom;
backgorund-repeat: no-repeat; 
float:left;
}

.blog-detail-b-left
{
padding:5px 15px 10px 22px;
}

.blog-detail-b-right-table
{
width:269px;
background-image: url(kanta/images/back_stit.gif) ;
background-position: center bottom;
backgorund-repeat: no-repeat; 
float:right;
}

.blog-detail-b-right
{
padding:5px 15px 10px 22px;
}

.kanta-left-table
{
width:269px;
float:left;
}

.kanta-right-table
{
width:269px;
float:right;
}



/* MT_CATEGORY */

.category-table
{
width:548px;
background-image: url(images/back_category.jpg) ;
background-position:bottom;
background-repeat:no-repeat;
border: 1px solid #CCCCCC;
margin-bottom:20px;
}

.category-title
{
font-weight:bold;
padding:10px;
}

.category-detail
{
padding:10px;
}



/* price */

#price-table
 {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

#price-table td
{
padding:5px;
line-height:120%;
border:1px solid #dae0e6;
text-align:center;
vertical-align:center;
font-size:10px;
}

#price-table td.color
{
text-align:center;
vertical-align:center;
font-size:10px;
background-color:#dae0e6;
}

#price-table p
{
line-height:130%;
padding:10px 21px 20px 21px;
}

.price-caution
{
padding:0;
font-size:10px;
text-align:right;
}



/* MTCMS */

#mtcms
{
width:548px;
padding:0;
clear:both;
}

#mtcms p.detail
{
width:518px;
background-color:#FFFFFF;
padding:3px 15px;
clear:both;
}

.mtcmsimg
{
float:right;
}

.mtcms-detail-t
{
padding:10px 21px 20px 21px;
}

.mtcms-table
{
width:548px;
height:220px;
background-image: url(what_mtcms/images/back_stit.jpg) ;
background-position: center bottom;
backgorund-repeat: no-repeat; 
}

.mtcms-small
{
font-size:10px;
line-height:120%;
padding:10px 8px;
}

#mtcms dl
{
width:548px;
padding:0;
}

#mtcms dt
{
width:174px;
float:left;
}

#mtcms dd
{
margin-left:184px;
}

#mtcms p
{
margin-bottom:0px;
}


/* 会社概要 */

#company
{
width:528px;
padding:20px 0 0 20px;
clear:both;
}

#company dl
{
width:508px;
padding:0;
}

#company dt
{
width:100px;
float:left;
}

#company dd
{
margin-left:110px;
}

#company p
{
margin-bottom:0px;
}

#company-table
 {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

#company-table td
{
padding:5px;
line-height:120%;
border:1px solid #dae0e6;
text-align:left;
vertical-align:center;
font-size:10px;
}

#company-table td.color
{
text-align:center;
vertical-align:center;
font-size:10px;
background-color:#dae0e6;
}


/* お申し込み */

#form
{
width:548px;
padding:0;
clear:both;
}

#form-table
 {
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

#form-table td
{
padding:5px;
line-height:120%;
border:1px solid #dae0e6;
text-align:left;
vertical-align:center;
font-size:10px;
}

#form-table td.color
{
text-align:center;
vertical-align:center;
font-size:10px;
background-color:#dae0e6;
}



/* サイトマップ */

#sitemap
{
width:528px;
padding:0px 0 20px 20px;
}

#sitemap ul li
{
line-height:220%;
}



/* プラン */

#plan
{
width:548px;
padding:0;
margin:0;
}

.plan-left
{
width:171px;
float:left;
}

.plan-center
{
width:171px;
margin-left:18px;
float:left;
}

.plan-right
{
width:171px;
float:right;
}

.plan-link
{
width:548px;
line-height:100%;
text-align:center;
border-top:1px solid #dae0e6;
border-bottom:1px solid #dae0e6;
padding:5px 0 5px 0;
margin-bottom:20px;
}

/* ぱんくず */

.pankuzu
{
font-size:10px;
background-color:#EEEFF3;
padding:3px 10px 3px 10px;
text-align:left;
}


/*テンプレート集*/
#templat-page
{
width:758px;
text-align:center;
background-image:url(template/images/template-back.gif);
}

.template-type-ue
{
width:734px;
margin-top:22px;
margin-right:auto;
margin-left:auto;
}

.template-type-sita
{
background-image:url(template/images/back_waku.jpg);
width:734px;
height:140px;
margin-right:auto;
margin-left:auto;
}

.template01
{
width:144px;
padding-top:10px;
float:left;
}
.template-space7px
{
width:7px;
float:left;
padding-top:10px;
}
.template-button
{
width:144px;
padding-top:5px;
}

/*=============================================================
	#inq
=============================================================*/
#inq .section p{
	margin:0.8em 0;
	line-height:1.6;
}

#inq .section p.tel{
	padding-left:10px;
	border-left:4px solid #CCC;
	font-weight:bold;
}

/*=============================================================
	#formlayout
=============================================================*/
#formlayout .section p{
	margin:0.8em 0;
	line-height:1.6;
}

#formlayout .section p.tel{
	padding-left:10px;
	border-left:4px solid #CCC;
	font-weight:bold;
}

/*=============================================================
	clearfix
=============================================================*/
#contents:after,
#company:after{
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}

* html #contents,
* html #company{
        display: inline-block;
}

*:first-child + html body #contents,
*:first-child + html body #company{
        display: inline-block;
}