@charset "UTF-8";

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

/* note : CSS Design */
/* SITE NAME : ???? Website */
/* DATE : 2011.00.00 */
/* URL : http://www.?????? */
/* COPYRIGHT : ????. Allrights reserved */

/* ================================================ */
/* CSS index */
/* ================================================ */
/* 01 Layout Size */
/* 02 Background */
/* 03 Header */
/* 04 Global navi */
/* 05 Main */
/* 06 Contents */
/* 07 Side */
/* 08 Footer */
/* 09 Basic Text */
/* 10 Text Decoration */
/* 11 Parts Decoration */
/* 12 Table Style */
/* ================================================ */

/* ------------------------------------------------ */
/* 01 Layout Size */
/* ------------------------------------------------ */
#header,
#globalnavi,
#page_top,
#footer {
	width: 960px;
}
#wrapper {
	width: 970px;
}
/* ------------------------------------------------ */
/* 02 Background */
/* ------------------------------------------------ */
body {
	background-image: url(../images/common/body_bg.jpg);
	background-repeat: repeat-x;
}

#header {
	background-image: url(../images/common/header_bg.jpg);
	background-repeat: no-repeat;
}

#wrapper {
	background-image: url(../images/common/wrapper_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 800px;
	padding: 5px 4px 0 5px;
}
#wrapper:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#global_wrapper {
	background: url(../images/common/global_bar.gif) repeat-x center center;
	height: 38px;
}

#page_top_wrapper {
	background: url(../images/common/bg_foot_top.gif) repeat-x center top;
}

#footer_wrapper {
	background-color: #E97994;
	clear: both;
}

/* ------------------------------------------------ */
/* 03 Header */
/* ------------------------------------------------ */
#header { position: relative; height: 105px; }
#header:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#head_search {
	color: #FFF;
	width: 350px;
	left: 370px;
	top: 43px;
	position: absolute;
	height: 20px;
	text-align: right;
	font-size: 12px;
}
#head_search img {
	vertical-align: bottom;
}
#head_search a {
	color: #FFF;
	text-decoration: none;
}
#head_search a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#head_search input {
border: 1px #999 solid;
padding: 1px;
}

/* logo mark */
#logo { 
	position: absolute;
	top: 0;
	left: 1px;
}
#logo a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#desc {
	color: #FFF;
	padding-top: 5px;
	position: absolute;
	top: 5px;
	right: 0;
}

#header .link {
	background-image: url(../images/common/header_link.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 87px;
	right: 9px;
	width: 500px;
}
#header .link ul {
	padding-left:25px;
}

#header .link ul li { 
	float: left;
	padding: 3px 20px 0 0px;
}
#header .link ul li a {
	color: #333333;
	text-decoration: none;
	background-image: url(../images/common/link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#header .link ul li a:hover { color: #FF0000; }

/* font size */
#font-size {
	background-image: url(../images/common/header_lswitch.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 43px;
	right: 0;
	height: 33px;
	padding-top: 8px;
	padding-left: 30px;
	width: 200px;
}

#font-size li a {
	display:block;
	width: 20px;
	height: 19px;
}

#font-size .fontS a {
	position:absolute;
	top:7px;
	left:120px;
	background-image: url(../images/common/btn_s_off.jpg);
}

#font-size .fontM a {
	position:absolute;
	top:7px;
	left:150px;
	background-image: url(../images/common/btn_m_off.jpg);
}

#font-size .fontL a {
	position:absolute;
	top:7px;
	left:180px;
	background-image: url(../images/common/btn_l_off.jpg);
}

#font-size .fontS a:hover {
	background-image: url(../images/common/btn_s_on.jpg);
}

#font-size .fontM a:hover {
	background-image: url(../images/common/btn_m_on.jpg);
}

#font-size .fontL a:hover {
	background-image: url(../images/common/btn_l_on.jpg);
}

/* ------------------------------------------------ */
/* 04 Global navi */
/* ------------------------------------------------ */
ul#globalnavi { clear: both; }
ul#globalnavi li a {
	height: 48px;
}

