@charset "utf-8";

/* ■基本設定
-----------------------------------*/
body {
	margin:0;
	padding:0;
	background: #f5f5f5;
	line-height:1.3;
}

/*IE6スターハック*/
* html body {
	text-align: center;
	margin:0;
	padding:0;
	background: #f5f5f5;
	line-height:1.3;
}


img {
	border:0px;
}

a:link {
	color: #000099;
}
a:visited {
	color: #0066CC;
}
a:active {
	color: #ff0000;
}
a:hover {
	color: #ff0000;
}
h1,h2,h3,h4,h5,ul,li,dl,dt,form {
	margin:0px;
	padding:0px;
}

p {
	margin:3px 0 0px 1px;
	padding:3px 0 3px 0px;
}

p#form{
	margin:0;
	padding:0;
}

.center {
	clear:both;
	text-align:center;
}

.right {
	clear:both;
	text-align:right;

}

.fontRed {
	color: #ff0000;
}

.font_l {
	font-size:22px;/*文字サイズ*/

}

.font_m {
	font-size:90%;/*文字サイズ*/
}
.font_ms {
	font-size:80%;/*文字サイズ*/
}

.font_s {
	font-size:70%;/*文字サイズ*/
}
.font_s_indent {
	font-size:70%;/*文字サイズ*/
	margin:0 0px 0 15px;/* 上/右/下/左*/
}
.marginT10 {
	margin:10px 0 0 0;/*マージン上*/
}

.marginT05 {
	margin:5px 0 0 0;/*マージン上*/
}

.marginR10 {
	margin:0 10px 0 0;/*マージン右*/
}

.marginR05 {
	margin:0 5px 0 0;/*マージン右*/
}

.marginL10 {
	margin:0 0 0 10px;/*マージン左*/
}

.marginL5 {
	margin:0 0 0 5px;/*マージン左*/
}

.marginB05 {
	margin:0 0 5px 0;/*マージン下*/
}

.marginB10 {
	margin:0 0 10px 0;/*マージン下*/
}
.marginB15 {
	margin:0 0 15px 0;/*マージン下*/
}

.paddingT05 {
	padding:5px 0 0 0;/*マージン上*/
}

.paddingB5 {
	padding:0px 0 5px 0;/*マージン下*/
}
.paddingB10 {
	padding:0px 0 10px 0;/*マージン下*/
}
.paddingL10 {
	padding:0 0 0 10px;/*マージン左*/
}

.paddingW {
	padding:5px 0 5px 0;/* 上/右/下/左*/
}

.paddingW1 {
	padding:0 15px 0 0;/* 上/右/下/左*/
}
.paddingW100 {
	padding:0 100px 0 0;/* 上/右/下/左*/
}


ol.rule {
	margin-top:1px;
	margin-bottom:1px;
}

.floatL
	{
	float:left;
	margin:0 5px 0 0;/*左寄せ*/
	}

.floatR
	{
	float:right;
	margin:0 5px 0 0;/*右寄せ*/
	}

ul.arrow {
	margin:0 5px 0px 0;
	padding: 0px;
	list-style:none;
}

ul.arrow li {
	text-align:left;
	margin: 0.1em 0 0.2em 0.5em;
	letter-spacing: 0.02em;
	padding: 0 0 0 15px;
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../image/p004.gif);
}

ul.normal {
	margin:3px 0 10px 0;/* 上/右/下/左*/
	padding: 0 0 0 40px;

}

ol.normal {
	margin:3px 0 3px 0;/* 上/右/下/左*/
	padding: 0 0 0 40px;
}

ul.pdf {
	margin:0 5px 0px 0;
	padding: 0px;
	list-style:none;
}

ul.pdf li {
	text-align:left;
	margin: 0.1em 0 0.2em 0.5em;
	letter-spacing: 0.02em;
	padding: 0 0 0 25px;
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../image/pdf.gif);

}

.clear{
	clear:both;
	line-height:0;
	height:0;
	padding:0 0 2px 0;/* 上/右/下/左*/
}

