@charset "UTF-8";

/* ----------------------------------------------------------------
　　CSS Treeview
---------------------------------------------------------------- */
/*
body
 |__ div#wrap
 	 |__ div#header
 	 |__ div#photo1
 	 |__ div#navi
 	 |__ div#column
 	 |__ div#sidemenu1
 	 |__ div#sidemenu2
 	 |__ div#copyright
*/


/* ----------------------------------------------------------------
　　リセット（共通）
---------------------------------------------------------------- */

html, body, div, span, object, iframe, textarea,
h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li,
table, tr, td {
	margin: 0;
	padding: 0;
}

br {
	letter-spacing: normal;
}


/* ----------------------------------------------------------------
　　全体の設定
---------------------------------------------------------------- */

body {
	font-size :12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #666;
	text-align: center;

	background: #c93;
	-webkit-text-size-adjust: 100%;
}

img {
	border: 0;
	vertical-align: middle;
}


/* ----------------------------------------------------------------
　　文字の設定
---------------------------------------------------------------- */

p,span,table,tr,td,ol,ul,li {
	font-size: 12px;
	color: #666;
	line-height: 150%;
	letter-spacing: 1px;
}

ol {
	list-style-type: decimal;
	margin: 0 0 1.5em 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

h3 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	line-height: 150%;
}


/* ----------------------------------------------------------------
　　文字の設定（共通）
---------------------------------------------------------------- */

p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

p.spacer {
	margin: 0 0 0.5em 0;
	padding: 0;
}

p.spacer2 {
	margin: 0 0 1em 0;
	padding: 0;
}

p.bottom {
	margin: 0 0 2.5em 0;
	padding: 0;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #f69;
	line-height: 150%;

	margin: 0 0 0.5em 0;
	padding: 0;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	color: #09f;
	line-height: 150%;
}

.pink {
	color: #f69;
}

.green {
	color: #693;
}

.brown {
	color: #a52a2a;
}

.blue {
	color: #09f;
}

.indent10 {
	padding-left: 10px;
}

.indent20 {
	padding-left: 20px;
}


/* ----------------------------------------------------------------
　　リンク文字の指定（共通）
---------------------------------------------------------------- */

a {
	color: #09f;
	line-height: 150%;
	letter-spacing: 1px;
}

a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }


/* ----------------------------------------------------------------
　　大枠の設定（共通）
---------------------------------------------------------------- */

#wrap {
	position: relative;
	width: 740px; height: 1250px;
	visibility: visible;
	text-align: center;

	background: #fff;
	background-image: url(./img/bg_simple04.gif);

	border-left: solid #000 1px;
	border-right: solid #000 1px;

	margin: auto;
}


/* ----------------------------------------------------------------
　　ヘッダーの設定（共通）
---------------------------------------------------------------- */

#header {
	position: absolute;
	top: 20px; left: 50px; width: 640px; height: 58px;
	visibility: visible;
	text-align: right;

	background: url(img/header.gif) 0 0 no-repeat;

	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #666;

	padding: 0 3px 10px 3px;
}


/* ----------------------------------------------------------------
　　ナビケーションの設定
---------------------------------------------------------------- */

#navi {
	position: absolute;
	top: 100px; left: 50px; width: 640px; height: 28px;
	visibility: visible;
	text-align: center;

	margin-left: 7px;
	align-items: center;
	justify-content: center;
}

#navi ul#list { background: url(./img/navi03.jpg) no-repeat; height: 28px; }
#navi ul#list li { height: 28px; list-style: none; float: left; text-indent: -9999px; }

#navi ul#list li a { height: 28px; display: block; }
#navi ul#list li#navi1 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi2 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi3 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi4 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi5 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi6 a { width: 85px; padding-right: 5px; }
#navi ul#list li#navi7 a { width: 85px; padding-right: 5px; }

