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

body {
	padding-right: 0px; padding-left: 0px; 
	font-size: 12px;
	background: url(http://kotanikk.com/img/bg_body.gif) repeat-x #F0F4F7; 
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana, sans-serif;
	
	padding-bottom: 0px; margin: 0px; color: #505050; 
	padding-top: 0px; 
	line-height: 1.5em;
}

h1 ,h2 ,h3 ,h4 ,h5 ,h6 { font-weight: normal; }
li 				{line-height: 160%; list-style-type: none;}
.mark li		{line-height: 160%; list-style-image:url(http://kotanikk.com/img/arrow.gif);}
p 				{margin: 0px 0px 10px; line-height: 160%;}
img 			{border:none;}
a 				{color: #4FA5D7; text-decoration: none;}
a:hover 		{color: #ff9900; text-decoration: underline;}

.midashi		{font-weight:bold;}

#page 	{margin: 0px auto; overflow: hidden; width: 800px; padding: 0px;}

.center{
	text-align:center;
	margin:auto;
	padding:auto;
}

sup,sub { font-size:80%;}
.clear  { clear: both;}


/****************************** Header ******************************/

#header {
	display:block; width: auto;height:98px;
	background:url(http://kotanikk.com/img/kotani.gif) left bottom no-repeat;
	cursor: pointer;}
#header a,#header a:link,#header a:visited{
	width: auto;height:70px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#header a:hover {
	width: auto;height:70px; color:#FFFF00; font-weight:bold; text-decoration:none;}

#header p {
	padding:0px 0px 0px 35px;
	margin:0px;
	position:relative;
	font-size:180%;}
	
h1 { height:19px ; display:block;
	padding:0px 10px 0px 5px;
	font-size:12px;
	text-decoration:none;}

#header	.cap{
	width:auto;
	font-size:12px;
	display: block;
	position:absolute;
	color: #000000;
	padding:0px 0px 0px 0px;
	margin:9px 0px 0px 0px;}
	
#header img{
padding:1px 0px 0px 0px;
float:right;
}

/****************************** Container ******************************/

#container {
	background: url(img/container_bg.gif) repeat-y; float: left; width: 800px;
	margin-top:5px;
}

#container2 {
	background: url(img/container_bg2.gif) repeat-y; float: left; width: 800px
}

/****************************** Mokuji ******************************/

#crumb {
background-image: url(img/pankuzu.gif) no-repeat ;
background-color:#ffffff;
width: 560px;
height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
clear:both; }

#crumb2 {
background-image: url(img/pankuzu.gif) no-repeat ;
background-color:#ffffff;
width: 780px;
height: 22px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
clear:both; }


.crumb_text {
color:#003399;

background-color:#efefef;
width: 560px;
height: 16px;
display: block;
clear:both; 

padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 0px;
font-size:12px; 
line-height:18px;}

.crumb_text2 {
color:#003399;

background-color:#efefef;
width: 780px;
height: 16px;
display: block;
clear:both; 

padding: 0px 0px 0px 20px;
margin: 0px 0px 10px 0px;
font-size:12px; 
line-height:18px;}

/****************************** Menu ******************************/
#menu {
	display:block; background: #ffffff; width:800px; height:36px; margin:0px 0px 6px 0px; padding:0px;
	}


/****************************** Side Menu ******************************/

#side {
	float: left; margin: 0px 0px 20px; width: 199px ;
}
#side_menu {
background:#FFFFFF;
	padding-top: 0px; 
	padding-bottom: 1px; 
	}
#side_menu li a ,#side_sub .other a{color: #505050; margin:1px 0px;
	padding-right: 3px;  display: block; padding-left: 18px; background:#FCFCFC; padding-bottom: 8px; width: 177px; padding-top: 8px; background-repeat: no-repeat; line-height:130%; border-bottom:1px dotted #CCCCCC; 
}
#side_menu li a:hover ,#side_sub .other a:hover{color:#FFCC00; 
	padding-right: 3px; display: block; padding-left: 18px; background: #FCFCFC; padding-bottom: 8px; width: 177px;
		padding-top: 8px; line-height:130%;}
	
/**#side_sub li a {color: #505050; 
	padding-right: 3px; background-position: left top; display: block; padding-left: 30px; background-image: url(img/side_sub_a.gif); padding-bottom: 0px; width: 168px; padding-top: 6px; background-repeat: no-repeat; height: 22px
}
#side_sub li a:hover {color: #4FA5D7;
	padding-right: 3px; display: block; padding-left: 30px; background: url(img/side_sub_hover.gif) no-repeat left top; padding-bottom: 0px; width: 168px; padding-top: 6px; height: 22px;
}**/ 

