@charset "utf-8";

* {
		margin: 0;
		padding: 0;
}

body {
		text-align: center;
		font-size: 10pt;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin: 0;
		padding: 0;
}

.clear { clear: both; }

.color01,
.color02 { font-weight: bold; }

p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

p.catchcopy { display: none; }

/*======================================================================== レイアウト*/

#header {
		width: 900px;
		height: 100px;
		margin: 0 auto;
}

#header-inner {
		width: 100%;
		height: 100%;
		position: relative;
}

ul#globalnavi { display: none; }

#wrapper {
		text-align: left;
		width: 900px;
		margin: 0 auto 20px;
		padding: 0 10px;
}

#content { width: 100%; }

#sidebar { display: none; }

#sidebar-inner { display: none; }

#undernavi { display: none; }

#footer {
		text-align: center;
		padding-top: 1em;
		border-top: 1px solid #036;
}

/*======================================================================== フォント*/
a { overflow: hidden; }

a:link,
a:visited {
		text-decoration: none;
		background-color: transparent;
		color: #000;
}

/*======================================================================== #header*/
h1,
h2 { display: none; }

/* -- ロゴ -- */
.logo {
		width: 450px;
		height: 60px;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -9999px;
		background: url(../image/print/logo.png) no-repeat 0 0;
}

.logo a,
.logo a:hover { text-decoration: none; }

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

.sitemap { display: none; }

/*======================================================================== #content*/

h3 {
		font-size: 120%;
		font-weight: normal;
		height: 30px;
		margin: 0;
		padding: 10px 0 0 60px;
		background: url(../image/print/bg-h3.jpg) no-repeat 0 100%;
		border-bottom: 1px solid #036;
}

h4 {
		font-size: 120%;
		font-weight: normal;
		line-height: 22px;
		margin: 3em 0 0;
		padding: 0 0 0 30px;
		background: url(../image/print/headline02.png) no-repeat 0 0;
		clear: both;
}

h5,
h6 {
		font-size: 140%;
		font-weight: normal;
		line-height: 30px;
		margin: 1.5em 0 0.5em;
		padding: 0 0 0 30px;
		background: url(../image/print/headline01.png) no-repeat 0 0;
		color: #000099
}

dl { margin: 0 0 20px; }

dt { padding: 0.2em 0; }

dd { margin: 0 0 2em 2em; }

ul { margin: 0 0 1em 2em; }

ol { margin: 0 0 1em 2em; }

li { margin: 0 0 0.5em; }

table {
		border: 0;
		text-align: left;
}

caption { text-align: right; }

/*                                              image p span ul
--------------------------------------------------------------- */
img,
img a,
img a:hover {
		border: 0;
		text-decoration: none;
}

#content .right { text-align: right; }

ul.topic-path {
		width: 100%;
		height: 2em;
		line-height: 2em;
		overflow: hidden;
		margin: 0 0 20px;
		padding: 0;
		background: url(../image/bg-topicpath.jpg);
		border-bottom: 1px solid #ccc;
}

ul.topic-path li {
		display: inline;
		margin: 0;
		padding: 0 0 0 5px;
		color: #666;
}

ul.topic-path a {
		text-decoration: none;
		margin: 0;
		padding: 0 10px 0 0;
		background: url(../image/bg-topicpath-a.jpg) no-repeat 100% 50%;
}

ul.topic-path a,
ul.topic-path .home a { color: #000; }

p.page-top { clear: both; }

p.page-top,
p.page-top a {
		text-decoration: none;
		color: #fff;
		height: 1px;
}

p.img-left {
		float: left;
		margin: 0 1em 1em 0;
		line-height: 1;
}

p.img-right {
		float: right;
		margin: 0 0 1em 1em;
		line-height: 1;
}

/*======================================================================== #footer-inner*/

/* -- 業種 -- */
ul.footer-info-top { display: none; }

/* -- インフォ -- */
div.footer-info-middle { display: none; }

/* -- エリア -- */
div.area { display: none; }

#footer-inner p.page-top { display: none; }

p.footer-logo { display: none; }

/* -- メニュー -- */
div.footer-info-under ul { display: none; }

address {
		text-align: center;
		font-style: normal;
}

address span { padding-left: 15px; }

/*========================================================================*/
/* ====================================================== トップページ */
#flash {
		height: 270px;
		background: url(../image/bg-header.jpg) no-repeat 50% 0;
}

