﻿/*-----------------------------------------
　id
-------------------------------------------*/
#container{
	width: 900px;
	margin: 0 auto;
}

#header {
	clear: both;
	margin: 0;
	width: 900px;
	height: 40px;
	text-align: left;
	font-size: 9pt;
}

#content {
	clear: both;
	text-align: left;
	width: 900px;
	margin: 0 auto;
	font-size: 10pt;
	background:#FFFFFF url(../images/bg.gif) top center repeat-y;
}

#footer {
	clear: both;
	float: none;
	width: 900px;
	margin: 10px auto;
	text-align: center;
	font-size: 8pt;
	color:#FFFFFF;
}

#content_main {
	clear: both;
	float: none;
	text-align: left;
	width: 880px;
	margin: 0 0 20px 0;
	padding:10px;
	font-size: 10pt;
	border:1px solid #305080;
	background:#FFFFFF url(../images/content_bg1.png) left top repeat-x;
}

/* カラム2つ */
#content_left {
	width: 265px;
	margin: 0 0 20px 0;
	padding:0px;
	float: left;
	font-size: 10pt;
	text-align: left;
}

#content_right {
	width: 580px;
	margin: 0 0 20px 0;
	padding:10px 20px 10px 20px;
	float: right;
	text-align: left;
	background:#FFFFFF url(../images/content_bg1.png) left top repeat-x;
	font-size: 10pt;
	border:1px solid #305080;
}

#update_info_header {
	width: 850px;
	margin: 15px 5px 15px 5px;
	padding:0px 10px;
	text-align: left;
	background:#FFFFFF url(../images/content_bg2.png) left top repeat-x;
	border:1px solid #D09090;
}

#update_info_header2 {
	width: 410px;
	margin: 15px 5px 15px 5px;
	padding:0px 10px;
	text-align: left;
	background:#FFFFFF url(../images/content_bg2.png) left top repeat-x;
	border:1px solid #D09090;
}
#update_info_header3 {
	width: 410px;
	margin: 15px 5px 15px 5px;
	padding:0px 10px;
	text-align: left;
	background:#FFFFFF url(../images/content_bg2.png) left top repeat-x;
	border:1px solid #D09090;
}

#update_info {
	width: auto;
	margin: 0;
	padding:5px;
	text-align: left;
}

#menu {
}

#jisseki-table
{
	border-collapse:collapse;
}

#jisseki-table td
{
	border:solid 1px gray;
}

#jisseki-table th
{
	font-family:メイリオ;	
	font-weight:bold;
	font-size:large;
	border-right:solid 1px gray;
	color:White;
	background:#555555;
	padding:5px;
}
/*-----------------------------------------
　class
-------------------------------------------*/

.banner {
	float: left;
}

.about {
	float: right;
	text-align: right;
	color:#FFFFFF;
}

.product-tab {
	height:520px;
}

.product-info {
	float: left;
	width:182px;
	height:500px;
	padding:8px;
	margin:0 5px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
}

.product-info-wide {
	padding:8px;
	margin:0 5px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
}

.product-info-right {
	padding:8px;
	margin:0 5px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
	float:right; 
	width:180px;
}

.product-info-box 
{
	padding:8px;
	margin:0 5px;
	margin-right:30px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
	float:left;
	width:180px;
}

.product-info2 {
	float: left;
	width:820px;
	height:500px;
	padding:8px;
	margin:0 5px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
}

.product-info3 {
	float: left;
	width:227px;
	height:500px;
	padding:8px;
	margin:0 5px;
	background:#FFFFE0;
	border:1px solid #DDDD70;
}

.product-button {
	margin:8px;
}

.icon {
	margin: 0 5px 0 0;
	padding:0.5em 0;
	vertical-align: middle;
}

h1 .icon {
	margin: 0 8px 5px 0;
	padding:0.5em 0;
	vertical-align: middle;
}

.list {
	margin:5px 50px 10px 10px;
	padding-left:10px;
}

.item {
	padding-left: 17px;
	background: url(../images/icons/bullet_green.png) no-repeat 0 4px;
	list-style: none;
}

.image {
	margin:10px;
}

.ad-box {
	margin-top:20px;
	padding:0px 10px 10px 10px;
	border:1px solid #305080;
	background:#FFFFFF;
	width:240px;
}

.memo-box {
	background:#FFFFDD url(../images/memo.gif) top left no-repeat;
	border:solid 1px #DDDDDD;
	width:510px;
	padding:15px;
	margin-left:10px
}

.breadCrumbHolder
{
	margin:0 0 30px 0;
}


/* ボタン */
.buttons {
	margin:10px 0px 30px 5px;
}

