@charset "utf-8";

/* HTML5 */
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/* ----------------
 BODY
---------------- */
/*
body {
	background: url(/common/bg_body.png) repeat;
}
*/
body {
	background: #fff;
}

/* ----------------
 WRAPPER
---------------- */

#wrapper {
	background: url(/common/bg_wrapper.png) repeat-x 0 0;
}

/* ----------------
 STAGE
---------------- */

#stage {
	margin: 0 auto 50px auto;
	width: 960px;
}

/* ----------------
 FOOTER
---------------- */

#id_bivalves{
	bottom: 0px;
	left: 0px;
}

/* ----------------
 UPPER
---------------- */

#upper {
	margin: 0 auto 10px auto;
	width: 960px;
	height: 29px;
	border-bottom: 1px dotted #ccc;
}
#upper ul {
	float: left;
}
#upper ul li {
	display: inline;
	font-size: 10px;
	line-height: 29px;
}
#upper ul li a {
	margin-right: 5px;
}
#upper h1 {
	float: right;
	margin: 0;
	color: #999;
	font-weight: normal;
	font-size: 10px;
	line-height: 29px;
}

/* ----------------
 LOWER
---------------- */

#lower {
	border-bottom: 1px solid #333;
	background-color: #444;
}
#lower div {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 40px;
}
#lower figure {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#lower ul li {
	display: inline;
	color: #ccc;
	font-size: 10px;
	line-height: 40px;
}
#lower ul li a {
	margin-right: 5px;
	color: #ccc;
}

/* ----------------
 MAIN
---------------- */

#main {
	position: relative;
	float: right;
	width: 740px;
	font-family:
		Verdana,
		Helvetica,
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ',
		Meiryo,
		'ＭＳ Ｐゴシック',
		sans-serif;
}

/* ----------------
 SIDE
---------------- */

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

/* APPLY */

#side .apply {
	margin-top: 0px;
	/*background-color: #fff;*/
}
#side .apply .body{
	height: 195px;
	background: url(/common/apply/call.png) left bottom no-repeat;
}


#side .apply .header .head {
	height: 68px;
	background: url(/common/apply/hl.png) left top no-repeat;
}
#side .apply .body{
		position: relative;
		top:-5px;
}
#side .apply p.txt {
	padding: 0 0 0 10px;
	background: url(/common/apply/arrow.png) left 0.3em no-repeat;
}
/* NAVI */

#side .navi ul,#side .transfer ul {
	margin-bottom: 0px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: 0px;
	padding:0px;
}
#side .navi li,#side .transfer li {
	border-bottom: 1px solid #ddd;
}
#side .transfer img.balloon,#side .beginner img.balloon{
	position: relative;
	z-index: 2;
}
#side .transfer img.btn_transfer,#side .beginner img.btn_beginner{
	position: relative;
	top: -5px;
	left: 0;
	margin-bottom:-5px;
	z-index: 1;
}

#side .navi p.head a {
	display: block;
	padding-left: 20px;
	height: 34px;
/*	background: url("/common/side/bg_navi.png");*/
	background: url("/resource/images/icon_link_white.gif") no-repeat scroll 10px 50% #f4a21b;)
/*	background-color: #e99a1a;*/
		font-weight: bold;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
}
#side .navi p.head{
	display: block;
	height: 34px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
	background-color:#f4a21b;
}
#side .navi p.head a:hover {
/*	background-color: #013f73;*/
background-color:#fdba4c;
}
#side .navi ul li.rental a {
	display: inline-block; /*IE7対応*/
     *display: inline; /*IE7対応*/
     *zoom: 1; /*IE7対応*/
	 
	display: table-cell;
	padding: 5px 0px 5px 19px;
	width: 159px;
	background: url(/common/side/arrow_navi.png) 6px 48% no-repeat #fff;
	color: #444;
	vertical-align:middle;
	font-weight:bold;
	font-size: 14px;
	line-height: 1.5;
}
*+html #side .navi ul li.rental a {
	padding-top: 7px;
}
#side .navi ul li.rental a:hover,
#side .navi ul li.rental a.current {
	background-color:#fdf1dc;
}
#side .navi span {
	display: block;
	color: #777;
	font-weight: normal;
	font-size: 11px;
}

#side .transfer p.head{
  position: relative;
  background:#777;
  width:180px;
  background: url(/common/apply/hl.png) left top no-repeat;
  padding: 13px 5px 34px 5px;
  margin-bottom:-5px;
}