ul#globalnavi li.navi01 a {
	background: url(../images/common/globalnavi.jpg) no-repeat 0px 0px;
	width: 124px;
}

ul#globalnavi li.navi01 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat 0px -48px;
}

ul#globalnavi li.navi02 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -124px 0px;
	width: 102px;
}

ul#globalnavi li.navi02 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -124px -48px;
}

ul#globalnavi li.navi03 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -226px 0px;
	width: 142px;
}

ul#globalnavi li.navi03 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -226px -48px;
}

ul#globalnavi li.navi04 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -368px 0px;
	width: 172px;
}

ul#globalnavi li.navi04 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -368px -48px;
}

ul#globalnavi li.navi05 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -540px 0px;
	width: 129px;
}

ul#globalnavi li.navi05 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -540px -48px;
}

ul#globalnavi li.navi06 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -669px 0px;
	width: 165px;
}

ul#globalnavi li.navi06 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -669px -48px;
}

ul#globalnavi li.navi07 a {
	background: url(../images/common/globalnavi.jpg) no-repeat -834px 0px;
	width: 126px;
}

ul#globalnavi li.navi07 a:hover {
	background: url(../images/common/globalnavi.jpg) no-repeat -834px -48px;
}

/* ------------------------------------------------ */
/* 05 Main */
/* ------------------------------------------------ */
#main {
	padding: 0px 0px 50px;
}

/* main image */
#main_img {
	background-color: #fff;
	width: 960px;
	margin: 0 auto 40px;
	padding: 10px 0;
}
/* slider */
#slideshow {
	position:relative;
	width:900px;
	height:400px;
	overflow: hidden;
	margin: 15px auto;
	top: 15px;
}
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

#slideshow2 {
	position:relative;
	width:959px;
	height:100px;
	overflow: hidden;
	margin: 0 auto;
	top: 15px;
}
#slideshow2 img { position:absolute; top:0; left:0; z-index:8; }
#slideshow2 img.active { z-index:10; }
#slideshow2 img.last-active { z-index:9; }

/* top information */
#info {
	width: 420px;
	background: url(../images/top_info_frame_body.gif) no-repeat center top;
}

#info ul {
	margin: 20px;
}

#info ul li {
	margin-bottom: 0.6em;
}

#info_inner {
	padding: 25px 25px 0px;
}

#info_foot {
	background: url(../images/top_info_frame_bottom.gif) no-repeat center top;
	height: 20px;
	width: 420px;
}

/* pickup-free */
#pickup {
}

/* information index item */
dl#item_index {
	padding: 20px;
}
dl#item_index dt {
	margin: 0px 0px 3px;
	padding: 5px 0px;
	background: url(../images/common/line.gif) repeat-x 0px bottom;
	font-size: 1.2em;
}
dl#item_index dd {
	margin: 0px 0px 15px;
	padding: 0px 0px 5px;
}

/* ------------------------------------------------ */
/* 06 Contents */
/* ------------------------------------------------ */
.mainimg02 { margin-top: 10px; }
#contents_r,
#contents_l {
	width: 650px;
}
#contents_r h3,
#contents_l h3 {
	color: #FFF;
	background: url(../images/common/bg_foot.gif);
	padding: 5px;
}
.column01 {
	width:670px;
	margin: 0 15px;
}
ul.list01 { margin: 10px; }
ul.list01 li {
	background-image: url(../images/common/list_arrow.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-left: 15px;
	background-position: left center;
}
ul.list01 li a { color: #0033CC; } 
.column01 .img_L { pading-right: 15px; margin-right: 10px;}
.inner h2 { clear: both; }
.inner .img_L { margin-right: 20px; }
.inner ol { margin-left: 250px; }
.inner ol li {
	margin-bottom: 10px;
	list-style-type: decimal;
}
.column02 {
	width:250px;
}
.column03 {
	width:315px;
	margin: 0px 20px 10px 0px;
}
.column04 {
	width:315px;
	margin: 0px 0px 10px 0px;
}
/* title */
.page_title {
	background: url(../images/common/line_bold.gif) repeat-x 0px bottom;
	padding: 10px 0px;
	margin-bottom: 20px;
	clear: both;
}
.page_title h2 {
	background: url(../images/common/icon_green_circle.gif) no-repeat left center;
	padding-left: 20px;
	color: #546F31;
	letter-spacing: 0.2em;
}
/* page top */
.p-top {
	padding: 15px 0px;
}
#page_top {
 text-align: right;
 padding-top: 30px;
 height: 22px;
 width: 950px;
}

#page_top a {
 color: #FFF;
 text-decoration: none;
 padding: 5px 10px;
 background: #222;
 font-size: 12px;
}
#page_top a:hover {
	color: #999;
}

