@charset "utf-8";
/* MGS-モバイル＆ゲームスタジオ　コンテンツページ　contents.css */


/* 共通項目
---------------------------------------------------- */

#inner #breadcrumbs {
	font-size: 11px;
	margin: 0 10px 10px 0;
	text-align: right;
}


#LsideWrap {
	width: 200px;
	float: left;
}

#MainWrap {
	width: 760px;
	float: left;
}

#MainWrap_1column {
	width: 960px;
}


/* 左サイド */

.side_menu {
	_zoom: 1;
	overflow: hidden;
	width:155px;
	font-size: 14px;
	background-color: #ddd;
	margin: 0;
	padding: 7px 7px 4px 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


ul.side_contents {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.side_contents li {
	line-height: 0;
}

ul.side_contents li a {
	text-decoration:none;
	display:block;
	font-weight: normal;
	margin: 0 0 3px 0;
	padding: 7px 3px 6px 18px;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-color: #fff;
	background-position:left center;
	line-height:1.5;
}

ul.side_contents li a:hover {
	text-decoration:none;
	color:#fff;
	background: url(/images/side_ya_white.gif) no-repeat;
	background-color: #7fa6dd;
	background-position:left center;
}



/* メイン */

#MainWrap h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 15px;
	border: 1px #28589b solid;
	border-left: 7px #28589b solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#MainWrap #contents {
	margin:0 5px 0 20px;
	padding:0;
    line-height:1.5;
}


#MainWrap_1column h3 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 15px;
	border-left: 7px #28589b solid;
	border-top: 1px #28589b solid;
	border-right: 1px #28589b solid;
	border-bottom: 1px #28589b solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#MainWrap_1column h4 {
 	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 10px;
	border-left: 5px #ccc solid;
	border-bottom: 1px #999 dotted;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.under_h4_txt {margin:0 1em 30px 2em;}

.under_h4_center {margin:0 0 30px 40px; padding-top: 15px;}

#MainWrap_1column #contents {
	margin:0 40px;
	padding:0;
    line-height:1.5;
}



/* ニュース
---------------------------------------------------- */

#News #NewsDay {
	margin: 0 10px 10px 0;
	text-align: right;
}

#News h4 {
 	font-size: 18px;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
    line-height:1.5;
}

#News h5 {
 	font-size: 16px;
	color:#28589b;
	margin: 20px 0 10px 0;
	padding: 3px 0 3px 10px;
	border-left: 5px #28589b solid;
	border-bottom: 1px #999 dotted;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#News .NewsTextNoImg {
	text-indent:1em;
	margin: 0 0 0 2em;
	text-align: left;
    line-height:1.5;
}

#News .NewsTextImgL {
	text-indent:1em;
	margin: 0 0 0 2em;
	text-align: left;
    line-height:1.5;
    overflow: auto;
}

#News .NewsTextImgL img {
	float:left;
	margin: 0 15px 10px 0;
}

#News .NewsTextImgR {
	text-indent:1em;
	margin: 0 0 0 2em;
	text-align: left;
    line-height:1.5;
    overflow: auto;
}

#News .NewsTextImgR img {
	float:right;
	margin: 0 0 10px 15px;
}



/* 会社案内
---------------------------------------------------- */

#MainWrap .Company {
	margin:0 20px 30px 30px;
	padding:0;
    line-height:1.5;
}


.table01 {
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	width: 650px;
}
.table01 th{
	padding: 8px 5px 7px 10px;
	width: 120px;
	text-align: left;
	font-weight: normal;
	background-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.table01 td{
	text-align: left;
	font-weight: normal;
	padding: 8px 5px 7px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 530px;
}


/* 会社沿革 */

#history {
	width: 720px;
	margin: 0;
	padding: 0;
}

dl.history_list {
	margin: 0;
	padding: 0;
}
dl.history_list dt {
	text-align:left;
	float: left;
	color:#1c5aa5;
	margin: 0;
	width: 6em;
	padding: 10px 0 0 1em;
	clear: left;
}
dl.history_list dd {
	margin: 0;
	padding: 10px 1em 10px 9em;
	line-height: 1.5;
	border-bottom: 1px #CCCCCC dashed;
}


/* アクセス */

.k_access_box {margin:20px 0 10px 0;}
.k_access_box2 {}

.k_access_box_l {width:60px;float:left;}
.k_access_box_r {float:left; padding-top:5px;}



/* 開発実績
---------------------------------------------------- */