.buttons a, .buttons button, .buttons select {
    display:block;
    float:left;
    margin:0 10px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    line-height:130%;
    text-decoration:none;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons a:hover, button:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.produce2col{
	float:left;
	margin-left:20px;
}

.produce2col_end{
	clear:both;
	height:10px;
}

.top-menu-page
{
	margin-top:50px;
	text-align:center;
}

.top-menu-info-bar
{
	margin-top:30px;
	margin-bottom:10px;
}

.top-menu-info-no
{
	margin-top:30px;
	margin-bottom:5px;
	margin-left:20px;
	width:800px;
	height:40px;
	padding-top:10px;
	padding-left:70px;
	font-size:16px;
	font-weight:bold;
	font-family:メイリオ;
	color:White;
}

.top-menu-kaisetsu-bar
{
	margin-top:5px;
	margin-bottom:10px;
	background-image:url("../images/kaisetsu-bar.png");
	background-repeat:no-repeat;
}

.top-menu-p1
{
	padding-left:20px;
	font-family:メイリオ;
	font-size:16px;
	margin: 0px 0px 10px 0px;
}

.top-menu-p2
{
	border-top: dotted 1px #666666;
	border-left: groove 10px #666666;
	border-bottom: dotted 1px #666666;
	padding:5px 5px 5px 20px;
	font-family:メイリオ;
	font-size:18px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

.top-menu-p3
{
	padding-left:20px;
	font-family:メイリオ;
	font-size:16px;
	margin: 20px 0px 10px 0px;
}

.top-menu-yukkuri-p1
{
	padding-left:20px;
	font-family:メイリオ;
	font-size:16px;	
	border-left: dotted 2px #AAAAAA;
}

.top-menu-yukkuri-p2
{
	padding-left:40px;
	font-family:メイリオ;
	font-size:14px;
}

a.top-menu-return
{
	display:block;
	padding-top:16px;
	margin: 0 auto;
	background:url(../images/i01_03_19.PNG) top left no-repeat;
	width:200px;
	height:50px;
	font-size:24px;
	text-align:center;
}

a.top-menu-return:link		{ text-decoration: none; color:White; }
a.top-menu-return:visited	{ text-decoration: none; color:White; }
a.top-menu-return:active	{ text-decoration: none; color:White; }
a.top-menu-return:hover		{ text-decoration: underline; color:White; }

.jisseki-return
{
	margin-left:50px;
	font-size:12px;
}

a.jisseki-return:link		{ text-decoration: none; color:White; }
a.jisseki-return:visited	{ text-decoration: none; color:White; }
a.jisseki-return:active		{ text-decoration: none; color:White; }
a.jisseki-return:hover		{ text-decoration: underline; color:White; }

.top-menu-itiran-tbl1, .top-menu-itiran-tbl2
{
	width:100%;
	border-collapse: separate;
	border-spacing: 2px;
	font-family:メイリオ;
}

.top-menu-itiran-tbl1 th, .top-menu-itiran-tbl2 th
{
	padding:0.5em;
	border-bottom: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	color:White;
	background: #4988CE;
	white-space: nowrap;
	font-size:12px;
}

.top-menu-itiran-tbl1 td, .top-menu-itiran-tbl2 td
{
	padding:0.5em;
	border-bottom: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	background: #F3F3F3;
	white-space: nowrap;
	font-size:12px;

}

th.top-menu-itiran-clear, td.top-menu-itiran-clear
{
	background: white;
	border: 0px;
}

td.top-menu-itiran-kin
{
	text-align:right;
}

td.top-menu-itiran-kojin
{
	background-color: #ffeeee;
}

td.top-menu-itiran-dantai
{
	background-color: #eeffee;
}

.muryo-p1
{
	padding-left:20px;
	font-family:メイリオ;
	font-size:16px;	
}

.muryo-p2
{
	border-top: dotted 1px #666666;
	border-left: groove 10px #666666;
	border-bottom: dotted 1px #666666;
	padding:5px 5px 5px 20px;
	font-family:メイリオ;
	font-size:18px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

.kaisetsu-point
{
	text-decoration:underline; 
	font-weight:bold; 
	color:#FF6666;
}

a.try:link{color:#ff0000;}
a.try:visited{color:#ff0000;}
a.try:hover{color:#ff0000;}
a.try:active{color:#ff0000;}
/*-----------------------------------------
　タグ
-------------------------------------------*/

a:link    { text-decoration: none; color: #226699; }
a:visited { text-decoration: none; color: #444488; }
a:active  { text-decoration: none; color: #444488; }
a:hover	  { text-decoration: underline; color: #DD6600; }

#header a:link    { text-decoration: none; color: #FFFFFF; }
#header a:visited { text-decoration: none; color: #FFFFFF; }
#header a:active  { text-decoration: none; color: #FFFFFF; }
#header a:hover	  { text-decoration: underline; color: #DD6600; }

#footer a:link    { text-decoration: none; color: #FFFFFF; }
#footer a:visited { text-decoration: none; color: #FFFFFF; }
#footer a:active  { text-decoration: none; color: #FFFFFF; }
#footer a:hover	  { text-decoration: underline; color: #DD6600; }


#content_main h1, #content_left h1, #content_right h1, h1
{
	width:100%;
	border-bottom:#406090 4px solid;
	font-size:13pt;
	text-align:left;
	margin:0 0 15px 0;
	padding:0;
}

img { 
	border: 0;
}

table {
	border-collapse: collapse;
}

td {
	font-size: 10pt;
	font-weight: normal;
	line-height: 160%;
}


body {
/*
	background:#345B8C url(../images/bg.gif) top center repeat-y;
*/
	background:#FFFFFF url(../images/bg.gif) top center repeat-y;

/*
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
*/
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10pt;
	font-weight: normal;
	line-height: 160%;
	text-align: center;
	margin:0;
	color:#404040;		
}

.contact-block {
  margin-bottom: 120px;
}