@charset "utf-8";

/*初期設定*/

*{
	margin:0;
	padding:0;
	font-size:10pt;
}

body{
	margin:0;
	padding:0;
	background:#ededed;
/*	text-align:center;*/
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	line-height:1.5;
	color:#555;
}

p{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	color:#333;
	padding:10px 0;
}

h1{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#000;
	padding:10px 0 0 15px;
	font-weight:normal;
}
h1 a{
	display:block;
	text-decoration:none;
}
h1 a:hover{
	text-decoration:none;
}

h2{

}


h3{
	font-size:100%;
	color:#777;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px #777 dotted;
	border-left:5px #777 solid;
	margin-top: 18px;
	margin-bottom: 10px;
}

h4{
	font-size:90%;
	color:#ffffff;
	background-color:#000066;
	padding:3px;
	margin:15px 0;
}

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

li{
	line-height:1.5;
	margin-left:30px;
	padding-bottom:5px;
}


#main.detail ol li ul li,#main.detail ul li ul li,#main.detail ul li ul li li,#main.detail ul li ul li ul li ul li{
	font-size:100%;
}

/*wrapper*/

#wrapper{
	margin:0 auto 0 auto;
	padding:0;
	width:802px;
	height:100%;
	position:relative;
	background:#fff;
}

/*header*/

#header{
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	height: 20px;
}
#header h1{
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#333366;
	padding:4px 0 0 4px;
	font-weight:normal;
}

#header-banner{
	position:relative;
	width: 800px;
	height: 100px;
}

/*コンテンツ設定*/

#contents{
	margin:0;
	padding:0;
/*	width:802px;*/
	text-align:left;
/*	min-height:1032px;*/
}

#contentsInner{
	padding:0;
}

#contentsInner.top{
	padding:0;
/*	margin-top:20px;*/
}

/*メイン設定*/

#left{
	margin:0;
	padding:0;
	float:right;
    width:280px;
	min-height:1140px;
	background-color: #fff;
}
#left-inner{
	padding:0;
}

#information {
	margin: 4px 8px 4px 8px;
	border: 1px solid #aaa;
}

.info-red { background: #FF7066; }
.info-pink { background: #FF66A6; }
.info-purple { background: #9966CC; }
.info-blue { background: #6666FF; }
.info-green { background: #48DB4D; }
.info-yellow { background: #FFC824; }

#information-inner{
	margin: 0 0 0 28px;
	padding:8px 8px 8px 8px;
	background: #fff;
}


/*メイン設定*/

#main{
	margin:0;
	padding:0;
	float:left;
    width:520px;
	min-height:1140px;
	background : #fff;
}

#main.top{
	margin:0;
	padding:0;
	float:left;
    width:520px;
	min-height:1140px;
	background : url(../images/top_image_01.jpg) no-repeat;
}

#main-inner{
	padding:10px 20px 10px 35px;
}

#main-inner.top{
	padding:0;
}

#main h2.red,h2.pink,h2.purple,h2.blue,h2.green,h2.yellow,h2.gray {
	margin:16px 0 12px 0;
	padding:12px 0 0 68px;
/*	width:466px;*/
	height:50px;
	font-size: 12pt;
}

#main h2.red {	background : url(../images/h2_bar_01.gif) no-repeat;}
#main h2.pink {	background : url(../images/h2_bar_02.gif) no-repeat;}
#main h2.purple {	background : url(../images/h2_bar_03.gif) no-repeat;}
#main h2.blue {	background : url(../images/h2_bar_04.gif) no-repeat;}
#main h2.green {	background : url(../images/h2_bar_05.gif) no-repeat;}
#main h2.yellow {	background : url(../images/h2_bar_06.gif) no-repeat;}
#main h2.gray {	background : url(../images/h2_bar_07.gif) no-repeat;}

#message {
	margin:414px 60px 10px 60px;
	background-color: #fff;
	filter:alpha(opacity=65); /*IE*/
	-moz-opacity:0.65; /*FF*/
	opacity:0.65;
}