.k_pro_list {
	width:700px;
	margin:20px 0;
	padding:10px;
	border: 1px #ccc solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.k_pro_img {width:140px; float:left;}
.k_pro_img img {width:120px;}
.k_pro_txt {_zoom:1; overflow:hidden; width:560px; text-align:left; float:left;}
.k_pro_gamename {font-size:14px; font-weight:bold; color:#000; padding-top:3px;}
.k_pro_gametxt {padding-top:10px; line-height:1.5;}
.k_pro_model {padding:10px 0; float:left;}
.k_pro_link {
	float:right;
	font-size:14px;
	font-weight:bold;
	padding: 10px 5px 10px 18px;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-position:left center;
}
.k_pro_copyright {clear:both; width:100%; font-size:10px; background-color: #eee; margin-top:10px; padding:5px;}
.k_pro_copyrightL {clear:both; float:left; width:475px; font-size:10px; background-color: #eee; margin-top:10px; padding:5px;}
.k_pro_carrier {float:right; width:65px;}
.k_pro_carrier img { margin-left:5px;}


/* ページネーション */

div.page_nation {
	width:700px;
	margin: 20px;
	padding: 0;
	text-align:right;
}

div.page_nation ul.tabs {
	float:right;
}

div.page_nation ul.tabs li.tab {
	text-decoration: none; /* 下線を消す */
	width: 1.5em;           /* 横幅 */
	line-height: 2em;     /* 高さ */
	list-style-type: none;  /* 先頭記号なし */
	border: 1px #999 solid; /* 枠線 */
	float: left;            /* 横に並べる */
	margin: 0.2em;          /* 周囲の余白 */
	padding: 0px;           /* 内側の余白 */
	font-weight: bold;      /* 太字 */
	text-align: center;     /* センタリング */
}

/* リンクの装飾 */
div.page_nation ul.tabs li.tab a {
	display: block;        /* ブロック化 */
	text-decoration: none; /* 下線を消す */
	width: 1.5em;
}

/* マウスが載ったときの色 */
div.page_nation ul.tabs li.tab a:hover {
	display: block;        /* ブロック化 */
	background-color: #7fa6dd; /* 背景色 */
	color: #fff;          /* 文字色 */
}

/* 現在のページ装飾 */
div.page_nation ul.tabs li.tab_now {
	text-decoration: none; /* 下線を消す */
	width: 1.5em;           /* 横幅 */
	line-height: 2em;     /* 高さ */
	list-style-type: none;  /* 先頭記号なし */
	border: 1px #999 solid; /* 枠線 */
	float: left;            /* 横に並べる */
	margin: 0.2em;          /* 周囲の余白 */
	padding: 0px;           /* 内側の余白 */
	font-weight: bold;      /* 太字 */
	text-align: center;     /* センタリング */
	background-color: #28589b; /* 背景色 */
	color: #fff;          /* 文字色 */
}

/* 点線の装飾 */
div.page_nation ul.tabs li.tab_dot {
	text-decoration: none; /* 下線を消す */
	width: 1.5em;           /* 横幅 */
	line-height: 2em;     /* 高さ */
	list-style-type: none;  /* 先頭記号なし */
	float: left;            /* 横に並べる */
	margin: 0.2em;          /* 周囲の余白 */
	padding: 0px;           /* 内側の余白 */
	font-weight: normal;      /* 太字 */
	text-align: center;     /* センタリング */
}



/* 採用情報
---------------------------------------------------- */

#recNavi {}

#recNavi ul li {
	float: left;
	display: block;
	font-size: 14px;
	width:200px;
	margin-right:10px;
}

#recNavi ul li a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	padding: 6px 10px 3px;
	border: 2px #ddd solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
}

#recNavi ul li a:hover {
	display: block;
	text-decoration:none;
	color:#fff;
	background-color: #5f8bca;
}


#recruit_copy {
	clear: both;
	margin:0 0 5px 0;
	padding-top: 30px;
	font-size: 20px;
	font-weight: bold;
}

#recruit_copy2 {
	font-size: 14px;
}

#recruit_text {
	margin:15px 0 5px 0;
	padding-top:0;
	font-size: 16px;
	font-weight: bold;
}


#recruit_2column {
	margin:0 10px 30px 20px;
	padding:0 0 0 0;
}

#recruitL {
	width: 640px;
	float: left;
	margin:0 20px 0 0;
	padding:0;
}

#recruitR {
	width: 170px;
	float: right;
	padding-top: 20px;
}


.MGR {margin:0 0 10px 0; padding:0;}
.MGR_ic {float:left; line-height:1.5;}
.MGR_ic img {width:46px;}
.MGR_txt {_zoom:1; overflow:hidden; text-align:left; line-height:1.5;}

