@charset "utf-8";


/*------------------------------
  general
------------------------------*/

/* link
---------------*/

a {
  color: #00AAFF;
}


/*------------------------------
  header
------------------------------*/

/* site title image
---------------*/

header h1.site-tiele a {
	color: #FFF;
    font-size: 10px;
    text-decoration: none;	
}

header h1.site-tiele a span{
  width: 110px;
  height: 36px;
  display:block;
  background: url(../img/site-title.png) no-repeat 0px 0px;
  -webkit-background-size:100px;
  background-size:100px;
  text-indent: -9999px;
}

/* icons color
---------------*/

header div.icons ul li.tel a {		/* TEL */
  background-color: #0F0;
}

header div.icons ul li.mail a {		/* MAIL */
  background-color: #124e89;
  border:solid 1px #6e8ca8;
}

header div.icons ul li.menu a {		/* MENU */
  background-color: #154473;
}

header div.icons ul li.info a {		/* INFO */
  background-color: #F0F;
}

header div.icons ul li.menu a.open {		/* MENU(open) */
}

/* global nav
---------------*/

header nav.global-nav:before {		/* base color */
  border-bottom: 7px solid #fff;
}

header nav.global-nav ul {		/* base color */
  background: #fff;
}

header nav.global-nav ul li.sample a {	/* icon */
  background: url(../img/icon/sample.png) no-repeat 0px center;
  -webkit-background-size: 30px;
  background-size: 30px;
}

/*------------------------------
  topページ
------------------------------*/

h2.about-action-learning img{
	width:100%;
	display:block;
	height:auto;
	margin:0 auto 10px;
}

div.training-menu ul{
	text-align:center;
}

div.training-menu ul li{
	width:80%;
	margin-bottom:8px;
	padding:5px;
	display:inline-block;
	background:#004080;
	color:#FFF;
}

div.training-menu ul li a{
	display:block;
	color:#fff;
	padding:0 0 0 10px;
	text-decoration:none;
	position:relative;
	text-align:left;
}


div.training-menu ul li a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin: -6px 0 0;
  border-top: 6px solid transparent;
  border-right: none;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #fff;
}

div.training-menu ul li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 11px;
  width: 0;
  height: 0;
  margin: -6px 0 0;
  border-top: 6px solid transparent;
  border-right: none;
  border-bottom: 6px solid transparent;
  border-left: 5px solid #004080;
}

.wtatsnew ul li{
	padding:10px;
	border-bottom:1px dotted #999;
}

.wtatsnew ul li:first-child{
	padding-top:0;
}

.wtatsnew ul li span.date{
	display:block;
}



/*------------------------------
  共通
------------------------------*/


section#main h2.page-title{
	margin:20px 0;
    padding: 0 0 5px 2px;
    color: #07396A;
    font-size: 23px;
	border-bottom:3px double #A1B4C8;
	line-height:120%;
}

section#main h2.page-title span.supplement{
	display:block;
	margin-left:5px;
    color: #566E84;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.5px;
	line-height:120%;
}

section#main h3{
	clear: both;
    display: block;
    margin: 0 0 15px;
	padding:10px 0;
    background: #f2f2f2;
    border-left: 4px solid #003366;
    line-height: 140%;
    overflow: hidden;
}


section#main h3 span.title{
	float: left;
    clear: left;
    padding: 0 11px;
    color: #003366;
    font-size: 18px;
    font-weight: bold;
}

section#main h3 a{
	float: right;
    clear: right;
    margin:0;
    padding:5px 11px;
    color: #003366;
    font-size: 12px;
    border-left: 1px dotted #666;
    text-decoration: underline;
	line-height:120%;
}

section#main div.banner {
	margin:15px 0 0;
}


section#main div.banner div.action-learning a{
	  display: block;
	  height: 67px;
	  margin: 0 10px 10px;
	  background: url(../img/button/action-learning.png) no-repeat 50% 50%;
	  background-size:300px;
	  text-decoration: none;
	  text-indent: -9999px;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  border:solid 1px #a1aab2;
}

