@charset "UTF-8";

body {
	margin: 0px 0px 0px 0px;
	background-color: #E5E5E5;
	background-image: url(../img/bg01.gif);
	background-repeat: repeat-x;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	}

h1, h2, h3, h4, h5{
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}

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

ul, ol{
	margin-top:0px;
	margin-bottom:0px;
}

form {
	margin: 0px;
	}

input, textarea {
	font-family:"ＭＳ Ｐゴシック", Osaka;
	font-size:medium;
	}


/*----- リンク設定 -----*/
a {
	text-decoration: underline;
	color: #3B4974;
	}

a:hover {
	color: #298FE8;
	}


/*----- ベース枠設定 -----*/
#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 820px;
	font-size: small;
	}

#container-bg {
	font-size:small;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 820px;
	padding: 0px 0px 0px 0px;
	background-image: url(../img/bg02.gif);
	}

#container-inner {
	font-size:14px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	width: 790px;
	padding: 0px 15px 0px 15px;
	background-image: url(../img/bg04.gif);
	background-repeat: no-repeat;
	}

#container-flash {
	font-size:small;
	text-align: left;
	margin: 0px 0px 0px 12px;
	width: 726px;
	padding: 0px 0px 0px 0px;
	height: 309px;
	clear: both;
	}


/*----- ヘッダ設定 -----*/
#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width: 820px;
	height: 58px;
	background-image: url(../img/top_image01.gif);
	}

#header-menu {
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 650px;
	text-align:left;
	}

/*----- ヘッダ2設定 -----*/
#header2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	width: 790px;
	}


/*----- メニュー設定 -----*/
#menu{
	width: 773px;
	height:47px;
	padding: 0px;
	margin: 0px 0px 0px 17px;
	}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
	}

#menu li, #menu a {
	display:block;
	height:47px;
	width:148px;
	}

#menu li {
	text-indent: -9999px;
	float:left;
	padding:0px 4px 0px 0px;
	}
	
#menu a {
	text-decoration: none;
	background:url(../img/menu.gif) no-repeat;
	}

#menu01 a{
	background-position: 0 0;
	}

#menu01 a:hover{
	background-position: 0 -47px;
	}
	
#menu01 a:active{
	background-position: 0 -47px;
	}

#menu01on a{
	background-position: 0 -94px;
	}

#menu01on a:hover{
	background-position: 0 -47px;
	}

#menu02 a{
	background-position: -152px 0;
	}

#menu02 a:hover{
	background-position: -152px -47px;
	}
	
#menu02 a:active{
	background-position: -152px -47px;
	}

#menu02on a{
	background-position: -152px -94px;
	}

#menu02on a:hover{
	background-position: -152px -47px;
	}

#menu03 a{
	background-position: -304px 0;
	}

#menu03 a:hover{
	background-position: -304px -47px;
	}
	
#menu03 a:active{
	background-position: -304px -47px;
	}

#menu03on a{
	background-position: -304px -94px;
	}

#menu03on a:hover{
	background-position: -304px -47px;
	}

#menu04 a{
	background-position: -456px 0;
	}

#menu04 a:hover{
	background-position: -456px -47px;
	}
	
#menu04 a:active{
	background-position: -456px -47px;
	}

#menu04on a{
	background-position: -456px -94px;
	}

#menu04on a:hover{
	background-position: -456px -47px;
	}

#menu05 a{
	background-position: -608px 0;
	}

#menu05 a:hover{
	background-position: -608px -47px;
	}
	
#menu05 a:active{
	background-position: -608px -47px;
	}

#menu05on a{
	background-position: -608px -94px;
	}

#menu05on a:hover{
	background-position: -608px -47px;
	}


/*----- TOP製品バナー設定 -----*/
#top-banner01 a{
	text-indent: -9999px;
	display:block;
	height:153px;
	width:186px;
	text-decoration: none;
	background:url(../img/banner.gif) no-repeat;
	background-position: 0 0;
	}

#top-banner01 a:hover{
	background-position: 0 -153px;
	}
	
#top-banner01 a:active{
	background-position: 0 -153px;
	}

#top-banner02 a{
	text-indent: -9999px;
	display:block;
	height:153px;
	width:186px;
	text-decoration: none;
	background:url(../img/banner.gif) no-repeat;
	background-position: -186px 0;
	}

#top-banner02 a:hover{
	background-position: -186px -153px;
	}
	
#top-banner02 a:active{
	background-position: -186px -153px;
	}