/*サイドのその他　細いグレー
#side_sub .other a{ 
background:#EAFFA2;}
#side_sub .other a:hover{ 
background:#FAF337; color:#00CC00;}*/


.side_top {
	padding-right: 3px; display: block; padding-left: 23px;  padding-bottom: 0px; width: 172px; padding-top: 5px; height:25px; color: #ffffff; background:url(http://kotanikk.com/img/side_g.gif) top left no-repeat;
}

.side_top:hover {color:#00CC00; text-decoration: underline;
background:url(http://kotanikk.com/img/side_g_ov.gif) top left no-repeat;}

.s {padding-right: 3px; background-position: left top; display: block; padding-left: 10px; padding-bottom: 3px; width: 180px; padding-top: 3px;  height: 22px; color: #666666; font-size:12px; border-left:5px solid #32A60F; border-bottom:1px solid #32A60F; margin-top:2px;
	
}

.s2 {
	padding-right: 3px; background-position: left top; display: block; padding-left: 10px; padding-bottom: 3px; width: 180px; padding-top: 3px;  height: 22px; color: #666666; font-size:10px; border-left:5px solid #32A60F; border-bottom:1px solid #32A60F; margin-top:2px;
	}

#side_bnr {
	margin-top: 15px; margin-left: 5px
}

#side_bnr2 {
	margin-top: 7px; margin-left: 5px
}

#side_text {
	padding-right: 5px; margin-top: 10px; padding-left: 5px; padding-bottom: 0px; padding-top: 0px
}

.news_topic {
	background-color:#EFF8CD;
	border:#cccccc 1px solid;
	margin:5px;
	padding:7px;
	line-height:18px;
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana, sans-serif;}
	
.news_topic a 		{color: #4FA5D7; text-decoration: none; font-size:12px; margin-bottom:5px;}
.news_topic a:hover {color: #ff9900; text-decoration: underline; font-size:12px;  margin-bottom:5px;}

	
	
/****************************** Main ******************************/

#main {
	float: right; width: 589px; padding-top: 6px
}

#main2 {
	width: 788px; padding: 6px 10px 0px 10px;
}

#caption {
	width: 574px; border: #e7e7e7 1px solid; background: #ffffff;
	padding: 2px; margin-bottom: 9px; clear:both;}
	
#oring { 
	width: 574px; height:auto; border: #e7e7e7 1px solid; background:#ffffff;
	padding: 2px; margin-bottom: 9px; clear:both;}

#metal  {width: 574px; border: #e7e7e7 1px solid; background: #ffffff;
	padding: 2px; margin-bottom: 5px; clear:both;}

#metal .div_a{ height:270px; display:block; background:url(img/metal.jpg) right top no-repeat #494D42;
margin:0px 10px 5px 10px; color:#FFFFFF; padding:15px 15px 15px 15px; font-size:13px; line-height:20px;} 


.div_a span { color:#00CCFF; font-size:16px; font-weight:bold; display:block;
margin-bottom:185px; }

.div_a img{ float:right; margin-top:40px;}

.div_b{padding-right:10px;}


#metal .span2{
background-color: #EDF7F8;
border: #cccccc 1px solid; 
line-height:22px; font-size:14px;
margin-bottom:10px;
padding:1px 5px 1px 5px;
}

.div_a p{ margin-right:225px;}

	
.clearc{clear:both; margin-bottom:9px;}

#caption_box {
	padding:15px 19px; font-size: 12px; background: #f0f4f7;}

#whatsnew {
	padding-right: 9px
}
#whatsnew h4 {
	margin-bottom: 8px; padding-bottom: 3px; border-bottom: #b1b1b1 1px dotted;
	background: #FFFFFF;
}
#whatsnew ul {
	padding-right: 19px; padding-left: 19px; background: #f0f4f7; margin-bottom: 27px; padding-bottom: 22px; padding-top: 19px
}
#whatsnew li {
	padding-right: 0px; background-position: left top; padding-left: 10px; background-image: url(img/li_arrow.gif); margin-bottom: 8px; padding-bottom: 2px; padding-top: 2px;  background-repeat: no-repeat; 
}

