@charset "utf-8";

/* ==================================================

COEN スタイルシート

================================================== */

/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */

/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	background-color:#fff;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.fll {
	font-size:150%;
	line-height:130%;
	
}
.flll {
    color:#a9a9a9;
	font-size:200%;
	line-height:200%;
	letter-spacing: 0.5em;
	text-align:center;
}
.fllll {
	font-weight:bold;
    color:#969696;
	font-size:140%;
	line-height:200%;
	letter-spacing: 0.1em;
	text-align:center;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#646464;
	text-decoration:none;
}
a:hover,
a:active {
	color:#646464;
	text-decoration:underline;
}

br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}
.header {
	background-color:#323232;
	height:70px;
}
.header .top-menu {
	width:900px;
	margin:0 auto;
	padding-top:32px;
	text-align:left;
}
.header .top-menu .top-menu-l {
	float:left;
	width:400px;
}
.header .top-menu .top-menu-r {
	float:right;
	width:500px;
	text-align:right;
	padding-top:7px;
}
.main {
	width:900px;
	margin:0 auto;
	text-align:left;
}
.title-area {
	height:65px;
	background-color:#fff;
}
.title-area h1 {
	width:560px;
	float:left;
}
.title-area .page-navi {
	width:230px;
	float:right;
}
.title-area .page-navi p {
	margin:30px 10px 0 0;
	text-align:right;
}
.title-area .page-navi p a {
	color:#646464;
}
.bottom-link {
	margin:50px 0 10px;
	text-align:center;
}
.footer {
	background-color:#ffffff;
	height:100px;
}
.footer .top-menu {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
}
.footer .top-menu .top-menu-l {
	float:left;
	width:400px;
}
.footer .top-menu .top-menu-l p {
	color:#969696;
	padding-bottom:3px;
	font-size:11px !important;
	line-height:13px !important;
}
.footer .top-menu .top-menu-l a {
	color:#fff;
}
.footer .top-menu .top-menu-r {
	float:right;
	width:500px;
	text-align:right;
}
.normal-left {
	float:left;
	width:150px;
}
.normal-left .genru_select li.last {
	padding-top:3px;
}
.normal-left .genru_select li.top {
	margin-bottom:3px;
}
.normal-right {
	float:right;
	width:709px;
}

/* トップページ
--------------------------------------------------------------------*/
#top .top-main-area {
	width:900px;
	margin:0 auto;
	text-align:left;
	padding:50px 0;
}
#top .top-menu .top-menu-l {
	float:left;
	width:400px;
}
#top .top-menu .top-menu-l p {
	color:#b2b2b2;
	padding-bottom:3px;
	font-size:11px !important;
	line-height:13px !important;
}
#top .top-menu .top-menu-l a {
	color:#525252;
}
#top .top-menu .top-menu-l img {
	margin-bottom:5px;
}
#top .top-menu .top-menu-r {
	float:right;
	width:500px;
	text-align:right;
}
#top .top-flash {
	padding:7px 0;
}
#top .top-space {
	padding-top:9px;
}

/* News
--------------------------------------------------------------------*/
#news .left-area {
	float:left;
	width:150px;
}
#news .left-area .top-line {
	padding-bottom:5px;
}
#news .left-line {
	padding:2px 0 4px;
}
#news .left-area .entry p {
	padding:1px 0;
}
#news .left-area .entry a {
	color:#646464;
}
#news .left-area .entry p.days {
	color:#c4c5ba !important;
}
#news .right-area {
	float:right;
	width:730px;
}
#news .right-area .line {
	border:solid 1px #dcdcdc;
}
#news .right-area .line-i {
	width:670px;
	margin:0 auto;
}
#news .right-area .photo {
	float:left;
	width:300px;
}
#news .right-area .photo-r {
	float:right;
	width:350px;
}
#news .right-area .entry {
	padding:30px 0;
}
#news .right-area .photo2 {
	margin-top:10px;
}
#news .right-area .entry .text {
	padding-top:10px;
}
#news .right-area .page-change {
	padding-bottom:30px;
}
#news .right-area .page-change .back {
	float:left;
	width:275px;
	text-align:right;
}
#news .right-area .page-change .next {
	float:right;
	width:275px;
}

/* Styling
--------------------------------------------------------------------*/
#styling .left-area {
	float:left;
	width:150px;
}
#styling .left-area .top-line {
	padding-bottom:5px;
}
#styling .left-area .entry p {
	padding:1px 0;
}
#styling .left-area .entry a {
	color:#646464;
}
#styling .left-area .entry p.days {
	color:#c4c5ba !important;
}
#styling .left-line {
	padding:2px 0 4px;
}
#styling .right-area {
	float:right;
	width:710px;
}
#styling .flash {
	margin:0 0 10px;
}
#styling .right-area .page-change .back {
	float:left;
	width:262px;
	text-align:right;
	margin-top:40px;
}
#styling .right-area .page-change .next {
	float:left;
	width:198px;
	margin-left:100px;
	margin-top:40px;
}
#styling .right-area .page-change .shoplist {
	float:right;
	width:150px;
	margin-top:10px;
}
#styling .right-area .page-change .shoplist p {
	padding-top:5px;
}

