@charset "utf-8";

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

/* ========== ▼  [common.css] Contents Index ▼ ==========


---------------------------------------------
0.import css (F-map2011版では使用なし)
---------------------------------------------
1.基本設定／Global selectors [HTML TAG]
---------------------------------------------
2.ブロック別設定／Layout selectors
---------------------------------------------

	------------------------------
	#wrap
	#wrap #header
	#wrap #header #utilityNavi
	#wrap #header #globalNavi
	#wrap #header #infoBar
	------------------------------
	#wrap #bodyArea
	#wrap #bodyArea #sideColumn
	#wrap #bodyArea #mainColumn
	------------------------------
	#wrap #footer
	#wrap #footer #footerNavi
	#wrap #footer #copyright
	------------------------------
	
---------------------------------------------
3.汎用パーツ類／Global selectors [id/class]
---------------------------------------------

============= ▲  [common.css] Contents Index ▲ ========== */



/*********************************************************************/
/* ▼ 0.import css ▼ */
/*********************************************************************/

/*  ■from [ common.css (f-map 2009 old version) ] */
/*	@import url("common_2009_extract.css"); */


/* ■from [ YUI 2: Reset CSS - Yahoo! Developer Network ] */
/* [ http://developer.yahoo.com/yui/reset/ ] */
/*	@import url("reset.css"); */


/* ▲ 0.import css  ▲ */
/*===================================================================*/



/*********************************************************************/
/* ▼ 1.基本設定／Global selectors [HTML TAG] ▼ */
/*********************************************************************/

body {
	font-size:12px;
	line-height:140%;
	font-family:"Osaka","ＭＳ Ｐゴシック","sans-serif";
	text-align:center;
	margin:0;
	padding:0;
	padding-bottom:40px;
	padding-bottom:100px;
}

h1,h2,h3,h4,h5,h6{
	font-size:12px;
	margin:0;
	padding:0;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
	}

li{
	margin:0;
	padding:0;
	}

em,var,address{
	font-style:normal;
	}

img{
	border:none;
	}


/*===================================================================*/
/* ▲ 1.基本設定／Global selectors [HTML TAG] ▲ */



/*********************************************************************/
/* ▼ 2.ブロック別設定／Layout selectors ▼ */
/*********************************************************************/

#wrap{
	width:944px;
	width:942px;
	margin:0px auto 40px;
	padding-top:20px;
	text-align:left;
	}

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

#header{
	width:100%;
	margin:0;
	padding:0;
	line-height:20px;
	position:relative;
	}

h1{
	font-size:10px;
	font-weight:normal;
	margin-bottom:2px;
	}

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

#utilityNavi{
	position:absolute;
	top:0;
	right:0;
	}

#utilityNavi ul{
	}

#utilityNavi ul li{
	float:left;
	margin-right:6px;
	margin-bottom:2px;
	line-height:16px;
	}

#utilityNavi ul li a{
	display:block;
	height:16px;
	width:76px;
	color:#000;
	text-indent:-9999px;
	overflow:hidden;
	}

#utilityNavi ul li#u_navi_top a{
	background:url(../images/header/navigation/u_navi_top.gif) no-repeat;
	}

#utilityNavi ul li#u_navi_sitemap a{
	background:url(../images/header/navigation/u_navi_sitemap.gif) no-repeat;
	}

#utilityNavi ul li#u_navi_login a{
	background:url(../images/header/navigation/u_navi_login.gif) no-repeat;
	}

#utilityNavi ul li#u_navi_logout a{
	background:url(../images/header/navigation/u_navi_logout.gif) no-repeat;
	}

#utilityNavi ul li#u_navi_beginner a{
	background:url(../images/header/navigation/u_navi_beginner.gif) no-repeat;
	width:86px;
	}

#utilityNavi ul li#u_navi_top a:hover,
#utilityNavi ul li#u_navi_sitemap a:hover,
#utilityNavi ul li#u_navi_login a:hover,
#utilityNavi ul li#u_navi_logout a:hover,
#utilityNavi ul li#u_navi_beginner a:hover{
	background-position:bottom;
	}


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