#rightbox {
		width: 590px;
		float: right;
}

#leftbox {
		width: 310px;
		float: left;
}

#imageMenu {
		position: relative;
		width: 590px;
		height: 150px;
		margin: 0 0 20px;
		overflow: hidden;
}

#imageMenu ul {
		list-style: none;
		display: block;
		width: 900px;
		height: 150px;
		margin: 0;
		overflow: hidden;
}

#imageMenu li {
		float: left;
		margin: 0;
}

#imageMenu li a {
		text-indent: -9999px;
		cursor: pointer;
		display: block;
		width:118px;
		height: 200px;
		overflow:hidden;
}

#imageMenu .navi01 a { background: url(../image/slider01.jpg) no-repeat 0 0; }

#imageMenu .navi02 a { background: url(../image/slider02.jpg) no-repeat 0 0; }

#imageMenu .navi03 a { background: url(../image/slider03.jpg) no-repeat 0 0; }

#imageMenu .navi04 a { background: url(../image/slider04.jpg) no-repeat 0 0; }

#imageMenu .navi05 a {
		background: url(../image/slider05.jpg) no-repeat 0 0;
		width: 118px;
}

#column_one_home h3 {
		clear: both;
		text-align: left;
		font-size: 100%;
		font-weight: normal;
		line-height: 30px;
		height: 30px;
		margin: 0;
		padding: 0 0 0 30px;
		background: url(../image/bg-news.jpg) no-repeat 0 0;
		color: #c33;
}

ul.info-box {
		list-style: none;
		margin: 0;
}

.info-box span {
		font-weight: normal;
		padding: 0 1em 0 0;
		color: #000;
		background-color: transparent;
}

.info-box li {
		width: 565px;
		line-height: 2.4em;
		margin: 0;
		padding: 0 0 0 15px;
		border-bottom: 1px dotted #eee;
}

.info-box a,
.info-box a:hover { text-decoration: none; }

