@charset "Shift_JIS";

@import url("common.css");

/* -----------------------------------------------------------
CSS Information  

 File name:     style.css
 Style Info:    三吉寿司様用のCSSです
 				基本設定とコンテンツエリア関係 他
----------------------------------------------------------- */

body{
	background:url(cmn_images/bg.jpg) repeat-x center top;
    background-position: 0 0;
    background-color: #fff;	
    margin: 0;
    font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
    font-size: 0.8em;
    color: #333333;
    line-height: 150%;
    text-align: center;
}

a{ text-decoration:none; }
a:link{ color: #333333; }
a:visited{ color: #333333; }
a:hover{ color: #CC3300; text-decoration:underline; }

p{ line-height: 1.2em; }

.clear{
	clear:both;
	color:#fff;
	margin:0 auto;
	padding:10px;
}

/*clearFix*/
#contents:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/*--------------------------------------------------------
■見出しタグの設定
--------------------------------------------------------*/

h1{
	display: block;
	width: 500px;
	height: 20px;
	font-size: 8.5pt;
	font-weight: normal;
	text-align: right;
	color: #420F0F;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -100px;
	padding: 0 20px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
}


/*--------------------------------------------------------
■サイト全体設定　
--------------------------------------------------------*/
#page {
    text-align: left;
}

#page .area {
    width: 800px;
    margin: 0 auto;
    padding: 0px;
}

#page .area_con {
	background:url(cmn_images/bg_contents.jpg) repeat-y center top;
    width: 780px;
    margin: 0 auto;
    padding: 0px 10px 20px 10px;
	overflow:hidden;
}


/*--------------------------------------------------------
■ヘッダー部分設定　
--------------------------------------------------------*/

#header{
	background: url(cmn_images/bg_header.jpg) repeat-x center top;
	margin:0;
	height: 55px;
}

/*--------------------▽ヘッダーロゴ*/

#header-logo{
	background: url(cmn_images/header.jpg) no-repeat center top;
	margin:0;
	width:800px;
	height: 55px;
}


/*--------------------------------------------------------
■コンテンツ全体（右＆左＆フッター）
--------------------------------------------------------*/


#main{
	margin:0;
	padding:0;
}

/*--------------------▽左側（グローバルメニューなど）*/
#left {
	float: left;
	width: 220px;
}

#left .contents{
	clear:both;
	margin:10px;
	}

/*--------------------▽右側（コンテンツ部分など）*/
#right {
	float: left;
	width: 550px;
}


#right .contents{
	clear:both;
	margin:5px;
}

.topi {
	background:url(index_images/bg_topics.jpg) no-repeat center top;
	width:540px;
	height:250px;
}

.top_t {
	background: url(cmn_images/icon1.jpg) no-repeat left center;
	padding:3px 0px 3px 10px;
	font-size:10pt;
	font-weight:bold;
	color:#650303;}

.b1 {
	background:url(index_images/b1.jpg) no-repeat center top;
	width:180px;
	height:200px;
	float:left;
}

.b2 {
	background:url(index_images/b2.jpg) no-repeat center top;
	width:180px;
	height:200px;
	float:left;
}

.b3 {
	background:url(index_images/b3.jpg) no-repeat center top;
	width:180px;
	height:200px;
	float:left;
}

h3 {
	border-left:10px solid #A75454;
	margin:2px 30px 10px 20px;
	padding: 2px 0px 2px 8px;
	font-size:11pt;
	}

.party {
	background:url(party_images/bg_party.jpg) no-repeat top;
	width:540px;
	height:254px;
	margin:10px auto;
	}
	
.member {
	border:1px solid #F5D1E8;
	padding:5px;
	font-size:10pt;
	width:500px;
}

.coupon {
	background:url(access_images/coupon.jpg) no-repeat top;
	width:510px;
	height:305px;
	margin:10px auto;
	font-size:10pt;
	text-align:left;
}

/*--------------------------------------------------------
■グローバルメニュー（左横メニュー）
--------------------------------------------------------*/
	
div#global-menu{
	margin:0px 0px 0px 18px;
	padding:0px;
	width:175px;
}


div#global-menu li{
	float: left;
	display: block;
	list-style-type: none;
}

div#global-menu li a{
	display: block;
	text-decoration: none;
	width:175px;
	height:50px;
}



/*--------------------------------------------------------
■フラッシュやページ内画像の設定
--------------------------------------------------------*/
div#flaimg{
	background:url(index_images/bg_flaimg.jpg) repeat-x center;
	margin:0px;
	padding:0px;
	height:279px;
	overflow:hidden;
}

div#pageimg_menu{
	background:url(cmn_images/bg_pageimg.jpg) repeat-x center;
	margin:0px;
	padding:0px;
	height:211px;
	overflow:hidden;
}


/*--------------------------------------------------------
■フッター部分
--------------------------------------------------------*/
/*/*--------------------▽フッター部分*/

div#footer{
	clear:both;
	background:url(cmn_images/bg_footer.jpg) repeat-x;
	margin: 0 auto;
	padding:0;
	height: 60px;
	text-align: center;
}

/*/*--------------------▽フッターメニュー部分*/

div#footer-menu{
	text-align: center;
	margin: 0 auto;
	padding-top:5px;
	color:#FFFFFF;
}

div#footer-menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

div#footer-menu li{
	display: inline;
	margin: 0 0.5em 0 0.5em;
	padding-right:0.5em;
	font-size: 9pt;
	border-right: 1px #ccc solid;
	line-height: 14pt;
}

div#footer-menu li#menuLast {
	border-right: none;
}

div#footer-menu a{ text-decoration: none; }
div#footer-menu a:link{ color: #ffffff; }
div#footer-menu a:visited{ color: #ffffff; }
div#footer-menu a:hover{ color: #F57878; text-decoration: underline; }


/*/*--------------------▽Copyright部分*/

div#copyright{
	height:25px;
	color:#FFFFFF;
	padding-top:9px;
}


/*--------------------------------------------------------
■装飾的設定
--------------------------------------------------------*/
/*--------------------▽画像の振り分け*/
.imgL{
	float:left;
	padding:10px;
}

.imgR{
	float:right;
	padding:10px;
}

/*--------------------▽テキストの色*/

.red{ color: #650303!important; }/*赤色*/
.blue{ color: #0000dd!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

/*--------------------▽ページトップへ戻る*/

.link-top{
	clear: both;
	margin: 20px 5px;
	padding: 0px;
	width: 95%;
	font-size: 10pt;
	text-align: right;
}


/*--------------------▽文字の大きさ*/
.b{ font-weight: bold!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }


.under {
		text-decoration:underline;}

.dash {
	border-bottom:1px dashed #E9C7D1;
	padding:3px;
}

.waku {
	border: 1px solid #cccccc;
	padding:4px;
	margin:10px 5px 15px 5px;
	}
 

/*--------------------▽周囲からの距離の指定*/

.p0{ padding: 0px!important; }
.p0-t{ padding-top: 0px!important; }
.p0-r{ padding-right: 0px!important; }
.p0-b{ padding-bottom: 0px!important; }
.p0-l{ padding-left: 0px!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.m80-l{ margin-left: 80px!important; }
.m10{ margin: 10px!important; }

.p150-t{ padding-top: 150px!important; }
.p150-l{ padding-left: 150px!important; }

.p280-l{ padding-left: 280px!important; }