@charset "utf-8";

/*================================================================
**	 見出し要素スタイリング
**================================================================
** 　※リセットスタイル・レイアウト構成枠
** 　※各IDクラスにはそれぞれスタイルシートがあります
** 　※font-sizeは（leftbar・main・raightbar）のみ80％で指定
*/

/*================================================================
**	 要素スタイリング
**================================================================
** 　※リセットスタイル・レイアウト構成枠
** 　※各IDクラスにはそれぞれスタイルシートがあります
** 　※font-sizeは（leftbar・main・raightbar）のみ80％で指定
*/

*{ margin: 0;}
html,body{ height:100%;margin: 0;padding:0px;}



/* IE6用の文字サイズ指定 */
*{ margin: 0;}


a:link {
	color: #c30004;
	text-decoration:none;
	border-bottom:1px dotted #c30004;
	}
a:visited {
	color: #c30004;
	text-decoration:none;
	border-bottom:1px dotted #c30004;
	}
a:hover {
	color: #9d1f20;
	border-bottom:1px solid #c30004;
	}
a {
	outline-style: none;
	}
a img {
	border: none;
	}


body {
	background-repeat:no-repeat;
	background-position:50% 0%;
	text-align: left;
	margin:0px;
	padding:0px;
	padding-left:0px;
	font-size: 0.7em;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
	}


.clear{ height:10px;clear:both;}

.push{
	height: 120px; /* .push must be the same height as .footer */
}

p.geterror{
	color:red;
	text-align:center;
	font-size:1.5em;
}					

hr{
	height: 1px;
	background-color:#666666;
	color:#666666;
	border:none;
	margin:0px;
	clear:both;
	margin-top:5px;
	margin-bottom:5px;
}

h2{
}

h3{
margin-top:8px;
margin-bottom:5px;
padding-left:2px;
color:#333333;
/*border-bottom:1px solid #9d1f20;*/
width:98%;
font-size: 1.2em;
display:none;
}

h4{
font-size: 1.2em;
}


#wrapper {
	width:990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto ; /* the bottom margin is the negative value of the footer's height */
}

/**+html #wrapper{margin-bottom:250px;}/*IE7 フッターの位置に関係する不思議部分*/

#wrapper:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color:white;
	}
#wrapper {
	zoom: 1;
	}


#header{
position:relative;
top:0px;
	width:990px;
	padding:0px;
	margin:0px auto;
	color:#ffffff;
	height:129px;
	}
#header ul.top_menu{position:relative;top:5px;list-style:none;float:right;margin-right:10px;clear:both;}
#header ul.top_menu li{float:left;}



#header ul.main_menu{position:relative;top:58px;left:3px;list-style:none;float:left;padding-left:0px;width:990px;}


#header ul.main_menu li{float:left;}

#header ul.main_menu li.home a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/home.jpg);}
#header ul.main_menu li.press a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/press.jpg);}
#header ul.main_menu li.profile a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/profile.jpg);}
#header ul.main_menu li.deverop a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/deverop.jpg);}
#header ul.main_menu li.shop a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/shop.jpg);}

#header ul.main_menu li.flyer a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/flyer.jpg);}

#header ul.main_menu li.franchise a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/franchise.jpg);}
#header ul.main_menu li.recruit a{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/recruit.jpg);}
#header ul.main_menu li.contact a{display:block;width:125px;height:45px;padding:0px;background-image:url(../img/main_menu/contact.jpg);}

#header ul.main_menu li.home a:hover{display:block;width:123px;display:block;height:45px;padding:0px;background-image:url(../img/main_menu/home.jpg);}
#header ul.main_menu li.press a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/press.jpg);}
#header ul.main_menu li.profile a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/profile.jpg);}
#header ul.main_menu li.deverop a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/deverop.jpg);}
#header ul.main_menu li.shop a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/shop.jpg);}
#header ul.main_menu li.franchise a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/franchise.jpg);}
#header ul.main_menu li.recruit a:hover{display:block;width:123px;height:45px;padding:0px;background-image:url(../img/main_menu/recruit.jpg);}
#header ul.main_menu li.contact a:hover{display:block;width:125px;height:45px;padding:0px;margin:0px;background-image:url(../img/main_menu/contact.jpg);}