#path {
	margin: 10px 0px 15px
}
#trackback {
	margin: 0px 0px 30px 20px
}
#comment {
	margin: 0px 0px 30px 20px
}
#entry {
	padding-right: 9px
}
#entry_box {
	padding-right: 19px; padding-left: 19px; background: #f0f4f7; margin-bottom: 15px; padding-bottom: 10px; padding-top: 19px
}
.h2 {
	padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 18px; background: #ffffff; margin-bottom: 15px; padding-bottom: 5px; color: #013416; padding-top: 10px; border-bottom: #0B4F96 5px solid;
}

h2 {
	padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 18px; margin-bottom: 3px; padding-bottom: 5px; color: #013416; padding-top: 8px; border-bottom: #32A60F 5px solid;
}/**{ margin-bottom:3px; background:url(img/bg_select.png) repeat;  border-bottom: #32A60F 5px solid; padding-top: 10px;
}**/

#oring h2 {
	padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 18px; background: #ffffff; margin-bottom: 3px; padding-bottom: 8px; color: #013416; padding-top: 10px; border-bottom: #32A60F 5px solid;
}/**{ margin-bottom:3px; background:url(img/bg_select.png) repeat;  border-bottom: #32A60F 5px solid; padding-top: 10px;
}**/
h3,.h3 {
	padding-right: 0px; border-top: #666666 1px solid; padding-left: 8px; font-weight: bold; font-size: 16px; background: #D6C6E9; margin-bottom: 15px; padding-bottom: 5px; color: #555555; padding-top: 8px; border-bottom: #666666 1px solid
}

h3.p{ padding-top:0px; padding-bottom:5px;}


.h3{display:block;}

h4, h5, h6, .h_cap {
	padding: 8px 8px 5px 20px;   font-weight: bold; font-size: 14px; background: #DEF4FA; margin-bottom: 15px; color: #000000;  border-top: #50AFC7 1px solid;border-bottom: #50AFC7 1px solid;
}

.sub_caption{
display:block; font-size:14px; margin-bottom: 15px;
padding:2px 0px 2px 10px;
border-bottom: #40506A solid 1px;
border-left: #40506A solid 10px;
color:#000000;
font-weight:bold;}

.sub_cap2{
display:block; font-size:14px; margin-bottom: 15px;
padding:2px 0px 2px 10px;
border-bottom: #0B4F96 solid 1px;
border-left: #0B4F96 solid 5px;
color:#000000;
font-weight:bold;}

span.sub_b2{ color:#0B4F96; font-size:120%; font-weight:bold;
display:block; margin-bottom:3px;}

span.bgcolor_td2{
background-color: #EDF7F8;
border: #cccccc 1px solid; 
line-height:22px; 
padding:1px 5px 1px 5px;
}

div.check{ padding-top:10px; padding-bottom:0px; }

div.check img,div.check2 img{float:right;}

div.check_g img{ padding-top:75px; padding-bottom:0px; float:right;}

div.check2{ padding-top:10px; padding-bottom:0px;
margin-bottom:10px; }

.sub_sub{
font-size:14px; margin-bottom:5px; width:500px; display: table;
padding:2px 0px 2px 10px;
border-bottom: #40506A solid 1px;
border-left: #40506A solid 10px;
color:#000000;
font-weight:bold;}

#entry h3 {
	padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 14px; margin-bottom: 15px; padding-bottom: 5px; border-left: #3aa8c1 5px solid; padding-top: 0px; border-bottom: #b1b1b1 1px dotted
}
#entry h4 {
	padding-right: 0px; padding-left: 10px; font-weight: bold; font-size: 14px; margin-bottom: 15px; padding-bottom: 5px; border-left: #ff9900 5px solid; padding-top: 0px; border-bottom: #b1b1b1 1px dotted
}
#entry h5 {
	padding-left: 5px; font-size: 12px; margin-bottom: 15px; border-left: #3aa8c1 10px solid
}
#entry h6 {
	padding-left: 15px; font-size: 12px; background: url(img/entry_h6_arrow.gif) no-repeat; margin-bottom: 15px
}
#entry p {
	margin-bottom: 15px
}
#entry blockquote {
	border-right: #666666 1px dotted; padding-right: 19px; border-top: #666666 1px dotted; padding-left: 19px; background: #ffffff; margin-bottom: 30px; padding-bottom: 15px; border-left: #666666 1px dotted; line-height: 160%; padding-top: 19px; border-bottom: #666666 1px dotted
}
#entry_footer {
	margin: 10px 0px 30px
}