#side .transfer ul li a {
	  display: inline-block; /*IE7対応*/
     *display: inline; /*IE7対応*/
     *zoom: 1; /*IE7対応*/
	 
	display: table-cell;
	padding: 8px 0px 8px 19px;
	width: 159px;
	background: url(/common/side/icon_link_small.gif) 6px 48% no-repeat #fff;
	vertical-align:middle;
	font-weight:bold;
	font-size: 14px;
}
*+html #side .transfer ul li a{
	padding-top: 7px;
}
/* SIDEBOX */

#side .sidebox {
	background: #fff;
}
#side .sidebox dt {
	padding: 0 0 0 10px;
	min-height: 30px;
	background-color: #666;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
}
#side .sidebox dd {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}
#side .sidebox hr {
	border: none;
	border-top: 1px dashed #bebebe;
}
#side .sidebox em {
	color: #ff7800;
	font-style: normal;
}
#side .sidebox h3 {
	padding-left:1em;
	text-indent: -1em;
}

/* MEMBER */

.member {
	background: #fff;
}

/* ----------------
 SECTION
---------------- */

section {
	position: relative;
}

/* ----------------
 HEADLINE
---------------- */

h2 {
	margin-bottom: 15px;
	font-size: 18px;
}
h2 a {
	background-position: 0 50%;
}
.hlbtn01 {
	position: absolute;
	top: -4px;
	left: 90px;
}
.hlbtn02 {
	position: absolute;
	top: -10px;
	right: 0px;
}

/* ----------------
 LEAD
---------------- */

article .lead {
	margin-bottom: 10px;
	font-size: 14px;
}

/* ----------------
 NEW
---------------- */

article .new {
	padding-left: 45px;
	background: url(/common/new.png) no-repeat 0px 0.1em;
}

/* ----------------
 STICKY
---------------- */

#sticky {
	margin-bottom: 10px;
	padding: 0px 8px 0px 8px;
	height: 35px;
	border: 1px solid #ffc4cf;
	background-color: #ffd8df;
	font-weight: bold;
	font-size: 11px;
	line-height: 35px;
}
#sticky li {
	display: inline;
	margin-right: 8px;
}
#sticky img {
	vertical-align: middle;
}

/* ----------------
 FUNCTION
---------------- */

#function {
	width: 100%;
	border-collapse: collapse;
}
#function th {
	position: relative;
	padding: 10px;
	width: 150px;
	border: 1px solid #d4d4d4;
	background-color: #e2e2e2;
	text-align: left;
	font-size: 14px;
}
#function th figure {
	position: absolute;
}
#function th h4 {
	display:table-cell;
	padding-left: 59px;
	height: 50px;
	vertical-align: middle;
}
#function td {
	padding: 10px 0 0 10px;
	border: 1px solid #cbcbcb;
	background-color: #adadad;
}

/* DL */

#function dl {
	float: left;
	width: 132px;
	min-height: 50px;
	margin: 0 7px 10px 0;
	background: url(/common/function/btn.png) 0 0 no-repeat;
	color: #333;
	border-radius: 5px;
	box-shadow: 0px 2px 3px #666;
	behavior:url(/resource/css/PIE.htc);
	position: relative;
}
#function a:hover dl {
	background: url(/common/function/btn.png) -142px 0 no-repeat;
}
#function dl.ex {
	height: 111px;
	background: url(/common/function/exbtn.png) 0 0 no-repeat;
}
#function a:hover dl.ex {
	background: url(/common/function/exbtn.png) -142px 0 no-repeat;
}
#function dl.void {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: url(/common/function/btn_void.png) #bbb 0 0 no-repeat;
	color: #888;
}
#function dl.void dd {
	color: #888;
}
#function dl.void p {
	color: #888;
}
#function dt {
	margin-top: 16px;
	margin-left: 21px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;

}
#function dd {
	margin-left: 22px;
	color: #666;
	font-size: 10px;
	font-family:
		Verdana,
		Helvetica,
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'ＭＳ Ｐゴシック',
		sans-serif;
}

/* UL */