#top-banner03 a{
	text-indent: -9999px;
	display:block;
	height:153px;
	width:186px;
	text-decoration: none;
	background:url(../img/banner.gif) no-repeat;
	background-position: -372px 0;
	}

#top-banner03 a:hover{
	background-position: -372px -153px;
	}
	
#top-banner03 a:active{
	background-position: -372px -153px;
	}

#top-banner04 a{
	text-indent: -9999px;
	display:block;
	height:153px;
	width:186px;
	text-decoration: none;
	background:url(../img/banner.gif) no-repeat;
	background-position: -558px 0;
	}

#top-banner04 a:hover{
	background-position: -558px -153px;
	}
	
#top-banner04 a:active{
	background-position: -558px -153px;
	}



/*----- サブメニュー設定 -----*/
#side-banner01 a{
	text-indent: -9999px;
	display:block;
	height:100px;
	width:184px;
	text-decoration: none;
	background:url(../img/banner2.gif) no-repeat;
	background-position: 0 0;
	}

#side-banner01 a:hover{
	background-position: 0 -100px;
	}
	
#side-banner01 a:active{
	background-position: 0 -100px;
	}

#side-banner02 a{
	text-indent: -9999px;
	display:block;
	height:100px;
	width:184px;
	text-decoration: none;
	background:url(../img/banner2.gif) no-repeat;
	background-position: -184px 0;
	}

#side-banner02 a:hover{
	background-position: -184px -100px;
	}
	
#side-banner02 a:active{
	background-position: -184px -100px;
	}

#side-banner03 a{
	text-indent: -9999px;
	display:block;
	height:100px;
	width:184px;
	text-decoration: none;
	background:url(../img/banner2.gif) no-repeat;
	background-position: -368px 0;
	}

#side-banner03 a:hover{
	background-position: -368px -100px;
	}
	
#side-banner03 a:active{
	background-position: -368px -100px;
	}

#side-banner04 a{
	text-indent: -9999px;
	display:block;
	height:100px;
	width:184px;
	text-decoration: none;
	background:url(../img/banner2.gif) no-repeat;
	background-position: -552px 0;
	}

#side-banner04 a:hover{
	background-position: -552px -100px;
	}
	
#side-banner04 a:active{
	background-position: -552px -100px;
	}
	

/*----- TOPバナー -----*/
.top-table {
	padding:10px 0px 0px 0px;
	}

.top-table table {
	border-collapse:collapse;
	}

.top-table td.line-top{
	padding:0px 4px 0px 0px;
	}
	

/*----- TOPメイン設定 -----*/
#top-main {
	width:750px;
	text-align: left;
	margin: 22px auto 0px auto;
	}

#top-main-left {
	width:440px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	}

#top-main-right {
	width:260px;
	text-align: left;
	float: right;
	padding: 0px 0px 0px 0px;
	}

#releasebox {
	width:510px;
	float:left;
}

#releasebox-left {
	width:210px;
	text-align:center;
	background:#ccc;
	float:right;
}

#top-main-news {
	text-align: left;
	border:solid 1px #ccc;
	margin-bottom:10px;
	width:530px;
	}

#top-main-event {
	text-align: left;
	border:solid 1px #ccc;
	width:530px;
	}

#news_event_div {
	margin:10px;
}

#top-info-main {
	width:756px;
	text-align: left;
	margin: 10px 17px 0px 17px;
	}

#top-info-left {
	width:340px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	}

#top-info-right {
	width:340px;
	text-align: left;
	float: right;
	padding: 0px 0px 0px 0px;
	}

#top-info-bg {
	border-left: 2px solid;
	border-left-color:#8FC724;
	border-right: 2px solid;
	border-right-color:#8FC724;
	border-bottom: 2px solid;
	border-bottom-color:#8FC724;
	padding:5px 5px 5px 5px;
	background-color:#FFFFF0;
	}	

#top-info-bg td{
	padding-bottom:8px;
	}

#top-info-bg td#line-info{
	padding-right:10px;
	}


/*----- メイン設定 -----*/
#main {
	text-align: left;
	margin: 24px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 750px;
	}

#main-inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../img/bg06.gif);
	}

#main-left {
	text-align: left;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 184px;
	}

#main-right {
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 520px;
	}

#main-bottom {
	clear:both;
	}


