@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------
基本設定
------------------------------------------------------- */
body{
	font-family: ヒラギノ, "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	font-size:12px;
	line-height:1.50;
	color:#666666;
}

#wrapper{
	width:100%;
	margin:0 auto auto;
}

/* メインリンク色---------------- */
a:link{color:#2996cc; text-decoration:none;}
a:visited{color:#2996cc; text-decoration:none;}
a:hover{color:#2996cc; text-decoration:underline;}
a:active{color:#2996cc; text-decoration:underline;}


/* 各種設定-------------------*/
.ln200{
	background:url(/common/img/line_200.gif) no-repeat bottom;
}

.ln660{
	background:url(/common/img/line_660.gif) no-repeat bottom;
}


/*-------------------------------------------------------
ヘッダー
------------------------------------------------------- */

/* タグライン---------------- */
#tagline{
	width:100%;
	height:40px;
	background:url(../common/img/bg_tagline.gif) repeat-x;
}
#tagline h1{
	font-size:12px;
	color:#333333;
	padding:7px 0 0 10px;
	font-weight:normal;
}

/* ヘッダー */
#headerBg{
	width:100%;
	height:auto;
	border-bottom:5px solid #f34981;
}

#header{
	width:900px;
	height:95px;
	margin:0 auto 0 auto;
}
#header #logo{
	width:215px;
	padding:20px 0 0 0;
	float:left;
	overflow:hidden;
}
#header .naviBox{
	width:685px;
	float:left;
	overflow:hidden;
}
#header .naviBox .contactBox{
	text-align:right;
}
#header .naviBox .contactBox li{
	padding:7px 0 0 0;
}
#header .naviBox .globalNavi{
	text-align:right;
	padding:10px 0 0 0;
}
#header .naviBox .globalNavi li{
	display:inline;	
}

/*-------------------------------------------------------
メインコンテンツ
------------------------------------------------------- */

/* コンテンツ---------------------*/

#contents{
	width:900px;
	margin:0 auto 0 auto;
}
.topMargin20{
	padding:20px 0 0 0;
}

/*-------------------------------------------------------
レフとコンテンツ
------------------------------------------------------- */

#contents #left{
	width:660px;
	padding:20px 20px 0 0;
	float:left;
	overflow:hidden;
}

/*-------------------------------------------------------
ライトコンテンツ
------------------------------------------------------- */

#contents #right{
	width:220px;
	float:left;
	overflow:hidden;
}

/* ローカルナビ---------------------*/

#contents #right .localNavi li{
	margin:0 0 10px 0;
}

#contents #right .localNavi li a{
	width:220px;
	height:80px;
	display:block;
	text-decoration:none;
}
/* ローカルナビ　ロールオーバー設定--------------------- */
#contents #right .localNavi .linkBeginner a:link{
	background:url(../common/img/btn_beginner_off.gif) no-repeat;
}
#contents #right .localNavi .linkBeginner a:visited{
	background:url(../common/img/btn_beginner_off.gif) no-repeat;
}

#contents #right .localNavi .linkBeginner a:hover{
	background:url(../common/img/btn_beginner_on.gif) no-repeat;
}

#contents #right .localNavi .linkBeginner a:active{
	background:url(../common/img/btn_beginner_on.gif) no-repeat;
}

#contents #right .localNavi .linkCareer a:link{
	background:url(../common/img/btn_career_off.gif) no-repeat;
}
#contents #right .localNavi .linkCareer a:visited{
	background:url(../common/img/btn_career_off.gif) no-repeat;
}

#contents #right .localNavi .linkCareer a:hover{
	background:url(../common/img/btn_career_on.gif) no-repeat;
}

#contents #right .localNavi .linkCareer a:active{
	background:url(../common/img/btn_career_on.gif) no-repeat;
}

#contents #right .localNavi .linkLocal a:link{
	background:url(../common/img/btn_local_off.gif) no-repeat;
}
#contents #right .localNavi .linkLocal a:visited{
	background:url(../common/img/btn_local_off.gif) no-repeat;
}

#contents #right .localNavi .linkLocal a:hover{
	background:url(../common/img/btn_local_on.gif) no-repeat;
}

#contents #right .localNavi .linkLocal a:active{
	background:url(../common/img/btn_local_on.gif) no-repeat;
}

/* 角丸ボックス---------------------*/
#contents #right .saBox{
	background:url(../common/img/bg_sa_contents.gif) bottom;
	padding:10px;
	width:200px;
}

