@charset "shift_jis";

/* ==================== ボディー ==================== */

body{
    color:#000000;
    font-family:ＭＳ Ｐゴシック, osaka, sans-serif;
    font-size:1.0em;
    line-height:1.6em;
    letter-spacing:0.2em;
    text-align:center;
    background-image:url('background.gif');
    background-repeat:repeat;
}

/*
    background-color:#f4fff4;
*/

p{
    margin:0.5em 0em 0em 0.5em;
    text-align:left;
}

/*
    text-indent:1em;
*/

br{
	text-indent:1em;
	text-align:left;
}

.no-indent{
	text-indent:0em;
}

/* ==================== ヘッドライン ==================== */

h1{
    visibility:hidden;
    font-weight:bold;
}

h2,h3,h4{
    color:#000000;
    margin:40px 0px 0px 0px;
    font-size:1em;
    text-align:left;
    font-weight:bold;
}

h2{
	padding-left:20px;
    border-width:0px 0px 2px 10px;
    border-color:#336633;
    border-style:solid;
}

h3{
    margin:10px 0px 0px 10px;
    padding:2px 0px 2px 20px;
    background-image:url('tab-grn.gif');
    background-position:left;
    background-repeat:no-repeat;
}

/* ==================== 通常リンク ==================== */

a{
    font-family:ＭＳ Ｐゴシック, osaka, sans-serif;
    cursor:pointer;
	padding:2px;
}

a:link, a:visited{
	color:#4444aa;
	text-decoration:underline;
	font-weight:normal;
}

a:visited{
    color:#aa44aa;
}

a:hover{
    color:#ffffff;
    background-color:#99bbff;
}

a.menu-link:link, a.menu-link:visited{
    color:#aa44aa;
    font-weight:normal;
    text-decoration:none;
    border-width:2px;
    border-color:#ffffff #000000 #000000 #ffffff;
    border-style:solid;
}

a.menu-link:visited{
	color:#aa44aa;
	border-color:#666699;
	border-width:2px;
	border-style:solid;
}

a.menu-link:hover{
    color:#ffffff;
    background-color:#99bbff;
    border-color:#000000 #ffffff #ffffff #000000;
}

/* ==================== メインパネル ==================== */

.main-panel{
    margin:0px auto 10px auto;
    text-align:center;
    width:800px;
    padding:0px;
    background-color:#fafffa;
    border-width:2px;
    border-color:#556633;
    border-style:solid;
}

/* ==================== ヘッダ ==================== */

.header{
    float:left;
    width:auto;
    height:100px;
    background-image:url('title-background01.jpg');
    background-repeat:repeat;
}

.title{
    float:left;
    width:400px;
	height:50px;
    background-color:transparent;
    background-image:url('koto-logo01.gif');
    background-repeat:no-repeat;
}

.search{
    float:left;
    width:395px;
	height:40px;
	margin:15px 5px 0px 0px;
    background-color:transparent;
    text-align:right;
    font-size:1em;
}

.top-navi{
    float:left;
    width:800px;
    background-color:transparent;
}

.top-navi li{
    margin:0px;
    display:block;
    list-style-type:none;
    width:auto;
    padding:3px;
    float:right;
    font-size:12pt;
}

.top-navi a{
    color:#ffffff;
    font-weight:bold;
    font-family:ＭＳ Ｐゴシック, osaka, sans-serif;
    margin:3px;
    padding:2px 3px 0px 3px;
    text-decoration:none;
    background-color:transparent;
    border-width:2px;
    border-color:#ffffff;
    border-style:outset;
}

.top-navi a:link, .top-navi a:visited{
    color:#ffffff;
}

.top-navi a:visited{
    font-weight:bold;
    text-decoration:none;
    color:#dddddd;
}

.top-navi a:hover{
    color:#ffffff;
	background-color:#99bbff;
}

.top-navi a.menu-link:link,a.menu-link:visited{
	color:#ffffff;
	font-weight:normal;
	border-width:2px;
	border-color:#ffffff #000000 #000000 #ffffff;
	border-style:solid;
}

.top-navi a.menu-link:visited{
	color:#ffffff;
	border-color:#666699;
	border-width:2px;
	border-style:solid;
}

.top-navi a.menu-link:hover{
    color:#ffffff;
    background-color:#99bbff;
	border-color:#000000 #ffffff #ffffff #000000;
}

/* ==================== メインコンテンツ ==================== */

.introduction, .contents{
    float:left;
	margin:0px;
	padding:0px 25px;
    width:750px;
}

.no-change{
	color:#000000;
    background-color:transparent;
    cursor:default;
}

.passage{
    width:90%;
    float:right;
    clear:both;
}

.products-photo{
	float:left;
	margin-right:10px;
}

.table-l-clm{
    width:200px;
    float:left;
}

.table-r-clm{
    width:500px;
    float:left;
}

#index-contents{
    color:#000000;
    background-image:url('shaoku02.gif');
    width:100%;
    float:left;
    background-position:center;
    background-repeat:no-repeat;
}

#index-no-indent{
    text-indent:0em;
    font-size:3em;
    font-weight:bold;
    text-align:center;
    line-height:1.2em;
}

#index-introduction{
    width:60%;
    float:left;
    background-color:transparent;
    text-align:left;
    margin-top:30px;
    margin-left:15%;
    padding:10px 10px 10px 50px;
}

#index-products-explanation{
    width:40%;
    float:right;
    background-color:transparent;
    text-align:left;
    margin-top:30px;
    padding:10px 50px 10px 10px;
    clear:right;
}

#index-greeting{
    width:auto;
    clear:both;
    background-color:transparent;
    text-align:center;
    margin:30px auto 10px auto;
    font-size:1.2em;
}

.link-img{
    background-color:transparent;
}

/*td{
    float:left;
    text-align:left;
}*/

/* ==================== 表 ==================== */

#table-profile{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	height:473px;
}

#table-request1, #table-request2, #table-request3{
    color:#114411;
    font-family:ＭＳ ゴシック, osaka, sans-serif;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    width:650px;
}

.td-200{
	font-family:monospace;
	width=200px
}

.td-350{
	font-family:monospace;
	width:350px
}

/* ==================== フッタ ==================== */

.bottom-navi, .copyrights{
    float:left;
    margin:0px;
    padding:0px 25px;
    width:750px;
}

.bottom-navi{
    margin:0px;
    font-size:small;
}

.bottom-navi li{
    margin:0px 3px 0px 3px;
    display:inline;
    list-style-type:none;
}

.copyrights-address{
	margin:0px;
    color:#444444;
    font-style:normal;
}

/* ==================== list ==================== */

ul{
	margin:0px 0px 0px 50px;
}

/* ==================== hr ==================== */

hr{
    width:750px;
    margin:5px 0px;
    height:2px;
    border-width:1px;
    border-color:#779977;
    border-style:solid;
}

.clear-all{
    width:750px;
	height:0px;
	margin:0px;
	visibility:hidden;
	clear:both;
}