/*----- パンくずリスト設定 -----*/
#breadcrumbs-list {
	width: 750px;
	padding:5px 0px 5px 0px;
	text-align: right;
	line-height: 100%;
	font-size: x-small;
	border-bottom: 1px dotted;
	border-bottom-color:#70383D5;
	margin: 0px 0px 30px 0px;
	}


/*----- フッター設定 -----*/
#footer {
	text-align: center;
	padding: 0px 0px 0px 0px;
	width: 786px;
	height: 132px;
	margin: 22px 2px 0px 2px;
	color: #333333;
	clear: both;
	font-size: small;
	background-image: url(../img/bg05.gif);
	border-top: solid 3px #3B3B3B;
	}

#footer a{
	text-decoration:none;
	}

#footer-menu {
	text-align: right;
	font-size: small;
	padding: 0px;
	margin: 5px 17px 0px 17px;
	}

#footer-cr {
	text-align: center;
	font-size: small;
	padding: 0px;
	margin: 10px 17px 0px 17px;
	}
	

/*----- おしらせ設定 -----*/
/*
#info-title {
	border-bottom:#ADC1D9 1px solid;
	border-right:#ADC1D9 1px solid;
	padding:5px 0px 5px 5px;
	font-size:16px;
	color: #0061AE;
	background:#D8E1FF;
	}
*/	
#info-title {
	border-bottom:#ADC1D9 1px solid;
	border-right:#ADC1D9 1px solid;
	padding:5px 0px 5px 5px;
	font-size:16px;
	color: #0061AE;
	background: #FFFFCC;
	}

#info-date {
	color: #0061AE;
	font-weight:bold;
	text-align:right;
	padding:2px 0px 10px 0px;
	}

/*----- コンテンツ見出し設定 -----*/
#contents-title {
	margin:0px 0px 0px 12px;
	}


/*----- クラス設定 -----*/
.waku {
	border: 1px dotted;
	border-color:#AAAAAA;
	padding:5px 5px 5px 5px;
	margin:0px 0px 15px 0px;
	}

.waku2 {
	border: 1px dotted;
	border-color:#AAAAAA;
	padding:5px 5px 5px 5px;
	}

.waku3 {
	border: 1px solid;
	border-color:#BE9E4B;
	padding:5px 5px 5px 5px;
	}


.p-title01{
	padding:15px 0px 0px 0px;
}

.text-underline{
	text-decoration:underline;
}

.banner-space{
	padding-bottom:5px;
}


.tabel-lists ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	line-height:130%;
	list-style-position:outside;
	list-style-type:circle;
	}

.tabel-lists2 ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	line-height:130%;
	list-style-position:outside;
	}

.qa-line {
	border-bottom: 1px dotted;
	border-bottom-color:#888888;
	}

.qa-table td{
	padding:5px 5px 5px 5px;
	}

.margin-top10px{
	margin-top:10px;
	}

.margin-top20px{
	margin-top:20px;
	}

.margin-top30px{
	margin-top:30px;
	}

.margin-top40px{
	margin-top:40px;
	}

.margin-left5px{
	margin-left:5px;
	}
	
.margin-left10px{
	margin-left:10px;
	}

/*----- スペース設定 -----*/
.bottom-space5{
	padding-bottom:5px;
}

.bottom-space10{
	padding-bottom:10px;
}

.bottom-space15{
	padding-bottom:15px;
}

.bottom-space20{
	padding-bottom:20px;
}

.bottom-space30{
	padding-bottom:30px;
}

.bottom-space50{
	padding-bottom:50px;
}

.top-space5{
	padding-top:5px;
}

#newsTable td{
	border-bottom:dashed 1px #ccc;
	font-family:"ＭＳ Ｐゴシック", Osaka;
}

.top-news-date{
	font-family: "ＭＳ Ｐゴシック";
	font-weight:bold;
	letter-spacing: 1px;
	font-size:12px;
	width:120px;
	vertical-align:top;
	padding-top:5px;
}

.top-news{
	padding-top:5px;
	margin:5px 0 5px 5px;
	font-size:12px;
}

.top-news a{
	padding-left:5px;
}

.top-news a:hover{
	padding-left:5px;
}

.top-space10{
	padding-top:10px;
}

.top-space15{
	padding-top:15px;
}

.top-space20{
	padding-top:20px;
}

.top-space30{
	padding-top:30px;
}

.top-space50{
	padding-top:50px;
}

.top-center{
	text-align:center;
}


/*----- テーブルボーダー設定 -----*/
.table-style1 table {
	width: 520px;
	line-height:130%;
	border-collapse:collapse;
	margin:10px 0px 0px 0px;
	}

