@charset "UTF-8";

/* -------------------------------

Header

------------------------------- */
header{
	height:80px;
	background:#fff;
}

h1#nav-logo a{
	width:205px;
	height:80px;
	margin:0 0 0 20px;
	line-height:85px;
	display:block;
}
/*for IE7*/
h1#nav-logo a{ /margin:30px 0 0 20px;}

h1#nav-mobilelogo{margin:0 0 0 5px;}

:root header nav ul{font-size:0px;}
header nav ul li{display:inline;font-size:13px;}
header nav ul li a{
	display:inline-block;
	height:80px;
	line-height:80px;
	padding:0 30px;
	letter-spacing:.1em;
	-webkit-transition:.1s ease-in-out;
	   -moz-transition:.1s ease-in-out;
		-ms-transition:.1s ease-in-out;
		 -o-transition:.1s ease-in-out;
			transition:.1s ease-in-out;
}
header nav ul li a:hover,header nav ul li.nav-on a{
	background:#f2f2f2;
	color:#aaa;
}

/*SlickNav*/
.slicknav_menu{display:none;}

@media only screen and (max-width:979px){
	.slicknav_menu{display:none;}
}
@media only screen and (max-width:767px){
	.top-header-common{display:none;}
	body{top:0 !important;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
	header,h1#nav-logo{display:none;}
}
@media only screen and (max-width:479px){
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
	header,h1#nav-logo{display:none;}
}


/* -------------------------------

Pages

------------------------------- */
.sub-header{
	width:100%;
	min-height: 100px;
	margin-bottom:40px;
	line-height: 1.2;
	background:#f2f2f2;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:.2em;
	box-sizing:border-box;
	padding: 40px 0;
}
.sub-header-title{max-width:980px;margin:0 auto;}
@media only screen and (max-width:979px){
	.sub-header-title{max-width:960px;margin-left:20px;}
}

.main{padding-bottom:20px;}

.side-mob,.totop-mob{display:none;}

.side nav ul li{
	margin-bottom:40px;
	font-size:.9em;
}
.side nav ul li.nav-on a{color:#aaa;}

.main-title{
	margin-bottom:30px;
	font-size:2em;
	letter-spacing:.1em;
}

.main.info p {
	margin-bottom: 1.5em;
}

@media only screen and (max-width:767px){
	.side{display:none;}
	.side-mob nav{border-top:1px #f2f2f2 solid;}
	.side-mob,.totop-mob{display:block;margin:0;}
	.side-mob nav ul{width:50%; float:left;}
	.side-mob nav ul li{font-size:.8em;margin-bottom:0;font-weight:normal;}
	.side-mob nav ul li a{
		display:block;
		margin:0;
		padding:20px;
		border-bottom:1px #f2f2f2 solid;
		border-right:1px #f2f2f2 solid;
		text-align:center;
	}
	.side-mob nav ul.side-mob-noline li a{border-right:none;}
	.side-mob nav a:hover{background:#f2f2f2;}
	.side-mob nav a:active{background:#e8e8e8;}
	.main{margin:0 20px !important;}
	.sub-header{
		margin-bottom:20px;
		text-align:center;
		min-height:80px;
		font-size:1.1em;
		padding: 30px 0;
	}
	.main-title{margin-bottom:20px;font-size:1.7em;}
	.totop-mob a{
		display:block;
		padding:10px 0;
		text-align:center;
		background:#dedede;
		font-size:.8em;
		color:#FFF;
	}
	.totop-mob a:hover{background:#d0d0d0;}
	.totop-mob a:active{background:#c5c5c5;}
}

@media only screen and (max-width:479px){
	.sub-header{min-height:60px;}
	.side-mob nav ul li a{padding:20px 0;font-size:.8em;}
}

/*Side banner*/
.side-banner{margin-bottom:20px;}
.side-banner img{
	width:100%;
	max-width:200px;
	height:auto;
}
.side-banner a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/*Information block*/
.important-info{
	margin-bottom:20px;
	padding:20px;
	border:5px #f00 solid;
	color:#f00;
}

.important-info p{
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}

.important-info a{color:#f00;text-decoration:underline;}


/* -------------------------------

Footer

------------------------------- */
footer{
	margin-top:20px;
	padding:40px 20px;
	background:#f2f2f2;
	text-align:center;
}

footer nav{margin:0 0 40px 0;}

footer nav ul li{
	display:inline;
	margin:0 10px;
	font-size:.8em;
	letter-spacing:.1em;
}
/*for IE7*/
footer nav ul li{ /font-size:13px;}

.top-footer-copyright{
	padding:40px 0 0 0;
	font-size:.8em;
	color:#999;
	letter-spacing:.1em;
}
.top-footer-copyright s{text-decoration:none;}

/*GMO global footer*/
#footer-common{
	padding:40px 0 0 0;
	background:#f5f5f5;
}

#footer-common-wrapper{
	width:1000px;
	margin:0 auto;
}

.top-footer-common{
	padding-top:30px;
	background:#fff;
	border-radius:3px;
}

.top-footer-commonTablet{display:none;}

@media only screen and (max-width:767px){
	.top-footer-common{display:none;}
	.top-footer-commonTablet{display:block;margin:20px 0 0 0;}
	#cftr .spopentab{margin-bottom:0 !important;}
	footer{margin:0;padding:0;}
	footer nav{margin:0;}
	footer nav ul li{margin:0;}
	footer nav a{
		display:block;
		margin:0;
		padding:10px 0;
		border-bottom:1px #fff solid;
	}
	footer nav a:hover{background-color:#e9e9e9;}
	footer nav a:active{background-color:#e3e3e3;}
	.top-footer-copyright{font-size:.7em;}
	.top-footer-copyright s{display:none;}
	#footer-common-wrapper{width:100%;}
	#gmogroupfooter #relatedservice li{width:29% !important;}
	#gmogroupfooter #gmoservice li dd{visibility:visible !important;}
}


/* -------------------------------

Top

------------------------------- */
/*Mission new*/
.top-mission-new{
	margin-bottom:40px;
	padding:60px 0 20px 0;
	background:#005bac;
	background-image:-ms-linear-gradient(top, #006fcd 0%, #005bac 100%);
	background-image:-moz-linear-gradient(top, #006fcd 0%, #005bac 100%);
	background-image:-o-linear-gradient(top, #006fcd 0%, #005bac 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #006fcd), color-stop(1, #005bac));
	background-image:-webkit-linear-gradient(top, #006fcd 0%, #005bac 100%);
	background-image:linear-gradient(to bottom, #006fcd 0%, #005bac 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fcd', endColorstr='#005bac', GradientType=0);
}

.top-mission-new h2{
	margin:0 0 60px 0;
	font-size:1.8em;
	font-weight:bold;
	font-family:"Hiragino Maru Gothic Pro","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro W4","メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#fff;
	letter-spacing:.2em;
	text-align:center;
}

@media only screen and (max-width:767px){
	.top-mission-new{
		margin-bottom:20px;
		padding:40px 0 10px 0;
	}
	.top-mission-new h2{
		margin:0 0 40px 0;
		font-size:1.7em;
		letter-spacing:.1em;
	}
}

@media only screen and (max-width:479px){
	.top-mission-new{
		margin-bottom:20px;
		padding:30px 0 10px 0;
	}
	.top-mission-new h2{
		margin:0 0 30px 0;
		font-size:1.2em;
	}
}

/*Slider*/
#owl-slider a,.top-mission-new4 #owl-slider a{
	display:block;
	margin:0 10px;
	background:#fff;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#owl-slider a img,.top-mission-new4 #owl-slider a img{margin:20px 0;}
#owl-slider a:hover{background:#fafafa;}
.top-mission-new a:hover{
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}
@media only screen and (max-width:767px){
	#owl-slider a img{margin:15px 0;}
}
@media only screen and (max-width:479px){
	#owl-slider a{margin:0 20px;}
	#owl-slider a img{margin:10px 0;}
}

#owl-slider div p{
	position:absolute;
	top:0;
	left:10px;
	padding:3px 7px;
	background:#ec0969;
	font-size:.8em;
	color:#FFF;
	z-index:5;
	border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
}
@media only screen and (max-width:479px){
	#owl-slider div p{left:20px;}
}

/*Mission*/
.top-mission-mobile{display:none;}
.top-mission{
	display:block;
	text-align:center;
	margin-bottom:40px;
	font-size:2em;
	font-weight:bold;
	color:#114067;
	letter-spacing:.15em;
}

@media only screen and (max-width:767px){
	.top-mission{display:none;}
	.top-mission-mobile{
		display:block;
		text-align:center;
		margin:20px 0;
		padding:20px 0;
		font-size:1.7em;
		font-weight:bold;
		color:#114067;
		letter-spacing:.1em;
	}
}
@media only screen and (max-width:479px){
	.top-mission-mobile{font-size:1.2em;}
}

/*Service logo*/
.top-service-logo,.top-service-ylogo01,.top-service-ylogo02,.top-service-ylogo03,.top-service-ylogo04{margin-bottom:40px;}
@media only screen and (max-width:767px){
	.top-service-logo,.top-service-ylogo01,.top-service-ylogo02,.top-service-ylogo03,.top-service-ylogo04{margin:0 20px 20px 20px !important;}
}

.top-service-logo a,.top-service-ylogo01 a,.top-service-ylogo02 a,.top-service-ylogo03 a,.top-service-ylogo04 a{
	display:block;
	background:#fff;
	border-radius:3px;
}
.top-service-logo a,.top-service-ylogo01 a,.top-service-ylogo02 a{height:165px;padding-top:35px;}
.top-service-ylogo03 a,.top-service-ylogo04 a{padding:40px 0 25px 0;}
.top-service-logo a:hover,.top-service-ylogo01 a:hover,.top-service-ylogo03 a:hover{background:#fafafa;}
.top-service-ylogo02 a,.top-service-ylogo04 a{background:#ff0032;}
.top-service-ylogo02 a:hover,.top-service-ylogo04 a:hover{background:#df002c;}
@media only screen and (max-width:767px){
	.top-service-ylogo03 a,.top-service-ylogo04 a{padding:60px 0 45px 0;}
}

/*Information*/
#top-info-title{
	text-align:center;
	padding:20px 0;
	font-size:1.5em;
	color:#9ea2a7;
	letter-spacing:.2em;
}
.top-info a,.top-info-link a,.top-info-nolink{
	min-height:80px;
	display:block;
	margin-bottom:20px;
	padding:20px;
	border-radius:3px;
}
.top-info a,.top-info-nolink{background:#fff;}
.top-info-link a{background:#293a52;color:#979ca5;font-weight:bold;text-align:center;line-height:80px;letter-spacing:.1em;}
.top-info a:hover,.top-info-nolink:hover{background-color:#fafafa;}
.top-info-link a:hover{background-color:#374963;}

@media only screen and (max-width:767px){
	.top-info,.top-info-link,.top-info-nolink{margin:0 20px 20px 20px !important;}
}

@media only screen and (max-width:479px){
	#top-info-title{font-size:1.2em;}
}

.top-info-txt,.info-txt{width:68%;}
.top-info-txt strong{color:#ec0969;}
.top-info-sr,.top-info-pr,.top-info-re,.top-info-oi,
.info-sr,.info-pr,.info-re,.info-oi{
	width:28%;
	height:60px;
	padding-top:20px;
	font-size:.9em;
	line-height:1.4em;
	letter-spacing:.1em;
	text-align:center;
	color:#fff;
	border-radius:3px;
}
.top-info-sr,.info-sr{background:#2eccb4;}
.top-info-pr,.info-pr{background:#ff9d72;}
.top-info-re,.info-re{background:#54c3ec;height:50px;padding-top:30px;}
.top-info-oi,.info-oi{background:#f7c959;height:50px;padding-top:30px;}

@media only screen and (max-width:767px){
	.top-info-sr,.top-info-pr,.top-info-re,.top-info-oi,
	.info-sr,.info-pr,.info-re,.info-oi{font-size:.8em;}
}

p.top-info-date{
	font-size:.9em;
	margin-bottom:5px;
	color:#aaa;
	letter-spacing:.1em;
}

/*graduates*/
.top-graduates-txt{float:left;}
.top-graduates-banner{float:right;}
.top-graduates-banner img{
	width:100%;
	max-width:460px;
	height:auto;
}

.top-graduates-banner img:hover{
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

.top-graduates-catch{
	padding:17px 0 0 0;
}
.top-graduates-catch p{
	font-size:1.2em;
	font-weight:bold;
}

@media only screen and (max-width:767px){
	.top-graduates-txt,.top-graduates-banner{float:none;}
	.top-graduates-txt{margin-bottom:15px;}
	.top-graduates-banner{text-align:center;}
	.top-graduates-catch{padding:0;}
}

/*New icon*/
.top-info-new{margin-bottom:10px;}
.top-info-new p.top-info-date{display:inline;}
.top-info-new b{
	margin:0 0 0 5px;
	padding:3px 5px;
	background-color:#ec0969;
	font-size:.8em;
	color:#FFF;
	border-radius:2px;
}

/*Banner*/
.top-o2omarketinglab-banner-big img,
.top-gmocheckin-banner-big img{
	width:100%;
	max-width:980px;
	height:auto;
	margin-bottom:20px;
}
.top-o2omarketinglab-banner-middle,
.top-gmocheckin-banner-middle{
	display:none;
}

.top-o2omarketinglab-banner-big a:hover,
.top-o2omarketinglab-banner-middle a:hover,
.top-gmocheckin-banner-big a:hover,
.top-gmocheckin-banner-middle a:hover,
.top-pr-banner a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

@media only screen and (max-width:767px){
	.top-o2omarketinglab-banner-big,
	.top-gmocheckin-banner-big{
		display:none;
	}
	.top-o2omarketinglab-banner-middle,
	.top-gmocheckin-banner-middle{
		display:block;
	}
	.top-o2omarketinglab-banner-middle img,
	.top-gmocheckin-banner-middle img{
		width:100%;
		max-width:640px;
		height:auto;
	}
	.top-pr-banner{margin-bottom:20px;text-align:center;}
}


/* -------------------------------

Company

------------------------------- */
.company-txt{margin-bottom:10px;}
.company-txt p{font-weight:bold;}

/*Google Map*/
#company-map{
    width:100%;
    height:500px;
}
#miyazaki-company-map{
    width:100%;
    height:500px;
}
@media only screen and (max-width:767px){
	#company-map{height:300px;margin:10px 0 0 0;}
	#miyazaki-company-map{height:300px;margin:10px 0 0 0;}
}

/*Message*/
.company-ceo{
	height: 230px;
	background-color:#ffffff;
	background-image:url(/img/2013/company/ceo_photo@2x.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 240px 230px;
	border-radius:3px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.ie7 .company-ceo{background-image:url(/img/2013/company/ceo_photo.gif) !important;background-position:3% 0;height:345px;}
.ie8 .company-ceo{background-image:url(/img/2013/company/ceo_photo.png) !important;background-position:top;}

@media only screen and (max-width:767px){
	.company-ceo{
		height:250px;
		margin:0 0 20px 0;
		background-position:top 20px center;
	}
	.ie7 .company-ceo{background-position:top center;}
}

/*Mission*/
.company-mission-mob,.company-value-mob{display:none;}
.company-mission-title img,.company-mission img,
.company-value-title img,.company-value img{
	width:100%;
	height:auto;
}
.company-mission-title img,.company-value-title img{max-width:183px;}
.company-mission img{max-width:590px;}
.company-value img{max-width:349px;}

.company-mission-title,.company-value-title{margin:0 0 30px 0;}
.company-mission{margin:0 0 80px 60px;}
.company-value{margin-left:60px;}

@media only screen and (max-width:767px){
	.company-mission,.company-value{margin-left:10px;}
}

@media only screen and (max-width:479px){
	.company-mission,.company-value{display:none;}
	.company-mission-mob,.company-value-mob{display:block;}
	.company-mission-title,.company-value-title{margin:0 0 10px 0;}
	.company-mission-mob{font-size:1.5em;font-weight:bold;}
	.company-value-mob{font-size:1.2em;}
	.company-mission-mob{margin-bottom:30px;}
}


/*Mission old*/
.company-mission-titleOld{
	margin:0 0 10px 0;
	color:#aaa;
	letter-spacing:.1em;
}
.company-missionOld{
	margin:0 0 60px 0;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:.1em;
}
@media only screen and (max-width:479px){
	.company-missionOld{
		margin:0 0 40px 0;
		font-size:1.4em;
	}
}

/* law */
.legal-law-attention {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
.legal-law-dl {
	zoom: 1;
}
.legal-law-dl dt {
	float: left;
	width: 25%;
}
.legal-law-dl dt:before {
	content: "・"
}
.legal-law-dl dd {
	float: right;
	width: 75%;
	text-align: left;
}
.legal-law-dl:before,
.legal-law-dl dd:after {
	content: "";
	clear: both;
	display: block;
}

/* -------------------------------

Recruit

------------------------------- */
.recruit-top-photo img,.recruit-welfare-photo img,.recruit-photo-photo img{
	width:100%;
	height:auto;
	border-radius:3px;
}

.recruit-top-graduates img{
	width:100%;
	max-width:730px;
	height:auto;
	margin:20px 0 30px 0;
}

.recruit-top-graduates a:hover{
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/*Top*/
.recruit-title{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px #ddd dotted;
}

.recruit-top-photo{margin:60px 0 20px 0;}
.recruit-link{float:right;margin-top:20px;}

@media only screen and (max-width:767px){
	.recruit-link{float:none;}
}
@media only screen and (max-width:479px){
	.recruit-top-photo{margin:40px 0 20px 0;}
	.recruit-link{margin:10px 0 0 0;}
}

.recruit-job-new:after{
	margin:0 0 0 5px;
	padding:2px 4px;
	background-color:#ec0969;
	font-size:.6em;
	color:#fff;
	content:"NEW";
	border-radius:2px;
}

/*Jobs*/
.recruit-jobs-title{
	padding:10px 0;
	border-bottom:5px #ddd solid;
	font-size:1.3em;
	font-weight:bold;
	color:#000;
}
.recruit-jobs-newtitle{
	font-size:1.5em;
	border-bottom:3px #229dcb solid;
	
}

.recruit-jobs-subtitle{
	margin-top:0px;
	padding:20px 0;
	font-weight:bold;
}

.recruit-jobs-anchor{
	margin-bottom:30px;
	padding:20px;
	background:#f7f7f7;
}

.recruit-jobs-photo{
	float:right;
	margin:50px 0 0 20px;
}
.recruit-jobs-photo img{
	width:100%;
	max-width:350px;
	height:auto;
}
@media only screen and (max-width:479px){
	.recruit-jobs-photo{
		float:none;
		margin:20px 0 0 0;
	}
	.recruit-jobs-photo img{
		max-width:none;
	}
	.recruit-jobs-subtitle{
		margin-top:0;
		padding:20px 0;
		font-weight:bold;
	}
	.recruit-interviews-title img{
		max-width:none;
	}
}

#data01,#data02,#data03,#data04,#data05,#data06,#data07,#data08{
	padding-top:50px;
	margin-top:-50px;
}

@media only screen and (max-width:767px){
	#data01,#data02,#data03,#data04,#data05,#data06,#data07,#data08{padding-top:10px;margin-top:-10px;}
	.recruit-jobs-title{margin-bottom:5px;}
	.recruit-jobs-anchor{margin-bottom:20px;}
}

.recruit-interviews-anchor {
	margin-bottom: 60px;
}

.recruit-interviews-title {
	margin-bottom: 45px;
}

.recruit-interviews-title img{
	width:100%;
	max-width:730px;
	height:auto;
}

.position {
	display: block;
	font-size: 14px;
}

.recruit-interviews-txt {
	margin-bottom: 60px;
}


/*Welfare*/
.recruit-welfare-box{margin-top:60px;}
.recruit-welfare-photo{margin:60px 0 0 0;}
@media only screen and (max-width:479px){
	.recruit-welfare-box{margin-top:20px}
	.recruit-welfare-photo{margin:40px 0 0 0;}
}


/* -------------------------------

Contact

------------------------------- */
p.contact-red{
	margin:0 0 20px 0;
	color:#ec0969;
}

ul.contact-link li:first-child{margin:0 0 20px 0;}

/*Service*/
ul.contact-slink li{padding:0 0 20px 0}
ul.contact-slink li:nth-child(2n+1){margin:20px 0 0 0;font-weight:bold;}
ul.contact-slink li:nth-child(2n){border-bottom:1px #ddd dotted;font-size:1.5em;}
ul.contact-slink li:last-child{padding:0;border:none;}

/*Official*/
.contact-official{
	padding:20px 20px 20px 0;
	border-top:1px #ddd dotted;
}

.contact-official li:first-child{font-size:1.2em;font-weight:bold;}


/* -------------------------------

Info

------------------------------- */
.info-txt-title{
	font-size:1.2em;
	font-weight:bold;
}
.info-txt-bold{font-weight:bold;}
.info-txt-colorRed{display:inline;color:#F00;}
.info-txt-block{
	padding:20px;
	background:#f3f3f3;
}
.info-txt-block-line{
	padding:20px;
	border:5px #f3f3f3 solid;
}
.info-txt-block strong,.info-txt-block-line strong{font-weight:bold;}

ul.info-list-num li{
	margin:0 0 0 20px;
	list-style:decimal;
}

.info-img img{
	width:100%;
	max-width:730px;
	height:auto;
}

.info-hr{
	margin:20px 0;
	border-top:none;border-left:none;border-right:none;
	border-bottom:1px #ccc dotted;
}

/*Top*/
.info-box a,.info-box-nolink{
	min-height:80px;
	display:block;
	margin-bottom:20px;
	padding:20px;
	border-radius:3px;
}
.info-box a,.info-box-nolink{background:#fff;}
.info-box a:hover,.info-box-nolink:hover{background-color:#fafafa;}

@media only screen and (max-width:767px){
	.info-box,.info-box-nolink{margin:0 0 20px 0;}
}

.info-box .info-txt,.info-box-nolink .info-txt{width:76%;}
.info-txt strong{color:#ec0969;}
.info-box .info-sr,.info-box .info-pr,.info-box .info-re,.info-box .info-oi,
.info-box-nolink .info-sr,.info-box-nolink .info-pr,.info-box-nolink .info-re,.info-box-nolink .info-oi{width:20%;}
@media only screen and (max-width:479px){
	.info-box .info-txt,.info-box-nolink .info-txt{width:65%;}
	.info-box .info-sr,.info-box .info-pr,.info-box .info-re,.info-box .info-oi,
	.info-box-nolink .info-sr,.info-box-nolink .info-pr,.info-box-nolink .info-re,.info-box-nolink .info-oi{width:30%;}
}

p.info-date{
	font-size:.9em;
	margin-bottom:5px;
	color:#aaa;
	letter-spacing:.1em;
}

/*Release*/
.infoMainPressTxt{float:left;}
.infoMainDate{
	float:right;
	text-align:right;
}

#infoMainTitle{
	margin:0 0 40px 0;
	padding:20px 0;
	border-top:1px #aaa solid;
	border-bottom:1px #aaa solid;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
@media only screen and (max-width:479px){
	#infoMainTitle{margin:0 0 20px 0;}
}

#infoMainContents{
	word-break:break-all;
}

#infoMainContents strong{
	font-size:1.1em;
	font-weight:bold;
}

#infoMainContents p{
	margin:5px 0;
	font-size:1.1em;
	text-decoration:underline;
}

.infoMainSmallTxt{
	display:inline;
	font-size:.8em;
}

.infoMainSmallTxt strong{font-weight:bold;}

/*Release image*/
.infoMainReleaseImg img{
	width:100%;
	height:auto;
}

/*Release -Social link(LINE)-*/
.infoSocialLinkLine{margin:0 10px 0 0;}

/*Release -company data-*/
.infoCompanyData{
	margin:40px 0 0 0;
	padding:40px 0 0 0;
	border-top:1px #aaa dashed;
}
@media only screen and (max-width:479px){
	.infoCompanyData{
		margin:20px 0 0 0;
		padding:20px 0 0 0;
	}
}

.infoCompanyData th{
	padding:0 0 10px 0;
	font-weight:bold;
	text-align:left;
}

.infoCompanyData td{
	padding:2px;
}

.infoCompanyData td.infoCompanyTitle{
	width:80px;
	font-weight:bold;
}

/*Release -service data-*/
.infoServiceData{
	margin:40px 0;
	padding:20px 0;
	border-top:1px #aaa dashed;
	border-bottom:1px #aaa dashed;
}
@media only screen and (max-width:479px){
	.infoServiceData{
		margin:20px 0;
	}
}

.infoServiceData th{
	padding:0 0 10px 0;
	font-weight:bold;
	text-align:left;
}

.infoServiceData td{
	padding:2px;
}

.infoServiceData td.infoServiceTitle{
	font-weight:bold;
}


/*131108table -price-*/
table.infoTableSugoi{width:100%;}
table.infoTableSugoi tr td:first-child{font-weight:normal;white-space:normal;padding-left:10px;}

table.infoTableSugoi td{
	padding:7px;
	border:1px #ccc solid;
	vertical-align:middle;
}
table.infoTableSugoi td.centerTd{
	border:none;
	padding:30px;
	font-size:2em;
	font-weight:bold;
	color:#06c;
}
table.infoTableSugoi td.planTitleTd{
	padding:10px;
	border:none;
	font-weight:bold;
}
table.infoTableSugoi td.redTd{color:#ec0969;}
table.infoTableSugoi td.infoTableSugoiTitle{
	background-color:#06c;
	color:#fff;
	text-align:center;
}

@media only screen and (max-width:479px){
	table.infoTableSugoi td.centerTd{
		padding:0;
		font-size:1.2em;
		color:#fff;
	}
}

/*131213table -price-*/
.marut-o2oPlanTable{
	width:100%;
	margin:10px 0 40px 0;
}

.marut-o2oPlanTable td{
	padding:10px;
	border:1px #ccc solid;
	text-align:center;
	font-weight:bold;
}
.marut-o2oPlanTable td small{font-size:.8em;}

.marut-o2oPlanTable td.marut-o2oPlanTableTitle{
	width:40%;
	background-color:#999;
	color:#fff;
	font-size:.9em;
	font-weight:normal;
}
.marut-o2oPlanTable td.marut-o2oPlanTablePlanTitle{
	width:20%;
	background-color:#2e8ed0;
	color:#fff;
}

.marut-o2oPlanTable td.marut-o2oPlanTableBigHead{
	background-color:#e9e9e9;
	font-size:.9em;
	font-weight:normal;
	vertical-align:middle;
	white-space:nowrap;
}
.marut-o2oPlanTable td.marut-o2oPlanTableHead{
	background-color:#f3f3f3;
	font-size:.9em;
	font-weight:normal;
	white-space:nowrap;
}

.marut-o2oPlanTableInfo{
	margin-bottom:50px;
	font-size:.9em;
}

@media only screen and (max-width:479px){
	.marut-o2oPlanTable{font-size:.7em !important;}
	.marut-o2oPlanTable td.marut-o2oPlanTableHead,
	.marut-o2oPlanTable td.marut-o2oPlanTableBigHead{white-space:normal;}
}

/*140602 katy*/
.info-release140602-katy_logo{
	float:right;
	margin:0 0 0 20px;
}

@media only screen and (max-width:479px){
	.info-release140602-katy_logo{
		float:none;
		margin:0;
		text-align:center;
	}
}

/*150127 GMO Checkin*/
.info-release150127-gci_logo,.info-release150127-gci_pattern{
	margin:10px auto;
	text-align:center;
}
.info-release150127-gci_logo img,.info-release150127-gci_pattern img{
	width:100%;
	height:auto;
}
.info-release150127-gci_logo img{
	max-width:500px;
}
.info-release150127-gci_logo.info-release160405-gci_logo img{
	max-width:400px;
}
.info-release150127-gci_pattern img{
	max-width:730px;
}

.info-release150127-gci_pt{
	float:right;
	margin:0 0 0 20px;
}

#infoMainContents small {
	font-size: 12px;
}

.info-release151225-gci_pt {
	text-align: center;
}

.info-release151225-gci_pt img {
	max-width: 592px;
	width: 100%;
	height: auto;
}
.info-release151225-gci_pt.info-release160405-gci_pt img {
	max-width: 600px;
}

.info-release151225-list {
	position: relative;
	margin: 20px 0;
}

.info-release151225-list li {
	list-style-position:outside;
	margin: 0 0 10px;
	padding-left:1.25em;
}

.info-release151225-list li span {
	position: absolute;
	left:0;
	margin:0
}

/*IE6*/
*html info-release151225-list li span  {
	left: -1.25em;
}

.info-release151225-table tr {
	border: none;
}

.info-release151225-table tr td {
	vertical-align: middle;
	text-align: center;
}

.info-release151225-table tr:first-child td {
	padding: 20px 10px 0;
}

.info-release151225-table tr td:first-child {
	font-weight: normal;
}

#info-release151225-ptable thead tr th {
	background: #00b113;
	border-right: 1px solid #fff;
}

#info-release151225-ptable thead tr th:last-child {
	border-right: 1px solid #00b113;
}

#info-release151225-ptable tr th,
#info-release151225-ptable tr td {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
}


/*161212 GMO Repeater*/

ul.info-release161212-list,
ol.info-release161212-list {
  margin-left: 20px;
}

ul.info-release161212-list {
  list-style: disc;
}

ol.info-release161212-list {
  list-style: decimal;
}

ol.info-release161212-list span {
  border-bottom: 3px double;
  font-weight: bold;
}

div.info-release161212-ex {
  border: 1px solid #999;
  border-bottom: none;
  margin-bottom: 20px;
}

div.info-release161212-ex .tit {
  display: block;
  background: #ffebc7;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #999;
}

div.info-release161212-ex .box {
  border-bottom: 1px solid #999;
  padding: 20px;
}

.shoppass {
  border: 1px dotted #999;
  padding: 10px;
  margin: 10px auto 30px auto;
  overflow: hidden;
}
.shoppass img {
  float: left;
}


/*170512 GMO Repeater*/

li.infofloat-relaase170512{
	float:left;
	list-style:none;
	max-width:30%;
}

li.infofloat-relaase170512 img{
	max-width:50%;
	}
li.relaase170512-clear{list-style:none;}

li.relaase170512-clear:after{
	content: "";
	clear: both;
	display: block;
}

@media only screen and (max-width:479px){
	.info-release150127-gci_pattern img{
		margin-top:10px;
	}
	.info-release150127-gci_pt{
		float:none;
		margin:10px 0;
		text-align:center;
	}
	.info-release151225-table td img {
		width: 100%;
	}
	.info-release151225-table td:first-child img {
		width: 55%;
	}
}


/* -------------------------------

Legal

------------------------------- */
#legal-copyright,#legal-disclaimer{
	margin:60px 0 20px 0;
}

#legal-terms-windows,#legal-terms-mac{
	margin:20px 0 0 0;
}

#legal-terms-windows p,#legal-terms-mac p{
	font-weight:bold;
}

#legal-terms-windows{
	padding:0 0 20px 0;
	border-bottom:1px #ddd dashed;
}

/*Privacy policy*/
.acFormKiyakuSubTitle{
	margin:30px 0 0 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.acFormKiyakuSubSubTitle{
	margin:30px 0 0 0;
	text-align:center;
	font-size:1.2em;
	text-decoration:underline;
}

p.policyTitle{
	margin:30px 0 10px 0;
	padding:0 0 5px 0;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px #ddd dotted;
}

ul.policyList,ul.policyListBracket{margin:0;}

ul.policyList li{
	margin:0 0 0 20px;
	list-style:decimal;
}

/*ul.policyList.disc > li{
	list-style: disc;
}*/

ul.policyList02{margin:0;}

ol.policyList02 li{
	margin:0 0 0 20px;
	 list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}

ol.policyList02 li:before{
	display: marker;
  content: "(" counter(cnt) ") ";
}

ul.policyListBracket li{
	margin:0;
	list-style:none;
	counter-increment:chapter;
  padding-left: 2.7em;
  text-indent: -2.7em;
}
ul.policyListBracket li:before{
	padding-right:10px;
  display: inline-block;
  width: 2.0em;
	content:"(" counter(chapter)")";
  text-align: right;
}

#policyMail{
	margin:10px 0 30px 0;
	padding:15px;
	background-color:#f2f2f2;
	text-align:center;
}
#policyMail p{font-weight:bold;}

p.policyDate{
	text-align:right;
	margin:20px 0 -10px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p.policyDate > span {
	text-align:right;
	display:block;
}

/*Law*/
table.law td{
	padding:20px !important;
	border:1px #ddd solid;
}
table.law td strong{font-weight:bold;}

table.law td.lawTitle{
	background-color:#f9f9f9;
	white-space:nowrap;
}

table.law td ul li{
	list-style-type:square;
	margin:0 0 5px 20px;
}
table.law td ul li:last-child{margin-bottom:0;}

.lawPayment{
	margin:0 0 20px 0;
	padding:20px;
	background:#f9f9f9;
	border-radius:3px;
}
table.law td p,.lawPayment p{
	margin:0 0 10px 0;
	font-weight:bold;
}


@media only screen and (max-width:479px){
	table.law td{padding:10px !important;}
	.lawPayment{padding:10px !important;}
}


/* -------------------------------

Sitemap

------------------------------- */
.sitemap-title{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px #ddd solid;
	font-size:1.5em;
	letter-spacing:.1em;
}

.sitemap-box ul{margin:0 0 40px 0;}

.sitemap-box ul ul{margin:0 0 0 20px;}

.sitemap-box p{
	font-size:1.2em;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px #ddd dotted;
}

@media only screen and (max-width:767px){
	.sitemap-title,.sitemap-box{margin-left:20px;margin-right:20px;}
}


/* info nav */

.info_nav {
  display: flex;
  justify-content: flex-end;
  border-top: 1px dotted #999;
  padding: 10px;
  margin: auto 0 auto auto;
  font-size: .8rem;
}

.info_nav li:before {
  content: '|';
  margin: 0 2px;
}

.info_nav li:first-child:before {
  content: '';
}

.yearIndex li:first-child a,
.info_nav .nav-on a {
  color:#aaa !important;
}