.info-box a { color: #036; }

.info-box a:hover { color: #c33; }

/* -- サブメニュー -- */
ul.sabmenu {
		list-style-type: none;
		width: 290px;
		height: 150px;
		margin: 0 0 20px;
}

ul.sabmenu li {
		width: 290px;
		line-height: 50px;
		margin: 0;
}

ul.sabmenu a {
		text-decoration: none;
		display: block;
		width: 160px;
		line-height: 50px;
		padding: 0 0 0 130px;
		background-image: url(../image/top-menu.jpg);
		background-repeat: no-repeat;
}

ul.sabmenu .btn01 a { background-position: 0 0; }

ul.sabmenu .btn02 a { background-position: 0 -50px; }

ul.sabmenu .btn03 a { background-position: 0 -100px; }

ul.sabmenu a:hover {
		text-decoration: none;
		background-image: url(../image/top-menu.jpg);
		background-repeat: no-repeat;
		color: #f00;
}

ul.sabmenu .btn01 a:hover { background-position: -290px 0; }

ul.sabmenu .btn02 a:hover { background-position: -290px -50px; }

ul.sabmenu .btn03 a:hover { background-position: -290px -100px; }

/* ====================================================== コンセプト アクセシビリティ WP */

.dl-concept dt,
.dl-accessibility dt,
.dl-wp dt {
		margin: 0;
		padding: 5px 0 4px 28px;
		background: url(../image/print/headline01.png) no-repeat 0 50%;
		border-bottom: 1px dotted #336;
		color: #336;
}

.dl-concept dd,
.dl-accessibility dd {
		margin: 0;
		padding: 5px 0 20px 28px;
}

/* ====================================================== プラン */
.qitem {
		width:200px;
		height:200px;
		margin: 0 10px 10px 0;
		background: url(../image/img-plan-bg.jpg) no-repeat 0 0;
		overflow:hidden;/* required to hide the image after resized */
		position:relative;/* for child absolute position */
		float:left;/* display div in line */
		cursor:hand;
		cursor:pointer;
}

.qitem img {
		border:0;
		position:absolute;/* allow javascript moves the img position*/
		z-index:200;
}

.qitem .caption {
		padding: 50px 10px 5px 10px;
		position:absolute;
		z-index:0;
		color:#fff;
		display:block;
}

.qitem .caption h3 {
		font-size: 100%;
		font-weight: normal;
		background-image: none;
		background-color: transparent;
		color: #FF66FF;
		line-height: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
}

.qitem .caption p {
		width: 100%;
		line-height: 1.3em;
		margin:0;
		padding: 0;
}

.qitem .caption .right {
		margin: 10px 0 0;
		color: #0cf;
}

/* Setting for corners */
.topLeft,
.topRight,
.bottomLeft,
.bottomRight {
		position:absolute;
		background-repeat: no-repeat;
		float:left;
}

.topLeft { background-position: top left; }

.topRight { background-position: top right; }

.bottomLeft { background-position: bottom left; }

.bottomRight { background-position: bottom right; }

ul.plan-info {
		list-style: none;
		width: 595px;
		margin: 0 auto 50px;
		padding: 230px 20px 40px 15px;
}

ul.plan-info li {
		line-height: 1.5em;
		margin: 0 0 15px;
		padding: 2px 0 0 25px;
}

ul.plan-info .info01 { background: url(../image/list-01.gif) no-repeat 0 0; }

ul.plan-info .info02 { background: url(../image/list-02.gif) no-repeat 0 0; }

ul.plan-info .info03 { background: url(../image/list-03.gif) no-repeat 0 0; }

ul.plan-info .info04 { background: url(../image/list-04.gif) no-repeat 0 0; }

ul.plan-info .info05 { background: url(../image/list-05.gif) no-repeat 0 0; }

ul.plan-info .info06 { background: url(../image/list-06.gif) no-repeat 0 0; }

ul.plan-info .info07 { background: url(../image/list-07.gif) no-repeat 0 0; }

ul.plan-info .info08 { background: url(../image/list-08.gif) no-repeat 0 0; }

ul.plan-info .info09 { background: url(../image/list-09.gif) no-repeat 0 0; }

ul.plan-info .info10 { background: url(../image/list-10.gif) no-repeat 0 0; }

ul.plan01 { background: #eee url(../image/img-planinfo-01.jpg) no-repeat 0 0; }

ul.plan02 { background: #eee url(../image/img-planinfo-02.jpg) no-repeat 0 0; }

ul.plan03 { background: #eee url(../image/img-planinfo-03.jpg) no-repeat 0 0; }

ul.plan04 { background: #eee url(../image/img-planinfo-04.jpg) no-repeat 0 0; }

ul.plan05 { background: #eee url(../image/img-planinfo-05.jpg) no-repeat 0 0; }

ul.plan06 { background: #eee url(../image/img-planinfo-06.jpg) no-repeat 0 0; }

ul.plan07 { background: #eee url(../image/img-planinfo-07.jpg) no-repeat 0 0; }

ul.plan-info li p {
		margin: 0 0 2px;
		padding: 5px 0 0;
		border-top: 1px dotted #339900;
}

ul.plan-info ul {
		list-style-position: inside;
		margin: 0;
		padding: 0;
}

ul.plan-info ul li {
		margin: 0;
		padding: 0;
}

ul.ul-plan {
		list-style: none;
		width: 630px;
		overflow: hidden;
		margin: 0;
		padding: 0 0 2em;
}

.ul-plan li {
		width: 204px;
		height: 180px;
		position: relative;
		float: left;
		margin: 0 2px 20px 0;
		border: 1px solid #ccc;
}

.ul-plan img {
		display: block;
		width: 200px;
		margin: 5px auto 5px;
}

.ul-plan p {
		line-height: 1em;
		margin: 0;
		position: absolute;
		top: 160px;
		left: 10px;
}

#plan table {/* 料金表 */
		width: 630px;
		margin: 0 0 5px;
		padding: 0;
}

#plan th,
#plan td {
		text-align: left;
		margin: 0;
		padding: 6px;
		background: url(../image/bg-dotted.jpg);
}

#plan th {
		font-weight: normal;
		width: 60%;
}

#plan .colspan {
		text-align: right;
		background: none;
}

#plan table p {
		line-height: 1;
		margin: 0;
		padding: 0;
}

#plan th p {
		padding: 6px 10px 6px;
		background-color: #fff;
		color: #000;
		border: 1px outset #eee;
}

#plan td p { padding: 0 0 0 20px; }

#plan th span {
		display: block;
		font-weight: normal;
		font-size: 80%;
		margin: 5px 0 0 15px;
		padding: 4px 5px 4px;
		border: 1px inset #fff;
		background-color: #fff;
		color: #000;
}

/* ====================================================== 流れ */
dl.dl-flow {
		margin: 0 0 20px;
		padding: 0;
		background: url(../image/bg-flow.jpg);
		border-top: 1px dotted #666;
}

.dl-flow dt {
		font-size: 120%;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0 0 1.5em;
		color: #000;
}

.dl-flow dd {
		margin: 0 0 20px;
		padding: 0.5em 1em 0.5em 12em;
		border-bottom: 1px dotted #666;
}

.dl-flow #step01 { background: url(../image/flow-1.jpg) no-repeat 3% 100%; }

.dl-flow #step02 { background: url(../image/flow-2.jpg) no-repeat 3% 100%; }

.dl-flow #step03 { background: url(../image/flow-3.jpg) no-repeat 3% 100%; }

.dl-flow #step04 { background: url(../image/flow-4.jpg) no-repeat 3% 100%; }

.dl-flow #step05 { background: url(../image/flow-5.jpg) no-repeat 3% 100%; }

.dl-flow #step06 { background: url(../image/flow-6.jpg) no-repeat 3% 100%; }

.dl-flow #step07 { background: url(../image/flow-7.jpg) no-repeat 3% 100%; }

.dl-flow #step08 { background: url(../image/flow-8.jpg) no-repeat 3% 100%; }

p.button-form img a,
p.button-form img a:hover {
		text-decoration: none;
		border: 0;
}

/* ====================================================== 料金 */
.dl-price-child {
		margin: 0 0 20px;
		padding: 0;
}

.dl-price-child dt {
		font-size: 100%;
		line-height: 30px;
		margin: 0;
		padding: 0 0 0 40px;
		background: url(../image/bg-h02.jpg) no-repeat 0 0;
}

.dl-price-child dt a,
.dl-price-child dt a:hover {
		text-decoration: none;
		color: #000;
}

.dl-price-child dd {
		margin: 0 0 50px;
		padding: 0;
		background: url(../image/bg-dotted.jpg);
}

.dl-price-child table {
		width: 100%;
		margin: 0 0 5px;
		padding: 0;
}

.dl-price-child th,
.dl-price-child td {
		text-align: left;
		line-height: 1;
		margin: 0;
		padding: 0.2em 0;
		border-bottom: 1px solid #ccc;
}

.dl-price-child th {
		font-weight: normal;
		width: 60%;
}

.dl-price-child .colspan {
		text-align: left;
		padding-left: 1em;
}

.dl-price-child table p {
		line-height: 1;
		margin: 0;
		padding: 0;
}

.dl-price-child th p {
		padding: 6px 10px 6px;
		color: #036;
}

.dl-price-child td p { padding: 0; }

#price th span,
#plan th span {
		display: block;
		font-weight: normal;
		font-size: 80%;
		margin: 5px 0 0 15px;
		padding: 4px 5px 4px;
		color: #000;
}

.dl-price-ex dt {
		font-size: 100%;
		line-height: 30px;
		margin: 0;
		padding: 0 0 0 40px;
		background: url(../image/bg-h02.jpg) no-repeat 0 0;
}

.dl-price-ex dd {
		margin: 0;
		padding: 10px 0 30px 20px;
}

/* ====================================================== ショップ */
ul.cart {
		font-size: 90%;
		list-style: none;
		margin: 0;
}

.cart li {
		margin: 0 10px 10px 0;
		padding-left: 10px;
		width: 190px;
		float: left;
}

h4.bg-h02,
h6.bg-h02 {
		font-size: 140%;
		font-weight: normal;
		line-height: 40px;
		padding: 0 0 0 55px;
		background: url(../image/bg-h02.jpg) no-repeat 0 0;
		clear: both;
}

/* ====================================================== サーバー */
table.table-server-price {
		text-align: left;
		font-size: 95%;
		width: 629px;
		margin: 0 auto 40px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
}

.table-server-price th,
.table-server-price td {
		width: 139px;
		padding: 5px 0 4px 9px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}

table.table-server-price th {
		font-weight: normal;
		background-color: #eee;
}

table.table-server {
		text-align: left;
		font-size: 95%;
		width: 629px;
		margin: 0 auto 20px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
}

.table-server td {
		padding: 5px 0 4px 9px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
}

.table-server .cell-1 { width: 300px; }

.table-server .cell-2 { width: 100px; }

.table-server-title {
		background-color: #eee;
		color: #036;
}

.table-server-price p,
.table-server p {
		line-height: 1;
		margin: 0;
		padding: 5px 0;
}

/* ====================================================== FAQ */
ol.ol-faq {
		margin: 0 0 10em 3em;
		padding: 0;
}

.dl-faq dt {
		line-height: 40px;
		padding-left: 60px;
		background: url(../image/bg-faq-dt.gif) no-repeat 0 0;
}

.dl-faq dd {
		margin: 0 0 30px;
		padding: 0 0 0 60px;
		background: url(../image/bg-faq-dd.gif) no-repeat 0 0;
		border-bottom: 1px solid #ccc;
}

/* ====================================================== ABOUT */
.table-information {
		width: 630px;
		margin: 0 auto 50px;
}

.table-information caption { text-align: right; }

.table-information th,
.table-information td {
		margin: 0;
		padding: 5px 0 4px 10px;
		border-bottom: 1px solid #ccc;
}

.table-information th {
		font-weight: normal;
		width: 180px;
}

#map_canvas {
		width: 630px;
		height: 400px;
		margin: 2em auto;
}

