/*ナビ　css　
メインカラー：FFC061　EC7B32　D84426
テキストカラー：color:#333

*/


* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}
body {
	font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Helvetica, Arial, sans-serif;
	background :#FFF url(../img/bg.jpg)  repeat-x left top;
	font-size: 13px !important;
	font-size: 80%;
	line-height: 1.4;
	color:#333;
}
body img {
	border: none;
}

body a {
	border: none;
	text-decoration:underline;
	color:#3333FF;
}
body a:hover {
	text-decoration:underline;
	color:#FFC061;
}
body table,td,th {
	border: none;
	vertical-align: top;
}
.clear {
	clear:both;
}
/*=====================================================================
header
=====================================================================*/
H1{
	padding:10px 0 30px 118px;
	float: left;
	color:#999;
	font-size: 10px;
	font-weight: normal;
}
H2{

	margin:15px 0;
	padding:0;	
	color:#EC7B32;
	font-size: 15px;
	font-weight: bold;
}
H3{
	margin:10px 0;
	color:#000;
	font-size: 14px;
	font-weight: bold;
	background: url(../img/i_title.gif) no-repeat 0 2px;	
	padding:0 0 0 16px;	
	border-bottom:1px #777 dotted;	
}
H4{
	margin:10px 0;
	float: left;
	color:#999;
	font-size: 10px;
	font-weight: normal;
}
.photobox1 {
	margin-top:10px;
	border: 3px solid #F7F5E8;

}
.box5 {
	background: url(../img/bg_5box.jpg) repeat-x;
	border: 1px solid #CCC;
	padding:2px;
}


/*layout*/

#header {
	margin:0 1px;
	width:870px;	
	height:109px;
	background: url(../img/bg_header.jpg) no-repeat;
}
#main {
	margin:0 1px;
	width:870px;	
	background: url(../img/bg_main.png) repeat-y;

}
#main_contents{
	float: left;
	padding:0 20px;
	width:630px;
	text-align:left;		
}
#main_add{
	float: left;
	padding:15px;
	width:160px;	
	background: url(../img/bg_add.jpg) no-repeat;
	text-align:left;	
}
#main_add img {
	margin:5px 0;
/*	border: 1px solid #CCC;　　*/
}
/*
navigation
---------------------------------------------------------------------*/
#navi {
	margin:0;
	width:872px;	
	height:38px;
	background: url(../img/bg_libon.png) no-repeat;
}


#navi li {
	float: left;
	margin:8px 0;
	padding:0 20px;
	list-style-type:none;	
	border-right:1px #FFF dotted;	
}

#navi   {
	height:38px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#navi a {
	height:38px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
#navi a:hover {
	color:#FFFFCC;
	text-decoration:underline;
}
/*
footer
---------------------------------------------------------------------*/	
#footer {
	font-size: 12px;
	margin:0 1px;
	padding:30px 0 0 0;	
	width:870px;
	height:111px;
	background: url(../img/bg_footer.png) no-repeat;
	text-align: center;
}

#footer ul { 	
	text-align : center ; 

}
#footer li {

	display : inline ;
	padding:0 5px;
	list-style-type:none;	
}
#footer a {
	color:#666;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:underline;
	}
	
/*
photo
---------------------------------------------------------------------*/	
	.photo{
	
	padding:10px;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background-color:#F4F4F2;
	
	}
	.icon{
	
	margin:10px;
	
	}
/*
text
---------------------------------------------------------------------*/	
.bold13{
	color:#000;
	font-size: 13px;
	font-weight: bold;
}
.bold14{
	color:#000;
	font-size: 14px;
	font-weight: bold;
}
.bold16{
	color:#000;
	font-size: 16px;
	font-weight: bold;
}
.black{
	color:#000;
}
.red13{
	color:#CC0000;
	font-size: 13px;
	font-weight: bold;
}
.red14{
	color:#CC0000;
	font-size: 14px;
	font-weight: bold;
}
.red16{
	color:#CC0000;
	font-size: 16px;
	font-weight: bold;
}
.box_grey {
	background: url(../img/bg_boxgrey.jpg) repeat-x;
	border: 1px solid #CCC;
	padding:2px;
}
.box_white {
	background-color:#fff;
	border: 1px solid #CCC;
	padding:2px;
}
.f1012 {  color:#666666; font-size: 10px; line-height:12px;}
.f1214 {  color:#666666; font-size: 12px; line-height:14px;}
.f1216 {  color:#666666; font-size: 12px; line-height:16px;}
.f1418 {  color:#666666; font-size: 14px; line-height:18px;}
.f1420 {  color:#666666; font-size: 14px; line-height:20px;}