@charset "utf-8";
/* CSS Document */

@import url("../../cssjs/contents.css");

/* side ------------------------*/
#side .subMenu a{
	font-weight:bold;
}
#side .subMenu strong{
	xcolor:#666666;
	color:#FFCC00;
}
#side .smallMenu{
	font-size:10px;
	line-height:1.8;
}

/* main --------------------*/
#service{
}
#service .left{
	width:375px;
	float:left;
}
#service .left img{
	margin:20px 0 10px 0;
}
#service .right{
	width:250px;
	float:right;
	border:solid #ffcc00;
	border-width:1px;
}
#service .f14{
	font-weight:bold;
	margin:10px 0 4px 0;
}
#service .right .txt{
	margin:10px 10px 10px 10px;
}
#service .listIndex{
	margin-top:0px;
	margin-bottom:0px;
	list-style:square;
}
#service .photo{
	height:170px;
}

/* UserTest Img -----------*/
#service #usertestTxt img{
	float:right;
	margin:0 0 0 15px;
}
#service #usertestTxt .clear{
	clear:both;
}

/* Jirei ----------------*/
#service #jirei{
}
#service #jirei img{
	margin:0 10px 0 0;
	float:left;
}
#service #jirei .txt{
	margin-top:5px;
}


/* Honne --------------------*/
#service #honnemarke{
	float:right;
	width:250px;
}
#service #honnemarke .box{
	border:solid #ffcc00;
	border-width:1px;
}
#service #honnemarke .box .txt{
	margin:10px;
}
#service #honnemarke .box dl{
	line-height:26px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#service #honnemarke .box dt{
	float:left;
	display:block;
	width:30px;
}
#service #honnemarke .box dd{
	margin:0 0 0 30px;
	width:190px;
}


#service #honnemarke .box .number,
#service #honnemarke .box .link{
	line-height:26px;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#service #honnemarke .box .number{
	display:block;
	width:30px;
	float:left;
	color:#051163;
}
#service #honnemarke .box .link{
	display:block;
	width:190px;
	float:left;
}
/* Honne Contents --------------------- */
#honne{
	width:580px;
}
#honne .ttl{
	margin:0px 0 20px 0;
}
#honne p{
	margin:0px;
	padding:0px;
	font-size: 14px;
	line-height: 1.5;
}
#honne p.f12{
	font-size:12px;
	line-height:1.6;
}
#honne p.subttl{
	font-size: 16px;
	font-weight:bold;
	line-height: 1.4;
}
#honne .box1{
	background-color:#FFF7D9;
	width:554px;
	padding:15px 13px 15px 13px;
}
#honne .box2{
	border:solid #ffcc00;
	border-width:1px;
	width:554px;
	padding:15px 13px 15px 13px;
	font-size:12px;
	line-height:26px;
	font-weight:bold;
}
#honne .box2 strong{
	color:#ffcc00;
}

h1,
#honne h2{
	padding:0;
	margin:0;
}


/* advangate Contents --------------------- */
#advangate * {
	margin: 0;
	padding: 0;
}
#advangate{
	width:700px;
}
#advangate .mainCopy{
	margin:0px 0 0 96px;
}
#advangate .mainCopy02{
	margin:36px 0 0 200px;
}
#advangate .mainCopy03{
	margin:24px 0 36px 206px;
}
#advangate p{
	margin:0px;
	padding:0px;
}

#advangate .textBlock{
	float: left;
	width: 400px;
	margin: 0;
}
#advangate .textBlock h2{
	padding: 0 0 0 15px;
}
#advangate .textBlock p{
	margin: 13px 0 0 0;
	padding: 0 25px 0 15px;
}
#advangate .photoBlock{
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#advangate .cont01{
	width: 700px;
	margin:0px 0 32px 0;
	padding:0 0 0 0;
	overflow: hidden;
}
#advangate .cont02{
	clear: left;
	width: 700px;
	margin:0px 0 24px 0;
	padding:0 0 0 0;
	overflow: hidden;
}
#advangate .cont03{
	clear: left;
	width: 700px;
	margin:0px 0 9px 0;
	padding:0 0 0 0;
	overflow: hidden;
}
#advangate .cont04{
	clear: left;
	margin:0px 0 53px 0;
}
#advangate .cont05{
	margin:0px 0 45px 0;
}

#advangate .cont01 h2{
	margin:12px 0 0 0;
}
#advangate .cont01 .text01{
	margin:10px 0 0 0;
}

#advangate .cont02 h2{
	margin:3px 0 0 0;
}
#advangate .cont02 .copyBox{
	width: 284px;
	height: 154px;
	background:url(../images/advantage_cont02_bg01.jpg) top left no-repeat;
}
#advangate .cont02 .copyBox ul{
	padding: 18px 0 0 18px;
	list-style: none;
}
#advangate .cont02 .copyBox ul li{
	margin: 0 0 10px 0;
}

#advangate .cont03 h2{
	margin:12px 0 0 0;
}

#advangate .cont04 h2{
	clear: left;
	margin:0 0 0 15px;
}
#advangate .cont04 p{
	clear: left;
	margin: 13px 0 0 0;
	padding: 0 0 0 15px;
}

#advangate .cont05 h2{
	clear: left;
	margin:0 0 0 15px;
}
#advangate .cont05 p{
	clear: left;
	margin: 13px 0 0 0;
	padding: 0 0 0 15px;
}

#advangate .btnBox{
	clear: left;
	width: 420px;
	height: 100px;
	margin:  0 0 25px 147px;
	padding: 0;
	background-color: #f2f3f6;
}
#advangate .btnBox p{
	margin: 0 0 0 75px;
	padding: 30px 0 0 0;
	background-color: #f2f3f6;
}


