@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
}

img {
	border: none;
}


/* * * * * * * * * * * * * * * * * * * * */
/*          Box for MARS FINDER          */
/* * * * * * * * * * * * * * * * * * * * */


div.mf_contents {
	width: 960px;
	height: auto;
	margin: 30px auto;
	padding: 0;
	border: none;
	text-align: left !important;
}


/* * * * * * * * * * * * * * * * * * * * */
/*      Box for search and settings      */
/* * * * * * * * * * * * * * * * * * * * */

div.mf_setting {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 30px;
}

div.mf_setting1 {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_setting1.gif) no-repeat left top;
	overflow: auto;
}

/* repair for bg of      mf_setting1       */
　* html div.mf_setting1 {overflow: visible;}

#mf_setting1_txt {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #444444;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-left: 20px;
	margin-top: 9px;
}

div.mf_setting2 {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_boxbg2.gif) repeat-y;
	z-index: 10;
}

div.mf_setting2_L {
	float: left;
	width: auto;
	height: auto;
	margin: 17px 0 10px 20px;
	padding: 0;
}

div.mf_setting2_R {
	float: right;
	width: auto;
	height: auto;
	margin: 17px 20px auto auto;
	padding: 0;
}

div.mf_setting3 {
	clear: both;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_boxbg3.gif) no-repeat left top;
}


/* Search Box */

div.mf_searchbox {
	margin: 0;
	padding: 0;
	width: auto;
	height: 30px;
}

div.mf_search {
	width: 280px;
	height: 26px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	background: url(../img/white/mf_searchbox.gif) no-repeat left top;
	display: block;
	position: relative;
	float: left;
}
.mf_rtl div.mf_search {
	background-image: url(../img/white/mf_searchbox_r.gif);
}


#MF_form_phrase {
	margin:		0;
	padding:	0;
	width: 247px;
	height: 17px;
	top: 3px;
	left: 3px;
	position: absolute;
	border: 1px solid white;
	font-size: 12px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "myriad-pro-1", "myriad-pro-2", "Helvetica", "Arial", "sans-serif", "neo-sans-intel", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}

#MF_form_button {
	margin:		0;
	padding:	0;
	position: absolute;
	left: 253px;
}


/* Languages */
#mf_select_lang {
	margin:	0;
	padding: 2px;
	width: auto;
	height: auto;
	top: 3px;
	left: 295px;
	position: absolute;
	font-size: 12px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "myriad-pro-1", "myriad-pro-2", "Helvetica", "Arial", "sans-serif", "neo-sans-intel", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}






/* category */

div.mf_category {
	clear: both;
	margin:		0;
	padding:	0;
	font-size:	12px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "myriad-pro-1", "myriad-pro-2", "Helvetica", "Arial", "sans-serif", "neo-sans-intel", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}



/* * * * * * * * * * * * * * * * * * * * */
/*        Box for recommend pages        */
/* * * * * * * * * * * * * * * * * * * * */


div.mf_zubaken {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 25px;
}

div.mf_zubaken1 {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_osusume1.gif) no-repeat left top;
}

.mf_zuba1_blank, .mf_zuba1_middle, .mf_zuba1_end {
	margin: 0;
	padding: 0;
	height: 42px;
	float: left;
	overflow: visible;
}

.mf_zuba1_blank { width: 20px; }
.mf_zuba1_middle {
	width: auto;
	background: url(../img/white/mf_osusume1_middle.gif) repeat-x;
}
.mf_zuba1_end {
	width: 35px;
	background: url(../img/white/mf_osusume1_end.gif) no-repeat;
}

#mf_recommend_txt {
	margin: 0;
	padding: 0;
	width: auto;
	height: 41px;
	color: #444444;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.2em;
	margin-top: 9px;
}


div.mf_zubaken2 {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 20px 7px 20px;
	background: url(../img/white/mf_boxbg2.gif) repeat-y;
	overflow: auto;
}

/* repair for bg of      zubaken2       */
　* html div.mf_zubaken2 {overflow: visible;}

div.mf_zubaken3 {
	clear: both;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_boxbg3.gif) no-repeat left top;
}

div.mf_osusume {
	float: left;
	width: 180px;
	height: auto;
	margin: 0;
	padding: 0;
	font-size:	12px;
	color: #555555;
	margin-right: 5px;
	text-align: center;
}