/* sitemap */
dl#sitemap {
	padding: 20px;
}
dl#sitemap dt {
	margin: 10px 0px;
	padding: 5px 0px 5px 20px;
	background: url(../images/common/icon_arrow_green.gif) no-repeat 0px center;
	font-weight: bold;
}
dl#sitemap dd {
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 40px;
	background: url(../images/common/icon_arrow_orange.gif) no-repeat 20px center;
}
/* ------------------------------------------------ */
/* 07 Side */
/* ------------------------------------------------ */
.ttl {
	vertical-align: bottom;
	margin-top: 10px;
}
#sidemenu {
	background-color: #FBD4DA;
	display: block;
	padding: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
}
#sidemenu li {
	background-color: #FFFFFF;
	margin: 2px;
}
#sidemenu li a {
	background-image: url(../images/common/side_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	vertical-align: middle;
	color: #333;
	text-decoration: none;
	display: block;
}
#sidemenu li a:hover { color:#FF3300; } 

#side_r,
#side_l {
	width: 220px;
}

#side_r h4,
#side_l h4 {
	background: url(../images/common/bg_foot.gif);
	color: #FFF;
	padding: 4px;
	margin: 5px 0px 10px;
	font-size: 1em;
}
#side_r h4 a,
#side_l h4 a {
	color: #FFF;
	text-decoration: none;
}
#side_r h4 a:hover,
#side_l h4 a:hover {
	color: #F30;
	text-decoration: none;
}
#side_l ul,
#side_r ul {
	background: url(../images/common/line.gif) repeat-x 0px 0px;
	margin-bottom: 10px;
}

#side_l ul li,
#side_r ul li {
	background: url(../images/common/line.gif) repeat-x 0px bottom;
	padding: 10px 5px;
}
#side_l ul li a,
#side_r ul li a {
	text-decoration: none;
	background: url(../images/common/icon_arrow_green.gif) no-repeat 0px center;
	padding-left: 20px;
}
#side_l ul li a:hover,
#side_r ul li a:hover {
	background: url(../images/common/icon_arrow_orange.gif) no-repeat 0px center;
}
#side_navi {
	margin-bottom: 30px;
}

#side_free {
	margin-bottom: 15px;
}

/* ------------------------------------------------ */
/* 08 Footer */
/* ------------------------------------------------ */
#footer { color: #FFF; padding: 25px 0; }

#footer_logo {
	width: 350px;
}

/* footer navi */
#footer_navi {
	border-left: 1px solid #FFF;
	height: 130px;
	float: right;
	width: 600px;
	padding-left: 15px;
	margin-top: 15px;
	padding-top: 10px;
}

#footer_navi ul {
}

#footer_navi ul li {
	width: 160px;
	background-image: url(../images/common/footer_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#footer_navi a {
	color: #FFF;
	text-decoration: none;
}

#footer_navi a:hover {
	color: #FFDBBC;
}