#navi ul#list li#navi1 a:hover { background: url(./img/navi.jpg) 0px -29px no-repeat; }
#navi ul#list li#navi2 a:hover { background: url(./img/navi.jpg) -90px -29px no-repeat; }
#navi ul#list li#navi3 a:hover { background: url(./img/navi.jpg) -180px -29px no-repeat; }
#navi ul#list li#navi4 a:hover { background: url(./img/navi.jpg) -270px -29px no-repeat; }
#navi ul#list li#navi5 a:hover { background: url(./img/navi.jpg) -360px -29px no-repeat; }
#navi ul#list li#navi6 a:hover { background: url(./img/navi.jpg) -450px -29px no-repeat; }
#navi ul#list li#navi7 a:hover { background: url(./img/navi.jpg) -540px -29px no-repeat; }


/* ----------------------------------------------------------------
　　表の設定（メニュー）
---------------------------------------------------------------- */

.left_w {
	width: 300px; height: 15px;
	text-align:left;

	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #fff;
	padding: 2px;
}

.right_w {
	width: 120px; height: 15px;
	text-align: right;

	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #fff;
	padding: 2px;
}

.left_g {
	width: 300px; height: 15px;
	text-align:left;

	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #ddd;
	padding: 2px;
}

.right_g {
	width: 120px; height: 15px;
	text-align:right;

	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #ddd;
	padding: 2px;
}


/* ----------------------------------------------------------------
　　表の設定（システム）
---------------------------------------------------------------- */

.left_style {
	width: 80px; height: 15px;
	text-align: left;
	font-size:10pt;

	border-left: 10px solid #096;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #fff;
	padding: 3px 3px 3px 10px;
}

.right_style {
	width: 280px; height: 15px;
	text-align: left;
	font-size: 10pt;

	border-left: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #666;

	background: #fff;
	padding: 3px 3px 3px 10px;
}


/* ----------------------------------------------------------------
　　表の設定（クーポン）
---------------------------------------------------------------- */

.coupon {
	width: 400px; height: 150px;
	text-align: center;

	border: 3px solid #fd0;
	background: #fff;
	padding: 3px 3px 3px 3px;
}

.coupon_title {
	font-size: 20px;
	font-weight: normal;
	color: #000;
	line-height: 150%;
}

.coupon_limit {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	line-height: 150%;
}


/* ----------------------------------------------------------------
　　記事欄の設定
---------------------------------------------------------------- */

#column {
	position: absolute;
	top: 140px; left: 50px; width: 425px; height: 1000px;
	visibility: visible;
	text-align: justify;

	background: #fff;
	padding: 10px 10px 10px 30px;
	overflow: scroll;
}


/* ----------------------------------------------------------------
　　サイドメニューの設定 
---------------------------------------------------------------- */

#sidemenu1 {
	position: absolute;
	top: 140px; right: 50px; width: 150px; height: 485px;
	visibility: visible;
	text-align: justify;

	background: #fff;
	padding: 10px;
}

#sidemenu2 {
	position: absolute;
	top: 655px; right: 50px; width: 150px; height: 485px;
	visibility: visible;
	text-align: justify;

	background: #fff;
	padding: 10px;
}


/* ----------------------------------------------------------------
　　フッターの設定
---------------------------------------------------------------- */

#copyright {
	position: absolute;
	top: 1175px; left: 50px; width: 640px; height: 30px;
	visibility: visible;
	text-align: center;

	padding: 3px;
}

#copyright ul {
	list-style-type: none;
	padding-bottom: 5px;
}

#copyright li {
	background: url(./img/list_bar.gif) no-repeat;
	background-position: right center;
	padding-left: 5px;
	padding-right: 10px;
	display: inline;
}

#copyright li.right-border{
	background: none;
	display: inline;
	padding-left: 5px;
	padding-right: 10px;
}

#copyright a {
	font-size :13px;
	color: #666;
}

#copyright p {
	font-size :14px;
	color: #666;
}


/* ----------------------------------------------------------------
　　クーポン印刷の設定
---------------------------------------------------------------- */
#printImg {
	display:none;
}