@charset "utf-8";

/*----------------------------------------------------------------
 CommonPartsStyle
 -----------------------------------------------------------------
 c/p
 <link href="./common/css/parts.css" rel="stylesheet" type="text/css" media="screen,print" />
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 optional
----------------------------------------------------------------*/
/*-----------------------------------------------------
 title
-----------------------------------------------------*/

/*-----------------------------------------------------
 contents
-----------------------------------------------------*/

/* banner
-----------------------------------------------------*/
#contents .banner{
	width				: 305px;
}
#contents .banner ul{
	position			: relative;
	overflow			: hidden;
}
#contents .banner ul li{
	display				: inline-block;
	*display			: inline;
	*zoom				: 1;
	float				: left;
	width				: 303px;
	height				: 123px;
}
#contents .banner ul li a{
	width				: 300px;
	height				: 118px;
	display				: inline-block;
	*display			: inline;
	*zoom				: 1;
	padding				: 1px 3px 3px 3px;
}
#contents .banner ul li a img{
	display				: block;
	width				: 296px;
	height				: 114px;
	border				: 2px solid #FFF;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	-moz-box-shadow		: 1px 1px 4px #999;
	-webkit-box-shadow	: 1px 1px 4px #999;
	box-shadow			: 1px 1px 4px #999;
}
#contents .banner ul li.banner01 a img{
	background			: #6699FF;
}
#contents .banner ul li.banner02 a img{
	background			: #FFE100;
}
#contents .banner ul li.banner03 a img{
/*	background			: #99CC00;*/
}
/* cooperation
-----------------------------------------------------*/
#contents .cooperation{
	width				: 305px;
}
#contents .cooperation .list{
}
#contents .cooperation .list li{
	padding				: 0 0 7px 0;
}
#contents .cooperation .list li a{
	display				: block;
	margin				: 1px 3px 3px 1px;
	padding				: 10px;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	-moz-box-shadow		: 1px 1px 4px #999;
	-webkit-box-shadow	: 1px 1px 4px #999;
	box-shadow			: 1px 1px 4px #999;
	background			: #FFF;
	*zoom				: 1;
}


/*----------------------------------------------------------------
 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){
/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
/* banner
-----------------------------------------------------*/
#contents .banner{
	margin				: 0 auto;
	width				: 606px;
	max-width			: 100%;
}
#contents .banner ul{
	margin				: 0 auto;
}
#contents .banner ul li{
	float				: left;
	display				: inline-block;
	padding				: 0 0 3px 0;
}
#contents .banner ul li a{
}
#contents .banner ul li a img{
}

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

/* cooperation
-----------------------------------------------------*/
#contents .cooperation{
	float				: none;
	width				: 600px;
}
#contents .cooperation .list{
	position			: relative;
	overflow			: hidden;
	width				: 595px;
	margin				: 3px 5px 3px 5px;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	-moz-box-shadow		: 1px 1px 4px #999;
	-webkit-box-shadow	: 1px 1px 4px #999;
	box-shadow			: 1px 1px 4px #999;
	background			: #FFF;
}
#contents .cooperation .list li{
	float				: left;
	width				: 297px;
	padding				: 0;
	border-bottom		: 1px solid #ccc;
}
#contents .cooperation .list li:nth-child(odd){
	border-right		: 1px solid #ccc;
}
#contents .cooperation .list li:nth-child(even){
}
#contents .cooperation .list li:last-child{
	border-bottom		: none;
}

#contents .cooperation .list li a{
	margin				: 0;
	padding				: 10px 15px;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	-moz-box-shadow		: none;
	-webkit-box-shadow	: none;
	box-shadow			: none;
	display				: block;
	background			: #FFF;
	text-decoration		: none;
}

}

/* under 600px(smartphone)
----------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*-----------------------------------------------------
 contents
-----------------------------------------------------*/
/* banner
-----------------------------------------------------*/
#contents .banner{
	margin				: 0 auto;
	max-width			: 100%;
}
#contents .banner ul{
	margin				: 0 auto;
	width				: 301px;
}
#contents .banner ul li{
	float				: none;
	padding				: 0 0 8px 0;
}
#contents .banner ul li a{
}
#contents .banner ul li a img{
}
/* cooperation
-----------------------------------------------------*/
#contents .cooperation{
	float				: none;
	width				: 100%;
}
#contents .cooperation .list{
	width				: 310px;
	margin				: 3px 4px 3px 5px;
}
#contents .cooperation .list li{
	float				: none;
	width				: auto;
	padding				: 0;
	border-bottom		: 1px solid #ccc;
}
#contents .cooperation .list li:nth-child(odd){
	border-right		: none;
}

#contents .cooperation .list li a img{
	display				: none;
}

}