@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

 File name:      style.css
 Author:         Shinji Kobayashi
 Last Up Date:   2010-05-06
----------------------------------------------------------- */

/* ----------------------------------------------------------------
 *  Common
 * ---------------------------------------------------------------- */

/*  Links
----------------------------------------------- */

a:link {
	color: #0099DE;
	text-decoration: underline;
}
a:visited {
	color: #0099DE;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	background:#0099DE;
	text-decoration: underline;
}
a.detail:hover {
	background:#0099DE;
	color:#FFF;
	font-weight:bold;
	-webkit-box-shadow:2px 2px 0px #8399A4;;
}


/*  Base
----------------------------------------------- */

body {
	/*color:#8399A4;*/
	color:#546169;
	font-family:"メイリオ",
				Meiryo,
				"ヒラギノ角ゴ Pro W3",
				Osaka;
	line-height:1.5em;
	border-top: 5px solid #0099DE;
}
p,h2,h3,h4 {
	margin:0 0 1em 0;
}
p {
	line-height:1.7em;
}
h1,h2,h3,h4,h5,h6 {
	/*text-shadow:#FCFCFC 5px 5px;*/
}
div#main ul,
div#main li,
div#sub li {
	margin:0 0 1em;
}
hr {
	margin:1.5em 0;
	visibility:hidden;
	clear:both;
}
table {
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
	/*border:#8399A4 solid 1px;*/
}
th,td {
	padding:5px 10px;
}
th {
	font-weight:bold;
}
/*  Fonts
----------------------------------------------- */

div#main-area h2 {
	font-weight:bold;
	font-size:150%;
	color:#0099DE;
	/*border-left:#8399A4 solid 5px;
	text-indent:0.5em;*/
}
div#main-area h3 {
	margin-bottom:1em;
}
h3 {
	font-weight:bold;
	font-size:130%;
	/*color:#0099DE;*/
}
h4 {
	font-size:120%;
	font-weight:bold;
}

/*  Topic Patch
----------------------------------------------- */

p#topicPatch {
	clear:both;
	margin:1em 0;
}

/*  Hi-Fi
----------------------------------------------- */

::-moz-selection {
	background: #0099DE;
	color: #FFFFFF;
}
::selection {
	background: #0099DE;
	color: #FFFFFF;
}

/*  clearfix
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* ----------------------------------------------------------------
 *  Global Navigation
 * ---------------------------------------------------------------- */


ul#gnavi {
	background:url(../img/gnavi/gnavi_on.gif) left top no-repeat;
}

ul#gnavi:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;

}
ul#gnavi li {
	display:inline;
}
ul#gnavi li a {
	display: block;
	float:left;
}
ul#gnavi li a:hover {
	background:none;
}
ul#gnavi li a:hover img,
ul#gnavi li a:focus img {
	visibility: hidden;
}

/* ----------------------------------------------------------------
 *  Footer
 * ---------------------------------------------------------------- */

div#footer {
	background-color: #0099DE;
	color: #FFFFFF;
}
div#footer p#copyright {
	text-align:center;
}

/* ----------------------------------------------------------------
 *  Side Navigation
 * ---------------------------------------------------------------- */

div#sub-area h2 {
	margin-bottom:5px;
}
div.box {
	/*border:5px solid #80CCEF;*/
	padding-top:10px;
}

/* ----------------------------------------------------------------
 *  Side Navigation
 * ---------------------------------------------------------------- */

form input.text,
textarea {
	border:#66C2EB solid 2px;
}

/* ----------------------------------------------------------------
 *  トップページ
 * ----------------------------------------------------------------*/
div#top-flash {
	padding-top:15px;
}
div#top-flash,
div#news-area,
div#service-area,
div#web-area,
div#game-area {
	margin-bottom:15px;
}
div#web-area,
div#game-area {
	width:430px;
	float:left;
}
div#web-area {
	margin-right:20px;
}
body#home div#main-area h2 {
	border:none;
	text-indent:0;
	margin-bottom:5px;
}
div#web-area div.box {
/*	background:url(../img/image/top-web.gif) center bottom no-repeat;
	padding-bottom:230px;
*/}
div#game-area div.box {
/*	background:url(../img/image/top-game.gif) center bottom no-repeat;
	padding-bottom:177px;
*/}
div#work {
	clear:both;
}
div#work ul {
	padding:15px;
	clear:both;
}
div#work ul li {
	padding-left:30px;
}
div#work ul li.web {
	background:url(../img/top/icn_web.gif) no-repeat left center;
}
div#work ul li.mobile {
	background:url(../img/top/icn_mobile.gif) no-repeat left center;
}
div#work ul li.graphic {
	background:url(../img/top/icn_graphic.gif) no-repeat left center;
}
div#work ul li.game {
	background:url(../img/top/icn_game.gif) no-repeat left center;
}
div#work ul.sample li {
	float:left;
	padding-right:20px;
}
div.box h3 {
	text-align:left;
	font-size:116%;
	font-weight:bold;
	margin-bottom:1em;
}
dt.date {
	font-weight:bold;
}
div#news-area dd{
	border-bottom:#8399A4 dotted 1px;
	margin-bottom:5px;
	padding-bottom:5px;
}
div#news-area-top dd{
	border-bottom:#8399A4 dotted 1px;
	margin-bottom:5px;
	padding-bottom:5px;
}