#function ul {
	float: left;
	margin: 0 10px 15px 0;
	min-height: 55px;
	width: 177px;
	border-radius: 5px;
	background: url(/common/function/btn_wide.png) 0 0 no-repeat;
	box-shadow: 0px 2px 3px #666;
	color: #333;
	behavior:url(/resource/css/PIE.htc);
	position: relative;
}
#function a:hover ul {
	opacity: 0.7;
}
#function ul li {
	margin: 0 0 0 23px;
	font-weight: bold;
	font-size: 16px;
	line-height: 55px;
}
#function ul li.duo {
	margin-top: 8px;
	line-height: 1.2;
}
#function ul li.try {
	font-size: 14px;
	line-height: 10px;
}
#function ul li.try p {
	margin: 0 !important;
	line-height: 10px !important;
}
#function ul.ex {
	padding-top: 7px;
	height: 118px;
	background: url(/common/function/exbtn_wide.png) 0 0 no-repeat;
}
#function ul.ex li {
	line-height: 1.2;
}
#function ul small {
	vertical-align: top;
	font-weight: normal;
	font-size: 8px;
}
/* ----------------
 FEATURE
---------------- */

article #feature {
	margin: 20px 0 0 0;
}

article #feature>li {
	position: relative;
	margin-bottom: 15px;
	padding-left: 115px;
	min-height: 115px;
}
article #feature>li {
	float: left;
	width: 245px;
}
article #feature>li:nth-child(odd) {
	clear: left;
	margin-right: 20px;
}
article #feature>li figure {
	position: absolute;
	top: 0;
	left: 0;
}
article #feature>li h3 {
	margin: 0 0 4px 0;
}
article #feature>li h3 span {
	font-size: 10px;
}
article #feature>li p {
	margin-bottom: 10px;
	font-size: 13px;
}

/* ----------------
 ALERT
---------------- */

aside.alert {
	padding: 20px;
	border: 1px dotted #ccc;
	background: url(/common/bg_vanilla.png);
}
aside.alert .attention {
	padding-top: 3px;
}

/* ----------------
 TABLE
---------------- */

table {
	background-color: #fff;
}

/* DATA */

table.data {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	background-color: #fff;
}
table.data th {
	padding: 10px;
	width: 150px;
	border: 1px solid #ddd;
	background: url(/common/bg_vanilla.png);
	text-align: left;
	font-weight: normal;
}
table.data td {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff !important;
}