section#main div.banner div.performance a {
	  display: block;
	  height: 67px;
	  margin: 0 10px 10px;
	  background: url(../img/button/performance.png) no-repeat 50% 50%;
	  background-size:300px;
	  text-decoration: none;
	  text-indent: -9999px;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  border:solid 1px #a1aab2;
}

section#main div.banner div.book a {
	  display: block;
	  height: 67px;
	  margin: 0 10px 10px;
	  background: url(../img/button/book.png) no-repeat 50% 50%;
	  background-size:300px;
	  text-decoration: none;
	  text-indent: -9999px;
	  -webkit-transition: 0.25s;
	  -moz-transition: 0.25s;
	  -o-transition: 0.25s;
	  transition: 0.25s;
	  border:solid 1px #a1aab2;
}


ul.list-mark li{
	margin-left: 20px;
	line-height:140%;
}

section#main p.caption{
	margin-top:5px;
	color:#666;
	font-size:85%;
	text-align:center;
}

section#main p.caption-block{
	margin-top:5px;
	color:#666;
	font-size:85%;
	text-align:center;
}


/*------------------------------
  会社概要
------------------------------*/

section#main .node.ABOUT table th,
section#main .node.ABOUT table td{
	display:block;
	width:auto;
}

.node-inner p img{
	width:100%;
	height:auto;
}

.node-inner.history{
	padding-top:20px;
}

.node-inner.history img{
	float:right;
	width:40%;
}


/*------------------------------
  代表挨拶
------------------------------*/
section#main .node.ABOUT .profile-block img.image-left{
	display:block;
	float:none;
	width:55%;
	height:auto;
	margin:0 auto 10px;
}
	
section#main .node.GREETING p.profile-name{
	line-height:140%;
}

section#main .node.GREETING p.profile-name br{
	display:none;
}

section#main .node.GREETING p.profile-name span{
	display:block;
}

div.world-map p br{
	display:inline;
	margin-left:10px;
}

div.world-map p strong{
	display:block;
}

div.books-img ul li{
	margin-bottom:10px;
	border-bottom:dotted #ccc 1px;
    padding: 0 5px 10px;
    font-size: 12px;
    text-align: center;
	overflow:hidden;
	text-align:left;
}

div.books-img ul li img{
	width:80px;
	height:auto;
	float:left;
	margin:0 15px 0 0;
}

div.books-img ul li img+br{
	display:none;
}

.world-map{
	overflow:hidden;
	padding:0 15px 15px;
	background:url(../img/bg/world-map.jpg) 50% 50% no-repeat;
	background-size:100%;
}

section#main div.world-map dl{
	font-size:85%;
	margin:0 0 10px 0;
	letter-spacing:-0.05em;
}

section#main div.world-map dl dt{
	font-weight:bold;
}

section#main div.world-map dl ul{
	overflow:hidden;
}

section#main div.world-map dl ul li{
	list-style:disc;
	display:inline-block;
	float:left;
	margin-right:10px;
}

section#main div.world-map dl ul li:before{
	content:"・";
	display:inline;
}

section#main table.activities-experience-area th,
section#main table.activities-experience-area td{
	display:table-cell !important;
	width:auto !important;
}

section#main table.activities-experience-area td{
	text-align:center;
}


/*------------------------------
  アクションラーニング
------------------------------*/

.action-learning-nav div.action-learning-nav-inner{
	clear: both;
    margin: 0 0 25px;
    padding: 15px;
    border: 4px solid #E0E0E0;
    overflow: hidden;
}

.action-learning-nav div.action-learning-nav-inner img.image-left{
	width:40px;
	height:auto;
}

.action-learning-nav div.action-learning-nav-inner img+p{
	display:none;
}

section#main .action-learning-nav div.action-learning-nav-inner p.link{
	margin:0;
	text-align:right;
}

section#main .action-learning-nav dl{
	margin-bottom:0;
}

.action-learning-nav dl dt{
	margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

.action-learning-nav dl dd p{
	font-size:14px;
}


/*-- （１）論理性：論理的テーマ（施策）選択 -------------------*/

section#main h3.ind3{
	text-indent:-1.2em;
	padding-left:1.2em;
}

