@charset "UTF-8";

/*    AuriQ Systems, K.K.    */

/* common.css ::::::::::::::::::::::::::::::::::::::::::::::::::

   - basic styles
   - link
   - common parts
   - structure
   - header
   - contents
   - footer

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ------------------------------------------------
    basic styles
-------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
/*	font-size: 84%;*/
	font-size: 12px;
	font-family: Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, sans-serif;
	background: #F0F0F0;
	color: #333;
}

ul, li {
	list-style-type: none;
}

#container p {
	line-height: 1.35;
	margin-bottom: 1em;
}

img {
	border: none;
	vertical-align: top;
}

em {
	font-style: normal;
	color: #F26522;
	font-weight: bold;
}

strong {
}

hr.clear, br.clear {
	visibility: hidden;
	clear: both;
	height: 1px;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height:1px;
}


/* 位置 */
.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* ------------------------------------------------
    Link
-------------------------------------------------- */
/* 通常
-------------------------- */
a:link {
	color: #027FCD;
	text-decoration: none;
}
a:visited {
	color: #027FCD;
	text-decoration: none;
}
a:hover {
	color: #FF7800;
	text-decoration: underline;
}
a:active {
	color: #FF7800;
	text-decoration: underline;
}

/* 強調
-------------------------- */
em a:link {
/*	color: #333;*/
	color: #F26522;
	text-decoration: none;
}
em a:visited {
/*	color: #333;*/
	color: #F26522;
	text-decoration: none;
}
em a:hover {
/*	color: #333;*/
	color: #F26522;
	text-decoration: underline;
}
em a:active {
/*	color: #333;*/
	color: #F26522;
	text-decoration: underline;
}

/* リンクマーカー付きテキスト（インライン用）	 */
.linkmarker {
	background: url("/mobile/jp/images/common/link_marker.gif") 0 2px no-repeat;
	padding-left: 14px;
}

/* ------------------------------------------------
    common parts
-------------------------------------------------- */

/* ホームへ戻る
-------------------------- */
.link-home a {
	width: 67px;
	display: block;
	font-size: 11px;
	line-height: 1.0;
	text-indent: -19999px;
	background: url("/mobile/jp/images/common/link_home.gif") no-repeat;
}

/* ページトップへ戻る
-------------------------- */
.link-pagetop a {
	width: 94px;
	display: block;
	font-size: 11px;
	line-height: 1.0;
	text-indent: -19999px;
	background: url("/mobile/jp/images/common/link_pagetop.gif");
}
/* hover */
.link-home a:hover,
.link-pagetop a:hover {
	background-position: 0 -11px;
	text-decoration: none;
}


/* ------------------------------------------------
    structure
-------------------------------------------------- */
#wrapper {
	width: 710px;
	margin: 0 auto;
	background: url("/mobile/jp/images/common/bg.gif") repeat-y;
	padding-bottom: 10px;
}

#header {
	width: 675px;/* &w 670-675 20090218 */
	margin: 0 auto;
}

#container {
	clear: both;
	width: 675px;/* &w 670-675 20090218 */
	margin: 0 auto;
}

/* ------------------------------------------------
    header
-------------------------------------------------- */
#header #logo {
	float: left;
	width: 134px;
}
#header #logo img {
	vertical-align: top;
}
#header #navigation {
	float: right;
}

/* sub navigation
-------------------------- */
#header #snavi {
	width: 536px;
	height: 23px;
	margin-bottom: 10px;
	background: url("/mobile/jp/images/header/snavi_base.gif") no-repeat top left;
}
#header #snavi li.link-myrtus {
	float: left;
	width: 97px;
}
#header #snavi li.link-myrtmobileus {
	float: left;
	width: 96px;
}
#header #snavi li.link-company {
	float: right;
	width: 69px;
}
#header #snavi li.link-sitemap {
	float: right;
	width: 82px;
}
#header #snavi li.link-contact {
	float: right;
	width: 74px;
}
#header #snavi a {
	margin-top: 3px;
	display: block;
	text-indent: -19999px;
	height: 11px;
}
#header #snavi .link-myrtus a {
	margin-left: 8px;
	width: 62px;
	background: url("/mobile/jp/images/header/snavi_myrtus.gif") no-repeat;
}
#header #snavi .link-myrtmobileus a {
	margin-left: 8px;
	width: 98px;
	background: url("/mobile/jp/images/header/snavi_myrtmobileus.gif") no-repeat;
}
#header #snavi .link-company a {
	width: 55px;
	background: url("/mobile/jp/images/header/snavi_company.gif") no-repeat;
}
#header #snavi .link-sitemap a {
	width: 64px;
	background: url("/mobile/jp/images/header/snavi_sitemap.gif") no-repeat;
}
#header #snavi .link-contact a {
	width: 59px;
	background: url("/mobile/jp/images/header/snavi_contact.gif") no-repeat;
}
#header #snavi a:hover {
	background-position: 0 -11px;
	text-decoration: none;
}