/* ====================================================== ポリシー */
.ol-privacypolicy li p {
		line-height: 3em;
		margin: 0 0 1em;
}

/* ====================================================== リンク */
p.link-path {
		line-height: 30px;
		padding: 0 1em;
		background-color: #eee;
		color: #666;
}

p.link-path span {
		padding: 0 5px;
		background-color: #eee;
		color: #000;
}

p.link-path a {
		background-color: #eee;
		color: #00f;
}

dl.dl-link { margin: 0 0 20px; }

.dl-link dt {
		padding: 0 0 0 15px;
		background: url(../image/listmark01.gif) no-repeat 0 50%;
}

.dl-link dd {
		margin: 0;
		padding: 3px 0 3px 15px;
}

ol.link-list a {
		text-decoration: none;
		background-color: #fff;
		color: #00f;
}

ol.link-list a:hover {
		text-decoration: underline;
		background-color: #fff;
		color: #f00;
}

ol.link-list {
		margin: 0 0 20px 50px;
		padding: 0;
}

ol.link-list li {
		margin: 0;
		padding: 5px 0;
}

.link-list li.border-b { border-top: 1px dotted #036; }

.link-list p {
		line-height: 1.5em;
		margin: 0 0 1em;
		padding: 0.5em 0.5em 0.5em 3em;
		background: url(../image/gray.jpg);
}

h4#aboutlink {
		font-size: 130%;
		font-weight: normal;
		line-height: 30px;
		margin: 60px 0 0;
		padding: 0 0 0 30px;
		background: url(../image/bg-h03.jpg) no-repeat 0 0;
}