.MGR_Q {margin:25px 0 10px 0; padding:0; color:#7fa6dd; font-size:16px; font-weight:bold;}

.MGR_info {
	margin:0 0 10px 0;
	padding:10px;
	background:#fff;
/*	border:1px solid #999; */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.MGR_info_ic {margin-bottom:5px;}
.MGR_info_ic img {width:150px;}
.MGR_info_name {font-weight: bold; margin-bottom:5px; text-align:center;}
.MGR_info_txt {line-height:1.3;}

.MGR strong {margin:0 1em 0 0;}



.voice_table {
	margin-bottom:10px;
	padding:0;
}

.voice_table .voice_left {
	float:left;
	margin:10px 5px 10px 0;
	padding: 0;
}

.voice_table .voice_right {
	margin:0;
	padding: 0;
	overflow: hidden;
}

.voice_table .voice_right .voice_table01 {line-height:0;}

.voice_table .voice_right .voice_table02 {
	margin:0;
	padding: 0 40px 0 50px;
	background:url(/images/voice_table_02.gif) no-repeat;
}

.voice_table .voice_right .voice_table02 .voice_table02_text {
	margin:0;
	padding: 0 3px 5px 3px;
/*	font-size:14px; */
}

.voice_table .voice_right .voice_table02 .voice_table02_name {
	margin:0;
	padding:5px 3px 0 0;
	text-align: right;
	border-top: 1px #ccc solid;
}

.voice_table .voice_right .voice_table03 {line-height:0;}


div#mynavi {
	clear: both;
	margin:0 0 40px 0;
	padding:20px 40px;
	font-size: 18px;
	background:#ddefff;
/*	border:1px solid #666; */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height:0;
}

div#mynavi p {
	display: table-cell;
	vertical-align: middle;
}

div#mynavi img {margin-right:20px;}

/*for IE6 */
* html #mynavi p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #mynavi p {
	display: inline;
	zoom: 1;
}


/* 職種 */

ul.occupation {list-style-type: none; font-size: 14px;}

ul.occupation li {
	float: left;
	color:#999;
	width: 250px;
	margin:7px;
	padding-left:15px;
	background:url(/images/foot_ya.gif) 0 center no-repeat;
}


/* 募集内容表テーブル */

.table02 {
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	width: 800px;
}
.table02 th{
	padding: 8px 5px 7px 10px;
	width: 160px;
	text-align: left;
	font-weight: normal;
	background-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.table02 td{
	text-align: left;
	font-weight: normal;
	padding: 8px 5px 7px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 640px;
}


/* 応募ボタン */

.Recruit_bt {
	text-align:center;
	margin-top: 30px;
}

.Recruit_bt2 {
	width:150px;
	margin: 0 auto;
	text-align:left;
}

.Recruit_bt_a {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	display:block;
	font-size: 20px;
	text-decoration:none;
	color:#1c5aa5;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 12px 30px 11px 35px;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-color: #fff;
	background-position:10px center;
	border: 2px #ddd solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;


}
.Recruit_bt_a:hover{
	text-decoration:none;
	color:#fff;
	background: url(/images/side_ya_white.gif) no-repeat;
	background-color: #7fa6dd;
	background-position:10px center;
}
.Recruit_bt_a:active{
	text-decoration:none;
	color:#fff;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-color: #fff;
	background-position:10px center;
}



/* サイトマップ
---------------------------------------------------- */

#Sitemap {
	width: 870px;
	margin: 0;
	padding: 0;
	font-size:14px;
}

dl.Sitemap_list {
	margin: 0;
	padding: 0;
}
dl.Sitemap_list dt {
	text-align:left;
	float: left;
	margin: 0;
	width: 12em;
	padding: 10px 0 0 1em;
	clear: left;
	background:url(/images/foot_ya.gif) 0 15px no-repeat;
}
dl.Sitemap_list dd {
	margin: 0;
	padding: 10px 1em 10px 9em;
	line-height: 1.5;
	border-bottom: 1px #ccc dashed;
}

dl.Sitemap_list dd ul li {
	float: left;
	margin-right:12px;
	padding-left:15px;
	background:url(/images/side_ya_blue.gif) 0 center no-repeat;
}



/* お問合せ
---------------------------------------------------- */

/* リンクボタン */

.Contact {
	text-align:center;
	margin-top: 40px;
}

.Contact_bt2 {
	margin: 0 auto;
	padding-bottom: 10px;
}

.Contact_bt {
	width:400px;
	margin: 0 auto;
	text-align:left;
}

a.Contact_bt_a {
	display:block;
	font-size: 18px;
	text-decoration:none;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 7px 3px 6px 20px;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-color: #fff;
	background-position:left center;
	border: 2px #ddd solid;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;

	box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;


}
.Contact_bt_a:hover{
	text-decoration:none;
	color:#fff;
	background: url(/images/side_ya_white.gif) no-repeat;
	background-color: #7fa6dd;
	background-position:left center;
}
.Contact_bt_a:active{
	text-decoration:none;
	color:#fff;
	background: url(/images/side_ya_blue.gif) no-repeat;
	background-color: #fff;
	background-position:left center;
}


/* フォームデザイン */

#ContactForm {
	text-align:center;
	margin-top: 20px;
}

#ContactForm table.form {
	border-collapse:collapse;
	padding: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	width: 600px;
	margin: 0 auto;
	text-align:left;
}

#ContactForm table.form th {
	padding: 8px 5px 7px 10px;
	width: 150px;
	text-align: left;
	font-weight: normal;
	background-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

#ContactForm table.form td {
	text-align: left;
	font-weight: normal;
	padding: 8px 5px 7px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 450px;
}

#ContactForm strong {
	font-weight:bold;
	color:#f66;
}