/* NATIVE */
table.native, table.plans {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
table.plans a, table.plans a:hover{
	color:#fff;
	text-decoration:underline;
}
table.plans caption{
	text-align:left;
	font-size:16px;
}
table.native caption {
	padding: 8px 10px;
	background-color: #F6A300;
	color: #fff;
	text-align: left;
	font-size: 18px;
}
table.native th{
	padding : 5px;
	border: 1px solid #c1c1c1;
	text-align: left;
	font-weight: normal;
}
table.plans th{
	padding :  4px 4px 6px 4px;
	border: 1px solid #c1c1c1;
	text-align: center;
	font-weight: normal;
	background-color: #F6A300;
	color: #fff;
	font-size: 18px;
	width:122px;
	line-height:1.1;
}
table.plans th.business,table.plans th.pro{
	background-color: #FF7200;
}
table.plans th.managed{
	background-color: #EB4800;
	font-size: 15px;
}
table.native td {
	padding: 10px 5px;
	border: 1px solid #c1c1c1;
	text-align: center;
	font-size: 12px;
}
table.plans td{
	border: 1px solid #c1c1c1;
	text-align: center;
	padding:5px;
	color:#555;
	font-size:14px;
	text-align: center;
	border: 1px solid #c1c1c1;
	line-height:1.6;
}

table.plans td.border-top{
	border-top: none;
}
table.plans td.border-bottom{
	border-bottom: none;
}
table.plans td.plans-level01{
	background-color: #FDF1DC;
}
table.plans td.plans-level02{
	background-color: #FFEFD0;
}
table.plans td.plans-level03{
	background-color: #FCE9C4;
}
table.plans td.plans-level04{
	background-color: #FCE1AE;
}
table.plans td.plans-level05{
	background-color: #FCDB9F;
}
table.native .hcell {
	border-top: none;
	background-color: #ffefd0;
	font-weight: bold;
	font-size: 13px;
}
table.native a:hover {
	text-decoration: underline;
}
table.native .gray {
	background: #f5f5f5;
}

/* GENERAL */

table.general {
	width: 100%;
	border: 1px solid #d4d0d0;
	border-collapse: collapse;
	background-color: #fff;
}
table.general th {
	padding: 10px 5px;
	border: 1px solid #fde5bc;
	border-bottom: 1px solid #fde5bc;
	background-color: #fffdf5;
	color: #555;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}
table.general td {
	padding: 10px 5px;
	border: 1px solid #fde5bc;
	background: #fff;
	color: #555;
	text-align: center;
	font-size: 14px;
}
table.general thead th {
	font-size: 16px;
}
table.general tfoot th {
	padding: 10px 10px 10px 10px;
	width: 240px;
	vertical-align: top;
	text-align: left;
}
table.general tfoot th h4 {
	font-size: 16px;
}
table.general tfoot td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
table.general tfoot td li {
	margin-bottom: 5px;
}
table.general a {
	font-weight: bold;
}
table.general a:hover {
	text-decoration: underline;
}
table.general em {
	margin-right: 0.1em;
	color: #f19a0b;
	font-style: normal;
	font-size: 26px;
}
table.general span {
	margin-right: 0.1em;
	color: #f19a0b;
}
table.general tfoot em {
	margin: 0 0.1em 0 0.1em;
	font-size: 20px;
}
table.general strong {
	margin-right: 0.1em;
	font-size: 24px;
}
table.general caption {
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
table.general b {
	color: #ea2e59
}

/* SHELF */

table.shelf {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid #eb9b00;
	background-color: #fff;
}
table.shelf thead th {
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff6e7;
}
table.shelf thead td {
	padding: 10px;
	border: 1px solid #ddd;
}
table.shelf tbody th {
	padding: 10px;
	border: 1px solid #ddd;
}
table.shelf tbody td {
	padding: 10px;
	width: 180px;
	border: 1px solid #ddd;
}
table.shelf tbody td {
	padding: 10px;
	width: 25%;
	border: 1px solid #ddd;
}
table.shelf td em {
	color: #ea2e59;
	font: 24px bold normal;
}
#tab02 table.shelf td {
	width: 25%;
	text-align: center;
}

/* MATRIX */

table.matrix {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
table.matrix th {
	padding: 10px;
}
table.matrix td {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
}
table.matrix tbody th {
	width: 25%;
	border: 1px solid #ccc;
	border-top: none;
	text-align: left;
}
table.matrix thead th {
	border-top: none;
	background-color: #f6a300;
	color: #fff;
	font-size: 16px;
}
table.matrix a:hover {
	text-decoration: underline;
}


/* ----------------
CHECK
---------------- */

.check li {
	margin-bottom: 10px;
	padding: 8px 0 0 34px;
	background: url("/common/icon_check.png") no-repeat;
}

/* ----------------
 BOX
---------------- */

/* box_domain */

.box_domain {
	position: relative;
	padding: 15px;
	background-color: #fff2f2;
}
.box_domain h3 {
	margin-bottom: 0px;
	font-size: 18px;
}
.box_domain em {
	font-weight: bold;
	font-style: normal;
	font-size: 18px;
}
.box_domain em span {
	margin-left: 15px;
	color: #e3294b;
	font-size: 36px;
}
.box_domain div {
	position: absolute;
	top: 15px;
	left: 295px;
	padding: 15px;
	width: 400px;
	background-color: #fff;
	font-weight: bold;
	font-size: 14px;
}
.box_domain dl {
	position: absolute;
	top: 100px;
	left: 295px;
}
.box_domain dt {
	display: inline;
}
.box_domain dd {
	display: inline;
	margin-left: 10px;
}

/* ----------------
 NOWRAP
---------------- */

.nowrap {
	white-space: nowrap;
}

/* ----------------
 CAPTION
---------------- */

ul.caption li {
	color: #999;
	font-size: 10px;
}
p.caption {
	padding-left: 1.5em;
	color: #999;
	text-indent: -1.5em;
	font-size: 10px;
}

/* ----------------
 COLOR
---------------- */

.skrred {
	color: #ea2e59;
}

/* ----------------
 HOTLINE
---------------- */

#hotline div {
	position: relative;
	padding: 15px;
	min-height: 145px;
	background: #fffbe4;
}
#hotline div figure {
	position: absolute;
	left: 10px;
	bottom: 0px;
}
#hotline div h3 {
	margin-left: 110px;
}
#hotline div ul {
	margin-left: 110px;
}
#hotline dl {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 10px 15px;
	border: 4px solid #bebebe;
	background: #fff;
}
#hotline dt {
	color: #0f77cb;
	font-weight: bold;
	font-size: 14px;
}


/* ----------------
 SUBJECT
---------------- */

.subject {
	padding-left: 10px;
	border-left: 10px solid #f4a21b;
	font-weight: normal;
	font-size: 16px;
}

/* ----------------
 TAB
---------------- */

