/*==========================*/
/* Include Common css		*/
/*==========================*/
@import url(css/common.css);
@import url(css/title.css);
@import url(css/top.css);




/* ////////// layout ////////// */
div#container{float:none;width:auto;margin:0;}
div#header{float:none;width:auto;margin:0;}
div#top{float:none;width:auto;margin:0;}
div#sidebar1{float:left;width:230px;margin:0;padding:10px;}
div#contents{float:none;width:auto;margin-left:250px;padding:0px;margin-bottom:50px;}
div#footer{float:none;clear:left;margin:0 auto;}



/*==========================*/
/* body						*/
/*==========================*/
body {
	top:0;
	margin:0px;
	background-color:#FDC689;
/*	background-image:url(images/common/top_background.gif);*/
	/*-- backgroundを画像から色に変更 --*/
	background-repeat: repeat-y;
}

/*==========================*/
/* container				*/
/*==========================*/
div#container {
	top:0; left:0;

}

/*==========================*/
/* header					*/
/*==========================*/
div#header{
	padding:5px;
	font-size:80%;color:#FF6600;
	background-color:#FDC689;
}
div#header ul{
	margin:0px; padding:0;
	list-style-type: none;
}
div#header ul li{
	margin:5px;
	display:inline;
}
div#header a{
	color:#000000;
	text-decoration:none;
}
div#header a:hover{
	color:#FF6600;
}



/*==========================*/
/* top						*/
/*==========================*/
div#topimg {
	height:200px;
	background-image:url(images/common/topimg.jpg);
	background-repeat:no-repeat;
	background-color:#FDC689;
	/*--float解除（widthは必須。%の使用×）--*/
	overflow: hidden;
	position: relative;
}

/*==========================*/
/* sidebar1					*/
/*==========================*/
div#sidebar1 {
	text-align:left;
	background-color:#FDC689;
}
div#sidebar1 h3{
	margin:0px;
	color:#FF6600;
	text-align:center;
}

/* === suckerdiv === */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv{
	border: 0px solid #666666;}
.suckerdiv ul{
	margin:0; padding:0;
	width: 230px; /* Width of Menu Items */
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	background: url(images/menu/arrow-list.gif) no-repeat center left;}
.suckerdiv ul li{
	position: relative;
	background-color: #ffffff;}
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	top:0; width:220px; /*sub menu width*/
	visibility: hidden;}
/* Sub level menu links style */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	padding: 5px 5px ;
	text-decoration: none;
	color: black;
	border: 1px solid #ccc;
	border-bottom: 0;}
.suckerdiv ul li a:hover{
	background-color: #0099CC;color:#ffffff;}
.suckerdiv .subfolderstyle{
	background: url(images/menu/arrow-list.gif) no-repeat right;}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



/* === mobileinfo === */
div#mobileinfo{
	overflow:auto;
	text-align:center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color:#ffffff;}
div#mobileinfo h5{
	margin:0; padding:5px;padding-top:10px;padding-bottom:10px;
	color:#FF6600;}
div#mobileinfo p{
	margin:0px;	padding:10px;
	font-size:80%;
	border-bottom: 1px solid #cccccc;
}
div#mobileinfo a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
div#mobileinfo a:hover{
	color:#FF6600;
	font-weight:bold;
}

/*==========================*/
/* contents					*/
/*==========================*/
div#contents {
	text-align:left;
	background-color:#ffffff;
}
div#contentstitleicon{
	float:left;width:32px;height:32px;
	padding-top:20px;margin-left:10px;
	background: url(images/menu/menutitle_icon.gif) no-repeat left;
}
.contentstitleline{
	float:none;
	width:auto;height:0px;
	margin-left:10px;
	border-top:dotted 2px #FF6600;
	text-align:left;
}

/* === box === */
div#contentsbox{
	margin-left:250px;
	padding:20px;margin:0px;
}



/*==========================*/
/* footer					*/
/*==========================*/
div#footer{
	height:45px;padding:5px;
	font-size:80%;color:#FF6600;
	text-align:center;
	background-color:#FDC689;
}
div#footer ul{
	margin:0;padding: 0;
	list-style-type: none;
}
div#footer ul li{
	margin:5px;
	display:inline;
}
div#footer a{
	color:#000000;
	text-decoration:none;
}
div#footer a:hover{
	color:#FF6600;
}
address{
	margin-top:10px;
	color:#000000;
	font-style:normal;
}
