@charset 'utf-8';

@import url("common.css");


/* =======================================
  INDEX style.css
 -----------------------------------------
  1.base
  2.main
    2-1header
  3.contents
    3-1.main_contents
        center_contents
    3-2.right_side
  4.left_side
  5.footer
 ===================================== */


/*1-base:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


body {
	margin: 0 auto;
	text-align: center;
	background: #E6F1FF;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.3em;}


h1,h2,h3,h4,h5,p {
	padding: 0;
	margin: 0;}

h1 {
	font-size: 12px;
	color: #fff;
	background: #3399FF;
	width: 900px;
	margin-left: 5px;}

h2 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 20px;}

img {
	border: 0;
	vertical-align: top;}

/*2-main:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#main {
	width: 910px;
	text-align: left;
	margin: 0 auto;}

/*2-1-header::::::::::::::::::::::::::::::::::::::::::::::::::*/

#header {
	background-image: url('../img/header_bg.gif');
	height: 100%;}

#logo {
	margin-left: 5px;
	float: left;}

#h_r {
	margin-right: 15px;}
#h_r p {
	float: right;
	padding: 5px;}

/*2-2-menu:::::::::::::::::::::::::::::::::::::::::::::::::::*/

#menu ul {
	padding: 0;
	margin: 0 0 0 5px;}

#menu ul li {
	float: left;
	list-style-type: none;}



/*3-1contents::::::::::::::::::::::::::::::::::::::::::::::::*/
#navi {
	padding: 10px 0;}


#contents {
	margin-top: ;}


/*3-1-main_contents::::::::::::::::::::::::::::::::::::::::::*/

#main_contents {
	width: 670px;
	float: right;}

/*center_contents--------------------------------------------*/

#center_contents {
	width: 470px;
	float: left;}

#center_body {
	padding: 5px 15px 15px 15px;
	margin-top: 15px;
	background: #fff;
	_width: 470px;
	}
	
h4.ttl {
	background: url('../img/ttl_bg.gif') no-repeat;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	margin: 10px 0;}

#center_body h5 {
	background: url('../img/h5ttl_bg.gif') no-repeat;
	padding: 3px 5px 5px 5px;
	font-size: 12px;
	margin: 10px 0;}

p.catch {
	margin: 15px 0;}

#index_news {
	background: #93D9F6;
	width: 470px;
	padding: 10px 0;
}

#index_news_body {
	background: #fff;
	width: 450px;
	margin: 0 10px;
	}

#index_news_body .img {
	float: left;
	width: 140px;
	margin: 0 10px;}

#index_news_body ul#new {
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
	width: 260px;
	color: #00CCFF;}

#index_news_body ul#old {
	margin: 0;
	padding: 0 0 0 20px;
	color: #00CCFF;}


#index_news_body ul#old li {
	border-bottom: 1px dotted #C0C0C0;
	padding: 10px 0;}


/*toiawase---------------------------------------------------*/


#toiawase {
	margin: 20px 0 15px 0;}

#toiawase h3 {
	background: url('../img/toiawase_list.gif') no-repeat left top;
	padding: 2px 0 0 25px;
	height: 19px;
	font-size: 14px;
	color: #3399FF;}

#toiawase p {
	margin: 10px 0;}

#toiawase .toiawae_form {
	text-align: center;}



/*3-2-right_side:::::::::::::::::::::::::::::::::::::::::::::*/

#right_side {
	float: right;
	width: 180px;
	margin-top: 15px;}


/*4-1-left_side::::::::::::::::::::::::::::::::::::::::::::::*/

#left_side {
	width: 210px;
	float: left;}

#left_side ul {
	list-style-type: none;
	margin: 10px 0 0 0 ;
	padding: 0;}

#left_side ul li {
	margin-bottom: 1px;}


/*5-1-footer:::::::::::::::::::::::::::::::::::::::::::::::::*/

#footer {
	padding-top: 15px;}

#footer #to_top {
	text-align: right;
	border-bottom: 10px solid #3399FF;}

#footer_menu {
	text-align: center;
	padding: 10px 0;}
	
address {
	text-align: center;
	color: #00CCFF;
	font-style: normal;}



/*clr---------------------------------------------------------*/
div.clr {
	clear: both;
	height: 0;}

div.clr hr {
	clear: both;
	height: 0;
	display: none;}