@charset "UTF-8";
/* =========================
    reset
======================= ===*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	line-height: 100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;font-size:100%;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
img {vertical-align: top;font-size:0;line-height: 0;}
/* =========================
    all
======================= ===*/
html{font-size: 62.5%;}
body{
	background:#f2f2ee;
	font-family: Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	color:#333;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: justify;
}
#wrap{
	width:1103px;
	margin:0 auto;
}
.sec{
	position:relative;
}
.cnts{
	background:#fff;
	padding:5px;
	border-radius:4px;
	margin-bottom:12px;
}
.inner{
	background:#f7f7f7;
	padding:10px;
	margin-bottom:5px;
}
.inner:after {
	display: block;
	clear: both;
	content: "";
}
/* =========================
    text
======================= ===*/
h1{
	font-size: 143%;
	letter-spacing: 0.09em;
	font-weight: normal;
	line-height: 150%;
}
h2{
	font-weight: normal;
	font-size:128%;
}
h3{
	font-size:114%;
	margin:24px 0 18px;
	line-height:174%;
}
h3:before{
	border-top: 1px solid #f2f2ee;
	content: " ";
	display: block;
	position: relative;
	height: 1px;
	width: 860px;
	top: -24px;
	left: -30px;
}
h3.firstTtl:before,h3.noBorder:before{
	border:none;
	content:normal;
}
h4{
	font-size:100%;
	margin:30px 0 26px;
	border-top:1px solid #f2f2ee;
	padding-top:30px;
}
h5{
	font-size:100%;
}
p{
	line-height: 172%;
	text-align:justify;
	text-justify: inter-ideograph;
}
em{
	color:#cc0000;
	font-style:normal;
}
blockquote{
	border:2px solid #f2f2ee;
	padding: 8px 14px;
	line-height: 172%;
	margin: 24px 0 30px;
	color:#666;
}
.more{
	text-align:right;
	padding-right:10px;
	margin:12px 0 6px;
	font-size:72% !important;
	clear:both;
}
.date{
	color:#999;
	font-size:72%;
	margin-bottom: 10px;
	display: inline-block;
	letter-spacing:0.1em;
}
h3.firstTtl{
	margin:0 0 26px;
}
h4.firstTtl{
	margin:0;
	border:0;
	padding:0;
}
/* =========================
   List
======================= ===*/
#content ul{
	margin:10px 0 10px 14px;
}
#content ol{
	margin:10px 0;
	padding-left:1.5em;
}
#content li{
	margin-bottom:6px;
	line-height:178%;
}
#content ol > li{
	counter-increment:cnt;
	text-indent: -1.5em;
}
#content ol li:before{
	display:marker;
	content:counter(cnt)" ) ";
}
#content ul.compact > li,#content ol.compact > li{
	margin-bottom:3px;
	line-height:140%;
}
/* =========================
    common
======================= ===*/
.p0{
	padding: 0;
}
.pb5{
	padding-bottom:5px;
}
.pb6{
	padding-bottom:6px;
}
.pb30{
	padding-bottom:30px;
}
.pb50{
	padding-bottom:50px;
}
.m0{
	margin: 0;
}
.mb0{
	margin-bottom:0;
}
.mb4{
	margin-bottom:4px;
}
.mb8{
	margin-bottom:8px;
}
.mb12{
	margin-bottom:12px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.txtR{
	text-align:right;
}
.clear:after {
	display: block;
	clear: both;
	content: "";
}
.over{
	overflow:hidden;
}
.pLR25{
	padding-left:25px;
	padding-right:25px;
}
.mLR25{
	margin-left:25px;
	margin-right:25px;
}
.fwB{
	font-weight:bold;
}
.fcB{
	color:#333;
}
.fs12{
	font-size:86%;
}
.fs10{
	font-size:72%;
}
.ls0{
	letter-spacing:0;
}
.lh100{
	line-height:100%;
}
.lh120{
	line-height:120%;
}
.lh130{
	line-height:130%;
}
.lh140{
	line-height:140%;
}
.lh150{
	line-height:140%;
}
.positionR{
	position: relative;
}
.positionA{
	position: absolute;
}
.positionF{
	position: fixed;
}
/* =========================
   Link
======================= ===*/
a{
	color:#666;
	text-decoration:none;
}
p a{
	background:#e6e6de;
}
a:hover{
	color:#ec6c20;
}
a.bgW{
	background:#fff;
	display:block;
}
a.bgW:hover img{
	filter: alpha(opacity=5);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	opacity:0.5;
}
small{
	font-size:86%;
}
.more a{
	background:none;
	font-weight:normal;
}
#hService a{
	color:#42b632;
}
#hService a:hover{
	color:#71d25e;
}
#hService .premium a{
	color:#583414;
}
#hService .premium a:hover{
	color:#AB9989;
}
#hCase a{
	color:#ff6b6b;
}
#hCase a:hover{
	color:#ff9999;
}
#hBlog a{
	color:#af66d4;
}
#hBlog a:hover{
	color:#cd94e5;
}
.hBnr{
	margin-bottom:12px;
}
.hBnr a{
	border-radius:4px;
}
/* =========================
    arrow
======================= ===*/
.arrowF{
	position: relative;
	padding: 0 0 0 15px;
}
.arrowF:before{
	display: block;
	content: " ";
	position: absolute;
	top: 45%;
	left: 0;
	border: 4px solid transparent;
}
.arrowB{
	position: relative;
	padding: 0 15px 0 0;
}
.arrowB:before{
	display: block;
	content: " ";
	position: absolute;
	top: 45%;
	right: -2px;
	border: 4px solid transparent;
}
.toR:before,.toRO:before {
	border-left-color: #999;
	border-left-width: 5px;
	margin: -4px 0 0 0;
}
.toL:before {
	border-right-color: #999;
	border-right-width: 5px;
	margin: -4px 0 0 -5px;
}
.toU:before {
	border-bottom-color: #999;
	border-bottom-width: 5px;
	margin: -6px 0 0 0;
}
/*.orangeR:before{
	border-left-color:#ec6c20;
}*/
.orangeR:hover:before{
	border-left-color:#ec6c20;
}
.act .orangeR:before{
	border-left-color:#ec6c20;
}
.orangeL:hover:before{
	border-right-color:#ec6c20;
}
.orangeU:hover:before{
	border-bottom-color:#ec6c20;
}
.greenR:before{
	border-left-color:#71d25e;
}
.brownR:before{
	border-left-color:#583414;
}
.blueR:before{
	border-left-color:#68bbf0;
}
.pinkR:before{
	border-left-color:#ff9999;
}
.yellowR:before{
	border-left-color:#e6cf0c;
}
.whiteR:before{
	border-left-color:#fff;
}
.act .toRO:before,.act .toRO:hover:before{
	border-left-color:#000;
}
.toRO:hover:before {
	border-left-color:#ec6c20;
}
.purpleR:hover:before{
	border-left-color:#af66d4;
}
.purpleL:hover:before{
	border-right-color:#af66d4;
}
.arrowbgG{
	background:#e6e6de;
	border-radius:4px;
	padding:0 15px;
}
.arrowbgG a{
	height:40px;
	line-height:40px;
	display:block;
}
.arrowbgG .arrowF:before,.arrowbgG .arrowB:before{
	top:49%;
}
/* =========================
    grobal navigation
======================= ===*/
#gNav{
	height:70px;
}
#gNav ul li{
	display:inline-block;
	margin-left:5px;
}
#gNav ul li:first-child{
	margin-left:0;
}
#gNav ul li a{
	display:block;
}
/* =========================
    header
======================= ===*/
/*home*/
#hHead{
	background:url(../images/bg-head_home.jpg) no-repeat top center;
	padding-top:25px;
	height:295px;
}
#hHead .catch{
	float:right;
	margin-top:48px;
}
/*2nd pages*/
#header{
	background:url(../images/bg-header.jpg) no-repeat top center;
	padding-top:26px;
	height:104px;
}
#header #logo{
	float:left;
}
#header .catch{
	float:right;
	margin-top:18px;
}
/* =========================
    home
======================= ===*/
.cnts h1{
	margin:10px 0 15px 10px;
}
.cnts h2,.infCnts h2{
	font-size: 100%;
	margin-bottom: 5px;
	line-height: 174%;
	letter-spacing: 0.016em;
	font-weight:bold;
}
.cnts p,.infoTxt p{
	font-size:86%;
	line-height:170%;
}
/*service*/
#hServiceL{
	width:600px;
	float:left;
	margin-right:12px;
}
#hServiceR{
	width:348px;
	float:left;
}
/*casestudy  blog*/
#hCase{
	width:474px;
	float:left;
}
.hBox{
	float:left;
	width:230px;
	margin-left:8px;
}
#hBlog{
	width:474px;
	float:left;
	margin-left:12px;
}
.trimImg{
	position:relative;
	width:202px;
	height:140px;
	overflow:hidden;
}
.trimImg img{
	position:absolute;
	left:-25px;
}
/*information*/
#hInfo{
	clear:both;
}
.infCnts{
	display:table;
	border-collapse: separate;
	border-spacing: 1px 0;
}
.infoTtl{
	background:#fff;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	padding:24px 15px;
	width:242px;
	margin-right:1px;
	display:table-cell;
	vertical-align:top;
}
.infoTxt{
	background:#fff;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	padding:24px 15px;
	width:860px;
	display:table-cell;
}
.infoTxt p{
	float:left;
}
.infoTxt a{
	color:#333;
	font-weight:bold;
}
.infoTxt a:hover{
	color:#ec6c20;
}
.infoTable{
	border-collapse: separate;
	border-spacing: 15px 0;
	padding:24px 0;
}
.infoDetail{
	display:table-cell;
	width:469px;
}
.infoImg{
	display:table-cell;
	vertical-align:top;
}
/* =========================
    2nd menu
======================= ===*/
#side{
	width:231px;
	float:left;
}
#side li{
	list-style:none;
}
.sideFixed{
	position:fixed;
	top:12px;
}
.sideCnts{
	background:#fff;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	padding:5px 5px 0 5px;
	overflow:hidden;
	margin-bottom:5px;
}
/* sprt menu */
.sprt{
	background:#fff;
	border-radius:4px;
	padding:23px 15px;
	margin-bottom:5px;
}
.sprtMenu li a{
	display:block;
	background:#fff;
	border-radius:4px;
	padding:28px 15px;
	margin-bottom:5px;
	font-weight: normal;
	letter-spacing:0.03em;
}
.sprtMenu .arrowF{
	padding-left:30px
}
.sprtMenu li a.arrowF:before{
	left:15px;
	top:49%;
}
/* set menu */
.set{
	background:#fff;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	margin-bottom:1px;
	padding:23px 13px 23px 15px;
}
.setMenu{
	background:#fff;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	margin-bottom:5px;
	padding:15px 5px 5px;
}
.setMenu li a{
	display:block;
	margin-bottom:5px;
	font-weight: normal;
	letter-spacing:0.03em;
	padding:10px 0;
}
.setMenu .arrowF{
	padding-left:25px
}
.setMenu li a.arrowF:before{
	left:10px;
	top:48%;
}
/* inqury privacy menu */
.ipMenu{
	background:#fff;
	border-radius:4px;
	padding:10px 5px 5px;
	margin-bottom:5px;
	letter-spacing: 0.05em;
	font-size:86%;
	overflow:hidden;
}
.ipMenu li a{
	display:block;
	margin-bottom:5px;
	font-weight: normal;
	padding:10px 0;
}
.ipMenu .arrowF{
	padding-left:25px
}
.ipMenu li a.arrowF:before{
	left:10px;
	top:48%;
}
/* local  menu */
.lclMenu{
	letter-spacing: 0.05em;
	font-size:72%;
	margin-bottom:5px;
	background: #e6e6de;
	border-radius: 4px;
	padding: 15px;
}
.lclMenu li{
	margin-top:14px;
}
.lclMenu li:first-child{
	margin-top:0;
}
.lclMenu li a {
	display:block;
}
.lclMenu li a.arrowF:before{
	top:42%;
}
.lclMenu li a:hover {
	color:#ec6c20
}
.lclMenu li a.active{
	color:#000;
}
.toHome{
	margin-bottom:5px;
	font-size:72%;
	letter-spacing: 0.05em;
}
/* =========================
    2nd content
======================= ===*/
#content{
	width:860px;
	float:right;
}
.dosHead,.bHead{
	background:#fff;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	margin-bottom:1px;
	padding:30px;
}
.firstHead{
	border-radius:0;
}
.dosHead h2,.bHead h2{
	line-height: 112%;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.dosCnts,.bCnts{
	background:#fff;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	padding:30px;
	position:relative;
	overflow:hidden;
}
.tresCnts{
	background:#fff;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	padding:30px 5px 5px;
	position:relative;
	overflow:hidden;
}
.dosCnts:after,.bCnts:after,.tresCnts:after{
	display: block;
	clear: both;
	content: "";
}
.cntHarf{
	width:316px;
}
.cntL{
	float:left;
	width:199px;
	margin-right:30px;
}
.cntR{
	float:left;
	width:428px;
}
.btn a,.btn input{
	border-radius:4px;
	padding:12px 0;
	width:200px;
	display:block;
	color:#fff;
	font-size:86%;
	letter-spacing:0.07em;
	text-align:center;
}
.btn a:hover,.btn input:hover{
	filter: alpha(opacity=7);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
}
.dosCnts .btn{
	position:absolute;
	bottom:30px;
}
.inqInner .btn a .arrowB:before,.dosCnts .btn a .arrowB:before {
	right:-5px;
	top:49%;
}
.inqInner{
	background:#fdf0e8;
	padding:40px 0 45px;
	text-align:center;
}
.inqInner .btn a{
	margin:28px auto 0;
}
/* =========================
    2nd service
======================= ===*/
#service h1,#service h2{
	color:#42b632;
}
#service .premium h1,#service .premium h2{
	color:#583414;
}
#service ul{
	list-style-image: url(../images/burette_service.png);
}
/* menu link service */
.sMenu li a.btn2l{
	line-height:144%;
	padding-top:15px;
	padding-bottom:15px;
}
.sMenu li a:hover,.sMenu li a.active{
	color:#42b632;
	background:#f1faef;
}
.premium .sMenu li a:hover,.premium .sMenu li a.active{
	color:#583414;
	background:#ebdbb2;
}
.greenBtn a{
	background:#71d25e;
}
.brownBtn a{
	background:#583414;
}
/*girasol*/
.sInner{
	background:#f7f7f7;
	padding:30px 25px;
	margin-bottom:5px;
}
.sInner:after{
	display: block;
	clear: both;
	content: "";
}
#about .tresCnts{
	padding-bottom:0;
}
#content .reasonList{
	margin:0 0 30px 0;
}
#content .reasonList li{
	vertical-align:top;
	list-style:none;
	border:1px solid #42b632;
	border-radius:4px;
	display:inline-block;
	width:199px;
	margin:0 0 0 30px;
}
#content .reasonList li.basic{
	border:1px solid #84753f;
}
#content .reasonList li.premium{
	border:1px solid #611b1b;
}
#content .reasonList li.col2{
	width:312px;
}
#content .reasonList li:first-child{
	margin-left:0;
}
.h11{
	height:113px;
}
.h13{
	height:135px;
}
.h15{
	height:155px;
}
.h17{
	height:174px;
}
.h18{
	height:182px;
}
.h20{
	height:202px;
}
.grnTtl{
	padding:7px 10px;
	background:#71d25e;
	color:#fff;
	font-size:100%;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	line-height: 120%;
}
.goldTtl{
	padding:7px 10px;
	background:linear-gradient(#c2b278, #84753f);
	color:#fff;
	font-size:100%;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	line-height: 120%;
}
.brownTtl{
	padding:7px 10px;
	background:linear-gradient(#611b1b, #000000);
	color:#ebdcb3;
	font-size:100%;
	text-shadow: 0 2px 0 #000;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	line-height: 120%;
}
.grnTxt{
	padding:8px 8px;
	line-height:182%;
	font-size:86%;
}
/*girasol flow*/
#flow .tresCnts{
	padding-bottom:0;
}
#content .sInner h3{
	margin-top:-5px;
}
#content .sInner h3:before{
	content:normal;
}
#sDoc img{
	margin-left:10px;
}
.cntsArrow{
	text-align:center;
	margin:15px 0;
}
.sHarf{
	width:351px;
}
#content .trialFlow{
	margin:28px 0 0;
	text-align:center;
	padding-left:0;
}
#content .trialFlow li{
	list-style:none;
	display:inline-block;
	counter-increment:none;
	text-indent:0;
}
#content .trialFlow >li{
	position:relative;
	margin-left:30px;
	margin-bottom:0;
}
#content .trialFlow >li:first-child{
	margin-left:0;
}
#content .trialFlow >li:before{
	content:url("../images/cntsLeft.png");
	width:17px ;
	height:21px;
	position:absolute;
	top:40%;
	left:-22px;
}
#content .trialFlow >li:first-child:before{
	content:" " ;
}
#content .trialFlow li p{
	text-align:center;
	margin-top:10px;
}
#content .trialFlow .gCcle{
	background:url(../images/girasol_circle.png) no-repeat top center;
	width:199px;
	height:199px;
	color:#fff;
	padding-top:50px;
	line-height:174%;
	margin:0 auto;
}
#content .gCcle img{
	margin-top:12px;
}
#content .gCcle ul{
	margin:0 auto;
	width:134px;
	list-style:disc;
}
#content .gCcle li{
	list-style:disc;
	display:list-item;
	text-align:left;
	margin-left:20px;
}
#content .gCcle li:before {
	content:normal;
}
/*girasol price*/
#price .tresCnts{
	padding:0 5px 5px;
	overflow:visible;
}
.premium #price .tresCnts{
	padding:0;
}
.priceBox{
	display:table;
	border-collapse: separate;
	border-spacing: 5px 5px;
	margin:0 -5px ;
}
.priceBox .sInner{
	display:table-cell;
	width:478px;
	padding:18px 30px;
	vertical-align:middle;
}
.priceTtl{
	background:#f1faef;
	width:224px;
	padding:20px 25px;
	display:table-cell;
	vertical-align:top;
}
#content .priceTtl h3{
	margin:0;
}
#content .priceTtl h3:before{
	content:normal;
}
#content .priceTtl h3 .fs12{
	font-size:74%;
	font-weight:normal;
}
#content .priceAt{
	background:#f7f7f7;
	padding:15px 25px;
	margin:0;
}
#content .priceAt li{
	font-size:86%;
	list-style:none;
	margin-bottom:2px;
}
.priceAt .popLink{
	background:#e6e6de;
	font-weight:bold;
	cursor:pointer;
}
.priceAt .popLink:hover{
	color:#42b632;
}
.premium .priceAt .popLink:hover{
	color:#583414;
}
.priceTable{
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px 5px;
}
.priceTable th{
	width: 50%;
	height: 90px;
	padding: 20px 25px;
	font-size: 114%;
	vertical-align: middle;
}
.priceTable th.basic{
	background:linear-gradient(#c2b278, #84753f);
	color:#fff;
}
.priceTable th.premium{
	background:linear-gradient(#611b1b, #000000);
	color:#ebdcb3;
	text-shadow: 0 2px 0 #000;
}
.priceTable td{
	width: 50%;
	background:#f7f7f7;
}
.priceTable td.priceYear{
	height: 90px;
	text-align: center;
	vertical-align: middle;
}
.priceTable td.priceQuarter{
	height: 60px;
	text-align: center;
	vertical-align: middle;
}
/*girasol popup*/
#pop{
	background:#71d25e;
	padding:5px;
	letter-spacing:0.05em;
	position:absolute;
	z-index:999;
	margin-top:-10px;
	border-radius:4px;
	width:800px;
	left:30px;
	display:none;
}
#pop.knk{
	width:auto;
}
#pop:after {
	content: " ";
	position: absolute;
	top: -4px;
	left: 20px;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #71d25e transparent;
}
#popInner{
	background:#f1faef;
	padding: 18px 20px 0;
	overflow:hidden;
}
#pop h4{
	line-height:174%;
	border:none;
	padding:0;
	margin:0;
}
#pop h4.mb20{
	margin-bottom:20px;
}
#pop ul{
	margin:0px 0 18px 0;
}
#pop li{
	list-style:none;
	font-size:86%;
	margin-bottom:0;
}
#popClose{
	position:absolute;
	top:-15px;
	right:-12px;
	cursor:pointer;
}
/*girasol popup2*/
.priceAt .pop2Link{
	background:#e6e6de;
	font-weight:bold;
	cursor:pointer;
}
.priceAt .pop2Link:hover{
	color:#42b632;
}
#pop2{
	background:#71d25e;
	padding:5px;
	letter-spacing:0.05em;
	position:absolute;
	z-index:999;
	margin-top:-10px;
	border-radius:4px;
	width:800px;
	left:30px;
	display:none;
}
#pop2.knk{
	width:auto;
}
#pop2:after {
	content: " ";
	position: absolute;
	top: -4px;
	left: 20px;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #71d25e transparent;
}
#pop2Inner{
	background:#f1faef;
	padding: 18px 20px 0;
	overflow:hidden;
}
#pop2 h4{
	line-height:174%;
	border:none;
	padding:0;
	margin:0;
}
#pop2 h4.mb20{
	margin-bottom:20px;
}
#pop2 ul{
	margin:0px 0 18px 0;
}
#pop2 li{
	list-style:none;
	font-size:86%;
	margin-bottom:0;
}
#pop2Close{
	position:absolute;
	top:-15px;
	right:-12px;
	cursor:pointer;
}
/*girasol popup3*/
.priceAt .pop3Link{
	background:#e6e6de;
	font-weight:bold;
	cursor:pointer;
}
.priceAt .pop3Link:hover{
	color:#42b632;
}
#pop3{
	background:#71d25e;
	padding:5px;
	letter-spacing:0.05em;
	position:absolute;
	z-index:999;
	margin-top:-10px;
	border-radius:4px;
	width:800px;
	left:30px;
	display:none;
}
#pop3.knk{
	width:auto;
}
#pop3:after {
	content: " ";
	position: absolute;
	top: -4px;
	left: 20px;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #71d25e transparent;
}
#pop3Inner{
	background:#f1faef;
	padding: 18px 20px 0;
	overflow:hidden;
}
#pop3 h4{
	line-height:174%;
	border:none;
	padding:0;
	margin:0;
}
#pop3 h4.mb20{
	margin-bottom:20px;
}
#pop3 ul{
	margin:0px 0 18px 0;
}
#pop3 li{
	list-style:none;
	font-size:86%;
	margin-bottom:0;
}
#pop3Close{
	position:absolute;
	top:-15px;
	right:-12px;
	cursor:pointer;
}
/*girasol pamphlet*/
#pamphlet .btn a{
	width:267px;
}
.btnAt{
	position:absolute;
	bottom:30%;
	right:-85px;
	font-size:86%;
}
/*girasol system*/
#system h4{
	line-height:174%;
	margin-bottom:5px;
}
#system p{
	line-height:146%;
}
#content #system ul{
	margin-top:0;
}
/* slidewrapper */
.slidewrapper {
	width: 800px;
	overflow: hidden;
	margin-top:30px;
}
#content .slidewrapper ul{
	float:left;
	overflow: hidden;
	width: 592px;
	height: 320px;
	margin:0 0 15px 0;
	text-align: center;
}
#content.premium .slidewrapper ul{
	height: 385px;
}
#content .slidewrapper li{
	display: block;
}
#content #caption1,#content #caption2{
	height:42px;
	margin:0;
	text-align:left;
}
#content #thumbs1,#content #thumbs2 {
	float:right;
	overflow: hidden;
	width:60px;
	margin:0;
}
#thumbs1 li,#thumbs2 li {
	display:block;
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
	cursor: pointer;
	overflow: hidden;
}
#thumbs1 li:hover,#thumbs2 li:hover,#thumbs1 li.selected,#thumbs2 li.selected{
	border:1px solid #71d25e;
}
.premium #thumbs1 li:hover,.premium #thumbs2 li:hover,.premium #thumbs1 li.selected,.premium #thumbs2 li.selected{
	border:1px solid #611b1b;
}
#thumbs1 li:hover img,#thumbs1 li.selected img,#thumbs2 li:hover img,#thumbs2 li.selected img {
	margin:-1px;
}
/* =========================
    2nd casestudy
======================= ===*/
#casestudy h1,#casestudy h2{
	color:#ff6b6b;
}
#casestudy ul{
	list-style-image: url(../images/burette_case.png);
}
.pinkBtn a{
	background:#ff9999;
}
/* menu link casestudy */
.csMenu li a:hover,.csMenu li a.active{
	color:#ff6b6b;
	background:#fff5f5;
}
.csMenu li{
	line-height:164%;
}
#casestudy .sprtMenu li a {
	padding: 13px 15px;
	letter-spacing: 0.07em;
}
#casestudy  .sprtMenu .arrowF {
	padding-left: 30px;
}
#case1 h3,#case2 h3{
	margin:-4px 0 6px;
}
#case1 h3:before,#case2 h3:before{
	content:normal;
}
#casestudy #other ul{
	margin-top:-5px;
}
#other .dosCnts{
	padding-bottom:12px;
}
/*casestudy 1,2*/
.sprtCase {
	background: #fff;
	border-radius: 4px;
	padding: 10px 15px 16px;
	margin-bottom: 5px;
	line-height:144%;
}
.caseNum{
	font-size:52%;
	letter-spacing:0.08em;
	color:#333;
}
#caseDetail p{
	margin-bottom:30px;
}
#caseDetail blockquote p{
	margin-bottom:0;
}
#caseDetail p.mb0{
	margin-bottom:0;
}
#caseDetail p a{
	font-weight:bold;
}
#caseDetail p a:hover{
	color:#ff6b6b;
}
#caseDetail h4{
	margin-bottom:14px;
}
#caseDetail blockquote{
	margin-bottom:24px;
}
#caseDetail .dosCnts{
	padding-bottom:0;
}
#caseDetail strong.bdr{
	display:inline-block;
	border:2px solid #f2f2ee;
	padding: 8px 14px;
	line-height: 172%;
	margin: 24px 0 0;
	color:#666;
	width:100%;
	font-weight:normal;
}
#caseDetail strong.mb30{
	margin-bottom:30px;
}
#caseDetail .caseCmt p{
	margin-bottom:0;
}
.atclPdf{
	width:250px;
}
/* =========================
    2nd company
======================= ===*/
#company h1,#company h2{
	color:#3a96e6;
}
#company ul{
	list-style-image: url(../images/burette_company.png);
}
/* menu link company */
.cmMenu li a:hover,.cmMenu li a.active{
	color:#3a96e6;
	background:#f0f8fd;
}
.blueBtn a{
	background:#68bbf0;
}
/* philosophy*/
#content #philosophy h3{
	margin:20px 0 0 0;
}
#company #content h3 .firstTtl{
	margin:0;
}
#company #content h3:before{
	content:normal;
}
#philosophy ul{
	margin:5px 0 0 14px;
}
#philosophy .dosCnts{
	padding-bottom:18px;
	padding-top:0;
}
/* profile */
#profile .tresCnts{
	padding:5px 5px 0;
}
.profileBox{
	display:table;
	border-collapse: separate;
	border-spacing: 5px 5px;
	margin:-5px -5px 0 -5px ;
}
.profileDtl{
	background:#f7f7f7;
	display:table-cell;
	width:478px;
	padding:18px 25px;
}
div.ismsDetailContainer{
	font-size:85%;
//display: inline-block;
	width: 500px;
	margin: 0 auto;
	padding: 0.6em 0;
	background:#f5f5f5;
}
dl.ismsDetailBox{
	font-size:10pt;
	display: inline-block;
	margin:0 auto;
	padding: 0.3em 1.2em;
}
.ismsDetailBox dt{
	float:left;
	clear:left;
	width: 108px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.ismsDetailBox dd{
	float:left;
	width: 340px;
	margin: 0;
	font-weight: normal;
	padding: 0;
}
.ismsDetailBox dd:after{
	clear:both;
}
div.privacyContactBoxContainer{
	font-size:85%;
//display: inline-block;
	width: 500px;
	margin: 0 10px;
	padding: 0.6em 0;
	background:white;
}
dl.privacyContactBox{
	font-size:10pt;
	display: inline-block;
	margin:0 auto;
	padding: 0.2em 1.0em;
}
.privacyContactBox dt{
	float:left;
	clear:left;
	width: 90px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.privacyContactBox dd{
	float:left;
	width: 340px;
	margin: 0;
	font-weight: normal;
	padding: 0;
}
.privacyContact dd:after{
	clear:both;
}
#content h3.profileTtl{
	background:#f0f8fd;
	width:224px;
	padding:20px 25px;
	display:table-cell;
	margin:0;
	line-height:100%;
}
#profile .inner{
	padding:30px 25px;
}
/* bio */
#bio h3{
	margin:1px 0 12px 0;
	line-height:100%;
}
/* map */
#map{
	width:800px;
	height:447px;
}
#access h3{
	margin:30px 0 12px;
	line-height:100%;
}
#access ul {
	margin:5px 0 0 14px;
}
#content #access ul li{
	margin-bottom:0;
}
/* =========================
    2nd recruit
======================= ===*/
#recruit h1,#recruit h2{
	color:#d5b204;
}
#recruit ul{
	list-style-image: url(../images/burette_recruit.png);
}
/* menu link recruit */
.rMenu li a:hover,.rMenu li a.active{
	color:#d5b204;
	background:#fcfae6;
}
/*message*/
#message .dosCnts{
	padding-bottom:5px;
}
.mesImg{
	float:right;
	margin:0 0 0 30px;
}
.mesImg img{
	margin-bottom:8px;
}
#message p{
	margin-bottom:20px;
}
/*field*/
#field p,#atmosphere p{
	font-size:86%;
	margin-top:10px;
	line-height:184%;
}
/*atmosphere*/
#atmosphere .dosCnts{
	padding-bottom:0;
}
#atmosphere h4{
	border:none;
	padding-top: 0;
	margin: 15px 0 0;
}
#atmosphere .voiceBox h4{
	margin-top:0;
	margin-bottom:20px;
}
#atmosphere .voiceBox p{
	font-size:100%;
	margin-top:0;
	line-height:172%;
}
/*voice*/
.line{
	border-top: 1px solid #f2f2ee;
	padding-top:30px;
}
.voiceBox{
	display:table;
	border-collapse: separate;
	border-spacing: 30px 10px;
	margin:-10px -30px ;
}
.voiceInner{
	display:table-cell;
	width:199px;
	vertical-align:top;
}
.voiceLine{
	background:#f2f2ee;
	padding:2px;
	margin-bottom:30px;
	position:relative;
}
.voiceLine:before{
	content:" ";
	position:absolute;
	border-bottom: solid 10px transparent;
	border-right: solid 10px #f2f2ee;
	bottom:-10px;
	right:10px;
}
.voiceLine:after{
	content:" ";
	position:absolute;
	border-bottom: solid 8px transparent;
	border-right: solid 8px #fff;
	bottom:-6px;
	right:12px;
}
.voiceBG{
	background:#fff;
	padding:15px 14px;
}
.toBInner{
	background:#faf4fc;
	padding:30px 25px;
	text-align:center;
	position:relative;
}
#chara{
	position:absolute;
	top:-8px;
	right:58px;
}
#content .recBlogImg{
	margin:30px 0;
}
.recBlogImg li{
	list-style:none;
	display:inline-block;
	margin-left:30px;
}
.recBlogImg li:first-child{
	margin-left:0;
}
/*position*/
#position .cnts{
	overflow:hidden;
}
#position h3{
	margin-bottom:26px;
}
#position .cnts p{
	font-size:100%;
}
#content .posList{
	margin:15px 30px 0 44px;
	padding-bottom:16px;
}
.posList a{
	font-weight:bold;
	background:#e6e6de;
}
.posList a:hover{
	color:#d5b204;
}
.posBox{
	display:table;
	border-collapse: separate;
	border-spacing: 5px 5px;
	margin:-5px -5px 0 -5px ;
}
.posDtl{
	background:#f7f7f7;
	display:table-cell;
	width:478px;
	padding:18px 25px;
	position:relative;
}
#content .posDtl li{
	margin-left:16px;
}
.posDtl .btn a{
	display:inline-block;
	width:144px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.posTtl{
	background:#fcfae6;
	width:224px;
	padding:20px 25px;
	display:table-cell;
	margin:0;
	line-height:100%;
	border:none;
	font-size:112%;
}
#position .inqInner{
	padding:30px 25px;
}
#position .inqInner p{
	text-align:center;
	font-weight:bold;
}
#position .inqInner .btn a{
	width:361px;
}

