@charset "Shift_JIS";

/* gmr.co.jp/emobile */

* {font-size: 100%;}


/*---------------------	*/
/*	2008/03/14追加分	*/
/*---------------------	*/

h2 {
margin-top:3px;
letter-spacing:3px;
color:#FFFFFF;
font-size:15px;
padding-top:5px;
padding-left:10px;
padding-bottom:10px;
background-image:url(../site_image_e/title_service.jpg);
background-repeat:no-repeat;
}

h3 {
	font-size:12px;
	letter-spacing:1px;
	margin: 0px 0px 10px 0px;
	padding-top:2px;
	padding-left:25px;
	padding-bottom:3px;
	background-image: url( ../site_image_e/bg_subtitle.jpg );
	background-repeat: no-repeat;
}

/*---------------------	*/
/*	2008/03/14以前		*/
/*---------------------	*/



body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #444444;
	font-size: x-small;
	font-family: "1メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "verdana", "arial", "Helvetica", "sans-serif";
	background-image: url(../site_image_e/back.jpg);
	background-repeat: repeat-x;
	position: top;
; background-color: #FFFFFF
}

#base {
	width: 780px;
	margin: auto;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: small;
	background-image: url( ../site_image_e/bg-main-area.gif );
	background-repeat: repeat-y;
	background-position: right;
}

#header-area {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#header-area {
	display: none;
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 66px;
	background-color: #FFFFFF;
	background-image: url( ../site_image_e/bg-header.gif );
	background-repeat: no-repeat;
	position: left top;
	text-align: right;
}

#logo_em {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 13px 10px;
	text-align: left;
}

#header-menu {
	float: right;
	width: 500px;
	margin: 0px auto;
	padding: 0px;
	font-size: 80%;
	line-height: 80%;
}

#header-menu ul {
	margin: 0px;
	padding: 24px 0px 0px 0px;
	list-style-type: none;
}

#header-menu li {
	padding: 0px 7px;
	display: inline;
	list-style-type: none;
}

#header-menu a {
	color: #737373 !important;
	text-decoration: none !important;
}

#header-menu a:hover {
	text-decoration: underline !important;
}


#branding-area {
	margin: 0px;
	padding: 0px;
	width: 780px;
	background-color: #FFFFFF;
	text-align: right;
	background-repeat: no-repeat;
	position: top left;
}

#gmenu { clear: both; margin: 0px; padding: 0px; background-color: #2A2A2A; width: 780px; background-image: url( ../site_image_e/bg-gmenu.gif ); background-repeat: repeat-x; position: top; text-align: left; font-size: 8px; }
#gmenu ul { margin: 0px; padding: 0px; width: 780px; }
#gmenu ul li { display: inline; margin: 0px; padding: 0px; list-style-type: none; }
#gmenu ul li.bg { float:left; width: 29px; height: 29px; }
#gmenu ul li a { float:left; margin: 0px; padding: 0px; }
#gmenu ul li a.gmenu1 { width: 121px; height: 29px; background-image: url( ../site_image_e/gNavi02_on.gif ); }
#gmenu ul li a.gmenu2 { width: 116px; height: 29px; background-image: url( ../site_image_e/gNavi03_on.gif ); }
#gmenu ul li a.gmenu3 { width: 123px; height: 29px; background-image: url( ../site_image_e/gNavi04_on.gif ); }
#gmenu ul li a.gmenu4 { width: 146px; height: 29px; background-image: url( ../site_image_e/gNavi05_on.gif ); }
#gmenu ul li a.act img { v1isibility: hidden; }
#gmenu ul li a:hover { background-color: #FFFFFF; }
#gmenu ul li a:hover img { visibility: hidden; }

#main-area {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 125%; }

div.bg-h2 {
	margin: 20px 0px 15px 0px;
	padding: 0px;
	border: 1px solid #BBBBBB;
	background-image: url( ../site_image_e/h2_bg.gif );
	background-repeat: no-repeat;
	background-position: left top;
}

