﻿body {
	margin: 0px;
	padding: 0px;
	background-color: #0072BC;
	color: #000000; /* 全体の文字色 */
	text-align: center; 
	font-family: "メイリオ";
}

a:hover {      
	background-color: #00B8FF;
}
a:link{
    text-decoration: none;
}
a:visited{  
	text-decoration: none;
}

/* 表示位置 */
.right	{ text-align: right;	}
.left	{ text-align: left;		}
.center	{ text-align: center;	}


IMG{
	border: none;
	-ms-interpolation-mode: bicubic;
}


/* --- コンテナ --- */
#container {
	width: 100%; /* ページの幅 */
	min-height:100%;
	margin: 0px auto; /* センタリング */
	padding: 0px;
	background-color: #a0c0d0; /* ページの背景色 */
	background-color: #E5E5F0; /* ページの背景色 */
}
#container2, #header,#page_top{
	width: 970px; /* ページの幅 */
	margin: 0px auto;/* センタリング */
	padding: 0px;
	font-size: 10pt;
}
#container2{
	padding-top: 5px;
}
#container3 {
	width: 100%; /* ページの幅 */
	min-height:100%;
	margin: 0px auto; /* センタリング */
	padding: 0px;
	//background-color: #0072BC; /* ページの背景色 */
	//background-color: #1F497D; /* ページの背景色 */
	//background-color: #0072BC; /* ページの背景色 */
	//background-color: #1F497D; /* ページの背景色 */
}

#page_top {
	font-size: 9pt;
	color: #FFB800;
	background-color: #0072BC;
}

#page_top TABLE {
	margin: 0px;
	padding: 0px;
	color: #FFE000;
}
#page_top TR TD{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
}
#page_top a IMG{
	vertical-align: middle;
	padding: 2px 3px;
}
#page_top a {
	color: #FFE000;
	padding: 3px;
}

#page_top a:hover {
	background-color: #FFE000;
	color: #0072BC;
}

#header {
	background-image: url(../IMAGES/header_back.png);
	background-size: 100%;
}

#header_back {
	width: 100%; /* ページの幅 */
	margin: 0px auto; /* センタリング */
	padding: 0px;
	background-image: url(../IMAGES/header_back00.png);
	background-repeat: no-repeat;
	background-size: 100% 85%;
}


.headitem {
	width: 100%;
	margin: 0px;
	white-space: nowrap;
	font-size: 10pt;
}
.headitem TR TD {
	margin: 0px;
	padding-top: 0px;
	vertical-align: middle;
}
.headitem a {
    text-decoration: none;
	background: none;
	white-space: nowrap;
}

.toplogo{
	width: 280px;
	margin-top: 5px;
}
.logo_space{
	display: inline-block;
	width: 5px;

}

TABLE.top_logo,
TABLE.top_contact
{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: bottom;
}
TABLE.top_contact
{
	margin: 0px auto;
}