#sideHead{
	background:url(../images/mainImg.jpg) no-repeat;
	height:200px;
	position:relative;
	}

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

#loginArea{
	width:206px;
	height:180px;/*default*/
	padding-top:104px;
	padding-top:50px;
	height:76px;
	height:130px;
	background:url(../images/logo.gif) no-repeat #fff;
	position:absolute;
	top:10px;
	left:10px;
	}


#loginArea a#siteTop{
	display:block;
	width:116px;
	height:44px;
	margin:0 auto 10px;
	}


#loginArea a#button_login,
#loginArea a#button_regist{
	display:block;
	width:182px;
	height:30px;
	margin:0 auto 6px;
	}

#loginArea a#button_login{
	background:url(../images/top/button_top_login.jpg) no-repeat;
	}

#loginArea a#button_regist{
	background:url(../images/top/button_top_regist.jpg) no-repeat;
	}

#loginArea a#button_login:hover,
#loginArea a#button_regist:hover{
	background-position:bottom;
	}


#loginArea ul#loginInfo{
	margin:4px;
	margin-top:4px;
	padding:4px;
	background:#0B75BE;
	background:#476ADA;
	background:#10428B;
	color:#fff;
	background:#eee;
	color:#333;
	}

#loginArea ul#loginInfo li#loginName{
	font-size:10px;
	padding-bottom:3px;
	}

/*-------------------------------------------------------------------*/
/* #wrap #bodyArea */
/*-------------------------------------------------------------------*/

#bodyArea{
	border:solid 1px #ccc;
	border-bottom:none;
	background:url(../images/mainArea_back.gif);
	/*background:#eee;*/
	padding-bottom:54px;
	}

/***********************/
#bodyArea:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#bodyArea{display:inline-block;} 
* html #bodyArea{height:1%;}
#bodyArea{display:block;}
/***********************/


/*-------------------------------------------------------------------*/
/* ▼ #wrap #bodyArea #sideColumn ▼ */
/*-------------------------------------------------------------------*/

#sideColumn{
	float:left;
	margin:10px 6px 10px 8px;
	margin:0;
	width:214px;
	width:228px;
	width:226px;
	}

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

#sideColumn div#fmapNavi{
	padding-bottom:0;
	padding-top:40px;
	background:url(../images/sideColumn/sideColumn_back.gif) no-repeat;
	background:url(../images/sideColumn/fmapNavi/fmapNavi_title.jpg) no-repeat #fff;
	margin:10px 6px 0px 8px;
	margin:10px auto;
	width:206px;
	}

#sideColumn div#fmapNavi ul{
	border:solid 1px #ccc;
	}

#sideColumn div#fmapNavi ul li{
	border-bottom:dotted 1px #ccc;
	margin:10px;
	}

#sideColumn div#fmapNavi ul li a{
	display:block;
	height:24px;
	width:184px;
	text-indent:-9999px;
	overflow:hidden;
	}

#sideColumn div#fmapNavi ul li#sf_navi_main a{
	background:url(../images/sideColumn/fmapNavi/sf_navi_main.gif) no-repeat;
	}

#sideColumn div#fmapNavi ul li#sf_navi_mregist a{
	background:url(../images/sideColumn/fmapNavi/sf_navi_mregist.gif) no-repeat;
	}

#sideColumn div#fmapNavi ul li#sf_navi_msearch a{
	background:url(../images/sideColumn/fmapNavi/sf_navi_msearch.gif) no-repeat;
	}

#sideColumn div#fmapNavi ul li#sf_navi_msearchList a{
	background:url(../images/sideColumn/fmapNavi/sf_navi_msearchList.gif) no-repeat;
	}

#sideColumn div#fmapNavi ul li#sf_navi_courseChange{
	border-bottom:none;
	margin-left:16px;
	margin-top:16px;
	color:#666;
	}