section#main ul.img-list2{
	overflow:hidden;
}

section#main ul.img-list2 li{
	float:left;
	width:50%;
	margin-bottom:10px;
	padding:0 10px;
	box-sizing:border-box;
}

section#main ul.img-list2 li img{
	width:100%;
	height:auto;
}


.node-inner.logicality p img,
.node-inner.logicality ol li img{
	width:60%;
	height:auto;
	display:block;
	margin:0 auto;
	float:none;
}

.node-inner.logicality ol li img{
	padding-bottom:5px;
}

.node-inner.logicality ol li{
	list-style:decimal;
	margin-left:20px;
}

.node-inner.logicality ol li:first-child{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}


/*-- （2）戦略性：戦略・マーケティング定石の積極的活用 -------------------*/

section#main ul.img-list2 li{
	float:none;
	width:100%;
}


section#main ul.img-list2 li{
	overflow:hidden;
	margin-top:10px;
	padding-top:10px;
	border-top:dotted 1px #ccc;
}

section#main ul.img-list2 li:first-child{
	margin-top:0;
}

section#main ul.img-list2 li a{
	text-decoration:none;
}

section#main ul.img-list2 li span.title {
	display:block;
	border-left: solid 5px #036;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
    color: #036;
	font-size:14px;
	text-decoration:none;
}

section#main ul.img-list2 li a img{
	display:block;
	width:60%;
	margin:0 auto;
}


/*------------------------------
  その他研修
------------------------------*/

section#main .other-training img.image-right{
	width:30%;
}


section#main .other-training h3{
	border-left: none;
    border-bottom: 2px solid #003366;
    font-weight: bold;
    padding:7px;
    font-size: 18px;
    color: #003366;
}

.node-inner.other-training ul li{
	padding-left: 2.5em;
	text-indent: -2.5em;
	font-size:14px;
	line-height:140%;
}

.node-inner.other-training ul.num2 li{
	padding-left: 3.3em;
	text-indent: -3.3em;
}

/*------------------------------
  実績
------------------------------*/
section#main h4{
	clear: both;
    display: block;
    margin: 0 0 15px;
    padding-bottom: 5px;
    line-height: 130%;
    overflow: hidden;
    border-bottom: dotted 1px #000;
    font-size: 16px;
    font-weight: bold;
}

/*------------------------------
  お問い合わせ
------------------------------*/
div#form dl{
	clear: both;
	margin:0;
    padding: 15px 0;
    background: #FAFAFA;
    border-bottom: 1px dotted #CCC;
    overflow: hidden;
    vertical-align: middle;
}

div#form dl:first-child{
	border-top: 1px dotted #CCC;
}

div#form dl dt span.required{
	display: inline-block;
    margin: 0 0 1px 8px;
    padding: 2px 3px 1px 5px;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    background: #48698B;
    letter-spacing: 2px;
    line-height: 1.2;
}

div#form p.align-center{
	margin:15px 0;
}

.error{
	margin: 0 0 30px;
    padding: 10px 0 0;
    color: #DC0E0E;
}

/*------------------------------
  サイトマップ
------------------------------*/
/* sitemap
---------------*/
.node-inner.sitemap p.home{
	padding-left:22px;
	background:url(../img/icon/home.png) no-repeat;
	background-size:18px;
}

.node-inner.sitemap ul li{
	margin:0 0 10px 10px;
	padding-left:10px;
	background:url(../img/icon/blank_arrow.png) 0 5px no-repeat;
	background-size:7px;
}


section#main .node-inner.sitemap ul li dl{
	margin:10px 0 20px 0;
}

section#main .node-inner.sitemap ul li dl dt{
	margin-left:0;
	padding-left:7px;
	border-left:solid 4px #000;
	line-height:130%;
}

section#main .node-inner.sitemap ul li dl dd{
	padding:10px 0 0 0;
    margin: 0 0 5px 0;
    font-size: 12px;
    line-height: 100%;
	background:url(../img/icon/black-arrow.png) 0 11px no-repeat;
}



