@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
	margin: 0;
	padding: 0;
}

body {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #444444;
	padding: 0px;
	background-image: url(/header/jp/img/bg.gif);
}

h1,h2,h3,h4,h5,h6,strong{
	font-weight: bold;
	font-size: 100%;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* for IE 5.5 */
}

address,em,th,dt{
	font-style: normal;
	font-weight: normal;
}

li{
	list-style: none;
}

q:before,q:after{
	content:'';
}

input, textarea, select{
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 100%;
}

input, select {
	vertical-align: middle;
}

caption,th{
	text-align: center;
}

img { border: none; }


/*-------------------- BODY --------------------*/
body {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #444444;
	padding: 0px;
	background-image: url(/header/jp/img/bg.gif);
}

/*-------------------- CONTAINER --------------------*/
#container{
	width: 966px;
	margin: 0px auto;
}

/*-------------------- HEADER --------------------*/
#header {
	width: 966px;
	height: 86px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background: url(/header/img/hd_bg.jpg) top left no-repeat;
}

/*-------------------- MENU --------------------*/
.menu {
	width: 966px;
	height: 61px;
	margin: 0 auto;
	background: url(/header/img/menu_bg.gif) top center no-repeat;
}

/* MENU_SUBMENU */
.menu_sub {
	width:966px;
	padding: 0 0 5px 0;
	height: auto;
	margin: 0 auto;
	background: url(/header/img/menusub_bg.gif) bottom center no-repeat;
}

/*-------------------- PAN_NAVI --------------------*/
#pannavi{
	width: 957px;
	height: 20px;
	margin: 0px;
	padding: 5px 3px 0px 0px;
	text-align: right;
	font-size: 10px;
}
/*-------------------- MAIN --------------------*/
#main{
	width: 960px;
	margin-bottom: 15px;
	padding: 0px;
}

.main_top {
	margin-top: 15px;
}

/*-------------------- FOOTER_MENU --------------------*/
#footer_menu_box {
	width: 960px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	background-position: top lfet;
}
/*-------------------- FOOTER --------------------*/
#footer {
	width: 960px;
	height: 55px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
/*-------------------- LINK --------------------*/
A:link{
	color: #74A400;
	text-decoration: underline;
}

A:visited{
	color: #744B38;
	text-decoration: underline;
}

A:active{
	color: #74A400;
	text-decoration: underline;
}

A:hover{
	color: #4E7E00;
	text-decoration: none;
}