#sideColumn div#fmapNavi ul li#sf_navi_courseChange a{
	background:url(../images/sideColumn/fmapNavi/sf_navi_courseChange.gif) no-repeat;
	width:172px;
	height:32px;
	margin-bottom:4px;
	}

#sideColumn div#fmapNavi ul li#sf_navi_main a:hover,
#sideColumn div#fmapNavi ul li#sf_navi_mregist a:hover,
#sideColumn div#fmapNavi ul li#sf_navi_msearch a:hover,
#sideColumn div#fmapNavi ul li#sf_navi_msearchList a:hover,
#sideColumn div#fmapNavi ul li#sf_navi_courseChange a:hover{
	background-position:bottom left;
	}

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

#sideColumn ul#sideNavi{
	padding:4px;
	/* (sideColumn 214) = pad(4*2) + w206  */
	/* (sideColumn 226) = pad(4*2) + w218  */
	background:url(../images/sideColumn/sideColumn_back.gif) no-repeat;
	padding-bottom:0;
	margin:10px 6px 0px 8px;
	margin:6px;
	margin-bottom:0px;
	width:198px;
	width:206px;
	}

#sideColumn ul#sideNavi li{
	border-bottom:dotted 1px #ccc;
	border-bottom:solid 1px #eee;
	}

#sideColumn ul#sideNavi li a{
	display:block;
	width:206px;
	/* (sideColumn 214) = pad(4*2) + w206  */
	/* (sideColumn 226) = pad(4*2) + w218  */
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	}

#sideColumn ul#sideNavi li#s_navi_fmap a{
	background:url(../images/sideColumn/sideNavi/s_navi_fmap.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_function a{
	background:url(../images/sideColumn/sideNavi/s_navi_function.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_howto a{
	background:url(../images/sideColumn/sideNavi/s_navi_howto.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_course a{
	background:url(../images/sideColumn/sideNavi/s_navi_course.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_point a{
	background:url(../images/sideColumn/sideNavi/s_navi_point.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_jirei a{
	background:url(../images/sideColumn/sideNavi/s_navi_jirei.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_feature a{
	background:url(../images/sideColumn/sideNavi/s_navi_feature.gif) no-repeat;
	}

#sideColumn ul#sideNavi li#s_navi_faq a{
	background:url(../images/sideColumn/sideNavi/s_navi_faq.gif) no-repeat;
	}


#sideColumn ul#sideNavi li#s_navi_fmap a:hover,
#sideColumn ul#sideNavi li#s_navi_function a:hover,
#sideColumn ul#sideNavi li#s_navi_howto a:hover,
#sideColumn ul#sideNavi li#s_navi_course a:hover,
#sideColumn ul#sideNavi li#s_navi_point a:hover,
#sideColumn ul#sideNavi li#s_navi_feature a:hover,
#sideColumn ul#sideNavi li#s_navi_faq a:hover{
	background-position:right;
	}


#sideColumn ul#sideNavi li a{
	display:block;
	width:206px;
	/* (sideColumn 214) = pad(4*2) + w206  */
	/* (sideColumn 226) = pad(4*2) + w218  */
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
	}

#sideColumn ul#sideNavi li#s_navi_function ul li a,
#sideColumn ul#sideNavi li#s_navi_howto ul li a,
#sideColumn ul#sideNavi li#s_navi_course ul li a{
	background:none;
	text-indent:0;
	overflow:auto;
	display:inline;
	text-decoration:none;
	}

#sideColumn ul#sideNavi ul.sideNavi_childList_01 li a:visited{
	color:#00f;
	}

#sideColumn ul#sideNavi ul.sideNavi_childList_01 li a:hover{
	font-weight:bold;
	color:#f00;
	}

#sideColumn ul#sideNavi ul.sideNavi_childList_01{
	padding:4px;
	padding-left:28px;
	background:#eee;
	background:url(../images/sideColumn/sideNavi/s_navi_childList_01_back.gif) repeat-y;
	border-top:solid 1px #eee;
	}

#sideColumn ul#sideNavi ul.sideNavi_childList_01 li{
	padding:4px;
	background:url(../images/sideColumn/sideNavi/s_navi_childList_01.gif) no-repeat;
	padding-left:12px;
	padding-right:0;
	border-bottom:dotted 1px #ccc;
	}

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


#sideColumn .sideColumn_box_end{
	background:url(../images/sideColumn/sideColumn_back_bottom.gif) no-repeat;
	height:4px;
	margin:0;
	margin:0px 6px 10px 8px;
	margin:6px;
	margin-top:0px;
	width:214px;/* +(m6*2)=226 */
	}


/*-------------------------------------------------------------------*/
/* ▼ #wrap #bodyArea #mainColumn ▼ */
/*-------------------------------------------------------------------*/
	
#mainColumn{
	float:left;
	width:704px;
	/* m(940)-sb(214+mL8+mR6+[228])=712 c(w712-mr8)=704 */
	padding:0px;
	margin:0;
	margin-top:8px;
	width:714px;
	background:url(../images/contents_head.gif) no-repeat top right;
	background:url(../images/contents_body_back.gif) repeat-y right;
	position:relative;
	}


#mainColumn #pan{
	padding-left:10px;
	padding:0px 10px 8px;
	background:url(../images/contents_pan_back.gif) no-repeat bottom;
	line-height:140%;
	}