/*------------------------------
  記事一覧
------------------------------*/
ul.pager{
	overflow:hidden;
	text-align:center;
}

ul.pager li{
	display:inline-block;
	margin-bottom:5px;
}

ul.pager li a{
	text-decoration:none;
	display: inline-block;
	height:30px;
    line-height:30px;
    border-radius: 5px;
    width: 30px;
    letter-spacing: normal;
    font-size: 16px;
    margin: 0 5.5px;
    vertical-align: middle;
	border:1px solid #10406F;
	color:#10406F;
}

ul.pager li a:hover{
	color: #FFF;
    background:#10406F;
}

ul.pager li a.active{
	color:#fff;
    background:#10406F;
    border:1px solid #10406F;
}

/*------------------------------
  記事詳細
------------------------------*/

ul.pager-detail {
  position: relative;
  margin: 0 10px 15px;
  padding:15px 0 0;
  height: 20px;
  letter-spacing: -.40em;
  white-space: nowrap;
  border-top:dotted 1px #ccc;
}

ul.pager-detail li {
  display: inline-block;
  width:33%;
  text-align: center;
  letter-spacing: normal;
}

ul.pager-detail li.next {
  text-align: right;
}

ul.pager-detail li.back {
  text-align: left;
}

ul.pager-detail li.next a {
  padding-left: 12px;
  background: url(../img/icon/brown_arrow_left.png) no-repeat left center;
}

ul.pager-detail li.back a {
  padding-right: 12px;
  background: url(../img/icon/brown_arrow_right.png) no-repeat right center;
}

/* プライバシーポリシー
---------------*/
dl.privacy dt{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:dotted 1px #033668;
	font-size:16px;
	color:#07396A;
}

dl.privacy dd{
	margin:0 0 35px;
}

dl.privacy dd ul li{
	list-style:disc;
	margin:0 0 0 25px;
}


/* コンサルティング
---------------*/

.flow-box{
	margin-bottom:15px;
	padding-bottom:20px;
	background:url(../img/icon/arrow_btm.png) center bottom no-repeat;
	background-size:40px;
}

.flow-box:last-child{
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
	
.consulting-flow dl{
	overflow:hidden;
	margin-bottom:20px;
	padding:10px;
	border:solid 1px #ccc;
}

.consulting-flow dl dt{
	margin-bottom:10px;
	font-weight:bold;
	color:#545050;
	font-size:15px;
}

.consulting-flow dl dt img.image-right{
	width:70%;
	height:auto;
	padding-bottom:0;
	display:block;
	float:none;
	margin:10px auto;
}

.consulting-flow dl span.num{
	display:inline-block;
	margin-right:10px;
	padding:3px 10px;
	color:#fff;
	background:#719BC4;
}

.consulting-flow dl p{
	margin:0;
}

section#main .consulting-flow dl dd ul{
	margin-left:20px;
}

.consulting-flow dl dd ul li{
	list-style:disc;
}

section#main .consulting-flow dl dd ul li ul{
	margin-left: 0;
    background:#F4F3F3;
	margin-bottom:0;
    padding: 3px 10px;
    display: inline-block;
    font-size: 13px;
}

.consulting-flow dl dd ul li li{
	display:inline-block;
	margin-right:15px;
	padding-left:10px;
	background:url(../img/icon/blank_arrow.png) 0 3px no-repeat;
	background-size:6px;
}

.consulting-flow dl dd ul li li:last-child{
	margin-right:0;
}


.consulting-flow p.result{
	margin-top:20px;
	padding-top:20px;
	background:url(../img/icon/arrow_dot_blue_btm.png) top center no-repeat;
	background-size:20px;
	text-align:center;
}

.consulting-flow p.result span{
	display: block;
    font-weight: bold;
    font-size: 14px;
    color: #305B86;
    background: #EDF4FA;
    padding: 5px 15px;
}


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