/* 店舗紹介---------------------*/
#contents #right .shop{
	padding:0 0 10px 0;
}
#contents #right .shop dl{
	margin:0 0 8px 0;
	padding:0 0 8px 0;
}
#contents #right .shop .end{
	margin:0 0 0px 0;
	padding:0 0 5px 0;
}
#contents #right .shop dt{
	padding:0 0 8px 0;
}
#contents #right .shop dd{
	padding:0 0 0px 0;
	line-height:1.38;
}
#contents #right .shop dd a{
	width:120px;
	padding:0 0 0 10px;
	display:block;
}

#contents #right .shop dd a:link{
	background:url(../common/img/icon_arrow01_off.gif) no-repeat center left;
}
#contents #right .shop dd a:visited{
	background:url(../common/img/icon_arrow01_off.gif) no-repeat center left;
}
#contents #right .shop dd a:hover{
	background:url(../common/img/icon_arrow01_on.gif) no-repeat center left;
}
#contents #right .shop dd a:active{
	background:url(../common/img/icon_arrow01_on.gif) no-repeat center left;
}


/* モバイル版紹介---------------------*/
#contents #right .mobile{
	padding:0 0 10px 0;
}
#contents #right .mobile .qr{
	padding:0 0 10px 0;
	margin:0 0 8px 0;
}

/* 相互リンク */
.link_box01{
	margin:0;
	padding:0;
	width:650px;
}
.link_box02{
	margin:0;
	padding:20px 0 0 0;
	width:650px;
}
.link_box02 dt{
padding:10px 0 0 0;
}
.link_box02 dd{
	padding:0 0 10px 0;
}

.link_img{
	margin:0 10px 10px 0;
	width:88px;
	float: left;
}

/*-------------------------------------------------------
フッター
------------------------------------------------------- */
#contents .gotop{
	width:900px;
	text-align:right;
	padding:30px 0 0 0;
	clear:both;
}

#footer{
}
#footer #footerNaviBg{
	background:url(../common/img/bg_footer.gif) repeat-x;
	width:100%;
	height:100px;
	padding:20px 0 20px 0;
}
#footer #footerNaviBox{
	width:900px;
	margin:0 auto 0 auto;
}
#footer #footerNaviBox .naviBox{
	width:550px;
	padding:0 50px 0 0;
	float:left
}
/* フッターナビ-------------------*/
#footer #footerNaviBox .naviBox .footerNavi{
	padding:0 0 15px 0;
}
#footer #footerNaviBox .naviBox .footerNavi li{	
	display:inline;
	padding:0 10px 0 0px;
	line-height:1.6;
}
#footer #footerNaviBox .naviBox .footerNavi li a{
	padding:0 0px 0 10px;
	
}
#footer #footerNaviBox .naviBox .footerNavi li a:link{
	background:url(../common/img/icon_arrow02_off.gif) no-repeat center left;
}
#footer #footerNaviBox .naviBox .footerNavi li a:visited{
	background:url(../common/img/icon_arrow02_off.gif) no-repeat center left;
}
#footer #footerNaviBox .naviBox .footerNavi li a:hover{
	background:url(../common/img/icon_arrow02_on.gif) no-repeat center left;
}
#footer #footerNaviBox .naviBox .footerNavi li a:active{
	background:url(../common/img/icon_arrow02_on.gif) no-repeat center left;
}

/* フッター店舗リンク-------------------*/
#footer #footerNaviBox .naviBox .shopNavi{
	
}
#footer #footerNaviBox .naviBox .shopNavi li{	
	display:inline;
	padding:0 8px 0 8px;
	border-right:1px solid #cc3366;
}
#footer #footerNaviBox .naviBox .shopNavi .end{
	border:none;
}
#footer #footerNaviBox .naviBox .shopNavi li a:link{
	color:#cc3366;
	text-decoration:none;
}
#footer #footerNaviBox .naviBox .shopNavi li a:visited{
	color:#cc3366;
	text-decoration:none;
}
#footer #footerNaviBox .naviBox .shopNavi li a:hover{
	color:#cc3366;
	text-decoration:underline;
}
#footer #footerNaviBox .naviBox .shopNavi li a:active{
	color:#cc3366;
	text-decoration:underline;
}

/* お問い合わせボックス-------------------*/
#footer #footerNaviBox #contactBox{
	width:300px;
	height:100px;
	background:url(../common/img/bg_foot_contact.gif);
	float:left;
	position:relative;
}
#footer #footerNaviBox #contactBox a{
	display:block;
	position:relative;
	top:68px;
	left:18px;
}

/* コピーライト-------------------*/

#footer #copyBg{
	width:100%;
	background:#f34981;
	padding:10px 0 10px 0;
	clear:both;
}
#footer #copyBox{
	width:900px;
	margin:0 auto 0 auto;
	text-align:center;
}
#footer #copyBox p{
	color:#ffb3cc;
	padding:0 0 4px 0;
}