#contents{
	padding:20px;
}

/***********************/
#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents{display:inline-block;} 
* html #contents{height:1%;}
#contents{display:block;}
/***********************/


#contents h2{
	background:url(../images/title_sample.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	height:32px;
	line-height:32px;
	margin:0;
	margin-bottom:20px;
	border-bottom:double 3px #ddd;
	}

.contents_end{
	width:714px;
	height:4px;
	background:url(../images/contents_bottom.gif) no-repeat;
	position:absolute;
	bottom:0;
	}

.contents_end a.gotop{
	display:block;
	width:120px;
	height:12px;
	font-size:12px;
	background:url(../images/gotop_gray.gif) no-repeat;
	text-indent:-9999px;
    overflow:hidden;
	margin-left:580px;
	margin-top:20px;
	}


/*-------------------------------------------------------------------*/
/* ▼ #wrap #footer #footerNavi ▼ */
/*-------------------------------------------------------------------*/

#footer{
	background:url(../images/footer/footer_back.jpg) no-repeat;
	position:relative;
	clear:both;
	}

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

ul#fu_navi{
	background:#F8F8F8;
	height:30px;
	border:solid 1px #ccc;
	padding-left:10px;
	}

ul#fu_navi li{
	float:left;
	margin-right:1em;
	margin-top:6px;
	}

ul#fu_navi li a{
	display:block;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	}

ul#fu_navi li#fu_navi_top a{
	background:url(../images/footer/fu_navi_top.gif) no-repeat;
	width:70px;
	}

ul#fu_navi li#fu_navi_sitemap a{
	background:url(../images/footer/fu_navi_sitemap.gif) no-repeat;
	width:68px;
	}

ul#fu_navi li#fu_navi_company a{
	background:url(../images/footer/fu_navi_company.gif) no-repeat;
	width:60px;
	}

ul#fu_navi li#fu_navi_ask a{
	background:url(../images/footer/fu_navi_ask.gif) no-repeat;
	width:74px;
	}

ul#fu_navi li#fu_navi_deal a{
	background:url(../images/footer/fu_navi_deal.gif) no-repeat;
	width:126px;
	}

ul#fu_navi li#fu_navi_privacy a{
	background:url(../images/footer/fu_navi_privacy.gif) no-repeat;
	width:106px;
	}

ul#fu_navi li#fu_navi_kiyaku a{
	background:url(../images/footer/fu_navi_kiyaku.gif) no-repeat;
	width:60px;
	}

ul#fu_navi li#fu_navi_top a:hover,
ul#fu_navi li#fu_navi_sitemap a:hover,
ul#fu_navi li#fu_navi_company a:hover,
ul#fu_navi li#fu_navi_ask a:hover,
ul#fu_navi li#fu_navi_deal a:hover,
ul#fu_navi li#fu_navi_privacy a:hover,
ul#fu_navi li#fu_navi_kiyaku a:hover{
	background-position:bottom;
	}

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

