/*------------------------------------------------
Title : MUGEN CSS

Created : 2007/10/12 Fri.
Modified : 2010/5/20 Thu.

Theme Name: MUGEN
Description: Theme for MUGEN
Version: 1.0
Author : Rina Suzuki (rinazo.com)
Author URI : http://rinazo.com/
------------------------------------------------*/

/*= Base Color ==================================

background(default) : #FFFFFF
text(default) : #333333
text(a:link) : #383955
text(a:hover) : 
border(default) : 

===============================================*/

/*= Contents ====================================

1. Default Reset
2. Base TAG
3. Base Link Color Setting
4. Header
5. Footer
6. Contents

===============================================*/

/*-----------------------------------------------
 1. Default Reset
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

/*-----------------------------------------------
 2. Base TAG
-----------------------------------------------*/

body {
	background: url(../images/bg.gif) repeat-x 0 0 #ffffff;
	font-size: 82.5%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
	line-height: 1.6;
}

html {
	overflow-y: scroll;
}

p {
	margin: 0 0 1em;
}

li {
	list-style: none;
	line-height: 1.3;
}

img,
fieldset {
	border: 0;
}

textarea,select,input {
	font-family: 'Tahoma','Verdana','Arial','Meiryo',"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",'sans-serif';
	font-size: 100%;
}

hr {
	display: none;
	clear: both;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

/*-----------------------------------------------
 3. Base Link Color Setting
-----------------------------------------------*/

a {
	color: #383955;
	text-decoration: underline;
}

a:hover {
	color: #383955;
	text-decoration: none;
}

/*-----------------------------------------------
 4. Header
-----------------------------------------------*/
#header {
	margin: 0 auto;
	padding: 0;
	width: 850px;
}

#lang {
	margin: 0;
	text-align: right;
	height: 35px;
}

#g_nav {
	margin: 0;
	height: 69px;
}

#g_nav ul {
	margin: 0;
	padding: 0;
}

#g_nav li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	height: 69px;
	text-indent: -9999px;
}

#g_nav .nav_home a {
	margin: 0;
	padding: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 280px;
	height: 69px;
	display: block;
}

#g_nav .nav_system a {
	margin: 0;
	padding: 0;
	background: url(../images/tab_system.gif) no-repeat;
	width: 139px;
	height: 69px;
	display: block;
}

#g_nav .nav_melit a {
	margin: 0;
	padding: 0;
	background: url(../images/tab_melit.gif) no-repeat;
	width: 145px;
	height: 69px;
	display: block;
}

#g_nav .nav_job a {
	margin: 0;
	padding: 0;
	background: url(../images/tab_job.gif) no-repeat;
	width: 146px;
	height: 69px;
	display: block;
}

#g_nav .nav_flow a {
	margin: 0;
	padding: 0;
	background: url(../images/tab_flow.gif) no-repeat;
	width: 138px;
	height: 69px;
	display: block;
}


/*-----------------------------------------------
5. Footer
-----------------------------------------------*/
#footer {
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x;
	text-align: center;
	height: 170px;
}

#footer .f_nav {
	margin: 0 auto;
	padding: 20px;
}

#footer .copy {
	font-size: 80%;
}

/*-----------------------------------------------
6. Contents
-----------------------------------------------*/
#contents {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	width: 850px;
	clear: both;
}

#sub_contents {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	width: 850px;
	clear: both;
}


/* Toppage main column
-----------------------------------------------*/
#main_col {
	margin: 0;
	padding: 0;
	background: #ffffff;
	text-align: left;
	width: 600px;
	float: left;
}

#main_col .m_title {
	margin: 10px auto;
	width: 580px;
}

#main_col .topinfo {
	margin: 0 auto 15px auto;
	width: 550px;
	overflow: hidden;
}

#main_col .topinfo dl {
	width: 250px;
}

#main_col .topinfo dl.system,#main_col .topinfo dl.category {
	float: left;
}

#main_col .topinfo dl.melit,#main_col .topinfo dl.flow {
	float: right;
}

#main_col .topinfo dt {
	margin: 0;
}

#main_col .topinfo dd.text {
	margin: 0;
	padding-left: 90px;
	background-position: 0 0;
	background-repeat: no-repeat;
	min-height: 100px;
	_height: 100px;
}

#main_col .topinfo dl.system dd.text {
	background-image: url(../images/topimg001.gif);
}

#main_col .topinfo dl.melit dd.text {
	background-image: url(../images/topimg002.gif);
}

#main_col .topinfo dl.category dd.text {
	background-image: url(../images/topimg003.gif);
}