TABLE.top_logo DIV,
TABLE.top_contact DIV{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

TABLE.top_logo TR TD,
TABLE.top_contact TR TD{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
TABLE.top_contact TR TD{
	text-align:left;
}
TABLE.top_contact .tel{
	text-align:left;
	width: 185px;
}
.tel IMG{
	width: 180px;
}
TABLE.top_contact .mail{
	width: 151px;
	text-align:center;
	border-left: 2px ridge #909090;
}
.mail IMG{
	width: 146px;
}
TABLE.top_contact .dsc{
	vertical-align: top;
	width: 355px;
}
.dsc IMG{
	width: 355px;
}

.logo_dsc{
	width: 555px;
}

.topmenu{
	text-align: right;
}


.headmenu{
	font-size: 9pt;
	vertical-align: middle;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	margin-top: 0px;
}

.headmenu TR TD{
	white-space: nowrap;
	color: #000000;
	padding: 0px;
}

.headmenu a{
	padding: 1px 7px;
}
.headmenu a:hover{
	background-color: #FFB800;
	color: #000000;
}




/* --- 上メニューバー --- */
div.uenav {
	width: 100%; /* ナビゲーションの幅 */
	margin: 0px;
	padding: 0px;
	background-color: #F0F0F0;
	font-size: 10px;
	border-top: 1px ridge #E0E0E0;
	border-bottom: 1px ridge #C0C0C0;
}

/* --- 上メニューエリア --- */
div.uenav ul.nl {
	width: 970px; /* メニューの幅 */
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border: 3px solid #F0F0F0;
	white-space: nowrap;
}

/* --- 上メニュー項目 --- */
div.uenav ul.nl li {
	float: left;
}

/* --- 上メニュー項目の幅（%で指定） --- */
div.uenav ul.nl li.item1 {
	font-size: 11pt;
	width: 170px;
}
/* --- 上メニューリンク --- */
div.uenav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 6px; /* リンクエリアのパディング（上下、左右） */
	color: #000000;
	text-decoration: none; /* テキストの下線（なし） */
	border-radius: 5px;
}
/* --- ポイント時の設定 --- */
div.uenav ul.nl li a:hover {
	color: #000000;
	background-image: none;
	background-color: #D0E0E8;
}



/* サーチボックス設定 */
#srchBox
{
	border-style: solid;
	border-width: 0px;
	color: #000000;
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	padding-bottom: 0px;
}
#srchBox *
{
	margin: 0px;
	padding:0px;
}
#srchBox a img
{
	border: none;
}
#srchBox #srch
{
	padding: 3px;
}
#srchBox #srch #srchForm
{
	white-space: nowrap;
}
#srchBox #srchInput
{
	width: 130px;
	margin-right: 2px;
	vertical-align: bottom;
}
#srchBox #srchBtn
{
	width: 46px;
	padding: 1px;
}
*html #srchBox #srchBtn
{
	padding-top: 2px;
}
*:first-child+html #srchBox #srchBtn
{
	padding-top: 2px;
}
#srchBox ul
{
	margin-top: 6px;
	text-align: left;
}
#srchBox li
{
	list-style-type: none;
	display: inline;
	zoom: 1;
	padding-right: 10px;
}
#srchBox li input
{
	zoom: 1;
	margin-right: 2px;
	vertical-align: middle;
	border: 0;
}
*html #srchBox li input
{
	margin: -4px 0px -4px -4px;
}
#srchBox #srchLogo
{
	margin: 6px 6px 6px 0;
	text-align: right;
}
#srchBox #srchLogo a
{
	color: #666666;
	text-decoration: none;
}
#srchBox #srchLogo a:hover
{
	text-decoration: underline;
}
#srchBox.watermark #srchInput
{
	padding: 2px;
	border: 1px solid #a5acb2;
	background: #FFFFFF url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
	vertical-align: top;
}
#srchBox.watermark #srchInput.nomark
{
	background: #FFFFFF;
}
#srchBox.watermark #srchLogo
{
	display: none;
}


/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	min-height: 1px;
}

/* --- 横ナビゲーションバー --- */
#sidemenu{
    width: 200px;
    margin: 5px 5px;
	margin-bottom: 20px;
    float: left;
	text-align: left; 
	white-space: nowrap;
}

#rightmenu{
    width: 170px;
    width: 200px;
    margin: 5px 5px;
	margin-bottom: 20px;
	float: right;
	text-align: left; 
	white-space: nowrap;
}

#sidemenu .yokonav, #rightmenu .yokonav{
	border: 1px solid #c0c0c0;
	padding: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px; /* 角の丸み */
	background: #FFFFFF;
}

#rightmenu .yokonav{
	padding-bottom:	10px;
}

div.yokonav {
	font-size: 10pt;
}

div.yokonav ul.nl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 10px;
}

div.yokonav ul.nl li {
	background-color: #f9f9f9; /* 項目の背景色 */
	border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
}