.line{
	margin:0px 3px 0px 3px;/* 上/右/下/左*/
	background:url(../image/line.gif) repeat-x left;
}

/* ■container
-----------------------------------*/
#container {
	width: 850px;
	margin: auto;
	background: #FFFFFF;
}

/* ■header
-----------------------------------*/
#header h1{
	width:112px;
	height:66px;
	margin:5px 0 3px 5px;
	padding:0;
	float:left;
	background:url(../image/logo.gif) no-repeat;
	text-indent:-9999px;
}

#header h1 a{
	display:block;
	width:112px;
	height:66px;
}


#header div#hosting h1{
	width:137px;
	height:66px;
	margin:5px 0 3px 5px;
	padding:0;
	float:left;
	background:url(../image/logo1.gif) no-repeat;
	text-indent:-9999px;
}

#header div#hosting a{
	display:block;
	width:137px;
	height:66px;
}


#header p#menu1{
	width:75%;
	margin:0 0 0 0;
	padding:3px 5px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
}

#header p#menu1 strong{
	font-weight:normal;
 }


#header ul#menu2{
	margin:6px 0px 6px 500px;/* 上/右/下/左*/
	padding:0;
	float:left;
}
/*IE6スターハック*/
* html #header ul#menu2{
	margin:6px 0px 6px 490px;/* 上/右/下/左*/
	padding:0;
	float:left;
	display:inline;
}
#header div#hosting1 ul#menu2{
	margin:6px 0px 6px 475px;/* 上/右/下/左*/
	padding:0;
	float:left;

}

/*IE6スターハック*/
* html #header div#hosting1 ul#menu2{
	margin:6px 0px 6px 465px;/* 上/右/下/左*/
	padding:0;
	float:left;

}

#header ul#menu2 li{
	margin:0 20px 0 0;
	padding:0;
	float:left;
	font-size:11px;
	list-style: none;
}

#header ul#menu2 li a{
	color:#000000;
}

#header ul#menu2 li a:hover{
	color:#ff0000;

}

#header ul#menu2 li#sitemap{
	background:url(../image/sitemap_navi.gif) no-repeat;
	background-position:0 2px;
	text-indent:18px;
 }

#header ul#menu2 li#privacy{
	background:url(../image/estimate_navi.gif) no-repeat;
	background-position:0 2px;
	text-indent:18px;
}

#header form{
	margin:0px;
	padding:0px;
	float:right;
	margin:2px 10px 0 0px;/* 上/右/下/左*/
	font-size:11px;
	background-color: #ffffff;
	vertical-align: top;
}

#header input.size{
	width:150px;

}


#header input.image{
	width:53px;
	height:23px;
	vertical-align:bottom;
}

/* ■header_image
-----------------------------------*/
#header_image {
	width:850px;
	height:160px;
	background: url(../image/header.jpg) no-repeat;
}


/* ■breadcrumbs_list
-----------------------------------*/
#breadcrumbs_list {
	color: #000000;
	font-size: 12px;
	margin:5px 0px 5px 5px;/* 上/右/下/左*/
}

/*IE6スターハック*/
* html #breadcrumbs_list {
	color: #000000;
	font-size: 12px;
	margin:5px 0px 5px 5px;/* 上/右/下/左*/
	text-align:left;

}

#breadcrumbs_list #current{
	color: #ff0000;

}

/* ■navi
-----------------------------------*/
#navi {
	clear:both;
	background:url(../image/navi_back.gif);
	height:46px;
	margin:1px 0 1px;
	padding:0 15px 0 14px;/* 上/右/下/左*/
	}
#navi li{
	float:left;
	height:46px;
	list-style: none;
	}
#navi li a{
	display:block;
	height:46px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	}