div.mf_osusumeL {
	float: left;
	width: 305px;
	height: auto;
	margin: 0;
	padding: 0;
	font-size:	12px;
	color: #555555;
	margin-right: 5px;
	text-align: center;
}

div.mf_osusume p {
	margin:		0;
	padding:	0;
	margin-top: 3px;
	line-height: 1.3em;
	color: #555555;
	font-size:	12px;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "myriad-pro-1", "myriad-pro-2", "Helvetica", "Arial", "sans-serif", "neo-sans-intel", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}


/* * * * * * * * * * * * * * * * * * * * * * */
/*  "did you mean" and "-- of -- prev next"  */
/* * * * * * * * * * * * * * * * * * * * * * */


div.mf_msk_number {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 10px;
	font-size:	12px;
	overflow: auto;
}

/* repair for bg of    msk_number     */
　* html div.mf_msk_number {overflow: visible;}


/* did you mean? */

div.mf_msk {
	width: 55%;
	height: auto;
	margin: 0;
	padding:	0;
	border: none;
	float: left;
}

div.mf_msk p {
	margin:		0;
	padding:	0;
	font-size: 16px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "ヒラギノ角ゴ Pro W3", "myriad-pro-1", "myriad-pro-2", "Helvetica", "Arial", "sans-serif", "neo-sans-intel", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}

div.mf_msk p a {
	font-size: 18px;
	margin: 0 6px 0 3px;
	padding:	0;
	color: #0033FF;
	font-style: oblique;
	text-decoration: underline;
}

div.mf_msk p a:hover {
	color: #000099;
	text-decoration: underline;
}


/* -- of -- */

div.mf_number {
	width: 45%;
	height: auto;
	margin: 0;
	padding:	0;
	padding-top: 4px;
	text-align: right;
	border: none;
	float: right;
}

div.mf_number p {
	margin:		0;
	padding:	0;
	font-size: 14px;
	color: #555555;
}

span.mf_all, span.mf_now {
	margin: 0 2px 0 6px;
	padding:	0;
	color: #555555;
	font-weight: bold;
}

span.mf_prev, span.mf_next {
	margin:		0;
	padding:	0;
	font-size:	12px;
	color: #555555;
	letter-spacing: 0.1em;
}

span.mf_prev {
	padding:	0;
	margin: 0 3px 0 6px;	
}

span.mf_next {
	padding:	0;
	margin: 0 6px 0 3px;	
	font-size:	12px;
}

span.mf_prev a, span.mf_next a {
	margin:		0;
	padding:	0;
	color: #0033FF;
	font-size:	12px;
	text-decoration: underline;
}

span.mf_prev a:hover, span.mf_next a:hover {
	color: #000099;
	font-size:	12px;
	text-decoration: underline;
}


/* * * * * * * * * * * * * * * * * * * * */
/*          Box for narrow down          */
/* * * * * * * * * * * * * * * * * * * * */


div.mf_drilldown {
	float: left;
	width: 182px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	margin-right: 30px;
}

div.mf_drilldown ul.mf_close ul {
        display: none;
}
div.mf_drilldown .mf_selected {
        background-color: #fff5f5;
}

div.mf_drilldown1 {
	width: 182px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../img/white/mf_drilldown1.gif) no-repeat left top;
	overflow: auto;
}
/*  repair for bg of      mf_drilldown1      */
　* html div.mf_drilldown1 {overflow: visible;}

#mf_drilldown1_txt {
	margin: 0;
	padding: 0;
	width: 180px;
	height: auto;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-top: 7px;
	margin-bottom: 6px;
}

div.mf_drilldown2 {
	width: 182px;
	height: auto;
	margin: 0;
	padding: 5px 0;
	background: url(../img/white/mf_drilldown2.gif) repeat-y;
}

div.mf_drilldown3 {
	width: 170px;
	height: 26px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-right: 12px;
	text-align: right;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	background: url(../img/white/mf_drilldown3.gif) no-repeat left top;
}

