@charset "UTF-8";
@import"reset.css";
@import"superfish.css";
@import"grid.css";
@import"forms.css";
@import"prettyPhoto.css";
@import"galleryfic.css";
@import"kwicks.css";
@import"coin-slider.css";
@import"advanced.css";
body{
/*	font:12px/20px, メイリオ, Arial, Helvetica, sans-serif;*/
	font:12px/20px;
	font-family:"Bebas Neue", "メイリオ", Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka;

/*	color:#717171;*/
	color:#515151;
	position:relative;
	min-width:960px;
/*	min-height:400px;*/
	max-height: 999999px;
}
body#product, body#faq, body#trial, body#letter{
/*	background-color: #6161fb; */
/*	background-color: #C1C1FB; */
	background-color: #CCCCFB;
}
html,body{height:100%;}
/* Global Structure---------------------------------------- */
.main{
	margin:0 auto;
	width:960px;
/*	width:100%;*/
	position:relative;
/*	background-color: #00ff00 !important;*/
	background:url(../images/content-tail.gif) repeat-x 0 0 #fff;
}
.container_12 {
	position:relative;
}
/*----- txt,links,lines,titles -----*/
a {
	color:#262626;
	outline:none;
	cursor:pointer;
	text-decoration:underline;
}
a:focus{outline:none;}
a:hover{text-decoration:none;}
.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
.wrapper{width:100%;
  /* overflow:hidden; */
  position:relative;
  padding-top: 0px !important;
}
.extra-wrap{overflow:hidden;display:block;}
p {padding-bottom:20px;}

