@charset "utf-8";

/* ----------------------------------------------

	サービス名 / common layout styles
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

/*
共通のレイアウトはすべてここに書く。
*/

/*------------------------------------------------------

basic layout

------------------------------------------------------*/

body {
	text-align: center;
	color: #333333; 
}

div#wrapper {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}


/*------------------------------------------------------

other layout

------------------------------------------------------*/

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

div#header {
	height: 115px;
	width: 950px;
}


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

div#contactBtn {
	position: absolute;
	top: 40px;
	right: 0;
}


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

div#mMenu {
	width: 950px;
	height: 49px;
	margin-bottom: 40px;
}
div#mMenu ul {
	width: 950px;
	height: 49px;
}
div#mMenu ul li {
	display: inline;
	float: left;
}
div#mMenu ul li a {
	height: 49px;
}


/* contents category1
------------------------------------------------------*/

div#cat1 {
	width: 950px;
	border-bottom: 1px solid #DBDBDB;
}

div#cat1 div#newSrv {
	position: relative;
	width: 950px;
	height: 275px;
}

div#cat1 div#newSrv img#mobileQr {
	float:left;
	margin-right:40px;
}

div#cat1 div#newSrv ul {
	width: 685px;
	height: 250px;
	background: url(../../img/bg_new_srv.gif) no-repeat;
	float: right;
	padding-top: 25px;
	padding-left: 25px;
}

div#cat1 div#newSrv ul li {
	display: inline;
	float: left;
}

div#cat1 div#newSrv ul li p {
	text-align: center;
}

div#cat1 div#newSrv ul li.srvmar {
	margin-left: 30px;
}

div#cat1 div#newSrv p#newest {
	position: absolute;
	top: -1px;
	left: 239px;
}


/* contents category2 official
------------------------------------------------------*/

div.cat2 {
	width: 950px;
	border-bottom: 1px solid #DBDBDB;
	margin-top: 30px;
}

h2.title {
	font-size: 110%;
	color: #333333; 
	xmargin-bottom: 25px;
}

h2.title img {
	vertical-align: middle;
}

div.cat2 div#official ul {
	width: 950px;
	xheight: 455px;
	xbackground: url(../../img/bg_official_ul.gif) no-repeat center bottom;
	margin-top: 25px;
}

div.cat2 div#official ul.list2 {
	background: url(../../img/bg_official_ul.gif) no-repeat center bottom;
}

div.cat2 div#official ul.list1 {
	background: url(../../img/bg_official_ul.gif) no-repeat -490px bottom;
}

div.cat2 div#official ul li {
	position: relative;
	width: 410px;
	xheight: 405px;
	background: url(../../img/bg_official.gif) no-repeat;
	padding: 25px;
	display: inline;
	float: left;
}

div.cat2 div#official ul li.offmar {
	margin-left: 30px;
}

div.cat2 div#official ul li p.text {
	margin: 25px 0;
	font-size: 110%;
}

div.cat2 div#official ul li p img {
	vertical-align: middle;
}

div.cat2 div#official ul li p.el1 {
	margin-bottom: 15px;
	font-size: 90%;
}

div.cat2 div#official ul li p.el2 {
	margin-bottom: 20px;
	font-size: 90%;
}

div.cat2 div#official ul li p.el1 img.career,
div.cat2 div#official ul li p.el2 img.career {
	float:left;
	margin-right:10px;
}

div.cat2 div#official ul li p span {
	color: #FF0066;
}

div.cat2 div#official ul li p.greenBtn {
	position: absolute;
	top: 110px;
	left: 25px;
}


/* contents category2 investigation
------------------------------------------------------*/

div.cat2 div#investigation ul {
	width: 950px;
	xheight: 275px;
	xmin-height: 275px;
	xheight: auto;
	xbackground: url(../../img/bg_investigation_ul.gif) no-repeat center bottom;
	margin-top: 25px;
}

div.cat2 div#investigation ul.list4 {
	background: url(../../img/bg_investigation_ul.gif) no-repeat center bottom;
}

div.cat2 div#investigation ul.list3 {
	background: url(../../img/bg_investigation_ul.gif) no-repeat -240px bottom;
}

div.cat2 div#investigation ul.list2 {
	background: url(../../img/bg_investigation_ul.gif) no-repeat -480px bottom;
}