/* =========================
    2nd inqury
======================= ===*/
#inquryPrivacy h1,#inquryPrivacy h2{
	color:#ec6c20;
}
/* menu link inqury */
.ipMenu li a:hover,.ipMenu li a.active,.ipMenu li.act a{
	color:#ec6c20;
	background:#fdf0e8;
}
/* privacy */
#privacy p{
}
#content #privacy ol{
	margin-top:0;
}
#content #privacy ol.mb30{
	margin-bottom:30px;
}
#content #privacy li{
	margin-bottom:0;
	line-height:178%;
}

/* =========================
    2nd blog
======================= ===*/
#blog h1,#blog h2{
	color:#af66d4;
}
#blog ul{
	list-style-image: url(../images/burette_blog.png);
}
.bInner a{
	font-weight:bold;
}
.bInner a:hover{
	color:#af66d4;
}
/* menu link blog */
.bMenu li a:hover,.bMenu li a.active{
	color:#af66d4;
	background:#faf4fc;
}
.bMenu li{
	font-size:85%;
	letter-spacing: 0.05em;
}

/* =============
    2nd blog side
===============*/
form .btn{
	position:relative;
}
.purpleBtn input,.purpleBtn a{
	background:#af66d4;
	cursor:pointer;
	border:none;
	text-align:left;
	padding-left:68px;
}
.purpleBtn a{
	padding-left:0;
	text-align:center;
	margin:0 auto;
}
h3.bLabel{
	font-size:72%;
	font-weight:normal;
	margin:0 0 10px;
}
h3.bLabel:before{
	content:normal;
}
#side input[type="text"] {
	margin-bottom:10px;
	height:40px;
	width:200px;
	border:none;
	padding:15px 10px;
	font-size: 86%;
}
.arrowS{
	display: block;
	content: " ";
	position: absolute;
	border: 4px solid transparent;
	border-right-width: 6px;
	margin: -4px 0 0 -5px;
	border-left-color:#fff;
	right:64px;
	top:49%;
}
/* =============
    2nd blog entry
===============*/
.bImage img{
	border-top-right-radius:4px;
	border-top-left-radius:4px;
	max-width:860px;
}
.bInner article:first-child .bHead{
	border-radius:0;
}
.bHead .date{
	margin:15px 0 0;
}
.bCnts{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}
.bCnts img{
	margin:30px 0;
	max-width: 800px;
}
/* =============
    2nd blog foot
===============*/
.bFoot{
	background:#fff;
	padding:0 5px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	margin-bottom:12px;
	overflow:hidden;
}
.bFoot p.toCmt{
	float:right;
	text-align:right;
	font-size:64%;
	letter-spacing: 0.05em;
	line-height:100%;
	width:170px;
}
.bFoot p.toAcv{
	float:left;
	text-align:left;
	font-size:64%;
	letter-spacing: 0.05em;
	line-height:100%;
	width:170px;
}
.bFoot p.toAcv a,.bFoot p.toCmt a{
	font-weight:normal;
}
.bFoot a:hover,#pagenation a:hover{
	color:#af66d4;
}
/* =============
    2nd blog comment
===============*/
.cmtInner {
	background: #f7f7f7;
	padding: 26px 30px;
	margin-bottom:5px;
}
.cmtInner h5{
	font-size:114%;
	margin-bottom:26px;
}
.cmtInner .date{
	margin-bottom:20px;
}
.cmtInner p.userName,.cmtInner p.noCmt{
	font-weight:bold;
}
.cmtForm{
	margin-top:10px;
}
#content .cmtForm ul{
	margin:0;
}
#content .cmtForm li{
	margin-bottom:5px;
	background:#efefef;
	list-style:none;
}
.formLabel{
	display:inline-block;
	width:200px;
	padding:15px 17px;
	font-weight:bold;
	vertical-align:top;
}
.cmtForm input[type="text"],.cmtForm textarea{
	background: #fff;
	border: none;
	padding: 15px 14px;
	margin: 0;
	font-size: 90%;
	width:447px;
	vertical-align:top;
}
.cmtForm textarea{
	height:120px;
}
.cap{
	width:220px;
}
.cmtForm input.capInpt{
	width:427px
}
.capChange{
	font-size:82%;
	margin:10px 0 0 10px;
	font-weight:bold;
}
.capChange .arrowF{
	padding:0;
}
.capChange .arrowF:before {
	left: -10px;
	top:48%;
}
.save{
	font-size:86%;
	margin: 30px auto;
	text-align: center;
	width:164px;
}
.save input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.save label{
	background:url(../images/checkbox.gif) no-repeat left top;
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 0 0 15px;
	cursor: pointer;
	overflow: hidden;
}
.save label.c_on{background-position:left bottom;}

