@charset "utf-8";

/*----------------------------------------------------------------
 ./index.html
 -----------------------------------------------------------------
 c/p
 <link href="./index/css/style.css" rel="stylesheet" type="text/css" media="screen,print" />
----------------------------------------------------------------*/
/*-----------------------------------------------------
 container
-----------------------------------------------------*/
#contents .container{
	padding				: 50px 12px;
}
/*----------------------------------------------------------------
 optional
----------------------------------------------------------------*/
/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
/* banner
-----------------------------------------------------*/
#contents .banner{
	width				: 924px;
	padding				: 0 0 30px 0;
}

#contents .banner ul li.banner04{
	width				: 617px!important;
	height				: 256px!important;
}
#contents .banner ul li.banner04 a{
	width				: 600px;
	height				: 256px;
	padding				: 1px 19px 3px 3px;
}
#contents .banner ul li.banner04 a img{
	width				: 596px;
	height				: 236px;
}
/* information
-----------------------------------------------------*/
#contents .information{
	float				: left;
	width				: 603px;
	margin				: 0 0 30px 0;
}
#contents .information .content{
	padding				: 5px 15px;
}
#contents .information ol{
}
#contents .information ol li{
	position			: relative;
	overflow			: hidden;
	clear				: both;
	border-bottom		: 1px dashed #CCC;
	padding				: 8px 0 10px 0;
}
#contents .information ol li.last{
	border-bottom		: none;
}
#contents .information ol li .date{
	display				: block;
	float				: left;
	padding				: 2px 10px 0 5px;
	*zoom				: 1;
}
#contents .information ol li dl{
	clear				: none;
	float				: right;
	margin				: 0;
	width				: 465px;
}
#contents .information ol li dl dt{
	border				: none;
	background			: none;
	font-size			: 100%;
	font-weight			: bold;
	padding				: 0;
}
#contents .information ol li dl dd{
	border				: none;
	padding				: 0;
}
#contents .information ol li dl:last-child{
	border				: none;
}
#contents .information .navi{
	display				: inline-block;
	position			: relative;
	top					: -3px;
	z-index				: 9;
	float				: right;
	margin				: 0 20px 0 0;
}
#contents .information .navi a{
	display				: inline-block;
	height				: 30px;
	padding				: 0 8px;
	-webkit-border-radius	: 0 0 5px 5px;
	-moz-border-radius		: 0 0 5px 5px;
	border-radius			: 0 0 5px 5px;
	background			: #663300;
	line-height			: 30px;
	color				: #fff;
	text-decoration		: none;
	letter-spacing		: 1px;
}
#contents .information .navi a:hover{
	background			: #996633;
}

/* cooperation
-----------------------------------------------------*/
#contents .cooperation{
	float				: right;
}


/*----------------------------------------------------------------
 media querys
----------------------------------------------------------------*/
/* over 1024px
----------------------------------------------------------------*/
@media screen and (min-width: 1024px){

}
/* under 1024px(netbook)
----------------------------------------------------------------*/
@media screen and (max-width: 1024px){

}
/* under 768px(iPad/tabs)
----------------------------------------------------------------*/
@media screen and (max-width: 768px){
/*-----------------------------------------------------
 container
-----------------------------------------------------*/
#contents .container{
	padding				: 0;
}
/*-----------------------------------------------------
 eyecatch
-----------------------------------------------------*/
#eyecatch img{
    width				: 100%;
}
/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
#contents .item{
}

/* banner
-----------------------------------------------------*/
#contents .banner{
	padding				: 30px 0 10px 0;
}
#contents .banner ul{
}
#contents .banner ul li{
}
#contents .banner ul li a{
}
#contents .banner ul li a img{
}
#contents .banner ul li.banner04 a{
	padding				: 1px 2px 3px 3px;
}
#contents .banner ul li.banner04 a img{
}

/* information
-----------------------------------------------------*/
#contents .information{
	float				: none;
	width				: 100%;
	padding				: 10px 0 0 0;
}
#contents .information .navi{
	top					: -5px;
}
/* cooperation
-----------------------------------------------------*/
#contents .cooperation{
	float				: none;
}

}

/* under 600px(smartphone)
----------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*-----------------------------------------------------
 eyecatch
-----------------------------------------------------*/
#eyecatch img{
    width				: 100%;
    min-width			: 320px;
}
/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
/* banner
-----------------------------------------------------*/
#contents .banner{
	width				: 302px;
	padding				: 10px 0;
}
#contents .banner ul li.banner04{
	height				: 123px!important;
}
#contents .banner ul li.banner04 a{
	padding				: 1px 2px 3px 3px;
}
#contents .banner ul li.banner04 a img{
	width				: 296px;
	height				: 114px;
}

/* information
-----------------------------------------------------*/
#contents .information{
	float				: none;
	margin				: 0 auto 30px auto;
	width				: 100%;
}
#contents .information .content{
	z-index				: 10;
	position			: relative;
	margin				: 0 5px;
	padding				: 5px 15px;
}
#contents .information ol{
}
#contents .information ol li{
}
#contents .information ol li .date{
	float				: none;
	padding				: 0;
}
#contents .information ol li dl{
	float				: none;
	width				: 100%;
}
#contents .information .navi{
	top					: 0px;
}

}