/* Shoplist
--------------------------------------------------------------------*/
.area-select {
	padding-bottom:20px;
}
.area-select .map {
	float:left;
	width:325px;
}
.area-select .list {
	float:right;
	width:350px;
}
.area-select h2 {
	margin-bottom:5px;
}
.area-select .shop p {
	padding:1px 0;
}
.area-select .shop img {
	vertical-align:middle;
}
.area-select .shop img.next {
	margin-left:5px;
}
.area-select .shop .line {
	margin:5px 0;
}
.area-select .mark-info {
	padding:5px 0 8px;
}
.area-select .mark-info img {
	vertical-align:-2px;
	margin-right:3px;
}
.area-select .mark-info-u {
	padding-bottom:5px;
}


/* Shoplist 下層
--------------------------------------------------------------------*/
#shop {
	width:510px;
	margin:0 auto;
	text-align:left;
}
#shop .shop-top .logo {
	float:left;
}
#shop .shop-top .logo img {
	margin:35px 0 15px 0;
}
#shop .shop-top .logo-r {
	float:right;
	width:350px;
	text-align:right;
}
#shop .shop-top .logo-r img {
	margin:15px 20px 0 0;
}
#shop .map-area {
	margin:0 0 20px 0;
}
#shop #map {
	width:480px;
	height:344px;
	margin:0 auto;
}
#shop .shop-name {
	padding-bottom:5px;
}
#shop .shop-name h2 {
	font-weight:bold;
	margin-bottom:2px;
}
#shop .shop-date {
	width:510px;
	margin:0 auto;
}
#shop .mark {
	margin-bottom:3px;
}
#shop .shop-date .date-left {
	float:left;
	width:274px;
}
#shop .shop-date .date-right {
	float:right;
	width:274px;
}
#shop table th {
	color:#c4c3bc;
	font-size:85%;
	line-height:120%;
	padding-top:3px;
}
#shop table th div {
	padding:6px 5px 6px 0;
}
#shop table td div {
	padding:6px 5px 6px 10px;
}
#shop .print {
	margin:30px 0;
	text-align:center;
}

/* Shoplist(Mobile)
--------------------------------------------------------------------*/
#shop-mobile {
	width:500px;
	margin:0 auto;
	text-align:left;
}
#shop-mobile .mobile-top .logo {
	float:left;
	width:250px;
}
#shop-mobile .mobile-top .logo img {
	margin:20px 0 0 25px;
}
#shop-mobile .mobile-top .logo-r {
	float:right;
	width:250px;
	text-align:right;
}
#shop-mobile .mobile-top .logo-r img {
	margin:15px 25px 0 0;
}
#shop-mobile .mobile-main {
	width:450px;
	margin:0 auto;
}
#shop-mobile .line {
	margin:10px 0;
}
#shop-mobile .shop-name {
	padding-bottom:5px;
}
#shop-mobile .shop-name h2 {
	font-weight:bold;
	margin-bottom:2px;
}
#shop-mobile .qr-code {
	margin:20px 0 10px;
	text-align:center;
}
#shop-mobile .url {
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
}
#shop-mobile .box {
	margin-top:20px;
	border:solid 1px #dcdcdc;
	padding:7px 10px;
}
#shop-mobile .box .title {
	color:#cc6733;
	font-weight:bold;
	margin-bottom:3px;
}
#shop-mobile .print {
	margin:30px 0;
	text-align:center;
}

/* Catalog
--------------------------------------------------------------------*/
#catalog {
	width:950px;
	margin:0 auto;
	text-align:left;
}
#catalog .catalog-top .logo {
	float:left;
	width:450px;
}
#catalog .catalog-top .logo img {
	margin:20px 0 15px 20px;
}
#catalog .catalog-top .logo-r {
	float:right;
	width:500px;
	text-align:right;
}
#catalog .catalog-top .logo-r img {
	margin:20px 30px 0 0;
}
#catalog .flash-area .backnumber {
	margin:4px 0 5px 22px;
}
#catalog .flash-area .web_catalog {
	margin:0 0 5px 10px;
}
#catalog .flash-area .flash-l {
	float:left;
	width:110px;
}
#catalog .flash-area .flash-l .waku-l {
	background:url(../catalog/img/lm_back.gif) no-repeat 16px 0;
	height:294px;
}
#catalog .flash-area .flash-l .photo-l {
	padding:5px 0 10px 22px;
}
#catalog .flash-area .flash-r {
	float:right;
	width:840px;
}
#catalog .flash-area .flash-r .waku-r {
	background:url(../catalog/img/flash_back.gif) no-repeat;
	height:581px;
}
#catalog .flash-area .flash-r .flash {
	padding:5px 0 0 10px;
}
#catalog .catalog-bottom {
	text-align:center;
	padding:5px 0 30px;
}