.ui-widget-content a {
	color: #568cc5;
}
#ui-tab {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#ui-tab>ul {
	margin-left: 20px;
	border: none;
	background: none;
}
#ui-tab>ul>li {
	width: 345px;
	font-size: 18px;
	behavior: url("/css/PIE.htc");
	border: 1px solid #ccc;
	position: relative;
}
#ui-tab>ul>li>a {
	width: 297px;
	padding-left: 33px;
	background: url(/common/tab/arw_wait.png) no-repeat 10px 13px;
}
#ui-tab>ul>li.ui-tabs-selected>a {
	width: 297px;
	padding-left: 33px;
	background: url(/common/tab/arw_active.png) no-repeat 10px 13px;
}
#ui-tab>ul>li small {
	font-size: 12px;
}
#ui-tab #tab01,
#ui-tab #tab02 {
	padding: 18px;
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 3px #bbb;
	behavior: url("/css/PIE.htc");
	position: relative;
}

/* ----------------
 QUESTION
---------------- */

.question {
	padding-left: 18px;
	background: url("/common/icon_question.png") no-repeat 0 2px;
}

/* ----------------
 FONTSET
---------------- */

.fontset {
	font-family:
	Verdana,
	Helvetica,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	'メイリオ',
	Meiryo,
	'ＭＳ Ｐゴシック',
	sans-serif;
}
dt,
strong,
em,
b,
#index #function ul li,
#side nav li {
	font-family:
	Verdana,
	Helvetica,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	'メイリオ',
	Meiryo,
	'ＭＳ Ｐゴシック',
	sans-serif;
}

/* ----------------
 VISUAL
---------------- */

/* AREA */

article > #visual {
	position: relative;
	margin: 30px 0 15px 0;
	width: 740px;
	height: 265px;
	background: url("/common/visual/bg.png")
	no-repeat 0 0;
	z-index: 0;
	overflow: hidden;
}
#lite article > #visual,
#standard article > #visual,
#premium article > #visual {
	background: url("/common/visual/bg01.png");
}
#business article > #visual,
#pro article > #visual {
	background: url("/common/visual/bg02.png");
}
#managed article > #visual {
	background: url("/common/visual/bg05.png") no-repeat;
}
#mail article > #visual {
	background: url("/common/visual/bg04.png");
}
#casestudy article > #visual {
	background: none;
	height: 140px;
}



/* HGROUP */

article > #visual hgroup {
	position: relative;
	padding: 12px 0 0 15px;
	z-index: 3;
}
#mail article > #visual hgroup {
	padding: 20px 0 0 15px;
}
#casestudy article > #visual hgroup {
	padding: 0;
}

/* H1 */

article > #visual h1 {
	margin: 0 0 21px 0;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
}
article > #visual h1 span {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}
#mail article > #visual h1 {
	margin: 0 0 28px 0;
}
#casestudy article > #visual h1,
#casestudy article > #visual span {
	color: #1a1a1a;
	font-size: 45px;
	margin: 0 0 10px -7px;
	line-height: 1;
}
#casestudy article > #visual span {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 5px;
}

/* H2 */

article > #visual h2 {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 20px;
	color: #e3294b;
}
#lite article > #visual h2,
#standard article #visual h2,
#premium article #visual h2 {
	color: #ff8400;
}
#business article #visual h2,
#pro article #visual h2 {
	color: #ff7200;
}
#mail article #visual h2 {
	color: #e46c82;
}
#casestudy article > #visual h2 {
	font-size: 14px;
	line-height: 1.4;
	font-weight: normal;
	color: #4d4d4d;
}

/* H3 */

article > #visual h3 {
	margin: 4px 0 0 0;
	color: #33200d;
	font-weight: normal;
	line-height: 1.4;
}

/* DL */

article > #visual dl {
	position: absolute;
	bottom: 30px;
	right: 15px;
	width: 362px;
	height: 78px;
	padding: 10px;
	background: url("/common/visual/sheet.png");
	border-radius: 5px;
	z-index: 2;
	behavior: url("/css/PIE.htc");
}
article > #visual dt:nth-of-type(1) {
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 16px;
}
article > #visual dt:nth-of-type(2) {
	position: absolute;
	top: 0px;
	left: 195px;
	font-size: 16px;
}
#standard article > #visual dt:nth-of-type(2) {
	left: 160px;
}
#mail article > #visual dt {
	top: 10px;
}
article > #visual #caption {
	position: absolute;
	top: 42px;
	left: 10px;
	color: #666;
	font-size: 11px;
}
article > #visual #start {
	position: absolute;
	bottom: 4px;
	left: 10px;
	font-size: 14px;
	font-weight: bold;
}
#mail article > #visual #start em {
	margin-left: 0.2em;
	font-size: 24px;
	line-height: 10px;
}
article > #visual #info {
	position: absolute;
	bottom: 7px;
	right: 10px;
	font-size: 14px;
}
article > #visual em {
	margin: 0 0.05em;
	color: #e3294b;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
}
article > #visual dl span {
	margin: 0 0.05em;
	color: #e3294b;
	font-size: 34px;
	font-weight: bold;
	font-style: normal;
}

