/*=============================================

�ŏI�X�V��F2006,08,15


1.��{�v�f
2.container
3.main
4.menu(index�p), pmenu(�e�y�[�W�p)
5.contents(index�p), page(�e�y�[�W�p)
6.footer
7.mac ie5�΍� float clear

index�̂�
8.top

=============================================*/



/* 1.��{�v�f
---------------------------------------------*/

body {
	background-color: #75D0A3;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	font-family: "�l�r �S�V�b�N", "Osaka�|����";
}

a {
	color: #54A574;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}





/* 2.container 
---------------------------------------------*/

#container {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-color: #8DD9B3;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(common/img/c_0000_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.exnote {
	margin: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 65%;
}

.copyright {
	font-size: 75%;
	color: #333333;
}





/* 3.main 
---------------------------------------------*/

#main {
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-color: #D1F0E1;
	text-align: left;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(common/img/c_0001_bgimg.jpg);
}

h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}

#otoiawase {
	height: 66px;
	width: 224px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 189px;
	top: 26px;
}

#inmain {
	clear: both;
	width: 100%;
}





/* 4.menu(index�p), pmenu(�e�y�[�W�p)
---------------------------------------------*/

#menu, #pmenu {
	width: 174px;
	float: left;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#pmenu {
	margin-top: 25px;
}

#menu ul, #pmenu ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu li, #pmenu li {
	margin-bottom: 15px;
}

#menu a, #pmenu a{
	font-size: 90%;
	line-height: 120%;
}





/* 5.contents(index�p), page(�e�y�[�W�p)
---------------------------------------------*/

#contents, #page {
	width: 530px;
	float: left;
}

#page {
	background-color: #FFFFFF;
	background-image: url(style/s_0002.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
}

#page h2 {
	margin: 0px;
	padding: 0px;
}

#p_otoiawase {
	margin-bottom: 30px;
}

#container #main #page #p_otoiawase ul {
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}

#p_otoiawase li {
	margin-right: 30px;
	list-style-type: none;
}

#gotop {
	font-size: 75%;
	text-align: right;
	padding-right: 20px;
	margin: 0px;
	padding-top: 20px;
}



	/* contents(index�p)
	---------------------------------------------*/
	
	#contents1, #contents2, #contents3, #contents4, #contents5 {
		background-color: #FFFFFF;
		padding: 10px;
		height: 113px;
	}
	
	#contents1, #contents2, #contents3, #contents4 {
		width: 238px;
		float: left;
	}
	
	#contents1 {
		background-image: url(index/img/i_0013.jpg);
		background-repeat: repeat-y;
		background-position: left top;
		margin-right: 14px;
	}
	
	#contents2 {
		background-image: url(index/img/i_0014.jpg);
		background-repeat: repeat-y;
		background-position: left top;
	}
	
	#contents3 {
		margin-top: 14px;
		margin-bottom: 14px;
		background-image: url(index/img/i_0013.jpg);
		background-repeat: repeat-y;
		background-position: left top;
		margin-right: 14px;
	}
	
	#contents4 {
		margin-top: 14px;
		margin-bottom: 14px;
		background-image: url(index/img/i_0013.jpg);
		background-repeat: repeat-y;
		background-position: left top;
	}
	
	#contents5 {
		width: 510px;
      height: 133px;
		clear: both;
		background-image: url(index/img/i_0013.jpg);
		background-repeat: repeat-y;
		background-position: left top;
	overflow: auto;
	}
.contents-img {
	float: left;
	padding-right: 5px;
}

	
	#contents h2 {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 8px;
		margin-left: 0px;
	}
	
	#contents p {
	padding: 0px;
	font-size: 70%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*margin-left: 110px;*/
	line-height: 140%;
	}
	
	#contents ul {
		padding: 0px;
		list-style-type: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 8px;
		font-size: 70%;
		color: #333333;
	}



	/* �e�y�[�Wh2�^�O���ɕ��͂�����ꍇ
	---------------------------------------------*/
	
	#ktop {
		margin-bottom: 30px;
	}
	
	#ktop p {
		font-size: 75%;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		line-height: 160%;
	}





/* 6.footer
---------------------------------------------*/

#footer {
	background-color: #D1F0E1;
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(common/img/c_0002_footerbgimg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	clear: both;
}

#footer a{
	font-size: 75%;
}





/* 7.mac ie5�΍� float clear
---------------------------------------------*/

#clear {
	clear: both;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}





/* 8.top(index�p)
---------------------------------------------*/

#top {
	background-image: url(index/img/i_0001_topbgimg.jpg);
	background-repeat: no-repeat;
	width: 714px;
	margin-right: auto;
	margin-left: auto;
	height: 357px;
	clear: both;
	background-color: #FFFFFF;
	margin-bottom: 20px;
}

#top h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#top #style1 {
	position: relative;
	height: 261px;
	width: 231px;
	top: -14px;
	left: 10px;
}

#top #style2 {
	position: relative;
	height: 265px;
	width: 225px;
	top: 20px;
	left: 25px;
}

#top #style3 {
	position: relative;
	height: 281px;
	width: 218px;
	top: -20px;
	left: 8px;
}