div.yokonav ul.nl li._item1, div.yokonav ul.nl li.item1 {
	margin: 0px;
	margin-top:3px;
	color: #000000;
	background-color: #E0E0E5;
	font-weight: bold;
}

div.yokonav ul.nl li._item2, div.yokonav ul.nl li.item2 {
	margin: 0px 3px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
}

div.yokonav ul.nl li._item3, div.yokonav ul.nl li.item3 {
	margin: 0px 3px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
}

/* --- 横メニューリンク --- */
div.yokonav ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
}

/* --- 横メニューリンク --- */
div.yokonav ul.nl li.item1 a IMG, div.yokonav ul.nl li._item1 IMG{
	vertical-align: middle;
	margin-right: 3px;
	text-decoration: none; /* テキストの下線（なし） */
}

div.yokonav ul.nl li a:hover {
	background-color: #AAFFFF; /* ポイント時の背景色 */
	text-decoration: none; /* テキストの下線（なし） */
}

div.yokonav ul.nl li._item1, div.yokonav ul.nl li.item1 a {
	padding: 5px; 
	color: #000000; /* ポイント時の背景色 */
}

div.yokonav ul.nl li._item2, div.yokonav ul.nl li.item2 a {
	padding: 3px 2px; 
	color: #000000; /* ポイント時の背景色 */
}


div.yokonav ul.nl li._item3, div.yokonav ul.nl li.item3 a {
	padding: 3px 25px; 
	color: #000000; /* ポイント時の背景色 */
}

div.yokonav ul.nl li.item1 a{
	text-decoration: underline; /* テキストの下線（なし） */
}
div.yokonav ul.nl li.item1 a:hover{
	background-color: #50C0F0; /* ポイント時の背景色 */
}

div.yokonav ul.nl li._item1.now {
	color: #A05500;
	background-color: #F0E5A0;
}

div.yokonav ul.nl li._item2.now {
	color: #805000;
	background-color: #FFFFD0;
}

div.yokonav ul.nl li._item3.now {
	color: #805000;
	background-color: #FFFFD0;
}



ul.vendor {
	margin: 2px auto;
	margin-bottom: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	float: none;
}
ul.vendor li.item1{
	width: 47%;
	margin: 0px 2px;
	margin-bottom: 2px;
	color: #FFFFFF;
	float: left;
}
ul.vendor li.item1 a:hover{ 
  	text-decoration: none;
	background: none;
}
ul.vendor li.item1 a IMG{ 
	border: 1px solid #FFFFFF;
  	text-decoration: none;
	background: none;
}
ul.vendor li.item1 a:hover IMG{ 
	border: 1px solid #FFA000;
	background-color: #FFF000;
}
ul.vendor li a IMG{ 
	border: none;
	background: none;
  	text-decoration: none;
}
ul.vendor a:hover IMG{ 
	border: none;
	background: none;
  	text-decoration: none;
}


/* --- メインコンテンツ --- */
#main {
    width: 800px;
    margin: 0px;
    float: right;
	text-align: left;
	font-size: 10.5pt;
	line-height: 150%;
}

.main_top{
	margin: 10px 5px;
}

.location{
	border: 1px solid #c0c0c0;
	background-color: #E0E8F0;
	//background-color: #FFFFFF;
	//background-color: #0072BC;
	padding: 5px 15px;
	text-align: left;
	font-size: 9pt;
	border-radius: 5px;
}

.location a{
	background: none;
}

.location a:hover{
	text-decoration: underline;
}

.main_contents{	
	font-size: 10pt;
	padding: 8px; 
	margin-bottom: 10px;
	border: 1px solid #c0c0c0;
	background-color: #FFFFFF;
	border-radius: 5px; 
}
.main_contents a{	
	background:	none;
	color: #0072BC;
}
.main_contents a:hover{	
	color: #A0C8DE;
}