#navi li.home a{background-image:url(../image/navi_home.gif); width:136px;}
#navi li.service a{background-image:url(../image/navi_service.gif); width:137px;}
#navi li.domain a{background-image:url(../image/navi_domain.gif); width:137px;}
#navi li.flowchart a{background-image:url(../image/navi_flowchart.gif); width:137px;}
#navi li.price a{background-image:url(../image/navi_price.gif); width:137px;}
#navi li.contact a{background-image:url(../image/navi_contact.gif); width:136px;}

#navi li a:hover{
	background-position:0 -45px;
	}

#navi li.home a.current{background-position:0 -45px;}
#navi li.service a.current{background-position:0 -45px;}
#navi li.flowchart a.current{background-position:0 -45px;}
#navi li.price a.current{background-position:0 -45px;}
#navi li.domain a.current{background-position:0 -45px;}
#navi li.contact a.current{background-position:0 -45px;}

/* ■content
-----------------------------------*/
#content {
	width: 850px;
}

/*IE6スターハック*/
* html #content {
	width: 880px;
}


/* ■left_column
-----------------------------------*/
#left_column {
	background: #E9E9EC;
	float: left;
	width: 200px;
	/*min-height: 400px;*/
}

/*IE6スターハック*/
* html #left_column {
	background: #E9E9EC;
	float: left;
	width: 190px;
	/*min-height: 400px;*/
}

/* ■right_column
-----------------------------------*/
#right_column {
	float: left;
	width: 650px;
	/*min-height: 400px;*/
}
/*IE6スターハック*/
* html #right_column {
	float: left;
	width: 650px;
	/*min-height: 400px;*/
}




/* ■footer
-----------------------------------*/

#footer {
	clear:both;
	text-align:center;
	background: #f5f5f5;
	font-size:12px;
	}
	


/*　.footer02
-------------------------------------*/
#footer p {
	margin-left: 45px;
	margin:0 auto;
	width: 765px;
	font-size:11px;
	text-align:left;
	}

#footer p.copy {
	margin-left: 45px;
	margin:0 auto;
	width: 765px;
	font-size:12px;
	text-align:center;
	}
	

#footer .footer02 div {
	width:850px;
	min-height:51px;
	margin:0 auto;
	padding-top:16px;
	}
	
#footer .footer02 ul{
  clear:both;
	margin-left: 45px;
	font-size:11px;
	width: 800px;
	}
#footer .footer02 ul li{
	display: inline;
	float:left;
	border-right:1px solid #333333;
	margin-right:6px;
	padding-right:6px;
	margin-bottom: 8px;
	text-align:left;
	white-space: nowrap;
	}
#footer .footer02 ul li.end{ border:0;}


/* ■bottombtn
-----------------------------------*/
#bottombtn {
	clear:both;
	padding:0;
	float:right;
}

#bottombtn ul#bottom{
	margin:5px 0 0 0;
	padding:0;
}

#bottombtn ul#bottom li{
	margin:0 5px 0 0;
	padding:0;
	float:left;
	text-indent:-9999px;

 }

#bottombtn ul#bottom li a{
	display:block;
	width:20px;
	height:20px;
	color:#000000;
	list-style: none;
}


#bottombtn ul#bottom li.print{
	background:url(../image/print.gif) no-repeat;
	margin:5px 5px 0 0;
	list-style: none;
}

#bottombtn ul#bottom li.top{
	background:url(../image/top.gif) no-repeat;

 }


/* ■text_area
-----------------------------------*/
.text_area {
	font-size: 95%;
	text-align:left;
	margin: 1px 0 10px 5px;/* 上/右/下/左*/
}

.text_area_story {
	width: 640px;
	border-top: #CCCCCC 1px solid;
	font-size: 95%;
	margin: 1px 0 0px 5px;/* 上/右/下/左*/
}