#topmenu{
	width:990px;
	padding:0px;
	margin:0px auto;
	background-color:#cef2fb;
	color:#ffffff;
	height:45px;

	}



#mainimg{
	margin-top:20px;
	}

#container{
	margin-top:30px;
	clear:both;
	width:990px;
	padding:0px;
	text-align: left;
	margin-bottom:0px;
	background-color:#fff;
	}




/* 左メニュー部分　*/

#container div.left{
	float:left;
	width:260px;
	margin-left:10px;
display: inline;
	background-color:#fff;
	}



#container div.left p{
	margin-bottom:15px;
	}


#container div.left div.login{
height:125px;
width:260px;
	background-image:url(../img/login.jpg);
	background-repeat:no-repeat;
	padding-bottom:6px;
	color:white;
	padding-top:10px;
	}


#container div.left p.new{
	margin:0px;
	padding:0px;
	}


#container div.left_flier{float:left;width:200px;margin-left:20px;display: inline;background-color:#fff;}
#container div.left_flier dl{margin-bottom:20px;}
#container div.left_flier dt{font-size: 1.4em;margin-bottom:0px;}
#container div.left_flier li{background-color:#f8f8ff;border-bottom:1px solid #cccccc;line-height:1.8em;margin-bottom:5px;}
#container div.left_flier li a{border:none;display:block;}
#container div.left_flier li a:hover{background-color:#f5f5dc;border:none;}

#container div.main_flier{ margin-left:270px;	margin-top:50px;}
#container div.main_flier p.shoptitle{font-size: 1.6em;color:#c30004;padding-left:10px;}
#container div.main_flier table{margin-bottom:20px;}
#container div.main_flier td{margin:0px;padding:15px 3px;background-color:white;}


#container div.main{
	float:right;
	width:710px;
display: inline;
	}

#container div.main div.info {margin-left:20px;margin-bottom:30px;border-bottom:1px solid #ccc;width:650px;padding-bottom:10px;}
#container div.main div.info h1 {}
#container div.main div.info h2 {margin-top:font-size:1.3em;line-height:1em;}
#container div.main div.info p {font-size:1em;padding:2px;}


#container div.main ul.deverop{
	margin:0px 0px 20px 10px;
	font-size:1.1em;
	}

#container div.main ul.deverop li{
	margin:10px 0px 10px 0px;
	}

#container div.main ul.companydata{
	}

#container div.main ul.companydata li{
	margin:10px 0px 10px 0px;
	}


#container div.main div.recruit{
margin-left:20px;
font-size:1.1em;
}
#container div.main div.recruit dl.naiyou dt,dd{
	margin:8px 0px 8px 0px;
	}

#container div.main p{
	margin-left:0px;
	padding:5px;
	}

#container div.main dl {clear: both;}

#container div.main dt {
  clear: left;
  float: left;
  width: 70px;
  height:2em;
  padding-left: 5px;
  color: #000;
}

#container div.main dd {
  float: left;
  height:2em;
  width: 500px;
}

#container div.main img{
	margin-left:0px;
	}

#container div.main img.title{
	margin-top:10px;
	margin-bottom:10px;
	}

#container div.main div.home .left{
	margin-left:0px;
	word-break:break-all;
	word-wrap: break-word;
	float:left;
	width:320px;
	}






#container div.main div.home .right{
	margin-left:16px;
	word-break:break-all;
	word-wrap: break-word;
	float:left;
	width:330px;

	}
#container div.main div.home div.right a,div.left a{border:none;}



#container div.main .right p{
	margin-left:0px;
	}




#container div.main div.home{
	margin-left:20px;

}

#container div.main div.home dl.news{
	margin:0px;
	}