.table-style1 td,
.table-style1 th{
	border-bottom: 1px dotted;
	border-bottom-color:#CCCCCC;
	padding:10px 5px 10px 0px;
	}


.table-style2 table {
	width: 500px;
	}

.table-style2 td,
.table-style2 th{
	border-bottom: 1px dotted;
	border-bottom-color:#BFBFBF;
	padding:5px 0px 5px 0px;
	}

.table-style3 table {
	width: 520px;
	line-height:130%;
	border-collapse:collapse;
	margin:10px 0px 0px 0px;
	}

.table-style3 td,
.table-style3 th{
	border-bottom: 1px dotted;
	border-bottom-color:#CCCCCC;
	padding:2px 2px 2px 2px;
	}


.table-style4 table {
	width: 500px;
	line-height:130%;
	border-collapse:collapse;
	}

.table-style4 td,

.table-style4 th{
	border: 1px solid;
	border:#CCCCCC;
	padding:5px 5px 5px 5px;
	}

.table-style4 th{
	color:#0D7200;
	text-align:center;
	}


.table-style5 table {
	width: 500px;
	line-height:130%;
	border-collapse:collapse;
	}

.table-style5 td,
.table-style5 th{
	border: 1px solid;
	border-color:#CCCCCC;
	padding:5px 5px 5px 5px;
	}

.table-style5 th{
	border-right:3px double;
	border-right-color:#CCCCCC;
	color:#0D7200;
	text-align:right;
	}

/*----- EventPageStyle -----*/
.event_tbl_moto{
width:96%;
font-size:12px;
color:#666;
line-height:1.5em;
border:solid 1px #ccc;
border-collapse:collapse;
}

.event_tbl_moto th{
line-height:1.5em;
padding-top:3px;
border:solid 1px #ccc;
}

.event_tbl_moto td{
border:solid 1px #ccc;
padding-left:5px;
line-height:1.5em;
}

.event_tbl{
width:100%;
font-size:12px;
color:#666;
line-height:1.5em;
}

.event_tbl th{
line-height:1.5em;
padding-top:3px;
}


.even_title{
font-size:12px;
font-weight:bold;
margin:3px auto 3px 5px;
text-align:left;
line-height:1.5em;
}

/*----- 右寄せ設定 -----*/
.text-right {
	text-align:right;
	}


/*----- 中央寄せ設定 -----*/
.text-center {
	text-align:center;
	}


/*----- リスト -----*/
.list-right0 li {
	margin-right:-10px;
}


/*----- イメージ設定 -----*/
.img-right {
	padding:5px;
	float:right;
}

.img-left {
	padding:5px;
	float:left;
}

	
/*----- フォント設定 -----*/
.size1	{font-size:smaller;}
.size2	{font-size:small;}
.size3	{font-size:medium;}
.size4	{font-size:large;}
.size5	{font-size:larger;}


/*----- フォントカラー設定 -----*/
.red       { color: #FF0000; }
.red-b     { font-weight: bold; color: #FF0000; }
.red2      { color: #CC0000; }
.red2-b    { font-weight: bold; color: #CC0000; }
.green     { color: #00FF00; }
.green-b   { font-weight: bold; color: #00FF00; }
.green2    { color: #7BB400; }
.green2-b  { font-weight: bold; color: #7BB400; }
.blue      { color: #0000FF; }
.blue-b    { font-weight: bold; color: #0000FF; }
.blue2     { color: #000099; }
.blue2-b   { font-weight: bold; color: #000099; }
.blue3     { color: #2E5DA8; }
.blue3-b   { font-weight: bold; color: #2E5DA8; }
.yellow    { color: #FFFF00; }
.yellow-b  { font-weight: bold; color: #FFFF00; }
.yellow2   { color: #FF8F1D; }
.yellow2-b { font-weight: bold; color: #FF8F1D; }
.white     { color: #FFFFFF; }
.white-b   { font-weight: bold; color: #FFFFFF; }
.gray      { color: #666666; }
.gray-b    { font-weight: bold; color: #666666; }
.brown     { color: #91591C; }
.brown-b   { font-weight: bold; color: #91591C; }
.pink      { color: #F76155; }
.pink-b    { font-weight: bold; color: #F76155; }


/*----- OnDemand -----*/

.sf {
	color:#f00;
	font-weight:bold;
}

.ondemand{
	color:#6495EF;
	font-weight:bold;
}