div.cat2 div#investigation ul.list1 {
	background: url(../../img/bg_investigation_ul.gif) no-repeat -720px bottom;
}

div.cat2 div#investigation ul li {
	width: 200px;
	xheight: 235px;
	xmin-height: 275px;
	xheight: auto;
	background: url(../../img/bg_investigation.gif) no-repeat;
	padding: 20px 15px;
	display: inline;
	float: left;
	font-size: 90%;
	margin-right: 10px;
}

div.cat2 div#investigation ul li.invesmar {
	margin-right: 0;
}

div.cat2 div#investigation ul li p.yellowBtn {
	text-align: center;
	margin-top: 5px;
}

div.cat2 div#investigation p.srvTtl {
	color: #FF6600;
	font-weight: bolder;
	font-size: 120%;
	margin: 3px 0;
}


/* contents category2 community
------------------------------------------------------*/

div.cat2 div#community ul {
	width: 950px;
	xheight: 275px;
	xbackground: url(../../img/bg_community_ul.gif) no-repeat center bottom;
	margin-top: 25px;
}

div.cat2 div#community ul.list4 {
	background: url(../../img/bg_community_ul.gif) no-repeat center bottom;
}

div.cat2 div#community ul.list3 {
	background: url(../../img/bg_community_ul.gif) no-repeat -240px bottom;
}

div.cat2 div#community ul.list2 {
	background: url(../../img/bg_community_ul.gif) no-repeat -480px bottom;
}

div.cat2 div#community ul.list1 {
	background: url(../../img/bg_community_ul.gif) no-repeat -720px bottom;
}

div.cat2 div#community ul li {
	width: 200px;
	xheight: 235px;
	background: url(../../img/bg_community.gif) no-repeat;
	padding: 20px 15px;
	display: inline;
	float: left;
	font-size: 90%;
	margin-right: 10px;
}

div.cat2 div#community ul li.invesmar {
	margin-right: 0;
}

div.cat2 div#community ul li p.yellowBtn {
	text-align: center;
	margin-top: 5px;
}

div.cat2 div#community p.srvTtl {
	color: #5BB7FF;
	font-weight: bolder;
	font-size: 120%;
	margin: 3px 0;
}


/* contents category2 game
------------------------------------------------------*/

div.cat2 div#game ul {
	width: 950px;
	xheight: 275px;
	xbackground: url(../../img/bg_game_ul.gif) no-repeat center bottom;
	margin-top: 25px;
}

div.cat2 div#game ul.list4 {
	background: url(../../img/bg_game_ul.gif) no-repeat center bottom;
}

div.cat2 div#game ul.list3 {
	background: url(../../img/bg_game_ul.gif) no-repeat -240px bottom;
}

div.cat2 div#game ul.list2 {
	background: url(../../img/bg_game_ul.gif) no-repeat -480px bottom;
}

div.cat2 div#game ul.list1 {
	background: url(../../img/bg_game_ul.gif) no-repeat -720px bottom;
}

div.cat2 div#game ul li {
	width: 200px;
	xheight: 235px;
	background: url(../../img/bg_game.gif) no-repeat;
	padding: 20px 15px;
	display: inline;
	float: left;
	font-size: 90%;
	margin-right: 10px;
}

div.cat2 div#game ul li.invesmar {
	margin-right: 0;
}

div.cat2 div#game ul li p.yellowBtn {
	text-align: center;
	margin-top: 5px;
}

div.cat2 div#game p.srvTtl {
	color: #FF6633;
	font-weight: bolder;
	font-size: 120%;
	margin: 3px 0;
}


/* contents category2 maker
------------------------------------------------------*/

div.cat2 div#maker ul {
	width: 950px;
	xheight: 275px;
	xbackground: url(../../img/bg_maker_ul.gif) no-repeat center bottom;
	margin-top: 25px;
}

div.cat2 div#maker ul.list4 {
	background: url(../../img/bg_maker_ul.gif) no-repeat center bottom;
}

div.cat2 div#maker ul.list3 {
	background: url(../../img/bg_maker_ul.gif) no-repeat -240px bottom;
}

div.cat2 div#maker ul.list2 {
	background: url(../../img/bg_maker_ul.gif) no-repeat -480px bottom;
}