footer nav.footer-menu p.menu {		/* menu background color */
  background: #0c4986;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0F3F6F), color-stop(0.47, #114070), color-stop(0.00, #2c6daf));
	background: -webkit-linear-gradient(top, #2c6daf 0%, #114070 47%, #0F3F6F 100%);
	background: -moz-linear-gradient(top, #2c6daf 0%, #114070 47%, #0F3F6F 100%);
	background: -o-linear-gradient(top, #2c6daf 0%, #114070 47%, #0F3F6F 100%);
	background: -ms-linear-gradient(top, #2c6daf 0%, #114070 47%, #0F3F6F 100%);
	background: linear-gradient(to bottom, #2c6daf 0%, #114070 47%, #0F3F6F 100%);
}

footer div.copyright {		/* copyright background color */
  background: #0c4986;
}


/*------------------------------
  title
------------------------------*/

section#main h2.lead {		/* lead text style */
  color: #F00;
  font-size: 16px;
}

section#main h2.title {		/* page title background color */
  background: #548a8c;
}

section#main h3.title {		/* middle title color */
  color: #80473b;
  border-left: 4px solid #80473b;
}

section#main h4.title {		/* small title color */
  color: #000;
}

section#main h4.title:before {		/* small title icon color */
  background: #F60;
}


/*------------------------------
  table
------------------------------*/

section#main table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

section#main table th,
section#main table td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

section#main table th {
  background: #f5f5f5;
}

/*------------------------------
  eyecatch
------------------------------*/

section#main section.eyecatch div.overlay-button a {		/* background color */
  background: #000;
}

section#main section.eyecatch div.overlay-button a:before {		/* icon color */
  border-left: 6px solid #FFF;
}


/*------------------------------
  inquiry banner
------------------------------*/

section#main section.inquiry {		/* background color */
  background:#003366 url(../img/bg/blue-wave-pattern_header.png) no-repeat center top;
  color:#fff;
}

section#main section.inquiry p{
	font-size:12px;
	margin:0 0 10px;
}

section#main section.inquiry p.title {		/* text style */
	padding-bottom:5px;
  color: #fff;
  font-size: 16px;
  border-bottom:solid 1px #4a6e92;
}


section#main section.inquiry ul li a {		/* button background color */
  background: #124e89;
  border:solid 1px #6e8ca8;
}


/*------------------------------
  supplement
------------------------------*/

section#main div.supplement-block {		/* block color */
  background: #FCFCFC;
  border: 1px solid #BDBDBD;
}

section#main div.supplement-block p.title {		/* title style */
  color: #F00;
  border-bottom: 1px dotted #BDBDBD;
}


/*------------------------------
  flow
------------------------------*/

section#main div.flow-block dl:before {		/* arrow color */
  background: #F57933;
}

section#main div.flow-block dl:after {		/* arrow color */
  border-top: 8px solid #F57933;
}

section#main div.flow-block dl dt {		/* step title color */
  color: #F57933;
}

section#main div.flow-block dl dt span.num {		/* step title icon color */
  background: #F57933;
}

section#main div.flow-block dl.end dt {		/* final step title color */
  color: #2DB147;
}

section#main div.flow-block dl.end dt span.num {		/* final step title icon color */
  background: #2DB147;
}


/*------------------------------
  accordion
------------------------------*/

section#main div.accordion-block {		/* border color */
  border: 1px solid #999;
}

section#main div.accordion-block div.accordion-block-header,		/* border color */
section#main div.accordion-block div.accordion-block-body {
  border-top: 1px solid #999;
}

section#main div.accordion-block div.accordion-block-header:before {		/* header left icon color */
  background: #F00;
}

section#main div.accordion-block div.accordion-block-header:after {		/* header right icon color */
  background: #F60 url(../img/icon/plus.png) no-repeat center center;
  -webkit-background-size: 20px;
  background-size: 20px;
}

section#main div.accordion-block div.accordion-block-header.open:after {		/* header right icon color */
  background: #F60 url(../img/icon/minus.png) no-repeat center center;
  -webkit-background-size: 20px;
  background-size: 20px;
}

/*------------------------------
  menu
------------------------------*/

/* mass menu
---------------*/

section#main nav.mass-menu {		/* background color */
  background: #09F;
}

