@charset "utf-8";

/* ------------------------------
 厚生労働省 最低賃金制度 
 トップページ
------------------------------ */


/* ***** ヘッダ ***** */

div#header {
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	height: 127px;
}

div#header div#title {
	width: 1000px;
	height: 87px;
	margin: 0px auto;
}

div#header div#title div#title_left {
	float: left;
	width: 607px;
	height: 87px;
	margin: 0px;
}

div#header div#title div#title_left p {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	height: 40px;
	position: relative;
}

div#header div#title div#title_left span {
	position: absolute;
	bottom: 0;
}

div#header div#title div#title_left h1 {
	padding: 0px;
	margin: 5px 0px 0px 10px;
	border: none;
	font-size: 2em;
	line-height: 1;
}

div#header div#title div#title_mid {
	float: left;
	width: 219px;
	height: 87px;
}

div#header div#title div#title_mid img.fontsize {
	margin: 40px 0px 0px 0px;
}

div#header div#title div#title_right {
	float: left;
	width: 173px;
	height: 87px;
}

div#header div#title div#title_right img.mhlw {
	margin: 30px 0px 0px 0px;
}

/* ----- ヘッダ：1stメニュー ----- */
div#header div#belt{
	width: 1000px;
	height: 40px;
	background-image: url(../img/header_bg_beltcenter.gif);
	background-repeat: no-repeat;
	clear: both;
	margin: 0px auto;
}

div#header div#belt ul{
	padding: 0px;
	margin: 0px 0px 0px 34px;
}

div#header div#belt li{
	list-style-type: none;
	float: left;
}

div#header div#belt a{
	display: block;
	overflow: hidden;
	line-height: 20em;
}

div#header div#belt span{
	display: block;
	overflow: hidden;
	line-height: 20em;
}

/*　--- ポイント！最低賃金制度 ---　*/
div#header div#belt a.point{
	background-image: url(../img/header_btn_point.gif);
	height: 40px;
	width: 213px;
}

div#header div#belt a.point:hover{
	background-image: url(../img/header_btn_point_over.gif);
}

div#header div#belt span.point{
	background-image: url(../img/header_btn_point_over.gif);
	height: 40px;
	width: 213px;
}

/*　--- 最低賃金適用額早見表 ---　*/
div#header div#belt a.table{
	background-image: url(../img/header_btn_table.gif);
	height: 40px;
	width: 212px;
}

div#header div#belt a.table:hover{
	background-image: url(../img/header_btn_table_over.gif);
}

div#header div#belt span.table{
	background-image: url(../img/header_btn_table_over.gif);
	height: 40px;
	width: 212px;
}

/*　--- あなたの賃金を比較チェック！ ---　*/
div#header div#belt a.check{
	background-image: url(../img/header_btn_check.gif);
	height: 40px;
	width: 248px;
}

div#header div#belt a.check:hover{
	background-image: url(../img/header_btn_check_over.gif);
}

div#header div#belt span.check{
	background-image: url(../img/header_btn_check_over.gif);
	height: 40px;
	width: 248px;
}

/*　--- 仕切線 ---　*/
div#header div#belt span.partition{
	width: 25px;
	height: 40px;

}

/*　--- よくあるご質問 ---　*/
div#header div#belt a.faq{
	background-image: url(../img/header_btn_faq.gif);
	height: 40px;
	width: 146px;
}

div#header div#belt a.faq:hover{
	background-image: url(../img/header_btn_faq_over.gif);
}

div#header div#belt span.faq{
	background-image: url(../img/header_btn_faq_over.gif);
	height: 40px;
	width: 146px;
}

/*　--- ホーム ---　*/
div#header div#belt a.home{
	background-image: url(../img/header_btn_home.gif);
	height: 40px;
	width: 95px;
}

div#header div#belt a.home:hover{
	background-image: url(../img/header_btn_home_over.gif);
}

div#header div#belt span.home{
	background-image: url(../img/header_btn_home_over.gif);
	height: 40px;
	width: 95px;
}


/* ***** ラップ ***** */

div#wrap {
	width: 1000px;
	margin: 15px auto 0px auto;
}

/* ----- 左サイド ----- */

div#leftside {
	width: 200px;
	margin-left: 10px;
	float: left;
	display: inline;
}

div#leftside div#doyouknow {
	width: 200px;
	height: 295px;
	background-image: url(../img_top/top_doyouknow_bg.gif);
}