#main_col .topinfo dl.flow dd.text {
	background-image: url(../images/topimg004.gif);
}

#main_col .topinfo dd.more {
	border-top: 1px dotted #cccccc;
	text-align: right;
	width: 250px;
}


/* Toppage right column
-----------------------------------------------*/
#right_col {
	margin: 0;
	background: url(../images/bg_side.gif) top left no-repeat;
	text-align: left;
	width: 250px;
	float: right;
}

.bt_ask {
	margin: 10px auto;
	width: 230px;
}

.topics {
	margin: 0 auto;
	padding: 0;
	width: 230px;
}

.topics ul {
	margin: 5px;
}

.topics ul li {
	margin: 5px;
}

.r_more {
	margin: 0 0 0 170px;
}

/* Subpage
-----------------------------------------------*/
#sub_col {
	margin: 10px;
}

h3 {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #bccddb;
	font-weight: bold;
	font-size: 120%;
}

h4 {
	margin: 0 0 10px 0;
	padding: 3px;
	border-left: 6px solid #bccddb;
	font-weight: bold;
	font-size: 120%;
}

h5 {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #D8DEE3;
	font-weight: bold;
}

h6 {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #D8DEE3;
	font-color: #ffffff;
	font-weight: bold;
}

.blogbody {
	margin: 0 0 10px 0;
}

.date {
	text-align: right;
	border-bottom: 1px solid #cccccc;
}

.navigation {
	margin: 0 0 10px 0;
	text-align: center;
}

/* モンゴルについての一般情報
-----------------------------------------------*/
.sys_table {
	border: 1px solid #eeeeee;
	width: 550px;
}

.sys_table th {
	padding: 10px;
	background: #D8DEE3;
}

.sys_table td {
	padding: 10px;
}

/* 送り出し可能職種
-----------------------------------------------*/
.job_table1 {
	float: left;
	width: 400px;
}

.job_table1 th {
	padding: 2px;
	background: #efefef;
}

.job_table1 td {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.job_table2 {
	float: right;
	width: 400px;
}

.job_table2 th {
	padding: 2px;
	background: #efefef;
}

.job_table2 td {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* 会社概要
-----------------------------------------------*/
.abo_table {
	margin: 0 0 20px 0;
	border: 1px solid #eeeeee;
}

.abo_table th {
	padding: 10px;
	background: #D8DEE3;
	width: 30%
}

.abo_table td {
	padding: 10px;
}

/* 採用応募フォーム・お問合せフォーム
-----------------------------------------------*/
.recform_bg {
	margin: 0 0 20px 0;
	padding: 3px;
	background: #f0f8ff;
	font-size: 110%;
	font-weight: bold;
}

.recform_table {
	margin: 0 auto 20px auto;
	width: 95%;
}

.recform_table th,td {
	font-weight: normal;
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
	text-align: left;
}

.recform_table th {
	text-align: left;
	background-color: #eeeeee;
}

.recform_center {
	text-align: center;
}


/* 各種装飾
-----------------------------------------------*/
.textbox {
	margin: 10px 5px 20px 5px;
	padding: 5px;
	background: #F5F5EB;
	color: #414F6A;
}

.textplus1 {
	color: #339999;
	font-weight: bold;
}

.textplus2 {
	color: #E17E90;
	font-weight: bold;
}

.pagetop {
	clear: both;
	text-align: right;
}

.imgleft {
	margin: 5px;
	padding: 5px;
	float: left;
	border: 1px solid #eeeeee;
}

.imgright {
	margin: 5px;
	padding: 5px;
	float: right;
	border: 1px solid #eeeeee;
}

.flvPlayer {
	margin: 10px;
}

.alert {
	color: red;
}

/* モンゴル語ページ用
-----------------------------------------------*/
.Unicode {
	font-family:'Tahoma','TITUS Cyberbit Basic', 'Code2000', 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', 'Thryomanes', 'Gentium', 'GentiumAlt', 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode', sans-serif;
}


#mainmon_col {
	margin: 0;
	padding: 10px;
	background: #ffffff;
	text-align: left;
	width: 600px;
	float: left;
}

#rightmon_col {
	margin: 0;
	background: url(../images/bg_side.gif) top left no-repeat;
	text-align: left;
	width: 230px;
	float: right;
}

.bt_askmon {
	margin: 10px auto;
	width: 200px;
}

.topicsmon {
	margin: 0 auto;
	padding: 0;
	width: 200px;
}

.topicsmon ul {
	margin: 5px;
}

.topicsmon ul li {
	margin: 5px;
}

.r_moremon {
	margin: 0 0 0 140px;
}