h4 { margin: 0px 0px 10px 0px; padding: 5px 10px; font-size: 100%; c1olor: #CC0000; background-color: #FFFFFF; float: left; border: 1px solid #CC0000; }

#main-area p.st1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#main-area div.lv0 {
	margin: 0px 25px 0px 25px;
	padding: 0px;
	line-height: 130%;
}

#main-area div.bdr {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

#main-area div.bdr-dot {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}

#main-area div.lv1 {
	margin: 0px 25px 25px 40px;
	padding: 0px 0px 0px 10px;
	line-height: 130%;
}

.mb20 { margin-bottom: 20px; }

#main-area table.tbl-st1 {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 125%;
	background-color: #CCCCCC;
}

#main-area table.tbl-st1 th {
	margin: 0px;
	padding: 3px 6px;
	border: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	text-align: center;
}

#main-area table.tbl-st1 td {
	margin: 0px;
	padding: 3px 6px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	text-align: center;
}

#main-area table.attention {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
}

#main-area ol.list-number1 { margin: 0px 0px 5px 25px !important; padding: 0px !important; }

#main-area ol.list-number1 li {
	margin: 5px 0px;
	font-size: 100%;
	font-weight: bold;
	line-height: 125%;
	color: #006699;
}

#main-area ol.list-number1 li span { color: #666666; font-weight: normal; }

#main-area ul.list-normal { margin: 0px 0px 10px 25px !important; padding: 0px !important; }

#main-area ul.list-normal li {
	margin: 5px 0px;
	font-size: 100%;
	line-height: 125%;
	color: #006699;
}

#main-area ul.list-normal li span { color: #444444; }


#main-area .tab {
	margin: 0px;
	padding: 0px;
}

#main-area div.tab-box {
	margin: 0px 0px 20px 0px;
	padding: 12px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

#main-area div.tab-box h3 {
	margin: 0px 0px 10px 0px;
	1color: #FFFFFF;
	1background-color: #333333;
}

#main-area table.hikaku-table {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color: #E6E6E6;
	border-collapse: separate;
}

#main-area table.hikaku-table th {
	margin: 0px;
	padding: 2px 10px;
	background-color: #DAE5EB;
	color: #555555;
	text-align: center;
	border: 1px solid #FFFFFF;
}

#main-area table.hikaku-table td {
	margin: 0px;
	padding: 2px 10px;
	background-color: #FFFFFF;
	color: #555555;
	text-align: center;
	border: 1px solid #FFFFFF;
}

#main-area table.hikaku-table td.gr {
	background-color: #FAFAFA;
	border: 1px solid #FFFFFF;
}

#main-area table.hikaku-table td.pi {
	background-color: #FFEEEE;
	border: 1px solid #FFFFFF;
}

#bottom-menu {
	margin: 50px 0px 30px 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
}

#bottom-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

#bottom-menu ul li {
	display: inline;
	margin: 0px auto;
	padding: 0px;
}

#bottom-menu li a {
	margin: 0px;
	padding: 0px 10px;
	border-left: 1px solid #CCCCCC;
	font-size: 90%;
}


#side-area {
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#side-menu1 { width: 180px; margin: 0px; padding: 0px; }
#side-menu1 li { width: 180px; margin: 0px; padding: 0px; list-style-type: none; }
#side-menu1 li a { display: block; margin: 0px; padding: 10px; color: #FFFFFF; background-image: url( ../site_image_e/bg-side-menu1.gif ); background-position: bottom left; background-repeat: no-repeat; }
#side-menu1 li a.lv1 { width: 180px; padding-left: 10px; padding-right: 0px; font-weight: bold; }
#side-menu1 li a.lv2 { width: 180px; padding-left: 10px; padding-right: 0px; }
#side-menu1 li a.lv3 { width: 180px; padding-left: 10px; padding-right: 0px; }
#side-menu1 li a.act { b1ackground-image: url( ../site_image_e/bg-side-menu1_on.gif ); }
#side-menu1 li a:hover { background-image: url( ../site_image_e/bg-side-menu1_on.gif ); }