/*-------------------- FONT --------------------*/
/*TEXT SMALL*/
.small{
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.small_b{
	font-weight: bold;
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.small_t{
	font-size: 10px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*TEXT MEDIUM*/
.medium{
	font-size: 12px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.medium_b{
	font-weight: bold;
	font-size: 12px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*TEXT LARGE*/
.large{
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.large_b{
	font-weight: bold;
	font-size: 14px;
	line-height: 160%;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*p*/
p {
	margin: 0px;
	padding: 0px;
}

/*-------------------- TITLE --------------------*/
h1 {
	width: 695px;
	height: 33px;
	margin: 0px 0px 20px 0px;
	padding: 17px 0px 0px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/title.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* 下にパンナビがくる場合 */
h1.sp0 {
	width: 695px;
	height: 33px;
	margin: 0px;
	padding: 17px 0px 0px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/title.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

h2 {
	width: 690px;
	height: 21px;
	margin: 0px 0px 15px 0px;
	padding: 7px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #472718;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/s_ttitle.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
h3 {
	width: 330px;
	height: 19px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #472718;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/ss_title.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/* green_line */
.h3_green {
	width: 700px;
	height: 24px;
	margin: 5px 0px 15px 0px;
	padding: 4px 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/ss_title04.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

h4 {
	width: 700px;
	height: 24px;
	margin: 5px 0px 15px 0px;
	padding: 4px 0px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	float: left;
	background-image: url(/header/jp/img/ss_title04.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

/*-----news-----*/
#title_1h h1 {
	width: 600px;
	margin: 0px 0px 20px 0px;
	padding: 17px 0px 0px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	float: left;
}
.title_2h h2,
.title_2h_2 h2,
.title_2h_3 h2 {
	width: 600px;
	margin: 0px 0px 10px 0px;
	padding: 7px 0px 0px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #472718;
	text-align: left;
	float: left;
}
#title_1h {
 width: 710px;
	height: 50px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-image: url(/header/jp/img/title.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.title_2h {
	width: 710px;
	height: 28px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background-image: url(/header/jp/img/s_ttitle.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.title_2h_2 {
	width: 710px;
	height: 28px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url(/header/jp/img/s_ttitle.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.title_2h_3 {
	width: 710px;
	height: 28px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	background-image: url(/header/jp/img/s_ttitle.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.btn_rss {
	width: 36px;
	height: 22px;
	margin: 13px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
}
.icon_new {
	width: 27px;
	height: 11px;
	margin: 6px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
}
.icon_list {
	width: 72px;
	height: 19px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 0px;
	float: right;
}
.title_box {
	width: 710px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/*-------------------- clearfix --------------------*/
#container:after,
#main:after,
#footer_menu:after,
#title_1h:after {
	content: ".";
	display: block;
	height: 0.1px;
	font-size: 0.1em;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

/* >>追加 */
/*-------------------- header --------------------*/
#head_logo {
	margin: 12px 0 0 25px;
	_margin: 12px 0 0 13px;
	padding:0;
	float: left;
}
#head_right {
	width: 635px;
	margin: 0 20px 0 0;
	_margin: 0 10px 0 0;
	float: right;
	text-align: right;
}

#hd_lang {
	padding: 0;
	background: #2c5a8d;
	border-top: #234871 solid 1px;
	display: inline-block;
	*display:inline; /* for IE6〜7 */
	*zoom:1; /* for IE6〜7 */
}

#hd_lang_r {
	margin: 0;
	padding: 0 10px 0 0;
	background: url(/header/jp/img/hd_menu_r.gif) right bottom no-repeat;
	color: #fff;
	display: inline-block;
	*display:inline; /* for IE6〜7 */
	*zoom:1; /* for IE6〜7 */
}

#hd_lang_l {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(/header/jp/img/hd_menu_l.gif) left bottom no-repeat;
	color: #fff;
	display: inline-block;
	*display:inline; /* for IE6〜7 */
	*zoom:1; /* for IE6〜7 */
}


#hd_lang_in {
	margin: 0;
	padding: 0;
	color: #fff;
	display: inline-block;
	*display:inline; /* for IE6〜7 */
	*zoom:1; /* for IE6〜7 */
}

#hd_lang_in li {
	padding: 3px 10px 3px 12px;
	font-size: 10px;
	background: url(/header/jp/img/hd_icon.gif) 0 4px no-repeat;
	display: inline-block;
	*display:inline; /* for IE6〜7 */
	*zoom:1; /* for IE6〜7 */
}

#hd_lang_in a:link,#hd_lang_in a:visited {
	color: #fff;
	text-decoration: none;
}

#hd_lang_in a:hover{
	color: #fff;
	text-decoration: underline;
}

.head_copy {
	margin: 20px 0 0 0;
	color: #333;
}

/* --------------------menu --------------------*/
.menu ul {
	margin: 0 0 0 10px;
}

.menu li {
	margin: 0;
	float: left;
}

.menu li img {
	vertical-align:bottom;	
}

/* -------------------- menu_submenu --------------------*/
.menu_sub ul {
	margin: 0 13px;
	font-weight: bold;
}

.menu_sub li {
	float: left;
	white-space:nowrap;
	line-height:1.5;
}

.submenucat {
	display:none;
}

#menu_sub01 {
	background:url(/header/jp/img/submenu_bg_in_top.gif) no-repeat 13px 0px;
}
#menu_sub02 {
	background:url(/header/jp/img/submenu_bg_in_top.gif) no-repeat 13px -175px;
}
#menu_sub03 {
	background:url(/header/jp/img/submenu_bg_in_top.gif) no-repeat 13px -350px;
}
#menu_sub04 {
	background:url(/header/jp/img/submenu_bg_in_top.gif) no-repeat 13px -525px;
}
#menu_sub05 {
	background:url(/header/jp/img/submenu_bg_in_top.gif) no-repeat 13px -700px;
}

#menu_sub01 ul,
#menu_sub02 ul,
#menu_sub03 ul,
#menu_sub04 ul,
#menu_sub05 ul{
	background:url(/header/jp/img/submenu_bg_in_btm.gif) no-repeat bottom;
	padding:5px 8px 2px;
}

.menu_sub a:link,.menu_sub a:visited {
	color: #333;
	text-decoration: none;
}

.menu_sub a:hover{
	color: #333;
	text-decoration: underline;
}

/*-------------------- main --------------------*/

#left_saide {
	width: 220px;
	margin: 0; 
	padding: 0;
	float: left; 
}

#contents {
	width: 710px;
	margin: 0; 
	padding: 0;
	float: right; 
}
/*----- side_menu -----*/

#saide_menu {
    float: left;
	width: 220px;
	margin: 0; 
	padding: 0;
}

#submenu_box_hd {
	width: 220px;
	height: 8px;
	margin: 0px;
	padding: 0px;
	background: url(/header/jp/img/submenu_bg.gif);
}
#submenu_box_cont {
	width: 212px;
	height: auto;
	margin-top: 0px;
	padding: 0px 0px 5px 8px;
	background: url(/header/jp/img/submenu_bg.gif);
}
#submenu_box_ft {
	width: 220px;
	height: 8px;
	margin: 0px;
	padding: 0px;
}
.submenu_title {
	width: 200px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	background: url(/header/jp/img/submenu_ft.gif) no-repeat bottom center;
	clear: both;
}
#keyword_box {
	width: 188px;
	margin: 0px 0px 12px 0px;
	padding: 5px;
	background: #ECD4A5;
	border: #DDC293 solid 1px;
}
.keyword_box01 {
	width: 178px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
.keyword_box02 {
	width: 178px;
	margin: 0px;
	padding: 0px;
}

/*sub_sub_menu*/
.submenu_s_cont {
	margin: 0px; 
	padding: 0px 0px 10px 0px; 
}
ul#submenu_s {
	margin: 0; 
	padding :0; 
	list-style-type : none;
}
li#submenu_s {
	display: inline;
	width: 195px;
	padding: 5px 3px 5px 5px;
	margin: 0;
	float: left;
	background-image: url(/header/jp/img/submenu_line.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	list-style-position: inside;
	font-size: 12px;
}