/* copyright */
address { color: #FFF; clear: both; font-size: 14px; margin-top: 15px; font-weight: normal; }

/* ------------------------------------------------ */
/* 09 Basic Text */
/* ------------------------------------------------ */
html {
	font-size: 12px;
}

h1 {
}

h2 {
	font-size: 18px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/common/h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	padding-left: 25px;
	color: #333333;
	margin-bottom: 15px;
}

h3 {
	font-size: 14px;
	line-height: 35px;
	color: #FFFFFF;
	background-image: url(../images/common/h3.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	height: 35px;
	width: 670px;
	padding-left: 15px;
	margin-top: 15px;
	}

h4 {
	color: #FF0000;
	margin: 10px 0;
}

h5 {
	font-size: 16px;
	color: #FF6600;
	margin-bottom: 10px;
}

h6 {
}

p {
}

a {
	color: #546F31;
	text-decoration: underline;
}

a:hover {
	color: #F60;
	text-decoration: none;
}

/* ------------------------------------------------ */
/* 10 Text Decoration */
/* ------------------------------------------------ */
.date {
	color: #F30;
}

.txt_small {
	font-size: smaller;
}

.txt_left {
	text-align: left;
}

.txt_right {
	text-align: right;
}

.txt_center {
	text-align: center;
}

.txt_green {
	color: #546F31;
}

.txt_red {
	color: #F00;
}

.txt_black {
	color: #000;
}

.txt_white {
	color: #FFF;
}

/* ------------------------------------------------ */
/* 11 Parts Decoration */
/* ------------------------------------------------ */
/* line */
.line_green {
	padding-top: 15px;
	background: url(../images/common/line_bold.gif) repeat-x 0px bottom;
}

/* background */
.bg_green {
	background: #F69;
	color: #FFF;
}

.bg_red {
	background: #C00;
	color: #FFF;
}

.bg_orange {
	background: #FB9400;
	color: #FFF;
}

.bg_yellow {
	background: #F5B200;
}

.bg_black {
	background: #333;
	color: #FFF;
}

.bg_white {
	background: #FFF;
}

.bg_gray-light {
	background: #E7E7E7;
}

.bg_gray-dark {
	background: #666;
	color: #FFF;
}

/* ------------------------------------------------ */
/* 12 Table Style */
/* ------------------------------------------------ */
table.tbl_style01 {	border-collapse: collapse;

}

table.tbl_style01 tr th {
	background-color: #FFD0D0;
}

table.tbl_style01 tr td {
	background-color: #ECF3FF;
}

table.tbl_style01 tr th a {
}

table.tbl_style01 tr th a:hover {
}

table.tbl_style01 tr th,
table.tbl_style01 tr td {
	border: 2px solid #BBBBBB;
	padding: 6px;
	text-align: center;
}

table.tbl_style01 ul,
table.tbl_style01 ul li {
}

table.tbl_style02 {
	background: #FFF;
	border: 1px solid #CCC;
	height: 260px;
}

table.tbl_style02 tr th {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
	background: #E9F5E1;
	height: 40px;
	text-align: left;
	vertical-align: middle;
}

table.tbl_style02 tr th,
table.tbl_style02 tr td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

table.tbl_style03 {
	margin-bottom: 10px;
}

table.tbl_style03 tr th {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}

table.tbl_style03 tr th,
table.tbl_style03 tr td {
	padding: 5px;
}

table.tbl_style04 {
	background: #FFF;
	margin: 0px auto 10px;
	width: 100%;
	border-top: 1px solid #546F31;
	border-left: 1px solid #546F31;
}

table.tbl_style04 tr th {
	font-weight: bold;
	color: #022316;
	white-space: nowrap;
	background: #B5CEAB;
}
table.tbl_style04 tr th.bg_gray {
	color: #333;
	white-space: nowrap;
	background: #E7E7E7;
}

table.tbl_style04 tr th,
table.tbl_style04 tr td {
	padding: 20px;
	text-align: center;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.tbl_style05 {
	background: #FFF;
	margin: 0px auto 10px;
	width: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

table.tbl_style05 tr th {
	color: #333;
	padding: 20px;
	white-space: nowrap;
	background: #E7E7E7;
	white-space: nowrap;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.tbl_style05 tr td {
	padding: 20px;
	text-align: left;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

.column01 table tr th,.column01 table tr td {padding:5px;}

#side_bnr {
margin-top:15px;
}

#cafe_search {
	background-color: #fff;
	width: 960px;
	margin: 0 auto 40px;
	padding: 10px 0;
}