.cmtForm .btn{
	width:200px;
	margin:0 auto;
}
.orangeBtn a{
	background:#ec6c20;
}
.orangeBtn input{
	background:#ec6c20;
	cursor:pointer;
	border:none;
	text-align:left;
	padding-left:68px;
}
/* =============
    2nd blog pagenation
===============*/
#pagenation{
	overflow:hidden;
}
#pagenation p{
	width:131px;
	font-size:64%;
	letter-spacing: 0.05em;
	line-height:100%;
	float:left;
}
#pagenation p.next{
	text-align:right;
	float:right;
}
#pagenation ul{
	margin:0;
}
#pagenation li{
	list-style:none;
	margin:0;
}
#pagenation li a{
	display:block;
	float:left;
	margin-left:5px;
	font-size:80%;
	background:#e6e6de;
	border-radius:4px;
	padding:14px 0;
	line-height:100%;
	width:40px;
	text-align:center;
}
#pagenation li a:hover,#pagenation li a.pageCrnt{
	background:#f3edf5;
	color:#af66d4;
}


/* =========================
    2nd dl(download)
==========================*/
#dl h1,#dl h2{
	color:#ec6c20;
}
#dl h2{
        font-weight:bold;
}
/* menu link dl */
.dlMenu li a:hover,
.dlMenu li a.active{
	color:#ec6c20;
	background:#fdf5ef;
}