/* Mobile
--------------------------------------------------------------------*/
#mobile {
	width:500px;
	margin:0 auto;
	text-align:left;
}
#mobile .mobile-top .logo {
	float:left;
	width:250px;
}
#mobile .mobile-top .logo img {
	margin:20px 0 0 25px;
}
#mobile .mobile-top .logo-r {
	float:right;
	width:250px;
	text-align:right;
}
#mobile .mobile-top .logo-r img {
	margin:15px 25px 0 0;
}
#mobile .mobile-main {
	width:450px;
	margin:0 auto;
}
#mobile .line {
	margin:10px 0;
}
.line1 {
	margin:10px 0;
}
#mobile .copy {
	margin-bottom:5px;
}
#mobile .qr-code {
	margin:30px 0px 50px 0px;
	text-align:center;
}
#mobile .print {
	margin:30px 0;
	text-align:center;
}
#mobile .kome {
	padding-top:2px;
}
/* Recruit
--------------------------------------------------------------------*/
#recruit .copy {
	margin-bottom:5px;
}
#recruit h2 {
	padding-bottom:7px;
}
#recruit h2.next {
	padding-top:50px;
}
#recruit .line {
	padding:30px 0 20px;
}
#recruit .about-area .photo {
	float:left;
	width:180px;
}
#recruit .about-area .photo-r {
	float:right;
	width:509px;
}

/* Guideline
--------------------------------------------------------------------*/
#guideline h2 {
	padding-bottom:3px;
}
#guideline h2.next {
	padding-top:50px;
}
#guideline table {
	width:570px;
}
#guideline table th {
}
#guideline table th div {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:6px 5px 6px 24px;
}
#guideline table td div {
	padding:6px 5px 6px 10px;
}
#guideline .entry {
	margin-top:5px;
	text-align:right;
}
#guideline table.last {
	margin-bottom:50px;
}

/* Work
--------------------------------------------------------------------*/
#work .work {
	padding:5px 0 10px;
}
#work table td.top {
	background-color:#f3f3f1;
}
#work table th div {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:6px 5px 6px 24px;
	font-weight:bold;
}
#work table td div {
	padding:6px 5px 6px 10px;
}
#work .red {
	color:#cc6600;
}

/* Entry
--------------------------------------------------------------------*/
#entry h2 {
	padding-bottom:3px;
}
#entry .red {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:6px 5px 6px 24px;
	color:#cc6600;
}
#entry .red2 {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:0px 5px 6px 24px;
	color:#cc6600;
}
#entry .entry-dl {
	margin:7px 0;
}
#entry .line {
	margin:10px 0;
}
#entry .access {
	margin:5px 0;
}
#entry table {
	margin:10px 0;
}
#entry table th div {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:6px 5px 6px 24px;
}
#entry table td div {
	padding:6px 5px 6px 10px;
}
#entry table td .kome {
	padding-top:2px;
}
#entry .entry {
	margin-top:5px;
	text-align:right;
}
#entry table.last {
	margin-bottom:50px;
}
#entry .normal-right {
	padding-bottom:30px;
}

/* Qanda
--------------------------------------------------------------------*/
#qanda h2 {
	padding-bottom:5px;
}
#qanda h3.top {
	padding-bottom:5px;
	padding-top:20px;
}
#qanda h3.next {
	padding-bottom:5px;
	padding-top:50px;
}
#qanda p.q {
	padding:3px 0 3px 30px;
	background:url(../recruit/img/qanda/q.gif) no-repeat 0 3px;
	font-weight:bold;
}
#qanda p.a {
	padding:3px 0 3px 30px;
	background:url(../recruit/img/qanda/a.gif) no-repeat 0 3px;
}
#qanda .line {
	margin:5px 0;
}
#qanda .normal-right {
	padding-bottom:30px;
}

/* Company Profile
--------------------------------------------------------------------*/
#company .profile {
	padding-bottom:100px;
}
#company table {
	width:570px;
}
#company table th {
}
#company table th div {
	background:url(../common/arrow_1.gif) no-repeat 10px 11px;
	padding:6px 5px 6px 24px;
}
#company table td div {
	padding:6px 5px 6px 10px;
}
#company .access {
	margin-top:5px;
}