div#leftside h3 {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 0;
	line-height: 0;
}

div#leftside div#doyouknow a{
	width: 152px;
	height: 47px;
	background-image: url(../img_top/top_doyouknow_btn.gif);
	display: block;
	overflow: hidden;
	line-height: 20em;
	margin: 10px 0px 0px 24px;
}

div#leftside div#doyouknow a:hover{
	background-image: url(../img_top/top_doyouknow_btn_over.gif);
}

div#leftside div#doyouknow img.guide{
	margin: 10px 0px 0px 10px;
}

div#leftside div#mobile {
	text-align: center;
	margin: 20px 0px 0px 0px;
}

div#leftside div#mobile img.url {
	margin: 0px 0px 5px 0px;
}

div#leftside div#mobile img#qrcode {
}

div#leftside div#mobile p.caption {
	text-align: left;
	margin: 0px 7px;
}


/* ----- 右サイド ----- */

div#rightside {
	width: 770px;
	margin: 0px 0px 0px 10px;
	float: left;
}

/* Flash部分 */

div#rightside div#mainvisual {
}

/* メニュー */

div#rightside div#menus{
	width: 770px;
	margin: 10px 0px 0px 0px;
}

div#rightside div#menus div.menu_left{
	width: 248px;
	float: left;
}

div#rightside div#menus div.menu_right{
	width: 248px;
	float: left;
	margin: 0px 0px 0px 13px;
}

/* メニュー共通 */

div#rightside div#menus h3{
	font-size: 0;
	line-height: 0;
	width: 247px;
	height: 37px;
	background-color: #3399CC;
	padding: 0px;
	margin: 0px;
	border: none;
}

div#rightside div#menus div.menu_btm{
	font-size: 0;
	line-height: 0;
	width: 248px;
	height: 6px;
	background-image: url(../img_top/top_menu_btm.gif);

}

/* ポイント */


div#rightside div#menus div#point_mid{
	width: 248px;
	background-image: url(../img_top/top_menu_point_bg.gif);
}

div#rightside div#menus div#point_mid ul{
	width: 214px;
	margin: 0px 0px 0px 17px;
	padding: 0.5em 0em 0.5em 0em;
}

div#rightside div#menus div#point_mid li{
	line-height: 1.1em;
	border-bottom: 1px dotted #999999;
	list-style-type: none;
}

* html div#rightside div#menus div#point_mid li{
	text-indent: -1em;
}

*+html div#rightside div#menus div#point_mid li{
	text-indent: -1em;
}

div#rightside div#menus div#point_mid li.listend{
	border-bottom: none;
}

div#rightside div#menus div#point_mid ul img{
	margin: 0.2em 5px 0.3em 0px;
	vertical-align: middle;
}




/* 早見表 */
div#rightside div#menus div#table_mid{
	width: 248px;
	height: 187px;
	background-image: url(../img_top/top_menu_table_bg.gif);
}

div#rightside div#menus div#table_mid p{
	width: 160px;
	height: 124px;
	margin: 0px;
	padding: 10px 0px 0px 19px;
	display: block;
}

div#rightside div#menus div#table_mid a{
	width: 162px;
	height: 37px;
	background-image: url(../img_top/top_menu_table_btn.gif);
	line-height: 20em;
	display: block;
	overflow: hidden;
	margin: 0px 0px 10px 43px;
}

div#rightside div#menus div#table_mid a:hover{
	background-image: url(../img_top/top_menu_table_btn_over.gif);
}


/* チェック */
div#rightside div#menus div#check_mid{
	width: 248px;
	height: 187px;
	background-image: url(../img_top/top_menu_check_bg.gif);
}

div#rightside div#menus div#check_mid p{
	width: 214px;
	height: 124px;
	margin: 0px;
	padding: 10px 0px 0px 19px;
	display: block;
}

div#rightside div#menus div#check_mid a{
	width: 162px;
	height: 37px;
	background-image: url(../img_top/top_menu_check_btn.gif);
	line-height: 20em;
	display: block;
	overflow: hidden;
	margin: 0px 0px 10px 43px;
}

div#rightside div#menus div#check_mid a:hover{
	background-image: url(../img_top/top_menu_check_btn_over.gif);
}


/* ----- フッター ----- */

div#footer {
	width: 1000px;
	border-top: 1px solid #CCC;
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	clear: both;
	text-align: center;
}