#message-inner {
	padding:16px 20px 16px 20px;
	color: #111;
}

#message h2{
	text-align: center;
	margin: 0 0 8px 0;
	padding:0;
	font-size: 1.2em;
	letter-spacing:0.2em;
	border-bottom: 1px solid #00a;
}

#video {
	margin:20px 60px 10px 60px;
	background-color: #fff;
	filter:alpha(opacity=65); /*IE*/
	-moz-opacity:0.65; /*FF*/
	opacity:0.65;
}

#video-inner {
	padding:16px 20px 16px 20px;
	color: #111;
}

#video h2{
	text-align: center;
	margin: 0 0 8px 0;
	padding:0;
	font-size: 1.2em;
	letter-spacing:0.2em;
	border-bottom: 1px solid #00a;
}


/*フッター設定*/

#footer{
	margin:0 24px 0 24px;
	text-align:center;
	clear:both;
/*	background:#327144;*/
}
#footer p{
	border-top: 1px solid #333;
	padding:18px 0;
	font-size: 10pt;
/*	color:#fff;*/
}


/*配下ページ設定*/

.description{
	color:#CC0000;

}

/*テーブル設定*/

table{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	margin:15px 0 20px 1px;
	border-collapse:collapse;
}

td{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	padding:8px;
	text-align:left;
	line-height:1.5;
}

th{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	background:#eef;
	padding:5px 10px;
	font-weight:normal;
	text-align: left; 
	line-height:1.5;
}

th em{
	font-style:normal;
	color:#CC0000;
	padding-left:5px;
	font-size:90%;
}


#nopad table{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:0 0 8px -2px;
	border-collapse:collapse;
}

#nopad td{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding:0 3px 0 0;
}

#licence table{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	margin:15px 0 20px 1px;
	border-collapse:collapse;
	width:100%;
}

#licence td{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	padding:1px 4px 1px 4px;
	text-align:left;
	line-height:1.5;
}

#licence th{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	background:#eef;
	padding:1px 4px 1px 4px;
	font-weight:normal;
	text-align: left; 
	line-height:1.5;
}

#news table{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:15px 0 20px 1px;
	border-collapse:collapse;
}

#news td{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding:1px 4px 1px 4px;
	text-align:left;
	line-height:1.5;
}

#news th{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	padding:1px 4px 1px 4px;
	font-weight:normal;
	text-align: left; 
	line-height:1.5;
	background:none;
}







.lt table td{
	text-align:left;
}


.table_line_style div {
	margin: 12px 0 16px 0;
}

.table_line_style table {
	margin: 12px 0 16px 0;
 border-top: 1px solid #3E2101;
 border-bottom: 1px solid #3E2101;
}

.table_line_style th {
 text-align: left;
 color: #3E2101;
 border-top: 1px solid  #666666;
 border-bottom: 1px solid  #666666;
}

.table_line_style td {
 text-align: left;
 color: #3E2101;
 border-top: 1px solid  #666666;
 border-bottom: 1px solid  #666666;
}

.table_line_style th {
 background: #E6E6E6;
 color: #3E2101;
 width: 40%;
}

.table_line_style_bunjo th {
 text-align: center;
 color: #3E2101;
 border-top: 1px solid  #666666;
 border-bottom: 1px solid  #666666;
 width: auto;
}

.table_line_style_bunjo td {
 text-align: center;
 color: #3E2101;
 border-top: 1px solid  #666666;
 border-bottom: 1px solid  #666666;
 width: auto;
}

.table_line_style_bunjo th {
 background: #E6E6E6;
 color: #3E2101;
}

.table_box_style_pict table {
	margin: 12px 0 16px 0;
/* border: 1px solid #3E2101;*/
}

.table_box_style_pict th {
 text-align: left;
 color: #3E2101;
/* border: 1px solid  #666666;*/
 width: auto;
}