/* DIV */

article > #visual div {
	position: absolute;
	bottom: 30px;
	left: 15px;
}

/* P */

article > #visual p {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 4;
}

/* FIGURE */

article > #visual figure {
	position: absolute;
	bottom: 16px;
	right: 15px;
	z-index: 1;
}
#pro article > #visual figure {
	right: 58px;
}
#mail article > #visual figure {
	bottom: 108px;
	right: 30px;
	z-index: 5;
}
#casestudy article > #visual figure {
	right: 0;
	top:0;
}

/* TXTLINK */

article > #visual p a.txtlink {
	background:
		url("/resource/images/icon_link_white.gif")
		no-repeat 0 0.37em;
	color: #fff;
}
article > #visual dl a.txtlink {
	background-position: 0 0.46em;
}

/* MANAGED */
#managed #visual h1 {
	padding-left: 172px;
}
#managed #visual h2 {
	position: absolute;
	top: 80px;
	left: 340px;
	width: 420px;
	color: #fe7800;
	font-size: 18px;
}
#managed #visual h3 {
	margin-top: 38px;
}
#managed #visual h4 {
	position: absolute;
	top: 9px;
	left: 9px;
}
#managed #visual dl span{
	color: #fe7800;
}
#lite #visual dt ,#standard #visual dt ,#premium #visual dt, #business #visual dt, #pro #visual dt, #managed #visual dt{
	font-size: 14px;
}

#lite #visual dl span ,#standard #visual dl span ,#premium #visual dl span, #business #visual dl span, #pro #visual dl span, p.lead span,table.shelf span{
	color: #ea2e59;
}
p.lead span, table.shelf span{
	 font-weight: bold;
}
table tr.strage span{
	color: #fe8a00;
	font-size:26px;
	margin-right: 0.1em;
}
 table.shelf span{
	font-size:26px;
	margin-right: 0.1em;
 }
table tr.price span{
	color: #fe8a00;
	font-size:18px;
	margin-right: 0.1em;
}
table.domain dt{
	font-weight: bold;
	font-size:14px;
}
table.domain span{
	color: #fe8a00;
	font-weight: bold;
	font-size:14px;
}

/* ----------------
 BALLOON
---------------- */

#lite article > .balloon {
	position: absolute;
	left: 380px;
	top: -6px;
}
#standard article > .balloon {
	position: absolute;
	left: 410px;
	top: -6px;
}
#premium article > .balloon {
	position: absolute;
	left: 368px;
	top: -6px;
}
#business article > .balloon {
	position: absolute;
	left: 410px;
	top: -6px;
}
#pro article > .balloon {
	position: absolute;
	left: 348px;
	top: -6px;
}

/* ----------------
 EFFECT
---------------- */

article.effect img {
	border: 20px solid #fff;
	box-shadow: 0px 3px 5px rgba(200, 200, 200, 0.5);
	behavior: url("/css/PIE.htc");
}
article.shadow img {
	border-top: 20px solid #fff;
	border-bottom: 20px solid #fff;
	box-shadow: 0px 3px 5px rgba(200, 200, 200, 0.5);
	behavior: url("/css/PIE.htc");
}

/* ----------------
 CASE STUDY
---------------- */

/* 事例リスト */

#casestudy ul.cols-2 li,
#casestudy ul.cols-3 li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	width: 356px;
	margin: 0 28px 28px 0;
}

#casestudy ul.cols-3 li {
	min-height: 210px;
}

#casestudy ul.cols-2 li h1,
#casestudy ul.cols-3 li h1,
#casestudy .lightbox-content h1 {
	margin: 8px 0 5px;
	line-height: 0.7;
	padding-left: 12px;
}

#casestudy ul.cols-2 li p,
#casestudy ul.cols-3 li p {
	padding-left: 12px;
}

#casestudy ul.cols-2 li h1 a,
#casestudy ul.cols-3 li h1 a,
#casestudy .lightbox-content h1 a {
	font-size: 14px;
	color: #1e1e1e;
	font-weight: bold;
}
#casestudy ul.cols-2 li p a,
#casestudy ul.cols-3 li p a,
#casestudy .lightbox-content p a {
	color: #808080;
}