#container div.main div.home dl.news dt{
	margin-bottom:0px;
	}
#container div.main div.home dl.news dd{
	margin-bottom:0px;
	margin-top:0px;
	}


#container div.main div.flanchise,div.condition,div.deverop,div.shopinfo,div.profile,div.privacypolicy,div.sightmap,div.step,div.entry,div.media{
	width:660px;
	margin-left:20px;
}

#container div.deverop,div.media img.top{
	margin-bottom:20px;
}



#container div.main div.condition ul{
	margin-left:20px;
	font-size:1.2em;
}

#container div.main div.deverop ul{
	margin-left:20px;
	font-size:1.2em;
}

#container div.main div.condition li{
list-style-type:decimal;
margin-top:15px;
margin-bottom:15px;
}


/*メディア情報*/
#container div.media ul{
}

#container div.media li{
	border-bottom:1px dotted #cccccc;
	padding-bottom:5px;
	position:relative;
	font-size:1.2em;
}

#container div.media li a{
border:none;
}

#container div.media li a img{
position:absolute;
margin-left:10px;
}



/*会社情報*/
#container div.main div.profile{
padding-bottom:20px;
}
#container div.main div.profile table{
width:580px;
margin:30px auto;
margin-bottom:10px;
}

#container div.main div.profile table th,div.profile table td{
padding:10px;
font-size:1em;
margin:3px;
border:1px solid #dfdfdf;
}
#container div.main div.profile table td{
background-color:#ffffff;
}


/*会社沿革*/


.deverop ul{font-weight:bold;}
.deverop ul li{margin-bottom:10px;}


/*DRF20140827*/

.deverop td{
font-size:14px;
font-weight:bold;
margin:0px;padding:8px 3px;background-color:white;
}

/*エントリー*/
#container div.main div.entry {
padding-bottom:20px;
}
#container div.main div.entry table{
width:580px;
margin:30px auto;
margin-bottom:10px;
border:3px solid #df0202;
}

#container div.main div.entry table th,table td{
background-color:#efefef;
border:none;
padding:15px;
font-size:1.5em;
margin:3px;
border-bottom:1px solid #dfdfdf;
}
#container div.main div.entry table th span{
color:red;
font-size:0.8em;
}
#container div.main div.entry table input,radio,select{
font-size:1.0em;
}



/*ショップインフォメーション*/
#container div.main div.shopinfo{
padding-bottom:20px;
}
#container div.main div.shopinfo table{
width:430px;
}

#container div.main div.shopinfo table th,div.shopinfo table td{
padding:10px;
font-size:1em;
margin:3px;
border:1px solid #dfdfdf;
}
#container div.main div.shopinfo table td{
background-color:#ffffff;
}

/*リクルート*/
#container div.main div.recruit{
padding-bottom:20px;
}
#container div.main div.recruit table{
width:580px;
margin:20px auto;
margin-bottom:10px;
}

#container div.main div.recruit table th,div.recruit table td{
padding:10px;
font-size:1em;
margin:3px;
border:1px solid #dfdfdf;
}
#container div.main div.recruit table td{
background-color:#ffffff;
}



/*お問合わせ*/
#container div.main div.contact{
padding-bottom:20px;
}
#container div.main div.contact table{
width:580px;
margin:30px auto;
margin-bottom:10px;
}

#container div.main div.contact table th,div.contact table td{
padding:15px;
font-size:1em;
margin:3px;
border:1px solid #dfdfdf;
}
#container div.main div.contact table td{
background-color:#ffffff;
}




#footer{
position:relative;bottom: 0;
	margin:0px auto;
	height: 60px; /* .push must be the same height as .footer */
	background-color:#000000;
	background-image:url(../img/back_footer.jpg);
	color:#ffffff;
	text-align: center;
}
#footer p{
	padding-top:20px;
}

.article{margin-top:20px;margin-left:20px;}
.article h2{border-left:5px solid #840607;padding-left:5px;margin-bottom:10px;}
.article small{margin-top:40px;}