#submenu_s a:link,#submenu_s a:visited {
	color: #333;
	text-decoration: none;
}
#submenu_s a:hover{
	color: #000;
	text-decoration: underline;
}

/*sub_menu*/
.submenu_cont {
	width: 200px;
	margin: 0 0 5px 0; 
	padding: 0;
	clear: both;
}
ul #submenu {
	margin: 0; 
	padding :0; 
	list-style-type : none;
}
li #submenu {
	display: inline;
	width: 200px;
	height: 22px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: left;
	line-height: 20px;
}
/*weather*/
#weather_box {
	width: 194px;
	margin: 0px 0px 10px 0px;
}
#weather_box02 {
	width:194px;
	margin: 0px 0px 10px 0px;
	background-color:#fff6dd;
	color:#333333;
	border:1px solid #A78877;
	padding:2px;
}

/*weather*/
.banner {
	width: 200px;
	height: 50px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

/*QR*/
#qr_box {
	width: 180px;
	margin: 0px;
	padding: 5px;
	border: #DFC599 solid 4px;
	background-image: url(/header/jp/img/qr_bg.gif);
}
p.qr_text {
	width: 170px;
	font-size: 10px;
	line-height: 1.4;
	color: #333333;
	padding-left: 1em;
	text-indent: -1em;
}
#qr {
	width: 83px;
	height: 83px;
	margin: 0px auto;
	padding: 0px;
}

