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

Title : index.css
For   : Resetting styles
        (Format browser's default styles and setting HTML elements styles)

Created       : 2008-07-16
Last Modified : 2008-09-04

Copyright (C) KAYAC Co,. Ltd. All right reserved.

----------------------------------------

Content

    0. Yahoo UI Library:
         Reset CSS, Fonts CSS
    1. HTML, Body, Anchor
    2. Heading, Paragraph
    3. List
    4. Table
    5. Forms
    6. Quotation
    7. Others
    8. For IE7 Page Zoom

//////////////////////////////////////////////////*/


/* ---------------------------------------(=0)
    0. Yahoo UI Library:
       Reset CSS, Fonts CSS
   ---------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;background:#eaeaea;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/* ---------------------------------------(=1)
    1. HTML, Body, Anchor
   ---------------------------------------- */
body {
    margin: 0;
    padding: 0;
    color: #000000;
    font-family:
        "ヒラギノ角ゴ Pro W3",
        "ＭＳ Ｐゴシック",
        sans-serif;
    line-height: 1.5;
	background:url(../img/bg_re.gif) repeat;
}

*+html body {
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
}

* html body {
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
}


a:link,
a:visited { color: #ed6d00; text-decoration: underline; }
a:hover,
a:active  { color: #ffffff; text-decoration: none; background: #ed6d00;}

/*a:link,
a:visited { color: #003366; }
a:hover,S
a:active  { color: #003366; text-decoration: none; }*/

/* NOTE!
:hoverにbackgroundを指定すると親要素が拡張するバグ（IE6以下）
http://cssbug.at.infoseek.co.jp/detail/winie/b102.html
*/


/* ---------------------------------------(=2)
    2. Heading, Paragraph
   ---------------------------------------- */
/*
h1, h2, h3, h4, h5, h6 {
    clear: both;
}
*/

/*
p {
    margin: 1em 0;
    padding: 0;
}
*/


/* ---------------------------------------(=3)
    3. List
   ---------------------------------------- */
/*
ul, ol, dl {
    clear: both;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}
*/

/*
li, dd {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
*/

/*
dt {
    clear: both;
    font-weight: bold;
}
*/


/* ---------------------------------------(=4)
    4. Table
   ---------------------------------------- */
/*
table {
    clear: both;
    width: 100%;
    overflow: auto;
    margin: 1em 0;
    empty-cells: show;
    }

caption {}
thead {}
tfoot {}


tbody {}

colgroup {}
col {}

th {
    vertical-align: top;
    }

td {
    vertical-align: top;
    }

thead th {}
tbody th {}
tfoot th {}
*/

/* ---------------------------------------(=5)
    5. Forms
   ---------------------------------------- */
/*
form {}
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 0;
    }
*/

legend { display: none; }

/*
input, textarea, select { font-size: 99%; }
textarea { font-family: "ＭＳ ゴシック", monospace; }
*/

label { cursor: pointer; }

button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-family:
        "ヒラギノ角ゴ Pro W3",
        "ＭＳ Ｐゴシック",
        sans-serif;
}

/*
optgroup {}
option {}
*/

/* ---------------------------------------(=6)
    6. Quotation
   ---------------------------------------- */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
blockquote {}
*/

/*
q    { border-bottom: 1px dotted #d90000; background: #ffeeee; }
cite { font-style: normal; }
*/

/* ---------------------------------------(=7)
    7. Others
   ---------------------------------------- */

/*  Inline-level elements
   ------------------------------- */
/*
address {}
*/

img { vertical-align: top; }

/*
object, iframe {}
*/

/*
em {}
*/

strong { font-weight: bold; }

/*
abbr, acronym {
    border-bottom: 1px dotted #fdfdfd;
}
*/

/*
dfn {}
code, samp, kbd { font-family: "ＭＳ ゴシック", monospace; }
var { font-style: italic; }

ins {}
del {}
param {}
sup {}
sub {}
*/

/*  Block-level elements
   ------------------------------- */
hr { display: none; }
pre { overflow: auto; font-family: "ＭＳ ゴシック", monospace; }


/* ---------------------------------------(=8)
    8. For IE7 Page Zoom
   ---------------------------------------- */
body,
br { letter-spacing: 0; }


/*---------------------------------------------------------*/

.weak {
	font-size: 85%;
	color: #444;
	line-height: 1.6em;
	margin-top: 10px;
}

.important {
	font-weight: bold;
}


var {
	text-decoration: underline;
}

ol {
	margin: 0.5em 0;
}

ol li {
	margin: 0 0 0 2em;
	list-style: decimal;
}

input.delete {
	font-size: 80%;
}

#ad {
	text-align: center;
}

#services {
	padding: 1em;
}