dl.dl-aboutlink {
		margin: 0;
		padding: 0;
		width: 900px;
		overflow: hidden;
}

.dl-aboutlink dt {
		width: 145px;
		line-height: 30px;
		float: left;
		clear: left;
		margin: 0;
		padding: 0 0 0 15px;
}

.dl-aboutlink dd {
		width: 700px;
		line-height: 30px;
		float: left;
		margin: 0;
		padding: 0;
}

/* ====================================================== システム */
p.software {
		width: 200px;
		height: 240px;
		float: left;
		margin: 0 2em 1em 0;
}

/* ====================================================== 実績 */
.dl-works {
		font-size: 90%;
		width: 90%;
		margin: 40px auto 20px;
		padding: 0;
}

.dl-works dt {
		width: 200px;
		height: 210px;
		float: left;
		clear: both;
		margin: 0 0 10px;
		padding: 0;
}

.dl-works dd {
		width: 410px;
		height: 210px;
		float: right;
		margin: 0;
		padding: 10px 5px;
		overflow: hidden;
}

.dl-works dd.clear {
		text-align: right;
		width: 90%;
		height: 1px;
		float: none;
		clear: both;
		margin: 0 0 20px;
		padding: 0;
		color: #fff;
}

.dl-works dd p {
		line-height: 1.5em;
		margin: 0 0 0.5em;
		padding: 0;
}

.dl-works dd .txt01,
.dl-works dd .txt02 {
		margin-bottom: 0;
		padding-left: 5px;
}

.dl-works dd .txt03 {
		margin-bottom: 0.5em;
		padding-left: 5px;
}