/* ■title
-----------------------------------*/
.title {
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

/* ■NewsBox　お知らせリスト一覧用
-----------------------------------*/


.News_List ul{
	margin:0;
	padding:0;
}

.News_List li{
	list-style:none;
	margin:5px 0 0px 0px;/* 上/右/下/左*/
	}
.News_List li.news_icon{
	background:url(../image/p010.gif) no-repeat left ;
	background-position:2px 3px;/* 左/上*/
	padding-left:20px;
	padding-right:10px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	}

/* ■NewsBox　お知らせブロックサイド用
-----------------------------------*/
.NewsBox3_title{/*タイトル部分*/
	width: 180px;/*幅*/
	background:url(../image/p008.gif) no-repeat;
	background-position:6px 7px;
	text-indent:23px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	letter-spacing: 0.4em;
	color: #000000;/*文字色*/
	background-color: #cccccc;/*背景色*/
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
	width: 100%;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}
.NewsBox3_title_Twitter{/*タイトル部分*/
	width: 180px;/*幅*/
	background:url(../image/twitter.jpg) no-repeat;
	background-position:6px 7px;
	text-indent:55px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	color: #000000;/*文字色*/
	background-color: #FFFFFF;/*背景色*/
	padding:18px 0px 10px 0px;/* 上/右/下/左*/
	width: 100%;
}
.NewsBox3_title_Twitter a:link,.NewsBox3_title_Twitter a:visited{
	color: #000099;
	text-decoration:none;

}

.NewsBox3{
	float:left;
	font-size:12px;/*文字サイズ*/
	text-align:center;
	width: 190px;/*幅*/
	border: solid 1px #868689;/*外周枠の色*/
	background-color: #ffffff;/*枠の背景色*/
	margin:5px 5px 5px 5px;
}
.NewsBox4{
	text-align: left;
	border: dashed 1px #ACACAE;
	padding: 0.3em;
	margin: 4px;
	background-color: #FBFBFC;/*文章部分の背景色*/
	line-height:20px;
}

.NewsBox4 ul.news_ssi{
	margin:0;
	padding:0;
}

/*左サイド時のお知らせ用*/
.NewsBox4 li{
	list-style:none;
	margin:5px 0 0px 0px;/* 上/右/下/左*/
	}
.NewsBox4 li.news_icon{
	background:url(../image/arrow.gif) no-repeat left ;
	background-position:2px 3px;/* 左/上*/
	padding-left:20px;
	padding-right:10px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	}

/*中央時のお知らせ用*/
.post_box1 ul.news_ssi{
	margin:0;
	padding:0;
}

.post_box1 li{
	list-style:none;
	margin:5px 0 0px 0px;/* 上/右/下/左*/
	}
.post_box1 li.news_icon{
	background:url(../image/arrow.gif) no-repeat left ;
	background-position:2px 5px;/* 左/上*/
	padding-left:20px;
	padding-right:10px;
	line-height: 1.2em;
	letter-spacing: 0.01em;
	}


/* ■NewsBox　お知らせブロック中央用
-----------------------------------*/
.NewsBox3_1{
	float:left;
	font-size:12px;/*文字サイズ*/
	text-align:center;
	width: 630px;/*幅*/
	border: solid 1px #868689;/*外周枠の色*/
	background-color: #ffffff;/*枠の背景色*/
	margin:5px 5px 5px 5px;
}
/*IE6スターハック*/
* html .NewsBox3_1{
	float:left;
	font-size:12px;/*文字サイズ*/
	text-align:center;
	width: 620px;/*幅*/
	border: solid 1px #868689;/*外周枠の色*/
	background-color: #ffffff;/*枠の背景色*/
	margin:5px 5px 5px 5px;
}

.NewsBox3_1_title{/*タイトル部分*/
	width: 620px;/*幅*/
	background:url(../image/p008.gif) no-repeat;
	background-position:6px 7px;
	text-indent:23px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	letter-spacing: 0.4em;
	color: #000000;/*文字色*/
	background-color: #cccccc;/*背景色*/
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
	width: 100%;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}
/*IE6スターハック*/
* html .NewsBox3_1_title{/*タイトル部分*/
	width: 610px;/*幅*/
	background:url(../image/p008.gif) no-repeat;
	background-position:6px 7px;
	text-indent:23px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	letter-spacing: 0.4em;
	color: #000000;/*文字色*/
	background-color: #cccccc;/*背景色*/
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
	width: 100%;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}

.NewsBox4_1{
	text-align: left;
	border: dashed 1px #ACACAE;
	padding: 0.3em;
	margin: 4px;
	background-color: #FBFBFC;/*文章部分の背景色*/
	line-height:20px;
}

.NewsBox4_1 li{
	list-style-type: none;

}

.NewsBox4_1 a.icon{
	background:url(../image/arrow.gif) no-repeat left ;
	background-position:2px 3px;/* 左/上*/
	padding-left:20px;
	padding-right:10px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

/* ■NewsBox　表紙中央下段文用
-----------------------------------*/
.NewsBox1{
	float:left;
	font-size:90%;/*文字サイズ*/
	width: 625px;/*幅*/
	text-align: left;/*タイトルを左寄せ*/
	border: solid 1px #868689;/*外周枠の色*/
	background-color: #ffffff;/*枠の背景色*/
	padding:5px 5px 5px 5px;
	margin:5px 0 5px;
}
.NewsBox2{
	font-size:95%;/*文字サイズ*/
	text-align: left;
	border: dashed 1px #ACACAE;
	padding: 0.3em;
	margin: 4px;
	background-color: #FBFBFC;/*文章部分の背景色*/
	line-height:20px;

}


/* ■MainBox1 表紙左帯ブロック
-----------------------------------*/
.MainBox1 {
	text-align:left;
	margin:0px auto;/*中央寄せ*/
	width:180px;
	font-size:80%;
	letter-spacing: 0.02em;
	background:#fbfbfb;
	padding:1px 1px 1px 1px;
	border:1px solid #e7e7e7;
	float:left;
}

.block1 {
	margin:0px auto;
	text-align: left;
	width:190px;
	line-height:15px;
	border:1px solid #e7e7e7;
	background-color:#ffffff
}
.block1_pad {
	padding:5px
}
.block1_text {
	font-size:80%;
	line-height: 140%;
}


.block1_title {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

/* ■BoxMain2
-----------------------------------*/
.BoxMain2 {
	width:208px;
	font-size:12px;
	letter-spacing: 0.02em;
	background:#fbfbfb;
	padding:0px 0px 0px 0px;/* 上/右/下/左*/
	margin:3px 0px 0px 3px;/* 上/右/下/左*/
	border:1px solid #e7e7e7;
	float:left;
}
.BoxMain2_1 {
	width:158px;
	font-size:12px;
	letter-spacing: 0.02em;
	background:#FFFFFF;
	padding:0px 0px 0px 0px;/* 上/右/下/左*/
	margin:3px 0px 0px 3px;/* 上/右/下/左*/
	float:left;
}
.BoxMain2_1 a {
	text-decoration:none;
}


/* ■BoxMain3
-----------------------------------*/
.BoxMain3{
	clear:both;
	width: 640px;
}
.BoxMain3title{/*タイトル部分*/
	width: 100%;
	background:url(../image/p001.gif) no-repeat;
	background-position:6px 7px;
	text-indent:23px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	letter-spacing: 0.4em;
	color: #FFFFFF;/*文字色*/
	background-color: #747474;/*背景色*/
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
	width: 100%;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}

.BoxMain3title a{
	text-decoration:none;
	color:#ffffff;
}

.BoxMain3caption{
	font-size: 95%;
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
}

/* ■BoxMain4
-----------------------------------*/
.BoxMain4{/*タイトル部分*/
	width: 100%;
	background:url(../image/arrow.gif) no-repeat;
	background-position:6px 7px;
	text-indent:23px;
	text-align: left;/*タイトルを左寄せ*/
	font-size: 12px;/*文字サイズ*/
	letter-spacing: 0.4em;
	color: #000000;/*文字色*/
	background-color: #cccccc;/*背景色*/
	padding:5px 0px 5px 0px;/* 上/右/下/左*/
	width: 100%;
	filter: alpha(opacity=100,finishopacity=10,style=1);
}

/* ■BoxMain_weather
-----------------------------------*/
.BoxMain_weather {
	width:93px;
	font-size:12px;
	letter-spacing: 0.02em;
	background:#FFFFFF;
	margin-top:3px;
	float:left;

}

/* ■side_menu side_list
-----------------------------------*/
#side_menu {
	width:190px;
	text-align:center;
	float:left;
	margin:0px 5px 0 5px;
	}

ul.side_list {
	width:190px;
	list-style:none;
	text-align:left;
}

ul.side_list li {
	font-size: 80%;;
	border-bottom: #444f51 1px dotted;
}

ul.side_list li.current {
	padding:6px 10px 6px 30px;/* 上/右/下/左*/
	background:#ffffff url(../image/p006.gif) no-repeat 10px 0.95em;
	color:#ff0000;
}

ul.side_list li.current_sub {
	padding:6px 10px 6px 50px;/* 上/右/下/左*/
	background:#ffffff url(../image/p006.gif) no-repeat 30px 0.95em;
	color:#ff0000;
}

ul.side_list  {
	color:#ff0000;
}

ul.side_list li a:link {
	display:block;
	padding:6px 10px 6px 30px;/* 上/右/下/左*/
	background:#ffffff url(../image/p003.gif) no-repeat 10px 0.85em;
	color:#000000;
	text-decoration:none;
}

ul.side_list li a:visited {
	display:block;
	padding:6px 10px 6px 30px;
	color:#000000;
	text-decoration:none;
	background:#ffffff url(../image/p003.gif) no-repeat 10px 0.85em;
}

ul.side_list li a:hover {
	display:block;
	padding:6px 10px 6px 30px;
	background:#f5f5f5 url(../image/p006.gif) no-repeat 10px 0.85em;
	color:#ff0000;
	text-decoration:none;
}

	
ul.side_list li a:active {
	display:block;
	padding:6px 10px 6px 30px;
	background:#efefef url(../image/p003.gif) no-repeat 10px 0.85em;
	color:#ff0000;
	text-decoration:none;
}


ul.side_list li.sub_page a:link {
	display:block;
	padding:6px 10px 6px 50px;/* 上/右/下/左*/
	background:#ffffff url(../image/p003.gif) no-repeat 30px 0.85em;
	color:#000000;
	text-decoration:none;
}

ul.side_list li.sub_page a:visited {
	display:block;
	padding:6px 10px 6px 50px;
	color:#000000;
	text-decoration:none;
	background:#ffffff url(../image/p003.gif) no-repeat 30px 0.85em;
}

ul.side_list li.sub_page a:hover {
	display:block;
	padding:6px 10px 6px 50px;
	background:#ffffff url(../image/p003.gif) no-repeat 30px 0.85em;
	color:#ff0000;
	text-decoration:none;
}

ul.side_list li.sub_page a:active {
	display:block;
	padding:6px 10px 6px 50px;
	background:#efefef url(../image/p003.gif) no-repeat 30px 0.85em;
	color:#ff0000;
	text-decoration:none;
}

/* ■本文説明文
-----------------------------------*/
.explanation dt{
	margin:5px 0 5px 0;/* 上/右/下/左*/
	text-align:left;
	color: #FF0000;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding: 0 0 0 25px;
	list-style-type: none;
	list-style-position: outside;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-image: url(../image/p007.gif);
}

.explanation dd{
	padding-bottom: 10px;
}

.explanation dd.border{
	border-bottom: dashed 1px #715160;/*破線の太さ・色*/
}


/* ■indexlink 表紙の各プランリンク用
-----------------------------------*/
#indexlink li{
	float:left;
	height:181px;
	list-style: none;
	padding:0 7px 0 5px;/* 上/右/下/左*/

	}
#indexlink li a{
	display:block;
	height:181px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	}