div.mf_drilldown3 a {
	margin:		0;
	padding:	0;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

div.mf_drilldown3 a:hover {
	color: #555555;
	text-decoration: none;
}


/* contents of narrow down */

div.mf_drilldown2 img {
	margin:		0;
	padding:	0;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
}

div.mf_drilldown2 ul {
	margin:		0;
	padding:	0;
	font-size:	12px;
	color: #555555;
	list-style: none;
	margin-left: 8px;
	margin-right: 10px;
	display: block;
}

div.mf_drilldown2 li {
	margin:		0;
	padding:	0;
	font-size:	12px;
	color: #555555;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
}

li.mf_border {
	margin:		0;
	padding:	0;
	font-size:	12px;
	color: #555555;
	border-bottom: 1px dotted #999999;
}

li.mf_border2 {
	font-size:	12px;
	color: #555555;
	border-bottom: 1px dotted #999999;
	background-color: #fff5f5;
}

ul.mf_naka {
	margin:		0;
	padding:	0;
	margin-top: 3px;
	margin-bottom: 3px;
	font-size:	12px;
	color: #555555;
}

ul.mf_naka li {
	line-height: 1.2em;
	margin-left: 10px;
	font-size:	12px;
	color: #555555;
	clear: both;
}

ul.mf_naka li img {
	margin:		0;
	padding:	0;
	margin-left: 0;
	font-size:	12px;
}

li.mf_border p, li.mf_border2 p {
	margin:		0;
	padding:	0;
	padding-left: 20px;
	font-size:	12px;
	color: #555555;
}

ul.mf_naka li p {
	padding-left: 15px;
	font-size:	12px;
	color: #555555;
}

p.mf_drillnow {
	margin:		0;
	padding:	0;
	font-weight: bold;
	font-size:	12px;
	color: #555555;
}


/* * * * * * * * * * * * * * * * * * * * */
/*        Table for search results       */
/* * * * * * * * * * * * * * * * * * * * */


div.mf_result, div.mf_result_wide {
	float: left;
	width: 748px;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	margin-bottom: 20px;
}

div.mf_result_wide{
	margin:		0;
	padding:	0;
	width: 100%;
}

div.mf_resultbox {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 18px 0 18px 0;
	border-top: 2px dotted #aaaaaa;
}

img.mf_cap {
	margin:		0;
	padding:	0;
	float: left;
	margin-bottom: 18px;
	margin-right: 15px;
}


/* displaing search results */

span.mf_hit {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
}

.mf_result_disp_title {
	margin: 0;
	padding: 0;
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: bold;
	display: inline;
}

.mf_result_disp_title a {
	margin: 0;
	padding: 0;
	color: #0033FF;
	text-decoration: underline;	
}

.mf_result_disp_title a:hover {
	color: #000099;
	text-decoration: underline;	
}

img.mf_icon {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	margin-left: 5px;
	float: right;
}

.mf_result_disp_snippet {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	color: #555555;
	line-height: 1.4em;
}

.mf_result_disp_url {
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

img.mf_urlicon {
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	font-size:	12px;
	float: left;
}

.mf_result_disp_url a {
	margin: 0;
	padding: 0;
	color: #555555;
	font-size: 12px;
	text-decoration: none;
	font-family: "Tahoma", "Myriad", "Arial", "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}

.mf_result_disp_url a:hover {
	color: #0033FF;
	text-decoration: none;
}


/* * * * * * * * * * * * * * * * * * * * */
/*      Box for paging and page top      */
/* * * * * * * * * * * * * * * * * * * * */


div.mf_btm {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	padding-top: 30px;
	border-top: 2px dotted #aaaaaa;
}


/* paging */

div.mf_pagenavi {
	float: left;
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0;
}

ul.mf_pagenumber {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mf_pagenumber li {
	float: left;
	width: 25px;
	height: 20px;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	list-style: none;
	display: block;
	text-decoration:none;
	font-size: 13px;
	color: #555555;
	background: #eeeeee;
	font-family: "Tahoma Bold", "Myriad Bold", "Arial Bold", "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}


/* page numbers links */

.mf_pagenumber a, .mf_pagenumber a:link, .mf_pagenumber a:visited {
	width: 25px;
	height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	font-weight: normal;
	color: #777777;
	border: none;
	text-align: center;
	list-style: none;
	display: block;
	text-decoration:none;
	font-family: "Tahoma Bold", "Myriad Bold", "Arial Bold", "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}

.mf_pagenumber a:hover, .mf_pagenumber a:active {
	width: 23px;
	height: 18px;
	padding: 0;
	font-weight: bold;
	border: #666666 solid 1px;
	text-decoration: none;
}


/* prev - next */

li.mf_prevpage, li.mf_nextpage {
	width: 100px;
	height: 20px;
	padding: 0;
	font-size: 12px;
	color: #aaaaaa;
	border: none;
	text-align: center;
	list-style: none;
	display: block;
	text-decoration:none;
}

.mf_prevpage a, .mf_prevpage a:link, .mf_prevpage a:visited, .mf_nextpage a, .mf_nextpage a:link, .mf_nextpage a:visited {
	width: 100px;
	height: 18px;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	color: #777777;
	font-weight: normal;
	border: none;
	text-align: center;
	list-style: none;
	display: block;
	text-decoration:none;
	font-family: "Tahoma Bold", "Myriad Bold", "Arial Bold", "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}

.mf_prevpage a:hover, .mf_prevpage a:active, .mf_nextpage a:hover, .mf_nextpage a:active {
	width: 98px;
	height: 17px;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	font-weight: normal;
	border: #666666 solid 1px;
	text-decoration: none;
}


/* a current page */

li.mf_pagenow {
	width: 25px;
	height: 19px;
	padding-top: 1px;
	color: #ffffff;
	background: #555555;
	border: none;
	text-align: center;
	list-style: none;
	display: block;
	text-decoration:none;
}

li.mf_prevpage p, li.mf_nextpage p {
	margin:		0;
	padding:	0;
	font-size: 12px;
	color: #cccccc;
	padding-top: 2px;
	font-family: "Tahoma Bold", "Myriad Bold", "Arial Bold", "ＭＳ Ｐゴシック", "MS UI Gothic", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro" ;
}


/* page top button */

.mf_pagetop {
	float: right;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.mf_pagetop a {
	display: block;
	width: 120px;
	height: 16px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	color: #888888;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

.mf_pagetop a {
	background: url(../img/white/mf_pagetop1.gif) no-repeat;
}

.mf_pagetop a:hover {
	color: #ffffff;
	background: url(../img/white/mf_pagetop2.gif) no-repeat;
}



/* Powered by MARS FLAG */

div.mf_msfooter {
	clear: both;
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size:	12px;
}

p.mf_pwdb {
	float: right;
	text-indent: -9999px;
	width: 197px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.mf_pwdb a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 197px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_pwdb.gif) no-repeat right top;
}


/* No results */

div.mf_noresult {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	border-top: 2px dotted #aaaaaa;

}

div.mf_noresult p {
	width: 80%;
	height: auto;
	margin: 30px;
	padding: 30px;
	color: #FF9999;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	border: #FFCCCC 2px solid;
}


/* popup */

div.mf_popup {
	width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
}

div.mf_popup1 {
	width: 400px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_popup1.gif) no-repeat left top;
}

div.mf_popup2 {
	width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../img/white/mf_popup2.gif) repeat-y;
	overflow: auto;
}

div.mf_popup3 {
	width: 400px;
	height: 17px;
	margin: 0;
	padding: 0;
	background: url(../img/white/mf_popup3.gif) no-repeat left top;
}

div.mf_popup2 img {
	border: #aaaaaa 2px solid;
	margin-bottom: 8px;
}

div.mf_popup2 p {
	width: 340px;
	height: auto;
	margin: 0;
	padding: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 9px;
	font-size: 13px;
	color: #0033FF;
	font-weight: bold;
}

/* repair for bg of      popup2     */
　* html div.mf_popup2 {overflow: visible;}


/* * * * * * * * * * * * * * * * * * */
/*         Select Lang for PC        */
/* * * * * * * * * * * * * * * * * * */

.mf_drop_lang {
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-left: 12px;
	width: auto;
	position: relative;
	float: left;
}

#mf_langmenu {
	z-index: 200;
	margin: 0;
	padding: 0;
	cursor: pointer;
	/*position: static;*/
	/*float: right;*/
	width: 200px;
	height: 24px;
	border: none;
	text-align: left;
	/*vertical-align: top;*/
	background: #aaaaaa url(../img/common/mf_langicon5.png) no-repeat 7px 6px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
#mf_langmenu:hover {
	background: #888888 url(../img/common/mf_langicon5.png) no-repeat 7px 6px;
}

#mf_langmenu_txt {
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-top: 0;
	padding-top: 6px;
	padding-left: 42px;
	display: inline-block;
}

.mf_lang_arw {
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	margin-top: 6px;
	margin-right: 6px;
}

#mf_langmenubox {
	display: none;
	position: absolute;
	z-index: 200;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	top: 26px;
	background: rgba(0,0,0,0.85);
	overflow: auto;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
}
/* repair for bg of      mf_menubox      */
　* html div#mf_langmenubox{overflow: visible;}

#mf_langmenubox a {
	text-decoration: none;
}

#mf_langbg {
	display: block;
	width: 86%;
	height: auto;
	margin-left: 7%;
	background: none;
	margin-top: 5px;
	margin-bottom: 0;
}

.mf_langstg {
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
	width: auto;
	height: auto;
	list-style: none;
	border-bottom: #cccccc 1px dotted;
}

.mf_langstgli {
	font-size: 12px;
	color: #aaaaaa;
	border-radius: 2px;
	/*background: #444444;*/
	padding: 3px 6px;
	margin-right: 1px;
	cursor: pointer;
}

.mf_langstgli:hover {
	color: #000000;
	background: #888888;
}


#mf_langclose {
	margin-top: 3px;
	margin-right: 5%;
	margin-bottom: 5px;
	padding: 3px 5px;
	text-align: right;
	background: none;
	cursor: pointer;
}
#mf_langclose p {
	color: #ffffff;
	font-size: 13px;
	margin-right: 0;
	letter-spacing: 0.1em;
}
#mf_langclose img {
	margin-top: 4px;
}