section#main nav.mass-menu ul li.sample a {		/* icon */
  background: url(../img/icon/sample.png) no-repeat 0px center;
  -webkit-background-size: 40px;
  background-size: 40px;
}

/* float menu
---------------*/

section#main nav.float-menu ul li.sample1 a span.title {		/* title color */
  color: #F00;
}

section#main nav.float-menu ul li.sample2 a span.title {		/* title color */
  color: #03F;
}

section#main nav.float-menu ul li a span.small {		/* description color */
  color: #999;
}


/*------------------------------
  button
------------------------------*/

/* left right
---------------*/

section#main div.button-block div.button-left a:after {		/* icon color */
  border-right: 9px solid #666;
}

section#main div.button-block div.button-right a:after {		/* icon color */
  border-left: 9px solid #666;
}

/* map
---------------*/

section#main div.button-block div.button-center.type-map a:after {		/* map icon center circle color */
  background: #FF4C2A;
}

/* general icon
---------------*/

section#main div.button-block div.type-general-icon.sample a:before {		/* icon */
  background: url(../img/icon/sample.png) no-repeat center center;
  -webkit-background-size: 40px;
  background-size: 40px;
}

/* button color
---------------*/

section#main div.button-block div.bg-green a {		/* background color */
  background: rgb(158,203,45);
  background: -moz-linear-gradient(top,  rgba(158,203,45,1) 0%, rgba(114,170,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,203,45,1)), color-stop(100%,rgba(114,170,0,1)));
  background: -webkit-linear-gradient(top,  rgba(158,203,45,1) 0%,rgba(114,170,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(158,203,45,1) 0%,rgba(114,170,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(158,203,45,1) 0%,rgba(114,170,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(158,203,45,1) 0%,rgba(114,170,0,1) 100%);
}

section#main div.button-block div.bg-orange a {		/* background color */
  background: rgb(255,152,56);
  background: -moz-linear-gradient(top,  rgba(255,152,56,1) 0%, rgba(255,124,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,152,56,1)), color-stop(100%,rgba(255,124,0,1)));
  background: -webkit-linear-gradient(top,  rgba(255,152,56,1) 0%,rgba(255,124,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,152,56,1) 0%,rgba(255,124,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,152,56,1) 0%,rgba(255,124,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,152,56,1) 0%,rgba(255,124,0,1) 100%);
}

section#main div.button-block div.bg-blue a {		/* background color */
  background: rgb(122,188,255);
  background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1)));
  background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
  background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
}


/*------------------------------
  form
------------------------------*/

/* form-block
---------------*/

section#main div.form-block {		/* border color */
  border: 1px solid #B9B9B9;
}

section#main div.form-block dl dt {		/* title style */
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #B9B9B9;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}

section#main div.form-block dl dt span.required {		/* required style */
  color: #FFF;
  background: #F15742;
  -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.5);
}

/* form parts
---------------*/

section#main input[type="checkbox"]:checked:before,
section#main input[type="checkbox"]:checked:after {		/* checkbox checked icon color */
  background: #0F0;
}

section#main input[type="radio"]:checked:before {		/* radio button checked icon color */
  background: #F00;
}

section#main input[type="submit"],
section#main input[type="button"] {		/* button style */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(211,211,211,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(211,211,211,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(211,211,211,1) 100%); /* W3C */
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 1px 0 rgba(255,255,255,1);
}

section#main input[type="submit"].back,
section#main input[type="button"].back {		/* back button style */
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(242,242,242,1) 20%, rgba(188,188,188,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(242,242,242,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 20%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(242,242,242,1) 20%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(242,242,242,1) 20%,rgba(188,188,188,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(242,242,242,1) 20%,rgba(188,188,188,1) 100%); /* W3C */
}


/*------------------------------
  other
------------------------------*/

/* font
---------------*/
.font-bold{
	font-weight:bold;
}



/* font color
---------------*/

.font-orange {
  color: #F60;
}

.font-brown {
  color: #281101;
}

.font-red {
  color: #f00;
}

.font-blue {
  color: #0068D8;
}

.font-green {
  color: #46830e;
}

.font-gray {
  color: #666;
}