@charset "utf-8";

/* ===================================================================
	file name :base.css
	Version : 1.0
	Author : Combz
=================================================================== */

/*----------------------------------------------------
	body,link
----------------------------------------------------*/

body {
background:url(../img/front/bg.png);
	color:#444444;
	border-top:3px solid #FF0000;
}

a{
	outline:none;
}

a:link {
	text-decoration:none;
	color:#3558FF;
}

a:visited {
	text-decoration:none;
	color:#3558FF;
}

a:hover {
	text-decoration:underline;
		color:#0000FF
}


/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/

div#wrapper {
	background:#FFFFFF;
}

#logoArea h1,
#logoArea span {
	color:#FF402C;
	font-size:91%;
	font-weight:normal;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header{
	background:url(../img/front/common2/bg_header.png) #FFFFFF left bottom repeat-x;
}


/* #utilityNav
-------------------------- */

#header #utilityNav {
	background:url(../img/front/common2/utilityNav_bg.png) no-repeat;
}

/* #gNav
-------------------------- */


#gNav li a.gNav01{
	background:url(../img/front/common2/gNav_btn01.png) no-repeat;
}

#gNav li a.gNav01:hover{
	background:url(../img/front/common2/gNav_btn01_on.png) no-repeat;
}

#gNav li a.gNav02{
	background:url(../img/front/common2/gNav_btn02.png) no-repeat;
}

#gNav li a.gNav02:hover{
	background:url(../img/front/common2/gNav_btn02_on.png) no-repeat;
}

#gNav li a.gNav03{
	background:url(../img/front/common2/gNav_btn03.png) no-repeat;
}

#gNav li a.gNav03:hover{
	background:url(../img/front/common2/gNav_btn03_on.png) no-repeat;
}

#gNav li a.gNav04{
	background:url(../img/front/common2/gNav_btn04.png) no-repeat;
}

#gNav li a.gNav04:hover{
	background:url(../img/front/common2/gNav_btn04_on.png) no-repeat;
}

#gNav li a.gNav05{
	background:url(../img/front/common2/gNav_btn05.png) no-repeat;
}

#gNav li a.gNav05:hover{
	background:url(../img/front/common2/gNav_btn05_on.png) no-repeat;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	background:#FFFFFF;
}


/*----------------------------------------------------
	#main 
----------------------------------------------------*/

/* #topicPath */

#topicPath{
	background:#F2F2F2 url(../img/front/common2/topicPath_home.gif) 5px center no-repeat;
	font-size:76%;
}

#topicPath li{
	background:url(../img/front/common2/topicPath_icon.png) 3px no-repeat;
}

#topicPath li.first{
	background:none;
	border:none !important;
}


/*----------------------------------------------------
	#sub 
----------------------------------------------------*/

#sub .t_link{
	text-align:center;
}

#sub .t_link a{
	text-decoration:underline;
}

/* #lNav
-------------------------- */

#lNav{
	background:#F4F4F4;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#lNav li {
	background:#FFFFFF ;
	border-bottom:1px dotted #CCCCCC;
}

#lNav li a{
	color:#444444;
	background:#FFFFFF url(../img/front/naviLink_icon01.gif) 3px 13px no-repeat;
}

#lNav li a:hover{
	text-decoration:none;
	background:#FFEEEE url(../img/front/naviLink_icon01.gif) 3px 13px no-repeat;
}

#lNav li ul.secondList{
	border-top:1px dotted #CCCCCC;
}

#lNav li ul.secondList li{
	border-bottom:none;
}

#lNav li ul.secondList li a{
	background:url(../img/front/icon_second.gif) 20px center no-repeat;
}

#lNav li ul.secondList li a:hover{
	background:url(../img/front/icon_second.gif) #FFEEEE 20px center no-repeat;
}

/* #gNav
-------------------------- */

#sNav {
	background:#E4E4E4;
}

#sNav li a {
	background:#FFFFFF url(../img/front/sNavi_icon.png) 1px center no-repeat;
	color:#444444;
}

#sNav li a:hover{
	text-decoration:none;
	background:#FFF0C8 url(../img/front/sNavi_icon.png) 1px center no-repeat;
}

/*----------------------------------------------------
	#footer 
----------------------------------------------------*/

/* .pageTop
-------------------------- */

.pageTop {
	background:#FFFFFF;
}

/* #footer 
-------------------------- */