.table_box_style_pict td {
 text-align: center;
 color: #3E2101;
/* border: 1px solid  #666666;*/
 width: auto;
}

.table_box_style table {
	margin: 12px 0 16px 0;
 border: 1px solid #3E2101;
}

.table_box_style th {
 text-align: left;
 color: #3E2101;
 border: 1px solid  #666666;
 width: auto;
}

.table_box_style td {
 text-align: left;
 color: #3E2101;
 border: 1px solid  #666666;
 width: auto;
}

.table_box_style_w td {
 text-align: left;
 color: #3E2101;
 border: 1px solid  #666666;
 width: 200px;
}

.table_box_style th {
 background: #ddffdd;
 color: #3E2101;
}

.table_box_style_nowrap1 td {
 text-align: left;
 color: #3E2101;
 border: 1px solid  #666666;
 white-space:nowrap;
 width: 300px;
}

.table_box_style_nowrap2 td {
 text-align: left;
 color: #3E2101;
 border: 1px solid  #666666;
 white-space:nowrap;
 width: 80px;
}







table.table_line_style th.line_side,table.table_line_style td.line_side {
 border-right: 1px solid  #666666;
 border-left: 1px solid  #666666;
}
table.table_line_style td.line_right,table.table_line_style th.line_right {
 border-right: 1px solid  #666666;
}
table.table_line_style td.line_top,table.table_line_style th.line_top {
 border-top: 1px solid  #666666;
}
table.table_line_style td.line,table.table_line_style th.line {
 border-top: 1px solid  #666666;
 border-bottom: 1px solid  #666666;
}



















/*お問合せ設定*/

#contact{
	width:546px;
}

#contact table{
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	font-size:75%;
	width:100%;
	margin:15px 0 20px 0;
	border-collapse:collapse;
}

#contact td{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	padding:10px;
	text-align:left;
}

#contact th{
	border-top:none;
	border-bottom:1px solid #aaa;
	border-left:none;
	border-right:1px solid #aaa;
	padding:5px 10px;
	background:#f3f3f3;
	font-weight:normal;
	text-align:center;
	width:160px;
}

#contact th em{
	font-style:normal;
	color:#CC0000;
	padding-left:5px;
	font-size:90%;
}


.text1,.text2,.text3,.text4,.text5{
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:2px;
	margin:2px 0 2px 0;
}

.text2,.text4,.text5{
	width:80%;
}

.text1,.text3{
	width:50%;
}

.text1:focus,.text2:focus,.text3:focus,.text4:focus,.text5:focus{
	border-color:#7f9db9;
	background-color:#fff;
}


.submit{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

/*tab*/

#tab,#tab.detail {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #333;
	height: 100%;
	overflow: hidden;
	}
	
#tab ul,#tab.detail ul{
	margin:0;
	padding:0;
}
#tab li {
	float: left;
	width: 99px;
	list-style:none;
}
#tab li a {
	display: block;
	width: 99px;
	border: 1px solid #ccc;
	border-bottom: 0;
	font-size:12px;
	color: #777;
	text-align: center;
	margin:0;
	padding:0;
}
#tab li.order,#tab li.order a{
	width: 103px;
}
#tab li a:hover,
#tab li.present a {
	border-color: #333;
	color: #000;
}

#tab.detail li {
	width: 120px;
}
#tab.detail li a {
	width: 120px;
}


/*other*/

.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.top{
	margin-top:10px;
}
.btm{
	padding-bottom:40px;
}
.pro-r{
	float:left;
	padding-right:25px;
	padding-bottom:10px;
}
.picframe img{
	padding:5px;
	border:1px solid #999;
	margin:15px 0;

}
.picframe2{
	padding:5px;
	border:1px solid #999;
	margin:15px 0;
	width:180px;
	margin-right:15px;
}
.lepa{
  margin-left:20px;
}
.small{
	font-size:90%;
}
em{
	color:#ff000;
	font-size:90%;
}
.space{
	margin-bottom:200px;
}
.in{
	display:inline;
	padding-right:5px;
}