#indexlink li.e-page a{background-image:url(../image/index_e-page.gif); width:202px;}
#indexlink li.business_blog_lite a{background-image:url(../image/index_business_blog_lite.gif); width:202px;}
#indexlink li.business_blog_standard a{background-image:url(../image/index_business_blog_standard.gif); width:202px;}
#indexlink li.original a{background-image:url(../image/index_original.gif); width:202px;}
#indexlink li.netshop a{background-image:url(../image/index_netshop.gif); width:202px;}
#indexlink li.wordpress a{background-image:url(../image/index_wordpress.gif); width:202px;}


#indexlink li a:hover{
	background-position:0 -180px;
}


/* ■box_dl dl
-----------------------------------*/
.box_dl dl{/*メニュー一つの枠の設定*/
	margin: 0.5em 0.4em 0 0em;
	border: solid 1px #CACACD;/*枠色*/
	float: left;
	width: 20.6em;/*幅。全体の幅*/
	_height: 185px;/*紹介文の高さ*/
	overflow: hidden;
}

.box_dl dt a{/*メニュー内リンク部分の設定*/
	font-size: 90%;/*文字サイズ*/
	text-decoration:none;
	letter-spacing: 0.1em;
	padding: 0.1em 0.4em 0.1em 0.4em;/* 上/右/下/左*/
	margin: 0.2em 0.2em 0.3em 0.2em;
	border-bottom: solid 2px #cccccc;/*下線の太さ・色*/
	display: block;
	width: 100%;
}