.p{padding-bottom:20px !important;}
.p0{padding-bottom:0 !important;}
.p1{padding-bottom:15px !important;}
.p2{padding-bottom:10px !important;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.it{font-style:italic}
.impact {
	word-spacing:-1px;
	white-space:nowrap;
}
/* Typography */
em {
  color:#fb4361;
}
strong {color:#3f3f3f;}
	strong.str1 {
		color:#474746;
		font-weight:normal;
	}
	strong.red {
		font-size:1.3em;
		color:#DD0000;
		font-weight:bold;
		line-height:1.3em;
	}
	strong.black {
		font-size:1.3em;
		font-weight:bold;
		line-height:1.3em;
	}
dl dt {
	color:#474746; 
	font-weight: normal;
	display:block;
	font-size:13px;
	line-height:23px;
}
dl dd {padding:0 0 22px 30px;}
	dl.def-list-1 dt {
		display:block;
		font-size:12px;
		line-height:20px;
		font-weight:bold;
		color:#3f3f3f;
	}
	dl.def-list-1 dd {padding:0 0 25px 0; line-height:19px;}
blockquote.quotes {
	font-size:21px;
	line-height:29px;
	color:#323232;
	font-weight: normal;
	padding:0 0 29px 0;
}
.color-1 {color:#626260;}
/*********************************boxes**********************************/
article.a1 {margin:0 10px;}

.spacing {padding:0 0 65px 0;}
	#page3 .spacing {padding:0 0 68px 0;}
.spacing-1 {padding:0 0 37px 0;}
.pad-top {padding-top:6px;}
.pad-bot {padding-bottom:32px;}
.pad-left {padding-left:20px;}
.spacer {margin:0 10px 0 0;}

.img-hard{margin:4px 0 8px !important; border:2px solid #d9d9d9 !important;}
.img-hard276{margin:4px 20px 8px 0px !important; border:2px solid #d9d9d9 !important;}
.img-indent-bot{margin:4px 0 0px !important}
.img-indent{float:left;margin:1px 20px 0 0;}
.img-indent-1{float:left;margin:4px 14px 0 0;}
.img-indent-r{float:right;margin:2px 0 10px 15px;}

.img-indent-2 {
	width: 40px;
	margin:0 13px 10px 0; 
	float:left;
}

.image1{
/*    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);*/
    display: inline-block;
    position: relative;
/*	float:none;*/
}

.image1:after{
    position: absolute;
	float:none;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -moz-box-shadow: inset 0px 0px 10px 10px #fff;
    -webkit-box-shadow: inset 0px 0px 10px 10px #fff;
    box-shadow: inset 0px 0px 10px 10px #fff;
}

.inner-indent {padding:0 0 0 40px;}
.indent-in {padding:5px;}

.box-1 {
	border:1px solid #dadada;
	box-shadow:0 0 3px #ecebeb inset, 0 0 3px #ecebeb;
	-moz-box-shadow:0 0 3px #ecebeb inset, 0 0 3px #ecebeb;
	-webkit-box-shadow:0 0 3px #ecebeb inset, 0 0 3px #ecebeb;
	padding:17px 20px 20px 20px;
}
	.box-1 h2 {padding:0 0 9px 0;}
	.box-1 .p1{padding-bottom:12px !important;}
	
	.box-1:hover {
		background: url(../images/box-1-tail.gif) repeat-x 0 bottom #fff;
		box-shadow:0 0 3px #ecebeb;
		-moz-box-shadow:0 0 3px #ecebeb;
		-webkit-box-shadow:0 0 3px #ecebeb;
	}
		.box-1 h2.box-hover {color:#fb4361;}
		.box-1:hover .link {color:#323232;}

.product-box {
	display:block;
	text-decoration:none;
	margin:0 0 25px 0;
	width:300px;
}
	.product-box .product-desc {
		display:block;
		background:url(../images/product-box-tail.gif) repeat-x 0 -75px #f2f2f2;
		padding:10px 15px 10px 20px;
		font-weight:normal;
		font-size:12px;
		line-height:19px;
		color:#3f3f3f;
		box-shadow:1px 1px 3px #b8b8b8;
		-moz-box-shadow:1px 1px 3px #b8b8b8;
		-webkit-box-shadow:1px 1px 3px #b8b8b8;
	}
		.product-box .product-name {
			display:block;
			font-weight:bold;
		}
/*********************************header*************************************/
header {
	position:relative;
	z-index:10;
/*	background:url(../images/header-top-tail.gif) repeat-x 0 0 #262626; */
/*	background: #262626;*/
/*	background: #CCFFCC;*/
	background: #EEEEEE;
	padding:3px 0 0 0;
}
header.thin {
/*	background: #f9f9f9;*/
/*	background: #f5f5f5;*/
	background: transparent;
}

header .first{
    width:97.5%;
/*    width:940px; */
    margin:0 auto; 
/*    background: #FFFFFF !important;*/
}
.first-thin{
    margin:0 auto; 
    padding-top: 7px;
    float: left;
    color: #6161fb;
}
.first-thin-logo{
    margin:0px 10px 5px 0px;
    float: left;
}
.first-thin-right{
    margin:0 auto; 
    padding: 0px 0px 5px 0px;
/*    float: left;*/
    float: right;
    text-align: right;
    display: block;
}
  /* IE8 */
/*
  .first-thin-right{
    display: none\9 !important;
  }
*/
  /* IE7 */
/*
  .first-thin-right{
    *display: none !important; 
  }
*/
  /* IE9 */
  : root .first-thin-right{
	display: block\9 !important; 
  }
  /* IE10 */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .first-thin-right{
	  display: block !important; 
    }
  }

header .inner {
    width:98.5%;
/*	width:940px;*/
	margin:0 auto;
}
.logo-holder {
	float:left;
/*	background:#fb4361;*/
	background:#4444FF; /*青*/
	width:240px;
	height:193px;
}
/* ロゴ（文字） */
.logo {
	display:block;
	width:218px;
/*	height:174px; */ /* 自社のロゴ（文字のみの場合） */
	height:182px;  /* 自社のロゴの場合 */
/*	background:url(../images/logo-bg.png) no-repeat 0 0; */ /* 元々のサンプル */
/*	background:url(../images/logo-trans6.gif) no-repeat 0 0; */ /* 自社のロゴ（文字のみ） */
	background:url(../images/logo-v221b.png) no-repeat 0 0; /* 自社のロゴ */
	overflow:hidden;
	text-indent:-999em;
/*	margin:76px 0 0 17px; */ /* 自社のロゴ（文字のみの場合） */
	margin:2px 0 0 12px; /* 自社のロゴの場合 */
	padding: 2px;
}
/* ロゴ（絵） */
.logo2 {
	display:block;
	width:203px;
	height:87px;
/*	background:url(../images/logo-bg.png) no-repeat 0 0; */
	background:url(../images/logo-trans22.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-999em;
	margin:12px 0 0 48px;
	padding: 2px;
}
.header-right-box {
	float:left;
    width:74.5%;
/*	width:700px;*/
}
.header-right-box-wide {
	float:left;
    width:100%;
/*	width:940px;*/
}
header nav {
	height:58px;
/*	background:#fb4361;*/
	background:#4444FF;/*青*/
}
header nav.thin {
	height:48px;
	background:#6161fb;
}


/********************** Content ************************/
section#content {
	position:relative;
	z-index:4;
/*	background:url(../images/content-tail.gif) repeat-x 0 0 #fff;*/
	padding:65px 0 47px;
}
	#page2 #content {padding:55px 0 70px;}
	#page3 #content {padding:72px 0 65px;}
	#page4 #content {padding:72px 0 65px;}
	#page5 #content {padding:72px 0 65px;}
	#page6 #content {padding:72px 0 65px;}

	#index #content {padding:35px 0 15px;}
	#product #content {padding:20px 0 25px;}
	#letter #content {padding:20px 0 25px;}
	#trial #content {padding:15px 0px 15px 65px;}
	#faq #content {padding:15px 0px 15px 0px;}
	#sfabook #content {padding:15px 0px 15px 0px;}
	#company #content {padding:15px 0px 15px 0px;}
	#recruit #content {padding:15px 0px 15px 65px;}
	#contact #content {padding:15px 0px 15px 65px;}
/*  Header styles */
/*h1,h2,h3,h4,h5,h6{*/
h2,h3,h4,h5,h6{
	color:#6c6c6c;
	font-weight: normal;
	padding:0 0 18px 0;
}
/* h1{font-size:38px; line-height:45px;} */
h2{font-size:32px; line-height:39px;}
h3{font-size:32px; line-height:33px;} 
h4{font-size:27px; line-height:27px;}   
h5{font-size:24px; line-height:22px;}
h6{font-size:20px; line-height:19px;}
	.hp-1 {padding:0 0 24px 0;}
.relative{position:relative;z-index:4}

h1{
  padding:0px 0px 4px 0px;
  font-size:16px;
/*  line-height:20px; */
  color:#4444FF;
}
h1.thin{
  padding:0px 0px 4px 0px;
  font-size: 1.0em;
/*  line-height:20px; */
  color:#6161fb;
}
h1.thin-withtel{
  padding: 0px 0px 4px 0px;
  font-size: 0.95em;
/*  line-height:20px; */
  color: #6161fb;
}
.top-tel{
	color: #ffa362;
	font-weight: bold;
	font-size: 1.5em;
}

h2.index{
	padding:0 0 0px 0;
	font-size: 1.6em; line-height:45px;
	font-weight: bold;
}
h2.title{
	padding:0 0 0px 0;
	margin: 13px 0px 10px 0px;
	font-size: 1.6em; line-height:45px;
	font-weight: bold;
/*    color:#fb4361;*/
    color:#4444FF; /*青*/
}
h2.app-title{
	padding:0 0 0px 0;
	margin: 13px 0px 10px 0px;
	font-size: 1.7em; line-height:45px;
	font-weight: bold;
/*    color:#fb4361;*/
    color:#4444FF; /*青*/
}
h3.index{
	padding:0 0 0px 0;
	font-size: 1.6em; line-height:45px;
	font-weight: bold;
}
h4.index{
	padding:0 0 0px 0;
	font-size: 1.4em; line-height:45px;
	font-weight: bold;
}

article.grid_12_pr{
  margin-left: 10px;
  margin-top: 0px; 
  padding: 5px 15px 5px 5px;
  background-image: url(../images/smapho-right.png); 
  background-repeat: no-repeat;
  background-size: contain; 
  background-color: #FFFFFF; 
  background-position: 0 0px;
/*  width: 918px;*/
  width: 95%;
/*  height: 145px; */
  border: solid 1px #6161fb;
  max-height: 999999px;
}
article.grid_12_pr2{
  margin-left: 10px;
  margin-top: 0px; 
  padding: 5px 15px 5px 5px;
  background-image: url(../images/smapho-right.png); 
  background-repeat: no-repeat;
  background-size: contain; 
  background-color: #FFFFFF; 
  background-position: 0 0px;
/*  width: 918px;*/
  width: 95%;
/*  height: 145px; */
  border: solid 2px #fb4361;
}
a.link-2 .grid_12_pr:hover{
  border: solid 1px #fb4361;
}
a.link-2 .grid_12_pr2:hover{
  border: solid 2px #6161fb;
}

div.news{
    height: 196px;
	margin: 8px 0px 10px 0px;
	padding: 5px;
	border: 2px;
    border-style: inset;
    border-color: #AAAAAA;
/*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
*/
    overflow-y:scroll; 
   line-height : 28px;  /* 行間 */
}

div.campaign{
  margin: 15px 0px 15px 0px;
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
/*  display: none;  キャンペーンの表示・非表示のコントロール */
  display: block;
}

div.sitemap{
  position: absolute;
  right: 13px;
  bottom: 5px;
  font-size: 0.8em;
  text-align: right;
}

.fade-right{
  display: inline-block;
  position: relative;
}
.fade-right:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(left, rgba(255, 255, 255, 0) 40%, #FFFFFF 100%); /* 塗りつぶす */
}

div.title1{
    color:#fb4361;
	font-size: 1.7em !important;
	font-weight: bold;
	margin: 13px 0px 10px 0px;

}

div.title2{
    color:#6161fb;
	font-size: 1.4em !important;
	font-weight: bold;
	margin: 13px 0px 10px 0px;

}

div.title3{
    color:#6161fb;
	font-size: 1.1em !important;
	font-weight: bold;
	margin: 13px 0px 10px 0px;
    max-height: 999999px;
}

div.title{
/*    color:#fb4361; */
    color:#4444FF; /*青*/
	font-size: 1.4em !important;
	font-weight: bold;
	margin: 13px 0px 10px 0px;

}

div.title-pink{
    color:#fb4361;
	font-size: 1.36em !important;
	font-weight: bold;
	margin: 13px 0px 10px 0px;
	max-height: 999999px;
}

div.faq-q{
    margin: 25px 0 0 0;
    padding: 0 0 0 35px;
    font-size: 1.1em; 
/*    color:#fb4361;*/
    color:#6161fb;
    text-indent: -2.0em;
}
div.faq-a{
    margin: 5px 0 0 0; 
    padding: 0 0 0 35px;
    font-size: 1.1em; 
    color:#6c6c6c;
    text-indent: -2.0em;
}

.success2{
	height: 280px;
    vertical-align:middle !important;
}

article.desc{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
    width: 604px; 
    padding: 8px;
    background: #DDFFDD; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

article.desc57{
	display:inline;
	float: left;
	position: relative;
	margin-left: 13px;
	margin-right: 2px;
	margin-bottom: 10px;
    width: 440px; 
    padding: 8px;
    background: #DDFFDD; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

article.desc6{
	display:inline;
	float: left;
	position: relative;
/*	margin-left: 10px;*/
	margin-right: 10px;
	margin-bottom: 10px;
/*    width: 460px; */
    width: 100%; 
    padding: 8px;
    background: #DDFFDD; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

article.desc91{
	display:inline;
	float: left;
	position: relative;
/*	margin-left: 10px;*/
	margin-right: 10px;
	margin-bottom: 10px;
/*    width: 460px; */
    width: 907px; 
    padding: 8px;
    background: #DDFFDD; 
    border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

table.func{
    width: 940px; 
    margin: 0 0 0 0;
}
table.func td {
	background:#fff;
	color:#717171;
	font-size: 1.0em;
	line-height:25px;
	text-align:left;
	padding:9px 0 9px;
	border:1px solid #d9d9d9 !important;
	width:750px;
}
td.func-name{
	padding:0 0 0 9px !important;
    vertical-align:middle !important;
	width:200px !important;
    font-size: 1.0em !important;
}

table.price{
    width: 490px; 
    margin: 0 0 0 0;
}
table.price td {
	background:#fff;
	color:#717171;
	font-size: 1.0em;
	line-height:22px;
	text-align:center;
	padding:9px 0 9px;
	border:1px solid #d9d9d9 !important;
	width:240px;
}
td.price-name{
	padding: 9px 0px 9px 9px !important;
    vertical-align:middle !important;
	width:250px !important;
    font-size: 1.0em !important;
	text-align:left !important;
}

table.service{
    width: 790px; 
    margin: 0 0 0 0;
}
table.service td {
	background:#fff;
	color:#717171;
	font-size: 1.0em;
	line-height:22px;
	text-align:left;
	padding:9px 7px 9px;
	border:1px solid #d9d9d9 !important;
	width:540px;
}
td.service-name{
	padding: 9px 0px 9px 9px !important;
    vertical-align:middle !important;
	width:250px !important;
    font-size: 1.0em !important;
	text-align:left;
}

ul.desc{
    margin-left: 1.0em;
    line-height: 1.7em;
}
ul.desc15{
    margin-left: 1.5em;
}
ul.desc2{
    margin-left: 2.0em;
}
ul.desc-letter{
    margin-left: 1.0em;
    line-height: 2.0em;
    margin-bottom: 2px;
}

li.desc{
    text-indent: -1.0em;
}
li.desc-letter{
    text-indent: -1.0em;
    font-weight: bold;
}
li.desc15{
    text-indent: -1.38em;
}
li.desc-wide{
    text-indent: -1.0em;
    margin-bottom: 6px;
}
li.desc-wide2{
    text-indent: -1.4em;
    margin-bottom: 6px;
}

ul.desc-price{
    margin-left: 2.4em;
}

li.desc-price{
    text-indent: -2.4em;
}

/* 必須入力マーク */
span.required{
    display: inline !important;
    color:#fb4361 !important;
	font-size: 0.9em !important;
	font-weight: bold;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	line-height:21px !important;

}

/* オーバルで囲む */
span.oval{
	display:inline;
	position: relative;
    padding: 6px;
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}

/* 立体風オーバルで囲む */
span.oval3d{
    display: inline-block;
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
    border-radius: 9px;
	position: relative;
    padding: 6px 15px 6px 15px;
    border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
}
  .oval3d:hover{
    color: #FFFFFF !important;
  }

/* キャプション（小さい文字） */
.caption{
    font-size: 0.9em !important;
}

/* サブヘッド */
span.subhead{
    color: #0000AA;
    font-size: 1.2em; 
    font-weight: bold;
}

/* エピソード */
span.episode{
	font-family:"Bebas Neue","ＭＳ Ｐゴシック","メイリオ", Arial, Helvetica, "MS UI Gothic", Osaka;
	font-style: oblique;
	color: #005500;
}

/* 画像を背景にしたバナー（ラッピング） */
.image-banner-wrap{
    height: 111px; 
    border: outset 3px; #555555;
    margin-bottom: 10px;
}
  .image-banner-wrap:hover{
    border: inset 3px #5555FF;
  }

/* 画像を背景にしたバナー（イメージ部） */
.image-banner-img{
    height: 86px; 
    padding: 13px;
    background-image:url(../images/page1-img1.jpg);  
    opacity: 0.3; 
    filter: alpha(opacity=30); 
    -moz-opacity: 0.3;
}

/* 画像を背景にしたバナー（文章部） */
.image-banner-script{
    position: relative; 
    top: -114px; 
    padding: 13px; 
    height: 85px; 
}

/* 画像を背景にしたバナー　１行目 */
.image-banner-main1{
    color: #3333FF; 
    font-size: 1.1em; 
    font-weight: bold;
}
/* 画像を背景にしたバナー　１行目（サブ） */
.image-banner-sub1{
    color: #555555; 
    font-size: 0.95em; 
    font-weight: bold; 
    text-align: center; 
    margin-top: 0px;
}

/* 画像を背景にしたバナー　２行目 */
.image-banner-main2{
    color: #3333FF; 
    font-size: 1.08em; 
    font-weight: bold; 
    text-align: right;
}

/* 画像を背景にしたバナー　３行目（サブ） */
.image-banner-sub{
    color: #555555; 
    font-size: 0.95em; 
    font-weight: bold; 
    text-align: center; 
    margin-top: 11px;
}


/* 画像を背景にしたバナー小（ラッピング） */
.image-banner-mini-wrap{
    width: 260px;
    height: 90px; 
    border: outset 3px; #555555;
    margin-bottom: 10px;
}
  .image-banner-mini-wrap:hover{
    border: inset 3px #5555FF;
  }

/* 画像を背景にしたバナー（イメージ部） */
.image-banner-mini-img{
    height: 66px; 
    padding: 13px;
    background-image:url(../images/page1-img2.jpg);  
    opacity: 0.3; 
    filter: alpha(opacity=30); 
    -moz-opacity: 0.3;
}
/* 画像を背景にしたバナー（イメージ部クリア） */
.image-banner-mini-img-clear{
    height: 64px; 
    padding: 13px;
    background-image:url(../images/demo-mini.jpg);  
    opacity: 1.0; 
    filter: alpha(opacity=100); 
    -moz-opacity: 1.0;
}

/* 画像を背景にしたバナー（文章部） */
.image-banner-mini-script{
    position: relative; 
    top: -64px; 
    height: 85px; 
    line-height: 28px;
}

/* 画像を背景にした小バナー　１行目 */
.image-banner-mini-main1{
    color: #3333FF; 
    font-size: 1.08em; 
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
}
/* 画像を背景にした小バナー　２行目 */
.image-banner-mini-main2{
    color: #3333FF; 
    font-size: 1.08em; 
    font-weight: bold; 
    text-align: right;
    padding-left: 12px;
    padding-right: 12px;
}
/* 画像を背景にした小バナー　３行目（サブ） */
.image-banner-mini-sub{
    color: #555555; 
    font-size: 0.9em; 
    font-weight: bold; 
    text-align: center; 
    margin-top: 0px;
}


figcaption{
	position:absolute;
	bottom:0;
	z-index:5;
	left:0;
	right:0;
	background: url(../images/caption-tail.gif) repeat-x 0 0 #f2f2f2;
	color:#fb4361;
	padding:6px 0 6px;
	text-align:center;
	font-size: 1.3em;
	line-height:25px;
	font-weight: normal;
	font-style: normal;
	box-shadow:1px 1px 3px #b8b8b8;
	-moz-box-shadow:1px 1px 3px #b8b8b8;
	-webkit-box-shadow:1px 1px 3px #b8b8b8;
}

.top-banner {position:relative; padding:0 0 15px 0;}
.top-banner strong {
	font-size: 2.0em;
	display:block;
	line-height:39px;
	color:#323232;
	padding:2px 280px 0 0;
}
	.top-banner b {
		color:#fb4361;
		display:inline-block;
		margin:-2px 0 0 0 \0/;
	}
.top-banner-button {
	display:inline-block;
	position:absolute;
	right:0;
	top:-7px;
	background:url(../images/top-banner-button-tail.gif) repeat-x 0 -57px #f0f0f0;
	text-decoration:none;
	font-size: 1.7em;
	line-height:39px;
	box-shadow:1px 1px 3px #b1afaf;
	-moz-box-shadow:1px 1px 3px #b1afaf;
	-webkit-box-shadow:1px 1px 3px #b1afaf;
	padding:9px 35px;
}

.scroll{
	overflow:auto;
	height:180px;
	position:relative
}
.border-bot{
	background: url(../images/border-bot-tail.gif) repeat-x 0 24px;
	padding:22px 0 32px;
}
.border-bot2{
	background: url(../images/border-bot-tail.gif) repeat-x 0 40px;
	padding:22px 0 30px;
	margin:0 10px;
}
.border-bot3{
	background: url(../images/border-bot-tail.gif) repeat-x 0 bottom;
	height:2px;
	line-height:0;
	font-size:0;
	padding:0 0 20px 0;
}
/*  Buttons */
.buttons {padding:2px 2px 2px 1px;}
.button {
	display:inline-block;
	background:url(../images/button-tail.gif) repeat-x 0 -37px #f2f2f2;
	text-transform:uppercase;
	font-size: 1.4em;
	line-height:27px;
	padding:5px 18px 5px 18px;
	box-shadow:1px 1px 3px #acacac;
	-moz-box-shadow:1px 1px 3px #acacac;
	-webkit-box-shadow:1px 1px 3px #acacac;
	text-decoration:none;
}

.link-button {
    background: #dddddd;
/*    color:#fb4361; */
	font-size: 1.3em;
    color:#3131fb;
    text-decoration:none;
    border:3px outset #dadada;
    padding: 2px 7px 2px 7px;
    font-weight: bold;
}
	.link-button:hover{
	    color:#6161fb;
	    text-decoration: underline;
        border:3px inset #dadada;
	}
.link {color:#fb4361; text-decoration:none;}
	.link:hover{text-decoration: underline;}
.link-1 {color:#3f3f3f;text-decoration:none; font-weight:bold;}
	.link-1:hover {color:#fb4361;}
.link-2 {color:#fb4361; text-decoration:none !important;}
/*  Lists */
.list-1 {padding:0 0 15px 0;}
	.list-1 li {
		display:block;
		background:url(../images/list-1-marker.gif) no-repeat 0 8px;
		padding:0 0 5px 20px;
		line-height:20px;
	}
		.list-1 li a {
			font-size: 0.82em;
			color:#747474;
			text-decoration: underline;
		}
			.list-1 li a:hover {text-decoration:none;}

ol {list-style:decimal; padding:0 0 15px 25px;}
	ol li {line-height:20px; padding:0 0 5px 0;}
.map-container {
	float:left;
	margin:6px 20px 0 0;
}
/*
iframe {
	width:300px;
	height:314px;
	margin:0;
	border: none;
}
*/
.adress {padding:0 0 20px 0;}
	.adress dt {
		display:block;
		font-size: 1.0em;
		line-height:28px;
		font-weight: normal;
		font-style:normal;
		color:#717171;
		text-transform:none;
		padding:0;
	}
	.adress dd {
		font-size: 1.0em;
		line-height:28px;
		padding:0;
		color:#717171;
		overflow:hidden;
	}
		.adress dd span {
			float:left;
			width:84px;
		}
		.adress dd a {
/*			color:#fb4361; */
			color:#4444FF; /*青*/
			text-decoration: none;
		}
		.adress dd a:hover {text-decoration: underline;}

/******************** Aside ******************/
aside {background:#fff;}
	aside .inner {
		width:940px;
		margin:0 auto;
		border-top:5px solid #f9f9f9;
		padding:40px 0 42px;
	}
	.banners-list li {
		display:inline-block;
		margin:0 0 0 60px;
	}
		.banners-list li:first-child {margin:0;}
/******************** Footer ******************/

.footer-menu-wrapper{
	float: left;
	margin: 15px 0 20px 15px;
	padding-left: 50px;
}
.footer-menu{
	float: left;
	width: 510px;
	margin-left: 5px;
	font-size: 1.0em;
	line-height: 1.7em;
}
.footer-menu2{
	float: left;
	width: 345px;
	margin-left: 5px;
	font-size: 1.0em;
	line-height: 1.7em;
}
.footer-menu a.current, .footer-menu2 a.current{
	text-decoration: none !important;
}

footer {
	width:960px;
	margin:0 auto;
	padding:22px 0 20px;
}

	.footer-site-info {
		color:#4e4e4e;
		font-size: 0.8em;
		line-height:20px;
		padding:0 0 0 0;
	}
		.footer-site-info a {
			color:#909090;
			text-decoration:none;
		}
			.footer-site-info a:hover {text-decoration:underline;}
	
.footer-logo {
	display:block;
/*	width:105px;
	height:32px;*/
	width:255px;
	height:82px;
	overflow:hidden;
	text-indent:-999em;
/*	background:url(../images/footer-logo.png) no-repeat 0 0;*/
	background:url(../images/logo-trans2.gif) no-repeat 0 0;
	margin:0 0 0 0;
}
.footer-heading {
	display:block;
	color:#3f3f3f;
	font-size: 0.8em;
	line-height:20px;
	font-weight:bold;
	padding:0 0 6px 0;
}

.footer-copyright{
    text-align: center; 
    margin: 5px 0px 0px 0px; 
    width: 940px;
}

.social-links {
	overflow:hidden;
	padding:5px 0 0 0;
}
	.social-links li {
		float:left;
		width:106px;
	}
		.social-links li a {
			display:inline-block;
			color:#4e4e4e;
			font-size: 0.8em;
			line-height:20px;
			margin:0 10px 10px 0;
			text-decoration:none;
			padding:0 0 0 28px;
		}
			.social-links li a:hover {color:#fb4361;}
			.social-links li a.item-1 {background:url(../images/social-link-1.jpg) no-repeat 0 1px;}
			.social-links li a.item-2 {background:url(../images/social-link-2.jpg) no-repeat 0 1px;}
			.social-links li a.item-3 {background:url(../images/social-link-3.jpg) no-repeat 0 1px;}
			.social-links li a.item-4 {background:url(../images/social-link-4.jpg) no-repeat 0 1px;}
.top1{
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/top.gif) right 3px no-repeat;
	padding:0 11px 0 0;
	text-decoration:none;
	color:#3f3f3f;
	text-transform: uppercase;
	display:inline-block;
	font-size: 0.85em;
	line-height:17px;
	font-weight:bold;
}
.top1:hover{
    color:#fb4361;
}

ins{background:#3f3f3f;padding:0 5px;color:#fff;text-decoration:none;}
del{text-decoration:line-through;}
  abbr{
	cursor:help;
	color:#fb4361;
	text-transform:uppercase;
	border-bottom:1px dotted #fb4361;
}
dfn{color:#fb4361; font-style: italic; }
dfn{letter-spacing:2px;}
sup{font-size: 0.7em; color:#1f1f1f;}
sub{font-size: 0.7em; vertical-align:bottom; color:#1f1f1f;}
.elements-list b {color:#322e30;}
.elements-list small{font-size: 0.6em;} 
.elements-list big{font-size: 1.3em; color:#322e30;}
.elements-list i{color:#322e30;}
.elements-list q{font-family:"Courier New",Courier,monospace; color:#fb4361;}
kbd, samp {font-family:"Courier New", Courier, monospace; font-size: 0.7em;}
abbr,acronym{text-transform:uppercase;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;display:block}
code{background-color:#f6f6f6;display:block;color:#333;padding:3px 2px 3px 5px;line-height:1.67em;border:1px dotted #333}
pre{white-space:pre}
var {font-size:0.8em; color:#322e30; font-style:normal;}
cite {font-style:italic; color:#322e30;}
/* Layouts navigation */
.layouts-nav{width:100%;overflow:hidden;padding-bottom:30px !important}
	.layouts-nav li{float:left;margin-right:5px;background:none !important;padding:0 !important}
		.layouts-nav li a{
			float:left;
			background:#000;
			padding:12px 20px;
			color:#fff;
			position:relative;
			margin-right:5px;
			cursor:pointer;
			text-decoration:none;
		}
		.layouts-nav li a:hover{background:#FB4361; color:#fff;}

/* Table styling */
table th{
	background: #8888F6;
	font-size: 1.07em;
	color:#fff;
	padding:11px 0 11px;
	line-height:23px;
	font-weight: normal;
	border:1px solid #d9d9d9;
	border-bottom:none;
}
table td {
	background:#fff;
	color:#717171;
	font-size: 0.8em;
	line-height:16px;
	text-align:center;
	padding:9px 0 9px;
	border:1px solid #d9d9d9;
	width:124px;
}
	table tr.first td {border-top: none;}

table.step th, table.desc th{
	background: #9999FB;
	font-size: 1.07em;
	color:#fff;
	padding:5px 0 5px;
	line-height:23px;
	font-weight: normal;
	border:1px solid #d9d9d9;
	border-bottom:none;
}
table.step td, table.desc td{
	background:#fff;
	color:#717171;
	font-size: 0.85em;
	line-height:16px;
	text-align:left;
	padding:9px 0 9px;
	border:1px solid #d9d9d9;
}
table.desc td{
	padding:9px 9px 9px 9px;
}
table.step td.c1 {
	background:#fff;
	color:#2121a1;
	font-size: 0.93em;
	font-weight: bold;
	line-height:16px;
	text-align:left;
	vertical-align:middle;
	padding:9px 0 9px;
	border:1px solid #d9d9d9;
}

/* Information box */
.info-box,.download-box,.notification-box,.error-box{padding:20px 30px 20px 110px;margin-bottom:15px;position:relative;height:1%;font-size: 0.93em;}
.info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf}
.download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159}
.notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555}
.error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999}
.info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{position:absolute;left:34px;top:16px;margin:0}
/* Pages
---------------------------------------- */
/* 404 page */
#page-404 #content {padding:57px 0 89px;}
#page-404 .content-box {
	width:938px;
	margin:0 auto;
	padding:0;
	min-height:387px;
	border:1px solid #dadada;
	background:url(../images/page404-img.jpg) no-repeat 0 63px #f9f9f9;
	box-shadow:0 0 2px #e8e7e7 inset, 0 0 3px #e8e7e7;
	-moz-box-shadow:0 0 2px #e8e7e7 inset, 0 0 3px #e8e7e7;
	-webkit-box-shadow:0 0 2px #e8e7e7 inset, 0 0 3px #e8e7e7;
}
	#page-404 .content-box .inner {
		padding:0 138px 0 478px;
	}
strong.heading404 {
	display:block;
	font-size:2.5em;
	line-height:48px;
	color:#fb4361;
	font-weight: normal;
	padding:44px 0 0 0;
}
b.heading404 {
	display:block;
	font-size: 2.5em;
	line-height:48px;
	color:#323232;
	font-weight: normal;
	padding:0 0 22px 0;
	margin:-7px 0 0 0;
}
	#page-404 #content p {color:#6f6f6f;}
	#page-404 #content p.last {padding:0 0 34px 0 !important;}
/* Under Construction page =====*/
#constuction-box{
	width:800px;
	height:500px;
	position:absolute;
	left:50%;top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background: #f0f0f0;
	border:1px solid #dadada;
	text-align:center
	}
	#constuction-box .inside{padding:40px 40px 40px 40px}
		#constuction-box .button{position:relative}
		#constuction-box h1{text-align:center;font-size:38px;margin-bottom:.2em;line-height:48px;letter-spacing:2px;border-bottom:1px solid #ddd;padding-bottom:10px;}
			#constuction-box h1 span{color:#00c4ff;display:block;margin-bottom:-15px}			
	/* Countdown */
	#countdown_dashboard{height:110px;padding:30px 0 40px 0;width:650px;margin:0 auto;position:relative}
	.dash{width:110px;height:114px;background:transparent url('../images/dash.png') 0 0 no-repeat;float:left;margin-left:20px;position:relative}	
	.dash .digit{font-size:75px;line-height:85px;font-weight:bold;float:left;width:55px;text-align:center;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#555;position:relative}
		.dash .digit .bottom{font-size:75px;line-height:85px}	
	.dash_title{position:absolute;display:block;bottom:0px;left:0;font-size:12px;color:#555;letter-spacing:2px;width:110px}	
	.dev_comment{font-size:14pt;color:#777;text-align:center;font-style:italic;margin:40px 10px}	
	#subscribe_form{position:relative}	
	#email_field{font-size:16pt;padding:6px 10px;width:300px}	
	#subscribe_button{font-size:14pt;color:#333;padding:4px 8px}	
	.copyright{font-size:9pt;color:#333;margin:40px 0px}	
	.faded{color:#999}	
	.form_message{width:400px;padding:10px;margin:15px auto;display:none}	
	#error_message{background-color:#ffe;border-left:5px solid #bb3;border-right:5px solid #bb3;color:#770}
	#info_message{background-color:#f0f9ff;border:1px solid #eef}
	#loading{text-align:center;margin:10px;display:none;position:absolute;width:100%;top:60px}
/* Intro page */
#intro-box{
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background: #f0f0f0;
	border:1px solid #dadada;
	text-align:center;
	float:left
}
	#intro-box .inside{padding:40px 40px 40px 40px}
		#intro-box h1{text-align:center;position:absolute;left:0;top:-90px;width:600px;overflow:hidden;height:100px;border:none; color:#2b2b2b;}
		#intro-box .button{position:absolute;right:40px;bottom:10px;float:right;white-space:nowrap}
		.intro-buttons{width:500px;padding:0 50px;position:absolute;left:0;bottom:50px}
		#flash-intro{margin-bottom:20px;position:absolute;left:23px;top:20px}

/* Content
---------------------------------------- */		
/* Lightbox image */

.lightbox-image{display:inline-block;position:relative;}
a.border{padding:6px;background:#dededa;display:inline-block;}
.lightbox-image img{position:relative;z-index:2;}
.lightbox-image span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/magnify.png) 50% 50% #fff no-repeat;}


/* SlideDown element */
.slideDown{padding:0 1px 0 0;font-size:13px; line-height:19px;}
	.slideDown dt{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;color:#fff;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:normal;
	display:block;font-size:14px;cursor:pointer;margin-bottom:10px;}
	.slideDown dt:hover,.slideDown dt.active{background-color:#bbb;color:#fff;text-shadow:0 0 5px #fff}
	.slideDown dt.active{background-image:url(../images/arrow2.gif)}
	.slideDown.absolute dt{position:relative; display:block !important; cursor:pointer;}
	.slideDown dd{display:none;padding:10px 20px 20px 20px;}
	#block dd{display:block}
	.slideDown.absolute{position:relative;}
	.slideDown.absolute dd{position:absolute;z-index:999; background:#fff;}
	.slideDown.absolute dd p {
		font-size:13px !important;
		line-height:24px !important;
	}
/* Accordion */
#horz-accordion {width:942px; margin:0 auto;}
dl#accordion{list-style-type:none;margin:0;padding:0 2px 0 0;height:auto !important}
	dl#accordion .indent{padding-top:7px !important;padding-bottom:5px !important}
	dl#accordion a{display:block;}
	dl#accordion dt{margin:0px; background:none; padding:0;}
		dl#accordion dt a{background-color:#333132;background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 16px;color:#7f7f7f;padding:9px 0 9px 21px;margin-bottom:4px;font-weight:normal;display:block;font-size:14px;text-decoration:none;}
		dl#accordion dt a:hover{background-color:#8e8d8b;color:#fff}
		dl#accordion dt.active a{background-color:#ccc;background-image:url(../images/arrow2.gif);color:#333}
	dl#accordion dd{display:none;margin-bottom:0;padding-left:0}
		dl#accordion dd .indent{padding:10px 30px 14px 20px !important}
		dl#accordion dd a{display:inline;background:none;padding:0;width:auto;text-decoration:none}
		dl#accordion dd a:hover{background:none}
		dl#accordion dd .sub_menu  li{list-style:none;line-height:30px!important;padding-left:12px;}
		.sub_menu{font-size:12px;line-height:16px;}
		.sub_menu li a{line-height:30px !important;text-decoration:underline !important;}
		.sub_menu li a:hover{text-decoration:none !important;}

/* Tooltips */
#aToolTip{background:#fbfbfb;color:#747474;margin:0;padding:2px 8px;font-size:11px;position:absolute;display:none;z-index:50000;border:2px solid #d2cfc9;}
#aToolTip .aToolTipContent{position:relative;margin:0;padding:0}
a#aToolTipCloseBtn{display:block;height:20px;width:20px;overflow:hidden;background:url(../images/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px}
/* Elements list */
.elements-list li{background:none !important;padding:0 0 0px 0 !important;position:relative;line-height:28px}
.elements-list li code{position:absolute;right:0;top:-3px;padding:2px 3px 1px 3px;border:1px dotted #333}
/* Tabs */
.tabs{padding:15px 0 30px 0}
 .tabs ol{list-style-type:decimal;margin:0 0 0 20px}
  .tabs ol li{display:list-item;float:none;padding-bottom:5px !important;font-size:12px;color:#6b6a6a} 
 .tabs ul{list-style:none;padding:0 0 0 0 !important;overflow:hidden}
  .tabs li{display:block;float:left;margin:0 5px 5px 0;background:none;padding:0 0 0 0 !important}
  .tabs .selected{margin-bottom:0px;position:relative}
  .tabs .selected a{background:#f0f0f0;color:#000;padding-bottom:10px}
  .tabs li a:hover{background:#f0f0f0;color:#000}
  .tabs li a{background:#FB4361;color:#fff;display:block;padding:5px 10px;text-decoration:none}
 .tabs .tab-content{background:#f0f0f0;clear:both;width:auto;max-width:900px;overflow:auto}
  #content .tabs .tab-content .inner{padding:10px} 
 .tabs p{margin-bottom:5px}
 .tabs .tab-content strong{color:#000} 
 .tabs pre{margin:4px 0}
 .tabs code{overflow:auto}
 *+html .tabs code{overflow:visible}


.data{font-size:12px;text-align:justify}
.viewsiurce{background-color:#F0F0F0;border:2px dashed #000;padding:20px;color:#006633;font-size:15px;font-size:12px}
/* Twitter */
#twitter p{margin:0;}
	#twitter h2{margin:0 0 5px 0;padding:.5em 1em;font-size:1.5em;color:#fff;background-color:#888;letter-spacing:0;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
	#preloader{margin:0;padding:1em 1em 1em 3em;text-indent:10px;background:transparent url(../images/loader.gif) 1em center no-repeat}
	ul#twitter_update_list{margin:0;padding:0 0 0.5em 0;list-style-type:none}
		ul#twitter_update_list li{margin:0;padding:0.8em 5px 1em 1em !important;background:#f0f0f0; margin-bottom:7px}
		ul#twitter_update_list li:hover{background-color:#FB4361;color:#fff}
			ul#twitter_update_list li:hover a{color:#fff}
			ul#twitter_update_list li a{color:#262626}			
				ul#twitter_update_list li span{display:block; color:#000}
				ul#twitter_update_list li:hover span{display:block; color:#fff}				
				ul#twitter_update_list li span a{color:#262626}
				ul#twitter_update_list li:hover span a{color:#fff}
			ul#twitter_update_list li.lastTweet{border-bottom:none}			
			a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000}
			a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000}
/* Code grabber */
.code{padding:30px 0 10px 0}
.code a.code-icon{margin-bottom:10px}
.code a.code-icon i{padding-right:6px;font-style:normal}
.code div.grabber{display:none}
.code code{padding:0 10px 0 10px;background:#f6f6f6;color:#333;border:1px solid #dfdfdf;white-space:pre;overflow:auto}