.main_contents .item1{
	margin: 2px 0px; 
	padding: 2px 5px; 
	color: #000000;
	border-top: 5px solid #D0C080;
	background-color: #E8E0A0;
	font-size: 12pt;
	font-weight: bold;
}
.main_contents .item1 a{
	background:	none;
}
.main_contents .item1 IMG{
	vertical-align: middle;
	padding: 0px 5px 2px 0px;
}

.main_contents .item2{
	margin: 2px 0px 0px 0px; 
	padding: 3px; 
	color: #000000;
	border: 1px solid #C0C0C0;
	background: none;
	font-size: 10.5pt;
	font-weight: bold;
}
.main_contents .item2:before{
  content: url(../IMAGES/point.png);
  margin-right: 5px;
}

.main_contents div{
	padding: 2px 5px; 
}

.main_contents UL.dsc{
	margin: 3px 0px 3px 0px;
	padding: 5px 0px 5px 25px;
	list-style-type: square;
	text-align: left;
	font-weight: bold;
}
.main_contents UL.dsc LI {
	padding: 2px 0px; 
	margin-bottom: 3px; 
}


.main_contents UL.nl{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;

}
.main_contents UL.nl LI {
	width: 50%;
	padding: 2px 0px; 
	margin-bottom: 3px; 
	float: left;
}

.main_contents UL.nl2, .main_contents UL.nl3{
	margin: 0px;
	margin-left: 15px; 
	padding: 0px;
	list-style-type: none;
	text-align: left;

}
.main_contents UL.nl2 LI {
	width: 30%;
	padding: 2px 0px; 
	margin-bottom: 3px; 
	float: left;
}

.main_contents UL.df{
	margin: 3px 0px 0px 0px;
	padding: 5px 25px; /* メニューのパディング（上下、左右） */
	list-style-type: circle;
	text-align: left;

}
.main_contents UL.df LI {
	width: 100%;
	margin: 0px;
	padding: 1px 0px; 
	float: none;
}

.main_contents P{
	padding: 5px 0px; 
	margin: 2px; 
	color: #C05050;
	font-size: 16pt;
	font-weight: bold;
}

.main_contents HR.p_1, .main_contents HR.p_2{
	margin: 0px;
	margin-bottom: 10px;
	border: 2px solid;
}
.main_contents HR.p_1{
	margin-left: -8px;
	width: 10%;
	border-color: #50A0F0;
	text-align: left;
	float: left;
}
.main_contents HR.p_2{
	width: 50%;
	border-color: #C0C0C0;
	text-align: left;
}


/* --- フッタ --- */
#footer {
	clear: both; /* フロートのクリア */
	text-align: center;
	font-size: 10pt;
	margin: 5px;
}
#footer .contents_l {
	min-width: 120px;
    float: left;
	text-align: left;
	margin: 2px;
	margin-bottom: 0px;
	padding: 1px;
	list-style-type: none;
	white-space: nowrap;
}

#footer .contents {
	min-width: 135px;
    float: right;
	margin: 2px;
	margin-bottom: 0px;
	padding: 1px;
	list-style-type: none;
	text-align: left;
	white-space: nowrap;
}

#footer ul {
	margin: 1px 5px;
	margin-top: 10px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	font-weight: bold;
}

#footer ul.nl {
	font-size: 8pt;
	font-weight: normal;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	text-align: left;
}
#footer ul a {
	background: none;/* 背景指定なし */
	text-decoration: none; /* テキストの下線（なし） */
}
#footer ul a:hover {
	color: #FFAA00;
}

.sitemap{
	border: 1px solid #c0c0c0;
    margin: 5px 0px;
	padding: 2px;
	border-radius: 5px; 
	background: #6090a0;
}

.sitemap, .sitemap a{
	color: #FFFFFF;
}

.sitemap a:hover{
	color: #FFD000;
}


.title{
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	border-bottom: 2px solid #a0a0a0;
}

.title2{
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	border-bottom: 2px solid #a0a0a0;
}



.title a{
	background: none;
}
.title IMG{
	background: none;
	padding-right: 3px;
}