.txt01 { border-left: 10px solid #036; }

.txt02 { border-left: 10px solid #36c; }

.txt03 { border-left: 10px solid #69f; }

.dl-works a,
.dl-works a:hover {
		text-decoration: none;
		color: #000;
}

/* ====================================================== テンプレート */
dl.temp {
		margin: 0 0 10px;
		padding: 230px 0 0;
		background: url(../image/img-planinfo-01.jpg) no-repeat 0 0;
}

dl.temp dt {
		text-align: right;
		margin: 0 0 0.5em;
		padding: 0;
		color: #036;
}

dl.temp dd {
		margin: 0 0 1em;
		padding: 0 0 5px;
		background: url(../image/gray.jpg);
}

dl.temp dd img {
		display: block;
		margin: 0 auto 20px;
		padding: 0;
}

dl.temp dd p {
		line-height: 30px;
		margin: 0;
		padding: 0 0 0 5px;
		color: #036;
}

ul.lightbox-temp {
		margin-bottom: 30px;
		padding: 0;
}

ul.lightbox-temp li {
		line-height: 30px;
		height: 30px;
		margin: 0 0 5px;
		padding: 0;
}

ul.info-temp {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

ul.info-temp li {
		width: 280px;
		height: 270px;
		float: left;
		margin: 0 5px 10px 0;
		padding: 10px 15px 15px;
		background: url(../image/gray.jpg);
		border-top: 5px solid #99CC00;
		overflow: auto;
}

ul.info-temp p {
		margin: 0 0 0.5em;
		padding: 0;
}

ul.info-temp ul {
		list-style-type: circle;
		list-style-position: inside;
		width: 250px;
		margin: 0 0 1em;
		padding: 0;
}

ul.info-temp ul li {
		width: 250px;
		height: auto;
		float: none;
		margin: 0 0 10px;
		padding: 0;
		background: none;
		border: none;
}

/* ====================================================== FREEテンプレート */
ul.free-temp {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
}

ul.free-temp li {
		width: 200px;
		height: 300px;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
}

/* ====================================================== イージーアップ */
ul.eup-link {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
}

.eup-link li {
		display: inline;
		margin: 0;
		padding: 0 20px;
}

/* ====================================================== モバイル */
.ul-lightbox-smartphone {
		list-style-type: none;
		width: 100%;
		margin: 0 0 2em;
		overflow: hidden;
}

.ul-lightbox-smartphone li {
		width: 148px;
		height: 178px;
		float: left;
		margin: 0 10px 0 0;
		border: 1px solid #eee;
}

.ul-lightbox-smartphone li.marginnone { margin: 0; }

#mobile h5 {
		margin-top: 1em;
		padding-left: 40px;
		color: #33f;
}

.dl-mobile dt {
		padding: 5px 0 5px 28px;
		background: url(../image/print/headline02.png) no-repeat 0 50%;
		color: #06f;
}

#mobile .dl-price-child { margin-top: 20px; }

#mobile table {
		width: 630px;
		margin: 0 0 5px;
		padding: 0;
}

#mobile th,
#mobile td {
		text-align: left;
		margin: 0;
		padding: 6px;
		background: url(../image/bg-dotted.jpg);
}

#mobile th {
		font-weight: normal;
		width: 60%;
}

#mobile th p {
		padding: 6px 10px 6px;
		background-color: #fff;
		color: #000;
		border: 1px outset #eee;
}

#mobile td p { padding: 0 0 0 20px; }

#mobile th span {
		display: block;
		font-weight: normal;
		font-size: 80%;
		margin: 5px 0 0 15px;
		padding: 4px 5px 4px;
		border: 1px inset #fff;
		background-color: #fff;
		color: #000;
}

ul.ul-lightbox {
		list-style: none;
		width: 240px;
		float: left;
		margin: 0 20px 0 0;
}

.ul-lightbox li {
		margin: 0 0 10px 0;
		padding: 0;
		height: 40px;
		overflow: hidden;
}

/* ======================================================== Jqueryデモ */
#demo01 h3,
#demo02 h3,
#demo03 h3,
#demo04 h3,
#demo05 h3 {
		font-size: 100%;
		font-weight: normal;
		text-align: left;
		height: auto;
		line-height: 30px;
		margin: 0 0 10px;
		padding: 0 0 0 30px;
		background: url(../image/bg-h04.jpg) no-repeat 0 50%;
		color: #900;
}

ul.tabNavigation {
		list-style: none;
		margin: 0;
		padding: 0;
}