#mf_langclose p, #mf_langclose img { display: inline; }


.mf_lang_on {
	color: #000000;
	background: #dddddd;
}

.mf_sans-serif {
	font-family: Arial, Helvetica, sans-serif;
}




/* * * * * * * * * * * * * * * * * * */
/*        Setting Menu for PC        */
/* * * * * * * * * * * * * * * * * * */


#mf_dropdown {
	position: relative;
}

#mf_menu {
	top: 80px;
	right: 5%;
	z-index: 100;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: static;
	float: right;
	width: 280px;
	height: 34px;
	border: none;
	text-align: left;
	vertical-align: top;
	background: #aaaaaa url(../img/common/mf_menuicon_s.png) no-repeat 20px 7px;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
}
#mf_menu:hover {
	background: #888888 url(../img/common/mf_menuicon_s.png) no-repeat 20px 7px;
}

#mf_menu_txt {
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.1em;
	font-weight: normal;
	margin-top: 10px;
	padding-left: 60px;
	display: block;
}

#mf_menubox {
	display: none;
	position: absolute;
	z-index: 200;
	width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
	top: 35px;
	background: rgba(0,0,0,0.85);
	overflow: auto;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
}
/* repair for bg of      mf_menubox      */
　* html div#mf_menubox{overflow: visible;}