div#news-area-top div.box {
	height:200px;
	overflow:auto;
}
	
/* ----------------------------------------------------------------
 * 会社案内
 * ---------------------------------------------------------------- */

body#company h1 {
	margin-bottom:30px;
}
body#company table {
	width:100%;
	border-collapse: collapse;
}
body#company table th,
body#company table td {
	padding:5px 10px;
	border-bottom:dotted 1px #0099DE;
}
body#company dl.sp {
	margin-bottom: 0.5em;
}
body#company dt {
	text-align:left;
	color:#0099DE;
}
body#company dd {
	text-align:left;
}
/* ----------------------------------------------------------------
 * アクセス
 * ---------------------------------------------------------------- */
div#map {
	width: 690px;
	height: 600px;
}
div ul#pagelink {
	margin: 0 0 1em 0;
	padding: 0;
}
div ul#pagelink li {
	display: inline;
	margin: 0 0.5em 0 0;
}
div.accessinfo {
	margin-top: 1em;
	padding-top: 1em;
	border-top:dotted 1px #0099DE;
}

/* ----------------------------------------------------------------
 * 事業案内
 * ---------------------------------------------------------------- */

body#web dl {
	margin-bottom:2em;
}
body#web dl dd {
	text-indent:1em;
}
div#main-area h1 {
	margin-bottom:1.5em;
}
a.detail {
	border:#0099DE solid 2px;
	display:block;
	padding:3px 5px;
	width:8em;
	text-align:center;
	text-decoration:none;
	-webkit-transform: translate(10%, -10%) rotate(2deg);
}

/* ----------------------------------------------------------------
 * iPhone
 * ----------------------------------------------------------------*/

div#main-area strong {
	font-weight:bold;
	background:#E1F3FB;
	color:;
}

/* ----------------------------------------------------------------
 * Recruit
 * ---------------------------------------------------------------- */
body#recruit td {
	background:#F2FAFD;
}
body#recruit th,
body#recruit td {
	/*border: #8399A4 solid 1px;*/
}
body#recruit th {
	width:12em;
	background-color: #F9FAFA;
}
div.buttons a.button {
	display:block;
	float:left;
	margin-right:10px;
	padding:5px 10px;
	border:solid 2px #0099DE;
	text-decoration:none;
}
div.buttons a.button:hover {
	border:dotted 2px #0099DE;
	color:#0099DE;
	background:#FFFFFF;
}
body#recruit div#main-area div.box h3 {
	text-align:left;
}
body#recruit div#main-area ol {
	padding-left:1.5em;
}
body#recruit div#main-area ol li {
	list-style-type: decimal;
}
/*  Entry
------------------------------------------------------------------- */

body#entry table {
	border-collapse: collapse;
	border:#333333 solid 1px;
}
body#entry th {
	background: #0099DE;
	width:1%;
	white-space:nowrap;
}
body#entry tr td {
	background: #F2FAFD;
}
body#entry th,
body#entry td {
	border:1px solid #FFFFFF;
}
body#entry th {
	background-color: #F2FAFD;
}
body#entry tr th.colored {
	background:#E5F5FC;
}
body#entry tr td.colored {
	background: #E5F5FC;
}
body#entry input.focus,
body#entry textarea.focus {
	background-color: #FEFBF2;
	border: #F2A800 solid 2px;
}
body#entry input:focus,
body#entry textarea:focus {
	outline:none;
}
/*  jQuery
------------------------------------------------------------------- */

body#recruit tr.colored td {
	background: #E5F5FC;
}
body#recruit tr.colored th {
	background-color: #F2F5F6;
	color:#8399A4;
}
/* ----------------------------------------------------------------
 * Sitemap
 * ---------------------------------------------------------------- */

body#sitemap div#main-area ul {
	padding:0.5em 1em;
}

body#sitemap div#main-area ul li {
	margin:0;
}
body#sitemap div#main-area ul li a {
	display:block;
	padding:3px 5px;
}
body#sitemap div#main-area ul.second-dir,
body#sitemap div#main-area ul.third-dir,
body#sitemap div#main-area ul.fourth-dir {
	padding:0.5em 2em;
}
body#sitemap ul.first-dir {
	background-color: #F3FFFF;
}
body#sitemap ul.second-dir {
	background-color: #EAF6F6;
}
body#sitemap ul.third-dir {
	background-color: #E2EEEE;
}
body#sitemap ul.fourth-dir {
	background-color: #DDE8E8;
}


/* ----------------------------------------------------------------
 * Game
 * ---------------------------------------------------------------- */

body#game div#flash {
	width:800px;
	margin:0 auto;
}


/* ----------------------------------------------------------------
 * iPhone
 * ---------------------------------------------------------------- */
ul#iphone-site-list {
	padding-left:2em;
}
ul#iphone-site-list li {
	margin:0;
	list-style: disc;
}