#side-menu2 { display: none; width: 180px; margin: 0px 0px 0px 0px; padding: 0px; }
#side-menu2 li { width: 180px; margin: 0px; padding: 0px; list-style-type: none; }
#side-menu2 li a { display: block; width: 180px; margin: 0px; padding: 8px 0px 8px 10px; background-image: url( ../site_image_e/bg-side-menu2.gif ); background-position: bottom left; background-repeat: no-repeat; }
#side-menu2 li a.act { background-image: url( ../site_image_e/bg-side-menu2_on.gif ); }
#side-menu2 li a:hover { background-image: url( ../site_image_e/bg-side-menu2.gif ); }

#side-menu2temp { width: 180px; margin: 0px; padding: 0px; }
#side-menu2temp li { float: left; width: 180px; margin: 0px; padding: 0px; list-style-type: none; }
#side-menu2temp li a { display: block; margin: 0px; padding: 0px; background-position: top left; background-repeat: no-repeat; }
#side-menu2temp li a.menu1 { width: 180px; height: 30px; background-image: url( ../site_image_e/sNavi_SA_on.gif ); }
#side-menu2temp li a.menu2 { width: 180px; height: 31px; background-image: url( ../site_image_e/sNavi_Shop_on.gif ); }
#side-menu2temp li a.menu3 { width: 180px; height: 32px; background-image: url( ../site_image_e/sNavi_Company_on.gif ); }
#side-menu2temp li a.menu4 { width: 180px; height: 33px; background-image: url( ../site_image_e/sNavi_FAQ_on.gif ); }
#side-menu2temp li a.menu5 { width: 180px; height: 31px; background-image: url( ../site_image_e/sNavi_Camp_on.gif ); }
#side-menu2temp li a.menu6 { width: 180px; height: 32px; background-image: url( ../site_image_e/sNavi_Demant_on.gif ); }
#side-menu2temp li a.menu7 { width: 180px; height: 33px; background-image: url( ../site_image_e/sNavi_CM_on.gif ); }
#side-menu2temp li a:hover { background-color: #FFFFFF; }
#side-menu2temp li a:hover img { visibility: hidden; }

#side-menu1 a {
	text-decoration: none !important;
}

#side-menu1 a:hover {
	text-decoration: underline !important;
}

#side-menu2 a {
	text-decoration: none !important;
}

#side-menu2 a:hover {
	text-decoration: underline !important;
}

img.icon1 { margin-right: 2px; }
img.icon2 { float:left; margin-right: 6px; margin-bottom: 3px; vertical-align: base-line; }

a.btn_store { display: block; margin: 0px; padding: 0px; width: 180px; height: 40px; background-image: url( ../site_image_e/sNavi_Buy_on.gif ); background-position: top left; background-repeat: no-repeat; }
a.btn_store:hover { background-color: #FFFFFF; }
a.btn_store:hover img { visibility: hidden; }

br { clear: both; }

img { border-width: 0px; }

a:link { color:#075590; }
a:visited { color:#D80D8; }
a:hover { color:#C80B45; }
a:active{ color:#C80B45; }

.tx-bold {
	font-weight: bold;
}

.col-red { color: #DF2D33; }

#pan {
	display: none;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	font-size: 10px;
	background-color: #EEEEEE;
}

#pan .path {
	padding: 0px 10px;
	color: #006699;
	font-weight: bold;
}

#footer-area-temp {
	margin: 0px;
	padding: 0px;
}

#footer-area {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 26px 0px;
	width: 780px;
	text-align: center;
	background-color: #E4E4E4;
	border-top: solid 5px #CFCFCF;
	background-image: url( ../site_image_e/bg-footer.gif );
	background-repeat: no-repeat;
	background-position: bottom;
}

#footer-menu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	font-size: 80%;
}

#footer-menu li {
	display: inline;
	margin: 0px;
	padding: 0px 7px;
}

#footer-area div.copyright {
	margin: 6px 0px 0px 0px;
	padding: 3px;
	background-color: #666666;
	color: #FFFFFF;
	font-size: 80%;
}