/* global navigation
-------------------------- */
#header #gnavi {
	height: 30px;
	padding-left: 2px;
	padding-bottom: 29px;
	background: url("/mobile/jp/images/header/gnavi_base.gif") no-repeat top left;
}
/* hack for WinIE5.5 */
#header #gnavi { 
width: 536px; /* ie5.5 */
voice-family: "\"}\"";
voice-family:inherit;
width: 536px; /* others */ /* &w 534->536 */
}
/* hack for WinIE5.5 */


#header #gnavi li {
	float: left;
	width: 107px;
	height: 30px;
}
#header #gnavi li#nav-agent {
	width: 106px;
}
#header #gnavi a {
	display: block;
	width: 107px;
	height: 30px;
	text-indent: -19999px;
}
#gnavi #nav-home a {
	background: url("/mobile/jp/images/header/gnavi_home.gif") no-repeat;
}
#gnavi #nav-install a {
	background: url("/mobile/jp/images/header/gnavi_install.gif") no-repeat;
}
#gnavi #nav-report a {
	background: url("/mobile/jp/images/header/gnavi_report.gif") no-repeat;
}
#gnavi #nav-statistics a {
	background: url("/mobile/jp/images/header/gnavi_statistics.gif") no-repeat;
}
#gnavi #nav-faq a {
	background: url("/mobile/jp/images/header/gnavi_faq.gif") no-repeat;
}
#gnavi #nav-help a {
	width: 106px;
	background: url("/mobile/jp/images/header/gnavi_help.gif") no-repeat;
}
#header #gnavi a:hover {
	background-position: 0 -30px;
	text-decoration: none;
}

/* 現在地をハイライト (hoverと同色) */
#home #header #gnavi #nav-home a,
#install #header #gnavi #nav-install a,
#report #header #gnavi #report a,
#pro #header #gnavi #nav-pro a,
#agent #header #gnavi #nav-agent a {
	background-position: 0 -30px;
}

/* サブナビがあるページはpaddingを変更 */
#install #header #gnavi, #report #header #gnavi {
	padding-bottom: 10px;
}


/* ------------------------------------------------
    header, footer 共通
-------------------------------------------------- */
#header ul,
#footer ul, #footer a {
	font-size: 10px;
	vertical-align: bottom;
	line-height: 1.0;
}


/* ------------------------------------------------
    footer
-------------------------------------------------- */
#footer {
	clear: both;
	width: 670px;
	margin: 0 auto;
	padding-top: 1px;
}
#footer .link-home {
	float: left;
	width: 77px;
}
#footer .link-pagetop {
	float: right;
	width: 104px;
}
#footer .link-home a {
	margin-left: 10px;
	margin-bottom: 4px;
}
#footer .link-pagetop a {
	margin-bottom: 4px;
}
#footer .link-polcy a:hover {
	background-position: 0 -11px;
	text-decoration: none;
}

#footer div {
	width: 670px;
	height: 21px;
	margin: 0;
	background: #0C6A8D;
	color: #F0F0F0;
	line-height: 21px;
	font-size: 90%;
}

#footer .link-polcy {
	float: left;
	line-height: 21px;
}
#footer .link-polcy a {
	width: 102px;
	height: 11px;
	margin: 5px 0 0 10px;
	display: block;
	text-indent: -19999px;
	background: url("/mobile/jp/images/footer/link_privacypolisy.gif") no-repeat;
}
#footer #copyright {
	float: right;
	padding-right: 10px;
	line-height: 21px;
}