#advangate .clear{
	clear:both;
	display:inline;
}

/* Form Content--------------------------------*/
#service .left #form .box{
	float:left;
	background-color:#E6E7EC;
	width:200px;
	padding:10px;
	font-size:12px;
	line-height:20px;
}
#service .left #form p{
	padding:0px;
	margin:0px;
}
#service .left #form p.bo{
	font-weight:bold;
}
#service .left #form .imgBox{
	float:left;
	width:150px;
	padding:3px 0px 0 5px;
	font-size:10px;
}
#service .left #form .imgBox img{
	margin:3px 0 0 3px;
	padding:0px;
}

/* PopUp */
#formpop{
	width:770px;
	margin:0 auto;
}
#formpop .popImg{
	float:left;
	width:460px;
	margin-bottom:54px;
}
#formpop .popTxt{
	float:left;
	width:310px;
	text-align:left;
}
#formpop .popFooter{
	margin-top:30px;
}
#formpop p{
	margin:0px;
	padding:0px;
}
#formpop .closeBtn{
	clear:both;
	width:770px;
	text-align:center;
}
#formpop img{
	border:none;
}

/* SEO Contetnt ------------------------------*/
#service .left .seo{
	margin-top:5px;
	margin-left:15px;
	padding-left:15px;
}
#service .left li.seoSec{
	list-style:none;
	margin-left:0px;
}

/* Mobile Contetnt-----------------------------*/
#service .left .mobile{
	width:380px;
}
#service .left .mobile .mL{
	float:left;
	width:189px;
	margin:0px;
	padding:0 1px 0 0;
	font-size:12px;
	line-height:20px;
}
#service .left .mobile .mR{
	float:right;
	padding:0px;
	margin:0px;
	width:161px;
}
#service .left .mobile img{
	margin:0px;
	padding:0px;
}

#service .mobright{
	width:252px;
	float:right;
}

#service .mobright .mobilecomme{
	border:solid #ffcc00;
	border-width:1px;
}
#service .mobright .txt{
	padding:10px;
}

#service .mobright .mobilead{
	margin-top:10px;
	background-color:#FFCC00;
}
#service .mobright .mobilead .link{
	float:left;
	font-size:10px;
}
#service .mobright .mobilead .qr{
	float:right;
}
#service .mobright .mobilead .clear{
	clear:both;
}
#service .mobright .mobilead .copy{
	font-weight:bold;
	font-size:12px;
	color:#222222;
	line-height:20px;
}
#service .mobright .mobilead .adImg{
	margin:10px 0 0 0;
}

#service .mobright .mobilead .link a:link{
	font-size:10px;
	color:#061849;
	text-decoration:underline;
}
#service .mobright .mobilead .link a:visited{
	font-size:10px;
	color:#061849;
	text-decoration:underline;
}
#service .mobright .mobilead .link a:hover{
	font-size:10px;
	color:#061849;
	text-decoration:none;
}

/* Footer TOIAWASE Btn ----------------------------*/
div.toiawasebutton{
	margin-left:80px;
	padding:30px 0 0 0;
	clear:both;
}
div.toiawasebutton2{
	xmargin-left:80px;
	padding:30px 0 0 0;
	clear:both;
}

/* Marketing --------------------------------------*/
div#marketing{
	width:650px;
}
div#marketing *{
	margin:0px;
	padding:0px;
}
div#marketing p.headTxt{
	font-size:14px;
	line-height:24px;
	color:#222222;
	margin-bottom:25px;
}
div#marketing .block{
	background:#EDEFF2;
	width:650px;
	padding: 10px 0;
	font-size:14px;
	color:#222222;
	line-height:22px;
}
div#marketing .box{
	background:#FFFFFF;
	width:630px;
	margin: 0 10px;
}
div#marketing .box .inBox{
	margin: 0 15px;
	padding: 15px 0;
}
div#marketing .box .indent1{
	margin-left:33px;
	margin-bottom:7px;
}
div#marketing .box .indentPGST{
	margin-left:67px;
	margin-top:5px;
	margin-bottom:7px;
}
div#marketing .box span{
	font-weight:bold;
}
div#marketing .box .indent1n{
	margin-left:33px;
}

div#marketing .box p.margin36{
	margin-bottom:34px;
}

/* projectMana --------------------------------------*/
div#projectMana{
	width:650px;
}
div#projectMana *{
	margin:0px;
	padding:0px;
}
div#projectMana p.headTxt{
	font-size:14px;
	line-height:24px;
	color:#222222;
	margin-bottom:25px;
}
div#projectMana .block{
	background:#EDEFF2;
	width:650px;
	padding: 10px 0;
	font-size:14px;
	color:#222222;
	line-height:22px;
}
div#projectMana .box{
	background:#FFFFFF;
	width:630px;
	margin: 0 10px;
}
div#projectMana .box .inBox{
	margin: 0 15px;
	padding: 15px 0;
}
div#projectMana .f10{
	margin-top:5px;
}
div#projectMana .img{
	margin:20px 0 8px 0;
}
div#projectMana li{
	margin:10px 0 0 48px;
	font-size:14px;
	color:#222222;
}
div#projectMana li.layer2{
	margin:5px 0 0 52px;
	padding-left:11px;
	font-size:14px;
	line-height:18px;
	color:#222222;
	background:url(../images/management_listmark.gif) no-repeat left 3px;
	list-style:none;
}
div#projectMana li strong{
	font-weight:bold;
}