﻿@charset "utf-8";


* {
	margin:0 auto;
	padding:0;
	vertical-align:baseline;
	line-height:1.6;
	font-size:14px;
}

ul {list-style:none;}

a {font-size:13px;font-weight:bold;}
a:link,
a:visited {color:#06c; text-decoration:none;}
a:hover {color:#06c; text-decoration:underline;}

/*clrarfix
----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}

.clearfix {
  min-height: 1px;
}


/*setting
---------------------------------------------------*/
.sky {background:#eef;}

.mt5   {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mg5   {margin:5px;}
.mg10 {margin:10px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.mr2   {margin-right:2px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.mb5   {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb45 {margin-bottom:45px;}

.pd3  {padding-left:3px}

.left	{float:left;}
.right 	{float:right;}
.clrbth	{clear:both;}

.tleft 	{text-align:left;}
.tcenter{text-align:center;}
.tright 	{text-align:right;}

.fontbold {font-weight:bold;}

.transparent {background:transparent;}

.whitebb {
	border-bottom:3px solid #fff;
}

h1	{
	font-size        :1.41em;
	text-align       : left;
	font-weight      : bold;
	border-left:7px solid #4A7EBB;  
	border-bottom:3px solid #4A7EBB;  
    padding: 3px 5px 1px 5px;
	margin: 10px 0px 0px 0px;
}

/*main divs
---------------------------------------------------*/
#container {width:1000px;}	

#info01{
	margin:5px 0;
	position:relative;
	height:155px;

}
/* #info02 {margin-bottom:5px;} */
#info02 {margin-bottom:25px;}


#info03 {
	border:2px solid #ffff84;
	background:#fff;
}

#info04 {
	border:2px solid #c489ff;
	background:#fff;
}

#info05 {
	border:2px solid #0f0;
	background:#fff;
}

#info06 {
	height:140px;
}

#info07 {
	border:2px solid #0070C0;
	background:#fff;
}

#info08 {
	border:2px solid #FFBF80;
	background:#fff;
}


/*header
---------------------------------------------------*/
#header {
	margin:0 auto;
/*	padding:0; */
/*	height:50px; */
/*	border-bottom:3px solid #0000cc; */
	padding-bottom:5px;

}

#toplink {
	float:right;
	height:33px;
	margin: 16px 0 0 2px;
}	

#toplink  .link01 {
	float:left;
	margin:0 3px;
}

#toplink  .link02 {
	float:right;
	margin:0 0 0 3px;
}

/* info01
---------------------------------------------------*/

#em {
	width:615px; 

	height:127px;
	border:3px solid #f00;
	float:left;
}

	#em > div + div {background:#fff;}

#em_title {
	border:2px solid #fff;
	background:#f00;
}
	
#em_inner {
/*	width:460px; */
	width:608px;
	height:90px;
	margin:1px 2px 2px 1px;
	border:1px solid #999;
}

#em_hidari {
/*	width:465px; */
	width:612px;
	float:left;
	margin-left:2px;
	margin-right:2px;
}

#em_migi {
	width:120px;
	float:left;
}

.mtitle01 {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
}

.camera_banner {
	float:right;
	margin-top:50px;
}

#em_inner2 {
	float:left;
	width:200px;
	margin:1px 2px 2px 20px;
}

/* info02
---------------------------------------------------*/

#inner01 {
	float:left;
	margin-right:10px;
	width:270px;
	background:#fff;
}

#inner02 {
	float:left;
	margin:0 5px;
	width:300px;
	background:#fff;
}

#inner03 {
	float:right;
	width:400px;
	background:#fff;
}


.top {
	margin-bottom:3px;
	padding-left:5px;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	background:#00c;

}

.top_contents {
	padding:10px 0 0 10px;
	font-size:1em;
	height:280px;
	background:#c6c6ff;
}

.top_contents p {
	margin:5px;
	font-size:0.9em;
}

.top_contents_title {
	color:#00c;
	font-size:1.2em;
	font-weight:bold;
}

#inner2-1 {
	float:left;
	margin:10px 0px 10px 15px;
	border:1px solid #000;
	width:300px;
	text-align:center;
	padding:10px 0px 5px 0px;
}

#inner2-2 {
	float:left;
	margin:10px 31px 10px 31px;
	border:1px solid #000;
	width:300px;
    text-align:center;
	padding:10px 0px 5px 0px;
}

#inner2-3 {
	float:right;
	margin:10px 15px 10px 0px;
	border:1px solid #000;
	width:300px;
    text-align:center;
	padding:10px 0px 5px 0px;
}	
	
#inner2-4 {
	float:right;
	margin:10px 15px 10px 0px;
	border:0px;
	width:300px;
    text-align:center;
	padding:0px;
}
	
#in4-1 {
	margin:0px 15px 15px 0px;
	border:1px solid #000;
	width:300px;
	height:74px;
    text-align:center;
	padding:10px 0px 5px 0px;
}	

#in4-2 {
	margin:0px 15px 0px 0px;
	border:1px solid #000;
	width:300px;
	height:74px;
    text-align:center;
	padding:10px 0px 5px 0px;
}	

/* info03
---------------------------------------------------*/



#index01 {
	width:8px;
	height:20px;
	background:#f00;
	float:left; 
	margin:6px 5px 0 10px;
}

#index02 {
	width:8px;
	height:20px;
	background:#0cf;
	float:left; 
	margin:6px 5px 0 10px;
}

#index03 {
	width:8px;
	height:20px;
	background:#3c0;
	float:left; 
	margin:6px 5px 0 10px;
}


.col01 {
	width:270px;
	margin-left:40px;
	margin-bottom:10px;
	float:left;
}

#col02 {
	width:300px;
	margin:0;
	float:left;
}

#col03 {
	width:300px;
	float:left;
}

#col04 {
	width:270px;
	float:right;
}

.col05 {
	width:540px;
	margin-left:40px;
	margin-bottom:10px;
	float:left;
}

.mtitle02 {
	font-size:1.2em;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;

	
}

.stitle01 {
	font-weight:bold;
}

.vline{
	vertical-align:middle;
	padding : 5px;
}

/* info04
---------------------------------------------------*/

#index04 {
	width:8px;
	height:20px;
	background:#ff0;
	float:left; 
	margin:6px 5px 0 10px;
}


/* info05
---------------------------------------------------*/
#index05 {
	width:8px;
	height:20px;
	background:#90c;
	float:left; 
	margin:6px 5px 0 10px;
}

/* info06
---------------------------------------------------*/
.top_contents2 {
	padding:1px 2px;
	font-size:1em;
	height:150px;
	background:#c6c6ff;
}

.top_contents2 ul li {
	float:left;
	margin-right:5px;
}

.top_contents2 table tr td {
	text-align: center;
	vertical-align: top;
}


/* info_c
---------------------------------------------------*/
/*	#info_c img {display:block;margin:0 auto;}*/
	#info_c img {margin:0 auto;}

/*footer
---------------------------------------------------*/
#footer {
	margin:0 auto;
	position:relative;
}

#footer_inner {
	width:500px;
	position:relative;
	left:50%;
	margin-left:-250px;
	text-align:center;
}