#casestudy ul.cols-2 li h1 a:hover,
#casestudy ul.cols-3 li h1 a:hover,
#casestudy ul.cols-2 li p a:hover,
#casestudy ul.cols-3 li p a:hover,
#casestudy .lightbox-content h1 a:hover,
#casestudy .lightbox-content p a:hover {
	color: #568CC5;
	text-decoration: underline;
}

#casestudy ul.cols-3 li {
	width: 228px;
}

/*#casestudy ul.cols-2 li:nth-child(2n)*/
#casestudy ul.cols-2 li.even,
/*#casestudy ul.cols-3 li:nth-child(3n)*/
#casestudy ul.cols-3 li.third {
	margin-right: 0;
}

#casestudy ul.cols-2 li .thumb,
#casestudy ul.cols-3 li .thumb {
	padding: 5px;
	border: 1px solid #dfdfdf;
	background: #fff;
	overflow: hidden;
}

#casestudy ul.cols-2 li .thumb {
	width: 344px;
	height: 237px;
	overflow: hidden;
}

#casestudy ul.cols-2 li .thumb:hover,
#casestudy ul.cols-3 li .thumb:hover {
	cursor: pointer;
}

#casestudy ul.cols-2 li .thumb img,
#casestudy ul.cols-3 li .thumb img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

/* 事例Lightbox */

#casestudy .lightbox-wrapper {
	display: none;
}

#casestudy .lightbox-content {
	padding: 0 0 70px 0;
	width: 690px;
}

#casestudy .screenshot {
	width: 690px;
	overflow: hidden;
}

#casestudy .screenshot img {
	width: 100%;
	border: 1px solid #DFDFDF;
	padding: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#casestudy .lightbox-content h1,
#casestudy .lightbox-content p {
	padding: 0 20px;
}

#casestudy .lightbox-content p.case-caption {
	margin-top: 10px;
}


/* 事例 - お申込み */

#casestudy .trial-box {
	width: 740px;
	padding-top: 27px;
	height: 214px;
	background: url(../images/casestudy/bg_trial-box.jpg) no-repeat 0 0;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#casestudy .trial-box h1,
#casestudy .trial-box h2 {
	background: none;
	margin: 0;
}

#casestudy .trial-box h1,
#casestudy .trial-box p {
	width: 259px;
	height: 77px;
	float: left;
	background: url(../images/casestudy/img_34manken.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 12px 0 27px;
}

#casestudy .trial-box h2 {
	overflow: hidden;
	margin: 0;
	font-size: 19px;
	line-height: 24px;
	padding-right: 40px;
}

#casestudy .trial-box div {
	position: absolute;
	bottom: 30px;
	left: 190px;
}

#casestudy .trial-box p {
	margin: 0;
	width: 143px;
	height: 51px;
	background: url(../images/casestudy/img_imasugu.png) no-repeat 0 0;
	position: absolute;
	bottom: 50px;
	right: 30px;
}

/* 事例 - さくらのWEB製作 */

#casestudy #webtan a {
	display: block;
	width: 740px;
	height: 132px;
	text-indent: -9999px;
	background: url(../images/casestudy/img_webtan.png) no-repeat 0 0;
}

#casestudy #webtan a:hover {
	background: url(../images/casestudy/img_webtan.png) no-repeat 0 -132px;
}

/* 事例 - お問い合わせ・ご相談 */

#casestudy #ask {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 740px;
	height: 151px;
	background: #f0ebdc;
	border: 1px solid #c7c3b8;
}

#casestudy #ask h1 {
	background: url(../images/casestudy/ask_h1.png) no-repeat 0 0;
	width: 445px;
	height: 55px;
	text-indent: -9999px;
	margin: 8px 0 0 75px;
}

#casestudy #ask div {
	width: 111px;
	height: 143px;
	position: absolute;
	bottom: 0;
	right: 10px;
}

#casestudy #ask ul {
	margin: 13px 0 0 36px;
}

#casestudy #ask li {
	float: left;
	padding: 0 0 0 12px;
}

#casestudy #ask li.first-child {
	border-right: 1px solid #c8c4b9;
	padding: 0 12px 0 0;
}

#casestudy #ask li p {
	width: 211px;
	height: 13px;
	background: url(../images/casestudy/img_net.png) no-repeat 0 0;
	text-indent: -9999px;
}