#services li {
	display: inline;
	padding: 0 0.5em;
}

.ie-seq {
	font-size: 85%;
	padding: 0 30px;
	text-align: left;
}

.ie-seq li {
	text-align: left;
}

/*-----------------------------------------------*/



div#wrapper {
	margin: 0 auto;
	background: url(../img/bg_02.png) no-repeat center top;
	text-align: center;
}

div#contentOuter {
    margin: 0 auto;
	background: url(../img/bg_03.png) no-repeat center bottom;
	text-align: center;
}

div#content {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
}



/*-------- #content ---------*/

div#content h1{
	position: absolute;
	top: 100px;
	left: 50px;
}

div#content h2{
    margin-bottom: 20px;
}

/*-------- #hdr ---------*/

div#hdr {
    position: relative;
	height:330px;
	}

div#hdr p.bgImg {
	position: absolute;
	top: 0px;
	left: -158px;
}

div#hdr p.logo {
	position: absolute;
	top: 20px;
	right: 25px;
	width: 160px;
	height: 55px;
}


/*-------- .about ---------*/
div#content div.about{
position:relative;
	padding-bottom: 50px;
	padding-left: 50px;
	text-align: left;
}

div#content div.about p.txt{
	width: 340px;
	font-size: 100%;
	line-height: 1.8em;
	text-align: left;
	padding-left: 10px;
}

div#content div.about p.note{
clear:both;
    width: 340px;
    font-size: 85%;
    color: #666666;
	line-height: 1.6em;
	text-align: left;
	padding-top: 15px;
	padding-left: 10px;
}

div#content div.about p.img{
    position:absolute;
    top: 0px;
	right: 50px;
}



/*-------- .howto ---------*/
div#content div.howto{
    text-align:left;
	padding-left: 50px;
	padding-bottom: 50px;
}

div#content div.howto p.note{
    font-size: 85%;
    color: #666666;
	line-height: 1.6em;
	text-align: left;
	padding-top: 15px;
}




/*-----------------------------------------------*/
img {behavior: url(js/iepngfix.htc);}
 
 
/*-----------------------------------------------*/
#footerOuter {
    background: #FFFFFF;
	padding-top: 10px;
	text-align: center;
	border-top:1px dotted #D2D8E1;
}

#footerBg {
background: url(../img/footer_bg.gif) repeat-x bottom;
}

#footer {
	text-decoration: none;
	width: 980px;
	font-size: 10px;
	text-align: left;
	margin: 0 auto;
}
#footer .ftlktp {
	background-image: url(http://www.m-on.jp/common/img/foot/ft-moncube.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	float: left;
	padding-right: 10px;
}
#footer .ftlktp a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#footer .ftlktp a:hover {
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
}
#footer .ftlk-lks1 {
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 1px;
	margin-left: 1px;
	padding-left: 5px;
	clear: both;
}
#footer .ftlk-lks1 ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer .ftlk-lks1 li {
	display: inline;
}
#footer .ftlk-lks1 a {
	font-size: 10px;
	line-height: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.01em;
	padding: 2px;
	margin-left: 3px;
}
#footer .ftlk-lks1 a.lk1 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #99CC00;
}
#footer .ftlk-lks1 a:hover {
	color: #CC0000;
}
#footer .ftlk-lks1 a.lk2 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #007DBB;
}
#footer .ftlk-lks1 a.lk3 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F45288;
}
#footer .ftlk-lks1 a.lk4 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF5F00;
}
#footer .ftlk-lks1 a.lk5 {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #9E1F05;
}
#footer .ftlk-lks1 a.lks {
	background-image: url(http://www.m-on.jp/common/img/foot/ft-icon1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	margin-left: 3px;
}
#footer .ftlk-lks1 a.lkslks {

	background-image: url(http://www.m-on.jp/common/img/foot/ft-icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#footer .ftlk-lks2 {
	background-image: url(http://www.m-on.jp/common/img/foot/ft-ln02.gif);
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 9px;
	padding-left: 5px;
	padding-bottom: 5px;
}
#footer .ftlk-lks2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer .ftlk-lks2 li {
	display: inline;
}
#footer .ftlk-lks2 a {
	font-size: 10px;
	line-height: 10px;
	padding-right: 4px;
	color: #000000;
	text-decoration: none;
}
#footer .ftlktp a:hover {
	color: #CC0000;
}
#footer .ftlktp2 {
	background-image: url(http://www.m-on.jp/common/img/foot/ft-icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	float: left;
}
#footer .ftlktp3 {
	background-image: url(http://www.m-on.jp/common/img/foot/ft-icon3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	float: left;
}
#footer .ftlk-out {
	margin: 0px;
	padding: 0px;
}