.ex{
width:770px; margin:10px auto;}

.mb10{margin-bottom:10px;}

#tokiwa {
	width: 780px;  background: #ffffff;
	padding: 2px; margin-bottom: 9px; clear:both;}
	
img.tokiwa_a { float:left; margin-right:5px;  margin-bottom:10px;}


.caption_in { 
display:block;  border: #e7e7e7 1px solid; background: #ffffff;
	padding: 10px; margin-bottom: 9px; clear:both;}
/****************************** Main Index Page ******************************/
#image_cap01{
	display:block;
	background:url(img/index_main.jpg) #FFFFFF top left no-repeat;
	width:450px;
	height:70px;
	padding:5px 10px 5px 115px;
	color: #003399;}
	
#image_cap02{
	display:block;
	background:url(img/index_main.jpg) #FFFFFF top left no-repeat;
	width:450px;
	height:80px;
	padding:10px 10px 10px 115px;
	color: #003399;}	

.div0{	float:left;	height:auto;
		margin-right:5px; }
		
.div0b{ float:left;  height:auto;}

.div0b .fb{ width:280px; height:178px; margin-bottom:2px; background:url(img/bg_fb.png) no-repeat; 
 border:1px #DFECF0 solid; float:left; margin-right:5px; font-weight:bold;}
 
 .fb p{ margin:65px 20px 10px 10px;}
 
 .fb p img{margin-top:38px;}

.div0b .cd{ width:280px; height:178px; margin-bottom:2px; background:url(img/bg_cd.gif) no-repeat;
/*background:url(img/bg_cd.png) no-repeat;*/
 border:1px #DFECF0 solid; font-weight:bold; float:left;}
 
 .cd p{ margin:80px 5px 10px 25px; }
 
 .cd p img{margin-top:5px; float:right;}
 
 

.div1{width:180px; height:auto; padding:3px 3px 2px 3px; margin-bottom:2px;
background:url(img/bg_select.png) repeat;
		margin-right:5px; border:1px #DFECF0 solid;}
		
	.div1b{	float:left;	width:180px; height:auto; padding:3px;
		margin-right:5px; border:1px #DFECF0 solid;}
.div2b{	float:right; width:180px; height:auto; padding:3px;
		border:1px #DFECF0 solid;}
	
.div_box,.div_box5{padding:0px 10px 0px 10px;}

.div_box0,.div_box04{padding:0px 10px 10px 10px;}




.div_box2{padding:0px; border:1px #DFECF0 solid;}

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

.div_l{	float:left;	width:283px; height:auto; padding:0px;
		margin-right:4px; border:1px #DFECF0 solid;}
.div_r{	float:right; width:283px; height:auto; padding:0px;
		border:1px #DFECF0 solid;}
		

.top_title { display:block; width:170px; height:24px;
			 background:url(img/top_title.gif) top left no-repeat;
			 padding-left:10px; margin-bottom:3px;
			 padding-top:5px;
			 font-weight:bold; font-size:14px; vertical-align:middle;}
.div1 a, .div2 a{color:#0033FF;}
/****************************** Order ******************************/
.order1{ display:block; width:180px; height:100px;
		 background:url(img/bg_div01.jpg) no-repeat;
		 padding-top:10px; margin:5px;
		 font-weight:bold; font-size:14px; line-height:20px;}
/****************************** Footer ******************************/

#footer_box {
	clear: both; text-align: center
}
#f_crumb {
text-align: center;
background-color:#edecec;
height: 18px;
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
clear:both; }


#footer {
	background: url(img/footer_bg.gif) repeat-x; height: 45px
}
#footer address {
margin-left:80px;
	 color: #ffffff; padding-top: 15px; font-style: normal
}

#footer .siz { margin-top:27px; float:right; color:#9966FF; font-size:9px;}

.siz a{ color:#9966FF; text-decoration:underline;}

/****************************** TABLE set ******************************/
table {
border-right: #cccccc 1px solid; 
border-top: #cccccc 1px solid; 
border-left: #cccccc 1px solid;  
border-bottom: #cccccc 1px solid; 
line-height: 14px; 
border-collapse: collapse; }

#table1 {
border:0px none; 
line-height: 18px; 
background-color:#FFFFFF;}

#table2 {
border:0px none; 
line-height: 18px; 
background-color:#f0f4f7;}

#table3 , #table3 td{
border: #cccccc 1px solid;
padding:3px;
}

#table4 {
border:0px none; 
line-height: 18px; 
background-color:#FFFFFF;}
#table4 td{padding:10px;}

#table5 , #table5 td{
border: #cccccc 1px solid;
padding:3px; text-align: center;
}

#table6 , #table6 td{
border: 0px none;
padding:3px;
}

#p0{ border:none; padding:0px; margin:0px;}

#p0 img{padding:3px; border: solid 1px #CCCCCC;}

.table7{border:0px none; padding:0px; margin:0px;}



/****************************** TD Color ******************************/

.grey_td{
background-color: #edecec; 
text-align: left;
border: #7c7c7c 1px solid; 
padding: 10px; }

.greys_td{
background-color: #edecec;  
text-align: left;
border: #cccccc 1px solid; 
padding: 2px; }

.cgrey_td{
background-color: #edecec; 
text-align:center;
border: #cccccc 1px solid; 
padding: 2px; }

.hai_td{
background-color: #efefef; 
text-align: left;
border: #cccccc 1px solid; 
padding: 10px; }

.hai_td2{
background-color: #efefef;
width: 100px; 
text-align: left;
border: #cccccc 1px solid; 
padding: 10px; }

.shiro_td{
background: #ffffff;  
text-align: left;
border: #cccccc 1px solid; 
padding: 10px; }

.shiros_td{
background: #ffffff;  
text-align: left;
border: #cccccc 1px solid; 
padding: 2px; }

.cshiro_td{
background: #ffffff;  
text-align: center;
border: #cccccc 1px solid; 
padding: 2px; }

.blue_td{
background: #EBF5FA;  
text-align: center;
border: #cccccc 1px solid; 
padding: 2px;
font-size:13px;}

.pink_td{
background: #FFEEF7;  
text-align: center;
border: #cccccc 1px solid; 
padding: 2px;
font-size:13px;}

.usugray_td{
background: #efefef;
text-align: center;
border: #cccccc 1px solid; 
padding: 2px;
font-size:13px;}

.mido_td{
background: #ffffff;
text-align: center;
border: #539D37 1px solid; 
padding: 2px;}

.label_td{
background: #6666CC;
color:#FFFFFF;  
text-align: center;
border: #F0F0F0 1px solid; 
padding: 5px; }

.bgcolor_td {
background-color: #EDF7F8;
border: #cccccc 1px solid; 
line-height: 14px; 
padding:1px 5px 1px 5px;}

.green_th{ color:#FFFFFF; font-weight:bold; background-color:#539D37; text-align:center; padding:3px;}
.violet_midashi{ color:#FFFFFF; font-weight:bold; background-color:#00008D; text-align:center; padding:5px;}
.violet_th{ color:#00008d; font-weight:bold; background-color:#ccccff; text-align:center; padding:3px;}
.violet_td{ color:#660099; background-color:#E6E6FA; text-align:center; padding:3px;}
.sitemap_sub {
	padding-right: 3px; padding-left: 10px; 
	padding-bottom: 0px; padding-top: 6px; 
}

.none_td { border:0px none; padding:0px; margin:0px;}
.tate_td { writing-mode:tb-rl;  direction:ltr;}
.img_left {text-align: left;}
.top_td { vertical-align:top; padding-top:0px;}



/****************************** Font Style ******************************/

.style1 {color: #FF0000}
.rigth { text-align:right; vertical-align:top;}
.mido{ color:#33CC00;}
.ki{ color: #FFCC00;}
.aka{ color:#FF0000;}
.aka_s{ color:#FF0000; font-size:9px;}
.sub_b{ color:#0B4F96; font-size:120%; font-weight:bold;}
.yohaku{ padding:15px;}
.b{ font-size:120%; font-weight:bold;}
.violet_b{ color:#00008d; font-size:120%; font-weight:bold;}
.ao{color: #6699FF;}

/**************************::::　画像配置　::::**************************/

.left{  float:left; margin:0px 5px 5px 10px; display:block; position:relative;}
.right{ float:right; margin:0px 5px 5px 10px; display:block; position:relative;}
.left_0{  float:left; margin:0px; display:block; position:relative;}
.img_right{ display:block; position:relative; margin:auto 0px auto auto; width:auto; text-align:right;}

img.check{padding-top:10px; float:right;}