.tdL{
	border-left:0px;
	text-align:justify;
}
.spcz{
	padding:0;
	margin:-15px 0 -10px 0;
}
.spct{
	margin-top:10px;
}

.clr{
	clear:both;
}

.clearfix: after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}


.search_window_for_top {
  float:right;
  margin:22px 16px;
  font-size:10pt;
}
.search_window {
  float:right;
  margin:-28px 16px;
  font-size:10pt;
}

#download_request_icon{
	margin: 0 0 0 0;
	padding: 0;
}

.drawing_link_box {
	background-color: #dfd;
}
.catalog_link_box {
	background-color: #def;
}

.contact_link_box {
	background-color: #ffd;
}

#download_request_icon a{
	float: right;
	margin-top: 2px;
	margin-left: 2px;
	padding: 4px 4px 0 4px;
	font-size: 8pt;
	font-family: sans-serif;
	color: #444;
	border: 1px solid #888;
	line-height: 100%;

	text-decoration:none;
}
#download_request_icon a:hover{
	color: #444;
	text-decoration:underline;
}
td em{
	font-style:normal;
	color:#CC0000;
	padding-left:5px;
	font-size:90%;
}

/* プルダウンメニュー */
#machidukuri_sub,#bunjo_sub,#access_sub,#siryoseikyu_sub {
	position:absolute;
	visibility: hidden;
	z-index:1000;
}

#machidukuri_sub div,#bunjo_sub div,#access_sub div,#siryoseikyu_sub div {
	margin: 0;
	padding:0;
	position:absolute;
	top:197px;
	left:210px;
}

#machidukuri_sub div {top:197px;}
#bunjo_sub div {top:239px;}
#access_sub div {top:284px;}
#siryoseikyu_sub div {top:370px;}

#machidukuri_sub iframe {
	position:absolute;
	top:197px;
	left:210px;
	border:0px;
	width:196px;
	height:102px;
}

#bunjo_sub iframe {
	position:absolute;
	top:239px;
	left:210px;
	border:0px;
	width:196px;
	height:76px;
}

#access_sub iframe {
	position:absolute;
	top:284px;
	left:210px;
	border:0px;
	width:196px;
	height:50px;
}

#siryoseikyu_sub iframe {
	position:absolute;
	top:370px;
	left:210px;
	border:0px;
	width:196px;
	height:76px;
}


.window01 {
	margin: 12px;
	padding: 0;
	text-align: left;
	color: #ff0;
}

.window01 h2{
	background:url(../images/koga-logo-s.gif) no-repeat;
	height:24px;
	padding:8px 0 0 30px;
	letter-spacing:0.1em;
	border-bottom: 1px solid #4DB36D;
}

.window01 ul{
/*	position:absolute;*/
	list-style: circle;
	display: inline;
	color: #ff0;
}

.window01 ul li{
	text-indent:0px;
	color: #444;
	margin-left: 20px;
}


#refarence_link {
	margin: 12px 0 32px 0;
	padding: 4px 4px 4px 12px;
	border: 1px solid #aaa;
}

#aboutus {
	margin: 10px;
	padding: 10px;
	border: 1px solid #aaa;
}

#confirm {
	color:#d00;
}



/*パンくず設定*/

.pan{
	text-align:left;
	padding:0 0 4px 0;
	margin: 0 0 16px 0;
}
.pan ul{
	display:inline;
	list-style:none;
	padding:0;
	margin: 0;
}
.pan ul li{
	margin: 0;
	padding:0;
	display:inline;
	font-size:8pt;
}
.pan a{
	font-size:8pt;
}
.arrow{
	font-size:65%;
}


/* 送信フォーム用 */
.deja_err {color: #d00;}

#submit {
	text-align: center;
}