@charset "UTF-8";
/*初期化*/
* { margin: 0; padding: 0;}
html{height:100%;}
body { background:url(../img/bg_contents_shadow.gif) repeat-y center; margin:0 ; padding: 0; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #333333; background-color:#EDEDED; text-align:center;}
script { position: absolute; z-index: 1; }
form,input,select { margin: 0; padding: 0;}
p { margin: 0; padding: 0;}
a { overflow: hidden; }
img {border:0px}
hr { display: none; margin:  0; padding: 0; clear: both; }
p { font-size:93%; line-height:150%; color:#333333;}
object { margin: 0; padding: 0; }
embed { margin: 0; padding: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
.clear { clear:both;}
/* Hides from IE-mac \*/
* html .clearfix { height: 100%; }
/* End hide from IE-mac */

/*IEでbodyのズレ回避*/
*:first-child+html body {
padding-left: 1px;
}
* html body {
padding-left: 1px;
}
/*//IEでbodyのズレ回避*/

/*フォントサイズ設定*/
html { font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; font: x-small; font-size: small; height:100%;}
body { font: 100%; font-size:13px; inherit; height:100%;}

.j10 { font-size: 77%; line-height: 150%; }
.j11 { font-size: 85%; line-height: 150%; }
.j12 { font-size: 93%; line-height: 150%; }
.j13 { font-size: 100%; line-height: 150%; }
.j14 { font-size: 108%; line-height: 150%; }
.j15 { font-size: 116%; line-height: 150%; }
.j16 { font-size: 123.1%; line-height: 150%; }
.j17 { font-size: 131%; line-height: 150%; }
.j18 { font-size: 138.5%; line-height: 150%; }
.j19 { font-size: 146.5%; line-height: 150%; }
.j20 { font-size: 153.9%; line-height: 150%; }
.j21 { font-size: 161.6%; line-height: 150%; }
.j22 { font-size: 167%; line-height: 150%; }
.j23 { font-size: 174%; line-height: 150%; }
.j24 { font-size: 182%; line-height: 150%; }
.j25 { font-size: 189%; line-height: 150%; }
.j26 { font-size: 197%; line-height: 150%; }

.bold { font-weight:bold}



/*カラーの設定*/
.red { color:#FF0000;}
.blue { color:#2F4C7D;}


/*リンク設定*/
a:link { color: #0808A5; text-decoration: none; }
a:visited { color: #5f2791; text-decoration: none; }
a:hover { color: #666EC7; text-decoration: none; }
a:active { color: #5f2791; text-decoration: none; }

/*bodyの設定*/
#wrapper { background: url(../img/bg_gradation_re.gif) repeat-x; clear:both; width:100%; padding: 0; margin:0 auto;}
#body_top { clear: both; width:930px; margin:0 auto; padding:0px; background: url(../img/bg_gradation_top.gif)  no-repeat 0 0; text-align:center; /*overflow:hidden;*/}


/*コンテンツの設定*/
#contents_box { clear:both; width:910px;  margin: 0 auto;}



/*メインナビ*/
#main_navi_box { clear:both;  width:910px; height:38px; margin:10px auto 0; padding:0; }
#main_navi_box img { float:left; width:11px; height:38px; margin:0; padding:0; }
#main_navi_box a { display:inline; float:left; width:111px; height:38px;}
#main_navi_box p {text-indent:-9999px; }

#strong:visited { background:url(../img/menu_strong.gif) no-repeat 0 0; width:111px; height:38px;}
#strong:active { background:url(../img/menu_strong.gif) no-repeat 0 0; width:111px; height:38px;}
#strong:link { background:url(../img/menu_strong.gif) no-repeat 0 0; width:111px; height:38px;}
#strong:hover { background:url(../img/menu_strong.gif) no-repeat 0px -38px; width:111px; height:38px;}

#network:visited { background:url(../img/menu_network.gif) no-repeat 0 0; width:111px; height:38px;}
#network:active { background:url(../img/menu_network.gif) no-repeat 0 0; width:111px; height:38px;}
#network:link { background:url(../img/menu_network.gif) no-repeat 0 0; width:111px; height:38px;}
#network:hover { background:url(../img/menu_network.gif) no-repeat 0px -38px; width:111px; height:38px;}

/*サービスを追加*/
#service:visited { background:url(../img/menu_service.gif) no-repeat 0 0; width:111px; height:38px;}
#service:active { background:url(../img/menu_service.gif) no-repeat 0 0; width:111px; height:38px;}
#service:link { background:url(../img/menu_service.gif) no-repeat 0 0; width:111px; height:38px;}
#service:hover { background:url(../img/menu_service.gif) no-repeat 0px -38px; width:111px; height:38px;}

#resuits:visited { background:url(../img/menu_resuits.gif) no-repeat 0 0; width:111px; height:38px;}
#resuits:active { background:url(../img/menu_resuits.gif) no-repeat 0 0; width:111px; height:38px;}
#resuits:link { background:url(../img/menu_resuits.gif) no-repeat 0 0; width:111px; height:38px;}
#resuits:hover { background:url(../img/menu_resuits.gif) no-repeat 0px -38px; width:111px; height:38px;}

#profit:visited { background:url(../img/menu_profit.gif) no-repeat 0 0; width:111px; height:38px; }
#profit:active { background:url(../img/menu_profit.gif) no-repeat 0 0; width:111px; height:38px; }
#profit:link { background:url(../img/menu_profit.gif) no-repeat 0 0; width:111px; height:38px; }
#profit:hover { background:url(../img/menu_profit.gif) no-repeat 0px -38px; width:111px; height:38px;}

#voice:visited { background:url(../img/menu_voice.gif) no-repeat 0 0; width:111px; height:38px;}
#voice:active { background:url(../img/menu_voice.gif) no-repeat 0 0; width:111px; height:38px;}
#voice:link { background:url(../img/menu_voice.gif) no-repeat 0 0; width:111px; height:38px;}
#voice:hover { background:url(../img/menu_voice.gif) no-repeat 0px -38px; width:111px; height:38px;}

#about:visited { background:url(../img/menu_about.gif) no-repeat 0 0; width:111px; height:38px;}
#about:active { background:url(../img/menu_about.gif) no-repeat 0 0; width:111px; height:38px;}
#about:link { background:url(../img/menu_about.gif) no-repeat 0 0; width:111px; height:38px;}
#about:hover { background:url(../img/menu_about.gif) no-repeat 0px -38px; width:111px; height:38px;}

#shoplist:visited { background:url(../img/menu_shoplist.gif) no-repeat 0 0; width:111px; height:38px;}
#shoplist:active { background:url(../img/menu_shoplist.gif) no-repeat 0 0; width:111px; height:38px;}
#shoplist:link { background:url(../img/menu_shoplist.gif) no-repeat 0 0; width:111px; height:38px;}
#shoplist:hover { background:url(../img/menu_shoplist.gif) no-repeat 0px -38px; width:111px; height:38px;}

#blog:visited { background:url(../img/menu_blog.gif) no-repeat 0 0; width:111px; height:38px;}
#blog:active { background:url(../img/menu_blog.gif) no-repeat 0 0; width:111px; height:38px;}
#blog:link { background:url(../img/menu_blog.gif) no-repeat 0 0; width:111px; height:38px;}
#blog:hover { background:url(../img/menu_blog.gif) no-repeat 0px -38px; width:111px; height:38px;}


/*ヘッダーの設定*/
#seo_text { clear:both; width:910px; height:20px; margin:0 auto; padding:0; background-color:#0808A5;}
/*#seo_text h1 { margin:0; padding:2px 0 0 0; font-size:12px; color:#D9D9D9; text-align:center;}*/
#seo_text h1 { margin:0; padding:2px 0 0 0; font-size:12px; color:#D9D9D9; text-align:center; font-weight:bold}
#header_box { clear:both; background:url(../img/jac_logo.gif) no-repeat 0 0; margin:0 auto; padding:0px; width:910px; height:82px; }
/*#header_box h2 {float:left; width:400px; height:82px; text-indent:-9999px; }*/
#header_box h2 {float:left; width:500px; height:82px; text-indent:-9999px; }
/*#header_box p {float:right; background:url(../img/header_tel.gif) no-repeat 0 0; width:460px; height:82px; text-indent:-9999px; }*/
#header_box p {float:right; background:url(../img/header_tel.gif) no-repeat 0 0; width:360px; height:82px; text-indent:-9999px; }


/*フッターの設定*/
#jac_footer { background:url(../img/copyright.gif) no-repeat 0 0; clear:both; width:910px; height:35px; margin:20px auto 0;}
#jac_footer p { text-align:right; margin:0; padding:8px 15px 0 0px; color:#FFFFFF;}
#jac_footer a:link { color: #FFFFFF; text-decoration: none; }
#jac_footer a:visited { color: #FFFFFF; text-decoration: none; }
#jac_footer a:hover { color: #FFFFFF; text-decoration:underline}
#jac_footer a:active { color: #FFFFFF; text-decoration: none; }

/*フッターサイトマップの設定*/
#footer_map { clear:both; margin:0 auto; padding:10px 0 0 0; width:910px; text-align:center;}
/*#footer_map h2 { font-size:12px; line-height:120%; margin:0 0 10px 0 ; padding:0; color:#999999; text-align:center;}*/
#footer_map h2 { font-size:12px; line-height:120%; margin:0 0 10px 0 ; padding:0; color:#999999; text-align:center; font-weight:bold;}
#footer_map a:link { color: #2F4C7D; text-decoration: none; }
#footer_map a:visited { color: #2F4C7D; text-decoration: none; }
#footer_map a:hover { color: #2F4C7D; text-decoration:underline}
#footer_map a:active { color: #2F4C7D; text-decoration: none; }