#copyright{
	line-height:24px;
	padding-right:1em;
	text-align:right;
	background:url(../images/footer/copyright_back.gif) repeat-x;
	color:#fff;
	}

/***********************/
#copyright:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#copyright{display:inline-block;} 
* html #copyright{height:1%;}
#copyright{display:block;}
/***********************/


#buttonGroup{
	height:24px;
	line-height:24px;
	padding-top:3px;
	width:100%;
	position:fixed;
	bottom:0;
	right:0;
	z-index:11;
	/*border-top:solid 1px #999;*/
	}

#buttonGroup_bar{
	height:28px;
	width:100%;
	position:fixed;
	bottom:0;
	right:0;
	background-color: #002978;
	background-color: #fff;
	opacity: 0.9;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=90);
	z-index:10;
	border-top:solid 3px #0066FF;
	border-top:solid 2px #10428B;
	border-top:solid 2px #FFCC33;
	border-top:solid 2px #00A513;
	border-top:solid 2px #0765A3;
	}

#buttonGroup #PCC_arrangeButton{
	float:left;
	margin-right:14px;
	margin-right:4px;
	margin-left:10px;
	margin-bottom:2px;
	}
	
#buttonGroup #PCC_arrangeButton li{
	float:left;
	margin-left:14px;
	}

#buttonGroup #button_favorite{
	display:block;
	width:120px;
	height:16px;
	line-height:16px;
	background:url(../images/buttonGroup/button_favorite.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:2px;
	}

#buttonGroup #button_favorite:hover{
	background-position:bottom;
	}


#buttonGroup #button_introduce{
	display:block;
	width:132px;
	height:16px;
	line-height:16px;
	background:url(../images/buttonGroup/button_introduce.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:2px;
	}

#buttonGroup #button_introduce:hover{
	background-position:bottom;
	}

/* firefox */
/*
#buttonGroup #PCC_arrangeButton li#button_facebook, x:-moz-any-link {
	margin-left:-20px;
	margin-right:10px;
	}

#buttonGroup #PCC_arrangeButton li#button_facebook, x:-moz-any-link {
	margin-left:-20px
	margin-right:10px;
	}
	
#buttonGroup #PCC_arrangeButton li#button_facebook, x:-moz-any-link, x:default {
	margin-left:-20px;
	margin-right:10px;
	}
*/
/* firefox */

/*
#buttonGroup #PCC_arrangeButton li#button_twitter{
	margin-left:-6px;
	}
*/

#buttonGroup #PCC_arrangeButton li#button_Google_Bookmarks{
	margin-top:2px;}
/*===================================================================*/
/* ▲ 2.ブロック別設定／Layout selectors ▲ */



/*********************************************************************/
/* ▼ 3.汎用パーツ類／Global selectors [id/class] ▼ */
/*********************************************************************/

/***********************/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;} 
* html .clearfix{height:1%;}
.clearfix{display:block;}
/***********************/


.red{
	color:#f00;
	}
	
.blue{
	color:#00f;
	}

.center{
	text-align:center;
	}

.clear{
	clear:both;
}

.gotop a{
	display:block;
	width:120px;
	height:12px;
	font-size:12px;
	background:url(../images/gotop_gray.gif) no-repeat;
	text-indent:-9999px;
    overflow:hidden;
	margin-left:580px;
	margin-top:20px;
	margin-bottom:20px;
}
	
* html .gotop a{
	clear:both;
	color:#fff;
	}

.signature{
	text-align:right;
	padding-top:20px;
	}

.buttonSet{
	text-align:center;
	}

/*===================================================================*/
/* ▲ 3.汎用パーツ類／Global selectors [id/class] ▲ */


/* -------- Remarks -------- 

width:944
color:
	#6698D9
	#333
	#ccc
	#FFE57D

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