.pickup{
	width:170px;
	font-size: 9pt;
	padding: 3px 5px;
}
.pickup a:hover{ 
	background: none;
}
.pickup a:hover IMG{ 
	background-color: #FFF000;
	border: 3px double #FFA000;
  	text-decoration: none;
}
.pickup IMG{
	border: 3px double lightgray;
}
.pickup TABLE{ 
	border: 3px double lightgray;
}
.pickup TABLE TR TD{ 
	text-align: center;
}


.contact {
	padding: 3px;
	text-align: left;
	font-size: 9pt;
	white-space: normal;
}

.IMG_CENTER{ text-align: center; margin:0px;}

TABLE.TBL_SUB{
 	border-collapse: collapse;
	margin: 0px;
}

TABLE.TBL_SUB TR TD{
	border:1px solid #000000;
	font-size: 5pt;
	padding: 2px;
}

TABLE.TBL_SUB TR.head TD{
	text-align: center;
	vertical-align: middle;
	background-color: #ccffff;
}
TABLE.TBL_SUB2  TR TD{
	padding: 2px 5px;
}

.NOLINK A,.NOLINK A:hover{
	color: #000000;
}
.NOLINK_WH A,.NOLINK_WH A:hover{
	color: #FFFFFF;
}

.Yutori,TABLE.Yutori TR TD,DIV.Yutori{
	padding: 5px;
}


div.TOP_Pt{
	margin:0px;
	font-size: 11pt;
}

div.TOP_Pt1{
	margin-top:20px;
	padding: 10px ;
	font-size: 24pt;
	font-weight: bold;
}
div.TOP_Pt2{
	margin-top:10px;
	padding: 10px ;
	padding-bottom: 7px ;
	margin-bottom:5px;
	background-color: #C3D69B;
	border-right: solid 3pt #4bacc6;
	border-bottom: solid 3pt #4bacc6;
	font-size: 16pt;
	font-weight: bold;
}

div.TOP_Pt3{
	margin:5px;
	font-size: 10pt;
	line-height: 130%;
}

div.TOP_Pt4{
	margin-top:0px;
	padding: 10px ;
	padding-bottom: 7px ;
	margin-bottom:0px;
	background-color: #FFFFFF;
	border-right: solid 5pt #1F497D;
	border-bottom: solid 5pt #1F497D;
	font-size: 16pt;
	font-weight: bold;
}

div.TOP_Pt5{
	margin-top:0px;
	padding: 10px ;
	padding-bottom: 7px ;
	margin-bottom:0px;
}

div.TOP_Pt6{
	margin-top:0px;
	padding: 15px ;
	padding-bottom: 7px ;
	margin-bottom:0px;
}

div.TOP_Pt7{
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	padding: 5px ;
	padding-bottom: 2px ;
	margin-bottom:0px;
	background-color: #FFC000;
	font-size: 12pt;
	font-weight: bold;
}
div.TOP_Pt8{
	margin-left:0px;
	margin-right:0px;
	margin:0px;
	font-size: 8pt;
	line-height: 130%;
}


.FNT_S{
	font-size: 5pt;
}
.FNT_S1{
	font-size: 6pt;
}
.FNT_S2{
	font-size: 7pt;
}
.FNT_S3{
	font-size: 8pt;
}
.FNT_S4{
	font-size: 9pt;
}
.FNT_M{
	font-size: 10pt;
}
.FNT_M1{
	font-size: 11pt;
}

.FNT_M2{
	font-size: 12pt;
}

.FNT_L{
	font-size: 14pt;
}
.FNT_L1{
	font-size: 16pt;
}
.FNT_L2{
	font-size: 18pt;
}

.FNT_L3{
	font-size: 20pt;
}

.FNT_L4{
	font-size: 22pt;
}

.FNT_L54{
	font-size: 24pt;
}

.BD_S{
	border: solid 1px;
}

.c_str{
	color:#A31515;
}
.c_def{
	color:#0000FF;
}
.c_rem{
	color:#339900;
}