.ban_linebox {
	margin: 10px auto;
	padding: 4px;
	background-color: #F0E2B5;
	border: #E5CEAC solid 1px;
}

/* calendar */
#calendar_block {
	margin: 0 auto 5px auto;
}

#calendar_hd {
	width: 204px;
	height: 6px;
	background: url(/header/jp/img/calendar_line.gif) bottom center no-repeat;
	clear: both;
}

#calendar_box {
	width: 204px;
	background: url(/header/jp/img/calendar_bg.gif) top center repeat-y;
	text-align: center;
	clear: both;
}

#calendar_ft {
	width: 204px;
	height: 7px;
	background: url(/header/jp/img/calendar_ft.gif) top center no-repeat;
	clear: both;
	font-size:1px;
}

.calendar_title {
	margin: 0 10px 5px 10px;
	padding-top: 3px;
}

.calendar_btn {
	margin-top: 21px;
}

.calendar_month {
	width: 45px;
	margin-left: 20px;
	float: left;
}

.calendar_yobi {
	margin-top: 5px;
}

.calendar_inner {
	margin: 0 10px;
}

table.calendar{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells: show;
	font-size: 83%;
	border: none;
	background: #fff;
}

.calendar td{
	border:2px solid #fff;
    padding: 5px 0;
    text-align:center;
}

#calendar_box a:link,#calendar_box a:visited {
	color: #333;
	text-decoration: underline;
}

#calendar_box a:hover{
	color: #74A400;
	text-decoration: none;
}

.holiday { background: #ffedeb; }
.sat { background: #e0effe; }

.calendar_text {
	padding: 0 12px 10px 2px;
	line-height: 1.4;
}

/* pickup */
.pickup {
	margin-bottom: 5px;
}

.pickup li {
	margin: 2px 0;
}

.pickup li img {
	border: none;
}

/*-------------------- footer_menu --------------------*/
#footer_menu {
	width: 500px;
	float: left;
	font-size: 10px;
}
#footer_pageup {
	width: 25px;
	height: 19px;
	float: right;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

#footer_menu a:link,#footer_menu a:visited {
	color: #444;
	text-decoration: none;
}
#footer_menu a:hover{
	color: #000;
	text-decoration: underline;
}

/*-------------------- clearfix --------------------*/

#saide_menu:after,
#contents:after,
#submenu_box_hd:after,
#submenu_box_cont:after,
#submenu_box_ft:after,
.submenu_s_cont:after,
.submenu_cont:after,
#submenu:after,
#submenu_s:after,
#weather_box:after,
#qr_box:after,
#qr:after,
.head_lang01:after,
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* For Except Mac IE ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

/* △ここまではclearfix基本セット。あとは任意で */

/* For Mac IE Only \*//*/
.clearfix { overflow: hidden; }
/* */

/*	for Dreamweaver
.clearfix{ overflow: hidden; }
*/

/*-------------------- clear --------------------*/

.clear {
	clear: both;
}

/*-------------------- image --------------------*/
.ban_linebox img,
#header img,
.submenu_title img,
#submenu_box_ft img,
#submenu_box_hd img,
#footer_menu img,
#footer img,
#head_logo img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#footer_pageup img,
.head_lang01 li img {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	border: 0px;
}


/*-------------------- add 080421--------------------*/
.image_caption {
	margin: 0px 0px 15px 4px;
	text-align: left;
	font-size: 10px;
	}

/*-------------------- pan_navi --------------------*/
#pan {
	margin: 0 5px 5px 5px;
	padding: 10px 0 0 0;
	clear: both;
}

#pan a:link,#pan a:visited {
	color: #444444;
	text-decoration: underline;
}

#pan a:hover{
	color: #4E7E00;
	text-decoration: underline;
}

/*-------------------- corner_page --------------------*/
.text_blank {
	margin: 0 10px 20px 10px;
}




/*-------------------- float --------------------*/
.float_l { float: left; }
.float_r { float: right; }

/*-------------------- border --------------------*/
.border0 { border: 0; }