#casestudy #ask li a {
	display: block;
	width: 218px;
	height: 36px;
	text-indent: -9999px;
	background: url(../images/casestudy/btn_ask.png) no-repeat 0 0;
	margin: 8px 0 0 0;
}

#casestudy #ask li a:hover {
	background: url(../images/casestudy/btn_ask-on.png) no-repeat 0 0;
}

/* --------------------
 お支払い方法
-------------------- */
#payWrap{margin-bottom: 36px;}
#payTbl   {border-top: 1px solid #fde5bc; border-left: 1px solid #fde5bc; width: 100%;}
#payTbl td{border-right: 1px solid #fde5bc; border-bottom: 1px solid #fde5bc; padding: 11px 11px;}
#payTbl .t01{font-size: 15px; text-align: center;}
#payTbl .cell01{font-size: 14px;}
#payTbl .bg01{background: #fffdf5;}
#payTbl .tac{text-align: center;}
#payTbl .txtlink      {background: url(/resource/images/icon_link_small.gif) 0px 50% no-repeat; padding-left: 10px;}
#payTbl .txtlink:hover{text-decoration: underline;}

/* ----------------
 APPLY LARGE
---------------- */

.applyLarge {
	padding: 16px;
	border: 5px solid #f4f4f4;
	background: #f9f9f9;
	text-align: center;
}

/* ----------------
 さくらぽけっと
---------------- */
#sakurapocket article > #visual {
	position: relative;
	margin: 0 0 15px 0;
	width: 710px;
	height: 260px;
	background: url("/sakurapocket/images/mv_bg.png")
	no-repeat 0 0;
	z-index: 0;
	overflow: hidden;
}

#sakurapocket section#visual {
	padding: 15px;
}

#sakurapocket section#visual h1{
	margin: 0 0 10px 0;
}

#sakurapocket section#visual .appbtn ul li{
	margin: 0 0 0 15px;
	display: inline;
}

#sakurapocket section h2{
	background: none;
}

#sakurapocket p.about_bg{
	background: url("/sakurapocket/images/img_picture1.png") 550px 0 no-repeat;
	padding: 0 230px 0 0;
	font-size: 14px;
	min-height: 200px;
	margin-bottom: 20px;
	line-height: 1.8;
}

#sakurapocket p.down_bg{
	background: url("/sakurapocket/images/img_picture3.png") 0 0 no-repeat;
	padding: 0 0 0 260px;
	font-size: 14px;
	min-height: 240px;
	margin-bottom: 20px;
	line-height: 1.8;
}

#sakurapocket p.down_bg span,
#sakurapocket p.up_bg span{
	font-weight: bold;
	font-size: 18px;
}

#sakurapocket p.up_bg{
	background: url("/sakurapocket/images/img_picture4.png") 0 0 no-repeat;
	padding: 0 0 0 260px;
	font-size: 14px;
	min-height: 240px;
	margin-bottom: 20px;
	line-height: 1.8;
}

#sakurapocket div.app_down{
    background: url("/sakurapocket/images/down_bg.png") 0 0 no-repeat;
	background-color: #eeeeee;
	min-height: 200px;
}

#sakurapocket div.app_down h2{
	text-indent: -9999999px;
}

#sakurapocket div.app_down ul{
	padding: 20px 0 0 280px;
}

#sakurapocket div.app_down ul li{
	display: inline;
	padding: 0 10px 0 0;
}

#sakurapocket div.app_down p{
	padding: 20px 0 0 280px;
}

#sakurapocket div.app_down p span{
	font-weight: bold;
}


/* ----------------
 リソースブースト
---------------- */

table.rb_table {
	width: 100%;
	border: 1px solid #d4d0d0;
	border-collapse: collapse;
	background-color: #fff;
}
table.rb_table th {
	width: 40%;
	padding: 10px 20px;
	border: 1px solid #fde5bc;
	border-bottom: 1px solid #fde5bc;
	background-color: #fffdf5;
	color: #555;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
table.rb_table td {
	width: 60%;
	padding: 10px 20px;
	border: 1px solid #fde5bc;
	background: #fff;
	color: #555;
	text-align: left;
	font-size: 14px;
}
ul.rbcase{
	width: 739px;
	margin-bottom: 40px;
}
ul.rbcase li.lfimg{
	width: 350px;
	padding-top: 240px;
	float: left;
	background: url(../images/rb/case_01.png) no-repeat 0 0;
}
ul.rbcase li.rgimg{
	width: 350px;
	padding-top: 240px;
	float: right;
	background: url(../images/rb/case_02.png) no-repeat 0 0;
}