#dl #content .dosHead{
        padding: 10px 30px;
}
#dl #content .dosHead h2{
        padding: 20px 0px;
}

#dl .dosCnts {
        text-align: center;
}

#dl .dosCnts .btn {
        position:relative;
        bottom:initial;
        text-align: center;
}
#dl #content .btn a {
        display:inline-block;
        width: auto;
        margin:20px auto 12px;
        padding:12px 25px;
        font-size: 120%;
        font-weight: bold;
}

#dl p.noticeBox{
        font-size:85%;
        color:#666;
        text-align:center;
        line-height:130%;
}
#dl p.alertBox{
        display:inline-block;
        margin: 10px auto;
        padding: 6px 12px;
        color: #d33;
        background-color:#fbebeb;
        text-align:left;
        line-height:140%;
        border: 1px solid #f2b8b8;
        border-radius: 4px;
}
#dl .badge-alert{
        padding: 0.3em 0.3em;
        margin-right: 0.5em;
        font-size:85%;
        color:white;
        font-weight:bold;
        background-color:#666;
        border-radius:6px;
}

/* ルート証明書 */
#dl #content #ca-cert .dosHead h2{
        display:inline-block;
        padding-right: 70px;
        background:url(../images/dl_ca_cert.png) no-repeat right 50%;
}
/* 証明書インストールツール */
#dl #content #cert-inst .dosHead h2{
        display:inline-block;
        padding-right: 56px;
        background:url(../images/dl_cert_inst.png) no-repeat right 50%;
}
/* トークン管理ツール */
#dl #content #yubikey-manager .dosHead h2{
        display:inline-block;
        padding-right: 60px;
        background:url(../images/dl_yubikey5nfc.png) no-repeat right 50%;
}
/* トークンのミニドライバ */
#dl #content #yubikey-driver .dosHead h2{
        display:inline-block;
        padding-right: 60px;
        background:url(../images/dl_yubikey5nfc.png) no-repeat right 50%;
}
/* 旧トークンのミニドライバ */
#dl #content #gemalto-driver .dosHead h2{
        display:inline-block;
        padding-right: 124px;
        background:url(../images/dl_gemalto_rainbow.png) no-repeat right 50%;
}



/* =========================
    go to top
======================= ===*/
.goTop{
	letter-spacing:0.28em;
	font-size:72%;
	text-align:center;
	clear:both;
}
.goTop .arrowF:before{
	left:40.5%;
	top: 47%;
}
#home .goTop .arrowF:before{
	left:43%;
}
/* =========================
    footer
======================= ===*/
#foot{
	padding-bottom:20px;
	clear:both;
	overflow:hidden;
}
.fNav{
	float:left;
}
.fNav li{
	display:inline-block;
	list-style:none;
	margin-right:38px;
	font-size: 86%;
	letter-spacing: 0.04em;
}
.copy{
	font-size:64%;
	letter-spacing:0.05em;
	float:right;
}