#mf_menubox a {
	text-decoration: none;
}

#mf_settingsbg {
	display: block;
	width: 86%;
	height: auto;
	margin-left: 7%;
	background: none;
	margin-top: 5px;
	margin-bottom: 0;
}

#mf_stg_per, #mf_stg_size, #mf_stg_zoom, #mf_stg_pdf {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.1em;
}

#mf_settings {
	height: auto;
	padding-bottom: 10px;	
}

/* buttons */

.mf_stg {
	margin: 0;
	padding: 0;
	width: auto;
	height: 30px;
	list-style: none;
	border-bottom: #cccccc 1px dotted;
}

.mf_stgli {
	display: inline;
	font-size: 13px;
	color: #aaaaaa;
	border-radius: 3px;
	background: #444444;
	padding: 7px 10px;
	margin-right: 1px;
}

.mf_stgli:hover {
	color: #000000;
	background: #888888;
}


.mf_stg_valid, .mf_stg_valid:hover {
	color: #000000;
	background-color: #dddddd;
}

#mf_menuclose {
	margin-top: 5px;
	margin-right: 5%;
	margin-bottom: 5px;
	padding: 3px 5px;
	text-align: right;
	background: none;
	cursor: pointer;
}
#mf_menuclose p {
	color: #ffffff;
	font-size: 15px;
	margin-right: 0;
	letter-spacing: 0.1em;
}
#mf_menuclose img {
	margin-top: 4px;
}

#mf_menuclose p, #mf_menuclose img { display: inline; }



/* set display or not */

#mf_stg_size_s, #mf_stg_size_m, #mf_stg_size_l {
	display: inline;
}
#mf_stg_size_disp {
	display: none;
}