.box_dl dt a:hover{/*マウスを乗せたときの設定*/
	background-color: #DADADD;
	border-bottom: solid 2px #7A7ADE;
}

.box_dl dd{/*メニュー紹介文部分の設定*/
	font-size: 90%;/*文字サイズ*/
	background-color: #F8F8F9;/*背景色*/
	padding: 0.3em;
	margin: 0.2em 0.25em;
}

.box_dl dd.white {
	background-color: #FFFFFF;/*背景色*/
}

.box_dl dd div.right {
	clear:both;
	background:url(../image/arrow.gif) no-repeat;
	background-position:200px;
	text-indent:220px;
}


/* ■pbox
-----------------------------------*/
.pbox{/*外枠*/
	background-color: #F5F5F5;/*太枠の色*/
	width: 620px;/*全体の幅*/
	padding: 1em 15px 0px 0px;
	border: solid 1px #959595;
}
.pbox dl{/*内部枠*/
	position: relative;
	border: solid 1px #959595;
	border-left: solid 2px #FFFFFF;
	width: 605px;/*内部の幅*/
	margin: 1em 0px 1em -1px;
	background-color: #FEFEFF;
}
.pbox dt{/*タイトルの設定*/
	font-size: 95%;/*文字サイズ*/
	font-weight: bold;/*太字に*/
	text-align: right;/*右寄せ*/
	padding: 0.4em 1.5em 0.2em 0.1em;
	margin: 0.5em 1em 0.5em 1em;
	border-bottom: dashed 1px #715160;/*破線の太さ・色*/
}

