/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:13px;line-height:99%;}
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* for IE6 --------------------------- \*/
* html{ filter:expression(document.execCommand("BackgroundImageCache", false, true));}
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } /*for MacIE*/

/* init for IE 5.5-7 */
div{
	zoom:1;
}

/* init for modern browser */
div:after{
	content:" ";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* font size (default font-size: 13px) ---------------------------
	10px  77%
	11px  85%
	12px  93%
	13px  100%
	14px  108%
	15px  116%
	16px  123.1%
	17px  131%
	18px  138.5%
	19px  146.5%
	20px  153.9%
	21px  161.6%
	22px  167%
	23px  174%
	24px  182%
	25px  189%
	26px  197%
*/

.pink  {color: #FF69B4;}
.orange{color: #ff3300;}
.black {color: #000000;}
.dark  {color: #333333;}
.gray  {color: #666666;}
.silver{color: #7e7e7e;}
.white {color: #ffffff;}
.purple{color: #800080;}
.navy  {color: #191970;}

.pink_b  {color: #FF69B4; font-weight: bold;}
.orange_b{color: #ff3300; font-weight: bold;}
.black_b {color: #000000; font-weight: bold;}
.dark_b  {color: #333333; font-weight: bold;}
.gray_b  {color: #666666; font-weight: bold;}
.silver_b{color: #7e7e7e; font-weight: bold;}
.white_b {color: #ffffff; font-weight: bold;}
.purple_b{color: #800080; font-weight: bold;}
.navy_b  {color: #191970; font-weight: bold;}

.bold {font-weight: bold;}
.heavy { color: #4d4d4d; font-weight: bold;}
.green { color: #24A265; }
.green_b { color: #24A265; font-weight: bold; }

.size-4 {font-size:70%;}
.size-3 {font-size:77%;}
.size-2 {font-size:85%;}
.size-1 {font-size:93%;}
.size  {font-size:100%;}
.size1 {font-size:111%;}
.size2 {font-size:116%;}
.size3 {font-size:124%;}
.size4 {font-size:139%;}

.size-4_b {font-size:70%; font-weight: bold;}
.size-3_b {font-size:77%; font-weight: bold;}
.size-2_b {font-size:85%; font-weight: bold;}
.size-1_b {font-size:93%; font-weight: bold;}
.size_b   {font-size:100%;font-weight: bold;}
.size1_b  {font-size:111%;font-weight: bold;}
.size2_b  {font-size:116%;font-weight: bold;}
.size3_b  {font-size:124%;font-weight: bold;}
.size4_b  {font-size:139%;font-weight: bold;}

.listlink {
	font-size:93%;
	color: #333333;
	text-decoration:none;
}

.vtop {
	vertical-align:top;
}

.clear {
	clear:both;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
}

}
.content {
    width: 580px
}



/*---------------------------*/
img {
	border: none;
}

input {
	vertical-align:middle;
}


/* mouse pointer --------------------------- */
a {
	cursor: pointer;
	text-decoration: underline;
	color:#333333;
}

li a {
	cursor: pointer;
	text-decoration: none;
	color:#333333;
}

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

a.hover_line {
	text-decoration: none;
}
a.hover_line:hover {
	text-decoration: underline;
}



/* hidden TEXT --------------------------- */
.img {
	display:none;
}



/* spacer --------------------------- */
.spacer1px {
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
	padding:0px;
	margin:0px;
}

.spacer3px {
	width:1px;
	height:3px;
	font-size:3px;
	line-height:3px;
	padding:0px;
	margin:0px;
}

.spacer5px {
	width:1px;
	height:5px;
	font-size:5px;
	line-height:5px;
	padding:0px;
	margin:0px;
}

.spacer10px {
	width:1px;
	height:10px;
	font-size:10px;
	line-height:10px;
	padding:0px;
	margin:0px;
}

.spacer20px {
	width:1px;
	height:20px;
	font-size:20px;
	line-height:20px;
	padding:0px;
	margin:0px;
}




/*- BODY ボディ
 --------------------------- */
body {
	background-color: #E0E0E0;
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	font-family: Osaka,Meiryo,'MS PGothic',sans-serif;
}

body_f {
	background-color: #FFFFFF;
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	font-family: Osaka,Meiryo,'MS PGothic',sans-serif;
}

body * { line-height: 1.4em;}

#body {
	width:100%;
	height:100%;
	float:none;
	background-color:#FFFFFF;
        background-image: url(img/bgcolor.jpg);
        background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0px auto 0px auto;
	text-align: left;
}

#site {
	width: 910px;
	/*width: 100%;*/
	min-width: 910px;
	float:none;
	background-color:#FFFFFF;
	line-height:normal;
	margin: 0px auto 0px auto;
	clear:right;
}


/*- FORM  フォーム
  --------------------------- */
input.text1 {
	height: 16px;
	margin:0px 0px 0px 0px;
	/*padding:2px 0px 0px 2px;*/
	border: 1px solid #b2b2b2;
	background:#FFF;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

input.text2 {
	height: 17px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 2px solid #b2b2b2;
	background:#FFF;
	font-size:12px;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

select.select { 
	border: 1px solid #7F9DB9;
}

textarea {
	width: 300px;
	height: 6em;
	line-height: 1.3em;
	margin:5px 5px 5px 5px;
	/*scrollbar-base-color: #b2b2b2;*/
	background:#FFF;
	font-family:Osaka,"MS UI Gothic",sans-serif;
}

.noselect {}



/*sitemap　サイトマップ
------------------------------------------------*/
.datamotion {
    color: #FF8C00;
}
.photomotion {
    color: #800080;
}
.foodmotion {
    color: #9ACD32;
}
.sitemapStr {
    line-height: 0px;
}
#sitemapLeft {
    float: left;
    width: 230px;
    text-align: left;
    margin: 5px;
}
#sitemapRight {
    float: left;
    width: 310px;
    text-align: left;
    margin: 5px;
}
#sitemapOneColumn {
    clear: both;
    margin: 10px 5px 5px 5px;
}




/*HeaderTab ヘッダータブ
------------------------------------------------*/
#HeaderTab {
display:block;
overflow:hidden;
width:100%;
height:28px;
margin:0;
padding:0;
background:#fff;
}

#HeaderTab li {
display:block;
float:left;
width:20%;
height:28px;
margin:0;
padding:0;
background:#fff;
text-align:left;
}

* html #HeaderTab li#HeaderTab_TG  {/*for IE6 カラム落ち対策*/
clear:left;
float:right;
}

*:first-child+html #HeaderTab li#HeaderTab_TG  {/*for IE7 カラム落ち対策*/
clear:left;
float:right;
}

#HeaderTab li a {
display:block;
width:100%;
height:28px;
overflow:hidden;
}

#HeaderTab li a span {
display:block;
height:28px;
text-indent:-9999em;
}

#HeaderTab li#HeaderTab_PM1 a {
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM2 a {
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM3 a {
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM4 a {
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM5 a {
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM1 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_PM1.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM2 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_PM2.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM3 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_PM3.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM4 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_PM4.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM5 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_PM5.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM1 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM2 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM3 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM4 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM5 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBg.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM1 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM2 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM3 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM4 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM5 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM6 a {
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM1 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM1.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM2 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM2.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM3 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM3.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM4 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM4.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM5 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM5.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM6 a span.HeaderTabLogo {
float:left;
width:120px;
background:url(img/HeaderTabLogo_FM6.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM1 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM2 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM3 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM4 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM5 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_FM6 a span.HeaderTabCopy {
float:right;
width:62px;
background:url(img/HeaderTabBgFM.jpg) repeat-x 0px 0px;
}

#HeaderTab li#HeaderTab_PM1 a:hover,
#HeaderTab li#HeaderTab_PM2 a:hover,
#HeaderTab li#HeaderTab_PM3 a:hover,
#HeaderTab li#HeaderTab_PM4 a:hover,
#HeaderTab li#HeaderTab_PM5 a:hover,
#HeaderTab li#HeaderTab_PM1 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PM2 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PM3 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PM4 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PM5 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_PM1 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_PM2 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_PM3 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_PM4 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_PM5 a:hover span.HeaderTabCopy {
background-position:0px -28px;
}

#HeaderTab li#HeaderTab_FM1 a:hover,
#HeaderTab li#HeaderTab_FM2 a:hover,
#HeaderTab li#HeaderTab_FM3 a:hover,
#HeaderTab li#HeaderTab_FM4 a:hover,
#HeaderTab li#HeaderTab_FM5 a:hover,
#HeaderTab li#HeaderTab_FM6 a:hover,
#HeaderTab li#HeaderTab_FM1 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM2 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM3 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM4 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM5 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM6 a:hover span.HeaderTabLogo,
#HeaderTab li#HeaderTab_FM1 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FM2 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FM3 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FM4 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FM5 a:hover span.HeaderTabCopy,
#HeaderTab li#HeaderTab_FM6 a:hover span.HeaderTabCopy {
background-position:0px -28px;
}


#HeaderTab li.current a,
#HeaderTab li.current a span.HeaderTabLogo,
#HeaderTab li.current a span.HeaderTabCopy {
background-position:0px -28px !important;
}


/*- Header ヘッダー
--------------------------- */
#header_main {
	float:left;
	background-color: #FFFFFF;

	height:300px;
	margin: 0px 5px 0px 0px;
	padding:0px;
        text-align:left;
}

#header_main_2 {
	float:left;
	background-color: #FFFFFF;
	width:100%;
	height:100px;
	margin: 0px 5px 0px 0px;
	padding:0px;
        text-align:left;
}

#header_main_3 {
	border-bottom: 1px solid #999999;
	width: 910px;
	height: 80px;
	margin: 3px 0px 3px 0px;
}

#header_main_4 {
	background-color: #FFFFFF;
	width:100%;
	height:200px;
	margin: 0px 5px 0px 0px;
	padding:0px;
        text-align:left;
}

#header_img h1 {
	margin: 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

/*- Header Logo ヘッダーロゴ
--------------------------- */
#HeaderLogo {
float:left;
width:400px;
height:60px;
margin: 5px 10px 0px 0px;
padding:5px 10px 0px 0px;
}


/*- Header Link ヘッダーリンク
--------------------------- */
#header_navi {
	clear:both;
	height:13px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	display: block;
}

#header_navi ul {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}

#header_navi li {
	margin:0px 0px 0px 3px;
	padding:0px;
	display:inline;
}

#header_navi a {
	white-space:nowrap;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#header_navi01 {
	display:block;
	float:left;
	width:62px;
	height:13px;
	background:url("img/Header_Btn_Sitemap.gif") no-repeat left top;
}

#header_navi01 a {
	display:block;
	width:62px;
	height:13px;
}

#header_navi02 {
	float:left;
	width:79px;
	height:13px;
	background:url("img/Header_Btn_Info.gif") no-repeat left top;
	display:block;
}

#header_navi02 a {
	width:79px;
	height:13px;
	display:block;
}


#header_logo {
    float: left;
}
#header_navi03 {
    float: right;
    margin-top: 30px;
}
#header_navi03 li {
    border-left: 1px solid #333333;
    display: inline;
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;
}
#header_navi03 li.first {
    border-left: none;
}


/*
    display: inline;
*/
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;




/*- Contents コンテンツ
--------------------------- */
#contents_frame {
	clear:both; /* for MacIE */
	float:left;
	width:99.23%;
	background-color:#fff;
}

#contents {
	clear:both;
	padding:0px 20px 10px 20px;
	background-color:#fff;
}


/*- Footer フッター
--------------------------- */
#footer {
    clear: both;
    border-top: 1px solid #999999;
    width: 910px;
    height: 15px;
    margin: 5px 0px 3px 0px;
}
#footerCopyRight {
    float: left;
}
#footerNavi {
    float: right;
}
#footerNavi li {
    border-left: 1px solid #333333;
    display: inline;
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;
}
#footerNavi li.first {
    border-left: none;
}


/*- to Page Top Link  --------------------------- */
#page_top_link {
	font-size:93%;
	margin-top:5px;
	height:15px;
	text-align:middle;
}

#page_top_link a {
	float:right;
	height:15px;
	padding:0px 0px 0px 10px;
	text-decoration:none;
}

.up_arrow a {
	background: url("img/icon_to_top.gif") no-repeat left center;
}

#page_top_link a:hover {
	text-decoration:underline;
}