ul.tabNavigation li {
		display: inline;
		margin: 0;
		padding: 0;
}

ul.tabNavigation li a {
		padding: 3px 10px;
		background-color: #eee;
		color: #036;
		text-decoration: none;
}

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {
		background-color: #036;
		color: #fff;
		padding-top: 7px;
}

ul.tabNavigation li a:focus { outline: 0; }

div.tabs div {
		padding: 20px 0;
		margin-top: 3px;
		border-top: 1px solid #036;
}

div.tabs hr { margin: 2em 0; }

#demo01 ul,
#demo02 ul,
#demo03 ul,
#demo04 ul,
#demo05 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
}

#demo01 li,
#demo02 li,
#demo03 li,
#demo04 li,
#demo05 li {
		width: 840px;
		margin: 0 0 20px;
		padding: 10px 20px 20px;
		background: url(../image/gray.jpg);
		overflow: hidden;
}

#demo01 span,
#demo02 span,
#demo03 span,
#demo04 span,
#demo05 span {
		display: block;
		margin: 0 0 2px;
		color: #039;
}

#demo01 img,
#demo02 img,
#demo03 img,
#demo04 img,
#demo05 img {
		display: block;
		width: 300px;
		float: left;
		margin: 0 50px 0 0;
		border: 5px solid #ccc;
}

#demo01 p,
#demo02 p,
#demo03 p,
#demo04 p,
#demo05 p { line-height: 1.2em; }

/* ====================================================== サイトマップ */
ul.ul-sitemap,
ul.ul-sitemap ul {
		list-style-type: none;
		padding: 0;
}

ul.ul-sitemap { margin: 0; }

ul.ul-sitemap ul { margin: 0 0 20px 0; }

ul.ul-sitemap li {
		margin: 0;
		padding: 0 0 0 10px;
		background: url(../image/listmark01.gif) no-repeat 0 5px;
}

ul.ul-sitemap ul li {
		margin: 0;
		padding: 0 0 0 10px;
		background: url(../image/listmark02.gif) no-repeat 0 5px;
}

ul.ul-sitemap a { padding-right: 15px; }

/* ====================================================== サーバーセット */

div.entry {
		width: 100%;
		margin-bottom: 30px;
		overflow: hidden;
}

ul.server-price,
ul.server-price li { list-style-type: none; }

ul.server-price {
		margin: 0;
		padding: 0;
}

ul.server-price li {
		margin: 0 0 20px;
		padding: 0;
}

ul.server-service,
ul.server-service li { list-style-type: none; }

ul.server-service {
		width: 610px;
		margin: 0;
		padding: 0;
		overflow: hidden;
}

ul.server-service li {
		width: 200px;
		height: 100px;
		float: left;
		margin: 0 0 5px;
		padding: 0;
}

ul.server-service li.margin5 { margin-right: 5px; }

.entry dl.dl-flow dt { text-decoration: none; }

.entry dl.dl-flow dt span {
		font-size: 75%;
		padding-left: 1em;
		color: #999;
		text-decoration: none;
}

/* domain */
table.domain-price {
		width: 96%;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
}

table.domain-price th {
		font-size: 95%;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		line-height: 1;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background-color: #f1f1f1;
}

table.domain-price td {
		font-size: 95%;
		text-align: left;
		vertical-align: middle;
		padding: 10px 10px 14px 9px;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
}

table.domain-price td.domain01 { width: 120px;/*130*/ }

table.domain-price td.domain02 { width: 209px;/*229*/ }

table.domain-price td.price {/*130*/
		text-align: right;
		width: 110px;
}

table.domain-ex { width: 96%; }

table.domain-ex th {
		font-size: 110%;
		vertical-align: middle;
		text-align: left;
		line-height: 1;
		padding: 2px 10px;
		border-bottom: 1px solid #ccc;
		background-color: #f1f1f1;
}

table.domain-ex td {
		font-size: 95%;
		vertical-align: top;
		text-align: left;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
}

table.domain-ex td.cel01 { padding-right: 1em; }

table.domain-ex p {
		margin-bottom: 0.3em;
		line-height: 1.2em;
		color: #000;
}

table.domain-ex p.head {
		margin-bottom: 5px;
		line-height: 1;
		color: #999;
}

div.raw-txt p { line-height: 1.4em; }

div.raw-txt p.raw-head {
		line-height: 1.8em;
		font-weight: bold;
		margin: 0;
}