#footer{
	border-top:3px solid #999999;
	background:#EEEEEE;
}

#footer a{
	color:#444444;
	letter-spacing:0;
}

#footer a:hover{
	color:#0000FF;
}

#footer ul#serviceNav{
	font-size:91%;
	background:url(../img/front/serviceNav_bg.png) bottom repeat-x;
}

#footer ul#companyNav {
	background:#F2F2F2;
	font-size:91%;
}

#footer ul#companyNav li {
	font-size:11px;
	background:url(../img/front/icon_04.png) left 2px no-repeat;
}


/*copy
-------------------------- */

#footer address {
	background:#F2F2F2;
	text-align:right;
	font-size:86%;
}






/* h1 必ずbase.cssの最後の位置に置いておく（効かなくなるので…）*/

/* service */
h1#a_01{ background:url(../img/front/service/mainTitle_index.png);}
h1#a_02{ background:url(../img/front/service/mainTitle_first.png);}
h1#a_03{ background:url(../img/front/service/mainTitle_promise.png);}
h1#a_04{ background:url(../img/front/service/mainTitle_example.png);}
h1#a_05{ background:url(../img/front/service/mainTitle_flow.png);}
h1#a_06{ background:url(../img/front/service/mainTitle_before.png);}
h1#a_07{ background:url(../img/front/service/mainTitle_security.png);}


/* plan */
h1#p_01{ background:url(../img/front/price/mainTitle_index.png);}
h1#p_02{ background:url(../img/front/price/mainTitle_payment.png);} 
h1#p_03{ background:url(../img/front/price/mainTitle_wallet.png);}
h1#p_04{ background:url(../img/front/plural/mainTitle_plural.png);}
h1#p_05{ background:url(../img/front/price/mainTitle_index2.png);}
h1#p_06{ background:url(../img/front/price/mainTitle_election.png);}

/* option */
h1#o_01{ background:url(../img/front/option/mainTitle_index.png);}
h1#o_02{ background:url(../img/front/option/mainTitle_rss.png);}

/* arrival */
h1#r_01{ background:url(../img/front/arrival/mainTitle_index.png);}


/* spec */
h1#f_01{ background:url(../img/front/function/mainTitle_index.png);}
h1#f_02{ background:url(../img/front/function/mainTitle_spec.png);}
h1#f_03{ background:url(../img/front/function/mainTitle_compare.png);}


/* campaign */
h1#c_01{ background:url(../img/front/campaign/mainTitle_index.png);}

/* support */
h1#s_01{ background:url(../img/front/support/mainTitle_qa.png);}
h1#s_02{ background:url(../img/front/support/mainTitle_index.png);}
h1#s_03{ background:url(../img/front/support/mainTitle_faq.png);}


/* questionnaire */
h1#q_01{ background:url(../img/front/questionnaire/mainTitle_index.png);}

/* introduction */
h1#in_01{ background:url(../img/front/introduction/mainTitle.png);}

/* voice */
h1#v_01{ background:url(../img/front/voice/mainTitle_voice.png);}
h1#v_02{ background:url(../img/front/voice/mainTitle_form.png);}
h1#v_03{ background:url(../img/front/voice/mainTitle_privilege.png);}

/* accept */
h1#n_01{ background:url(../img/front/accept/mainTitle_index.png);}
    
/* demo */
h1#i_01{ background:url(../img/front/inquiry/mainTitle_form.png);}
    
/* mailmagazine */
h1#m_01{ background:url(../img/front/mailmagazine/mainTitle_index.png);}


h1#g_01{ background:url(../img/front/sitemap/mainTitle_index.png);}
h1#g_02{ background:url(../img/front/policy/mainTitle_index.png);}
h1#g_03{ background:url(../img/front/policy/mainTitle_guide.png);}
h1#g_04{ background:url(../img/front/link/mainTitle_index.png);}
h1#g_05{ background:url(../img/front/tokutei/mainTitle_index.png);}
h1#g_06{ background:url(../img/front/company/mainTitle_index.png);}
h1#c{ background:url(../img/front/mainTitle_confirm.png);}
h1#t{ background:url(../img/front/mainTitle_thanks.png);}
h1#h_01{ background:url(../img/front/mainTitle_newslist.png);}

h1#p{ background:url(../img/front/mainTitle_pass.png);}

/* case */
h1#case_01{ background:url(../img/front/case/mainTitle.png);}



/*end*/