.pbox dd{/*内容部分*/
	font-size: 95%;/*文字サイズ*/
	margin: 0.1em 1.1em 1em 1.1em;
}

/* ■table用 detail list1
-----------------------------------*/

div.detail table.list {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 0px;
}

div.detail th {
	background-color: #F5F5F5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	text-align: center;
}

div.detail td {
	background-color: #F2F6FA;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
}

div.detail td.list1 {
	background-color: #FFFFFF;

}

div.detail th.list1 {
	background-color: #FFFFFF;
	white-space: nowrap;
}

/* ■table用 detail2 list2 list3
-----------------------------------*/

div.detail2 table.list {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin-bottom: 0px;
}

div.detail2 th {
	background-color: #CCCCCC;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	text-align: center;
}

div.detail2 th.list1 {
	background-color: #A6A6A6;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
}

div.detail2 tr {
	background-color: #F5F5F5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-size: 13px;/*文字サイズ*/
}
div.detail2 td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
div.detail2 td.list2 {
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
div.detail2 td.list2_wrap {
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
}


div.detail2 td.list3 {
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/*-----------------------------------*/
#sitemap_content {
	width: 650px;

}


dl.site_left {
	float: left;
	width: 320px;
	margin-top: 5px;

}

dl.site_right {
	float: left;
	width: 320px;
	margin-top: 5px;

}

/* ■フォームアイテム
-----------------------------------*/

/* -----  ----- */
input.size1{width:25%;}
input.size2{width:50%;}
input.size3{width:75%;}
input.size4{width:95%;}

/* ■テンプレート用
-----------------------------------*/


.templates_box {
	float: left;
	width: 150px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin:  0px 2px 0px 0px;/* 上/右/下/左*/
}

.templates_text {
	clear:both;
	font-size: 12px;
	color: #666;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.templates_image {
	padding: 0px;
	margin:  10px 3px 0px 0px;
}


.post_box {
	width:635px;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #DDDDDD;
}

.post_title {
	padding: 6px;
	padding-left: 10px;
	background: #EFEFEF url(../image/box_top.gif) repeat-x;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.post_title a{
	text-decoration:none;
	letter-spacing: 0.1em;
	display: block;
	width: 100%;
}

.post_box1{
	text-align: left;
	margin: 8px;
}

#company {
	background: transparent url(../company/image/company.gif) no-repeat top left;
	width: 643px;
	height:439px;
	margin:5px 0px 5px 0px;/* 上/右/下/左*/
}