div.cat2 div#maker ul.list1 {
	background: url(../../img/bg_maker_ul.gif) no-repeat -720px bottom;
}

div.cat2 div#maker ul li {
	width: 200px;
	xheight: 235px;
	background: url(../../img/bg_maker.gif) no-repeat;
	padding: 20px 15px;
	display: inline;
	float: left;
	font-size: 90%;
	margin-right: 10px;
}

div.cat2 div#maker ul li.invesmar {
	margin-right: 0;
}

div.cat2 div#maker ul li p.yellowBtn {
	text-align: center;
	margin-top: 5px;
}


div.cat2 div#maker p.srvTtl {
	color: #FF3366;
	font-weight: bolder;
	font-size: 120%;
	margin: 3px 0;
}


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

div#footer {
	margin-bottom: 20px;
}

/* kayac project */
div#footer div#kayacProject {
	padding: 20px 0;
}

div#footer div#kayacProject ul {
	width: 950px;
}

div#footer div#kayacProject ul li {
	display: inline;
	margin-right: 15px;
	line-height: 2.5em;
	margin-bottom: 15px;
	font-size: 90%;
}

div#footer div#kayacProject ul li a {
	white-space: nowrap;
}

div#footer p#copyrightP {
	text-align: right;
}

div#footer a.clr,
div#footer a.clr:link,
div#footer a.clr:visited {
	color: #00CCCC;
}

div#footer a.clr:hover,
div#footer a.clr:active {
	color: #FF0066;
}


/* sendurl
------------------------------------------------------*/

div#sendTop {
	background: url(../../img/bg_sendtop.gif) no-repeat top center;
	padding-top: 21px;
}

div#sendIn {
	background: url(../../img/bg_sendmiddle.gif) center center;
	padding: 0 25px;
	height: 100%;
}

div#sendBot {
	background: url(../../img/bg_sendbottom.gif) no-repeat bottom center;
	padding-bottom: 21px;
}

div#sendIn form img {
	vertical-align: bottom;
}

div#sendIn span.sendServTtl {
	color: #7676CD;
	font-weight: bolder;
    font-size: 28px;
}

div#sendIn div#servExpl {
	border: solid 1px #7676CD;
	margin: 20px 0 0;
}

div#sendIn p {
	text-align: center;
}

div#sendIn div#servExpl p{
	background-color: #7676CD;
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
}

div#sendIn div#servExpl p span {
	font-weight: bolder;
}

div#sendIn div#servExpl div {
	padding: 5px;
}

div#sendIn div#servExpl div img {
	border: solid 1px #999999;
	float: left;
	margin-right: 10px;
}

div#sendIn p#caution {
	margin-top: 10px;
	color: #FF0000;
}

div#servCont {
    background-color: #FFFFFF;
}


/* ----------------------------------------------

		BACK TO TOP

---------------------------------------------- */

div.backtoTop {
	margin: 30px 0 0;
	font-size: 93%;
	text-align: right;
}
div.backtoTop a {
}


/*------------------------------------------------------

	hack

------------------------------------------------------*/


/* clearfix
------------------------------------------------------*/
div#footer div#kayacProject,
div#sendIn div#servExpl div,
div.cat2 div#official ul,
div.cat2 div#official ul li,
div.cat2 div#investigation ul,
div.cat2 div#community ul,
div.cat2 div#game ul,
div.cat2 div#maker ul,
div#cat1 div#newSrv,
div#mMenu ul {
		zoom: 1;/*for IE 5.5-7*/
}
div#footer div#kayacProject:after,
div#sendIn div#servExpl div:after,
div.cat2 div#official ul:after,
div.cat2 div#official ul li:after,
div.cat2 div#investigation ul:after,
div.cat2 div#community ul:after,
div.cat2 div#game ul:after,
div.cat2 div#maker ul:after,
div#cat1 div#newSrv:after,
div#mMenu ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
* html div#footer div#kayacProject,
* html div#sendIn div#servExpl div,
* html div.cat2 div#official ul,
* html div.cat2 div#official ul li,
* html div.cat2 div#investigation ul,
* html div.cat2 div#community ul,
* html div.cat2 div#game ul,
* html div.cat2 div#maker ul,
* html div#cat1 div#newSrv,
* html div#mMenu ul {
	display: inline-table;
	/*\*/display: block;/**/
}