#law {
	background: transparent url(../company/image/law.gif) no-repeat top left;
	width: 643px;
	height:311px;
	margin:5px 0px 0px 0px;/* 上/右/下/左*/
}


.bookmark {
	margin:0px 0px 0px 13px;/* 上/右/下/左*/
}

.itemPoster{
	clear:both;
	text-align:right;
	font-size:70%;/*文字サイズ*/
	margin:0 10px 0 0;/*マージン右*/
	border-bottom: dashed 1px #715160;/*破線の太さ・色*/
	font-style:italic;
}

a.icon{
	background:url(../image/arrow.gif) no-repeat left ;
	background-position:2px 3px;/* 左/上*/
	padding-left:20px;
	padding-right:10px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

/* ■実績紹介リンク用
-----------------------------------*/
ul.site_links{
	background:url(../image/p012.gif) no-repeat left ;
	background-position:1px 2px;/* 左/上*/
	padding-left:16px;
}
ul.site_links li{
	list-style:none;
}
ul.site_service{
	background:url(../image/p013.gif) no-repeat left ;
	background-position:0px 0px;/* 左/上*/
	padding-left:18px;
}
ul.site_service li{
	list-style:none;
}

/* Twitter用CSS
--------------------------------------*/
#twitter{
	margin:0 0 2px 0;/* 上/右/下/左*/
	padding:0;
	}
#twitter ul{
	margin:2px 0 2px 0px;/* 上/右/下/左*/
	padding:2px 0 2px 0px;/* 上/右/下/左*/
	}
#twitter li{
	list-style:none;
	margin:5px 0 8px 0px;/* 上/右/下/左*/
	padding:0px 0 4px 0px;/* 上/右/下/左*/
	border-bottom:1px dotted #ccc;
	}
#twitter li.twitter_icon{
	background:url(../image/p015.gif) no-repeat left ;
	background-position:2px 2px;/* 左/上*/
	padding-left:20px;
	padding-right:5px;
	line-height: 1.2em;
	}
#twitter li a:link,#twitter li a:visited{
	color:#488ACC;
	text-decoration:none;
	}
#twitter li a:hover,#twitter li a:active {
	color:#488ACC;
	background-color:#f5f5f5;
	}
.twitter_tori{
	background:url(../image/twitter.jpg) no-repeat left ;
	background-position:50px 4px;/* 左/上*/
	padding:15px 5px 15px 100px;/* 上/右/下/左*/
	line-height: 1.2em;
	}
p.noscript_img{
	margin:0;
	padding:0;
	}