body {
	background:#cccccc;
}
a {
	text-decoration: none;
}
div#clear {
	clear:both;
}
aside {
	margin:0;
	padding:5px 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
	background:#aaaaaa;
}

/**************************************************************************************************
* 見出し
**************************************************************************************************/
h1 {
	color:#ffffff;
}

h2 {
	color:#ffffff;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
	margin: 0;
	padding: 5px 10px;
	background:-webkit-gradient(linear,left top,left bottom,from(#673065),color-stop(0.05,#723970),color-stop(0.41,#954f8d),color-stop(0.55,#71396f),color-stop(0.9,#9f649d),to(#773e75));
}


div.blankSpace {
	height:20px;
	background:#d1d1d1;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
}

/*****************************************************************************************
* タイトル部分
******************************************************************************************/
header {
	height:50px;
	padding: 0;
	background: -webkit-gradient(linear,left top,left bottom,from(#552753),color-stop(0.9,#996197),to(#6f3a6e));
}

header ul {
	width:52px;
	height:50px;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

header ul li {
	width: 52px;
	list-style-type: none;
	padding: 0px 0;
	line-height: 1em;
}

header ul#navi li{
	text-align: center;
	list-style-type: none;
}
header ul#navi{
	line-height:50px;
}
h1#title-name {
	background:url(/images/topLogoH50.png) no-repeat left center;
	font-size:18px;
	text-align: center;
	line-height:50px;
	text-indent:-9999px;
}



/*******************************************************************
*   新着情報 (※スタイルシートでマーキー)
*******************************************************************/
#updated{
	-webkit-marquee-style: scroll;  
	marquee-style: scroll;  
	-webkit-marquee-style: scroll;  
	-wap-marquee-style: scroll;  
	overflow: hidden;  
	overflow: -webkit-marquee;  
	display: -wap-marquee;  
	-wap-marquee-loop: infinite;  
	white-space: nowrap;   
	margin:0;
	padding: 5px 0;
	text-align:center;
	color:#471f55;
	background:-webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#fcfcfc));
}



/*****************************************************************************************
* 隠れているメニュー
******************************************************************************************/
div#searchBar {
	background: -webkit-gradient(linear, left top, left bottom, from(#794c7b), color-stop(0.5,#714473), to(#794c7b));
	color:#ffffff;
	font-size:12px;
}
input#keywords {
	width:245px;
	font-size:14px;
	margin:5px;
	padding:5px 0 5px 5px;
	-webkit-border-radius: 5px;
	border:1px solid #000000;
}
input#searchBtn {
	height:26px;
	width:50px;
	border:1px solid rgba(255,255,255,0.16);
	background: -webkit-gradient(linear, left top, left bottom, from(#835685), color-stop(0.5,#582b5a), to(#835685));
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,1); 
}


nav#hideMenu {
	width: 100%;
	position: absolute;
	top:50px; left:0;
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.75);
	display:none;
}
nav#hideMenu ul li{
	border-bottom: 1px solid #555;
	padding:5px 0 5px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#000000));
}
nav#hideMenu ul li:last-child{
	border-bottom: 5px solid #555;
}
nav#hideMenu ul li:first-child{
	border-top: 5px solid #555;
}

nav#hideMenu ul li a {
	font-size: 12px;
	margin: 0;
	padding: 5px 0 5px 5px;
	color:#ccc;
	//font-weight: bold;
	display: block;
	line-height:1.2;
}

nav#hideMenu ul li em {
	margin:0;
	padding: 0 5px;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	background:rgba(255,255,255,0.2);
}

/*******************************************************************
*   タブ
*******************************************************************/
nav.clearfix {
	border-top: 1px solid #773e75;
	margin: 0 auto;
	background:-webkit-gradient(linear,left top,left bottom,from(#673065),color-stop(0.1,#723970),color-stop(0.41,#954f8d),color-stop(0.55,#71396f),color-stop(0.9,#9f649d),to(#773e75));
}


nav.clearfix ul{
	width:device-width;
}


nav.clearfix li {
	width: 50%;
	float: left;
}


nav.clearfix li:last-child {
}

nav.clearfix li.active {
	border-bottom:solid 1px #ffffff;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#fbfbfb));
}

nav.clearfix a{
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
	padding: 8px 0;
	display: block;
}
nav.clearfix li.active a{
	color:#053980;
	text-shadow: 0 0 5px rgba(0,0,0,0.32);
	font-weight:bold;
}



/*******************************************************************
*   コンテンツ
*******************************************************************/
article{
	width: device-width;
	min-height: 200px;
}

article:not(.active){
	display: none;
}

article li{
	list-style-type: none;
	border-bottom: solid 1px #b35d94;
	background: url(/images/listArrow.png) no-repeat right center,
		-webkit-gradient(linear,left top,left bottom,from(#fbfbfb), to(#eaeaea));
}

article li:last-child{
	border-bottom: none;
}

article li a{
	font-size:14px;
	color:#7d507f;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding: 5px 5px 10px 5px;
	height:120px;
	line-height:1;
}

article li a img {
	vertical-align: middle;
	float:left;
	margin: 17px 8px 17px 0;
	padding: 0;

}

article li a em {
	font-size:15px;
	color:#ffffff;
	margin:0px 0px -10px 100px;
	padding-left: 5px;
	line-height:1.5;
	font-style: normal;
	font-weight: bold;
	background:-webkit-gradient(linear,left top,right top,from(#643c72), to(#461e54));
	display:block;
}



/*****************************************************************************************
* カテゴリ部分
******************************************************************************************/
nav#category ul{
}

nav#category ul li{
	width:50%;
	height:70px;
	padding: 0 0 10px 0;
	margin: 0;
	float:left;
	line-height:1.5;
	border-bottom: 1px solid  #b35d94;
	background: url(/images/listArrow.png) no-repeat right center,
		-webkit-gradient(linear,left top,left bottom,from(#fbfbfb), to(#eaeaea));
}
nav#category ul li:nth-child(2n){
	background: url(/images/listArrow.png) no-repeat right center,
		url(/images/category-line.png) no-repeat left center,
		-webkit-gradient(linear,left top,left bottom,from(#fbfbfb), to(#eaeaea));
}
nav#category ul li:nth-child(4n){
	background: url(/images/listArrow.png) no-repeat right center,
		url(/images/category-line.png) no-repeat left center,
		-webkit-gradient(linear,left top,left bottom,from(#fbfbfb), to(#eaeaea));
}

nav#category ul li:nth-child(4n-1){
	background: url(/images/listArrow.png) no-repeat right center,
		-webkit-gradient(linear,left top,left bottom,from(#fbfbfb), to(#eaeaea));
}

nav#category ul li:last-child,
nav#category ul li:nth-last-child(2) {
	border:none;
}

nav#category ul li a img{
	padding:10px 2px 0px 0px;
	float:left;
}

nav#category ul li a{
	font-size:11px;
	//color:#914c72;
	color:#7d507f;
	text-align: left;
	padding:5px 10px 2px 5px;
	margin: 0;
	text-decoration: none;
	display:block;
}
nav#category ul li em{
	line-height:1.5;
	font-size:13px;
	//color:#733658;
	color:#7d507f;
	font-style: normal;
	font-weight: bold;
}



/******************************************************************************************
*   告知枠
******************************************************************************************/
section.class1{
	padding: 10px 5px 10px 5px;
	margin: 0px;
	-webkit-border-radius: 15px;
	background:#fff;
	text-align: center;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); 
}
section.class1 a{
	padding: 5px 5px 10px 5px;
	margin: 0px;
	-webkit-border-radius: 15px;
	background: #fff;
	text-align: center;
	display:block;
	line-height:1;
}
section.class1 div{
	font-size:14px;
	text-decoration: none;
	display:block;
	margin: 0px;
	padding: 5px 0 5px 0;
	line-height:1;
	text-align:left;
	color:#914c72;
	
	//background:#99ff99;
}
section.class1 p{
	font-size:14px;
	color:#914c72;
	text-decoration: none;
	display:block;
	margin: 0 0 0 0;
	padding: 0px;
	line-height:1;
	text-align:left;
	clear:both;
	
	//background:#9999ff;
}
div#thumnail img{
	float:left;
	margin: 0px;
	padding: 0;
}


div#linkOutside{
	
}

section.class1 a.downloadButton {
	display:block;
	color:#ccc;
	font-weight:bold;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
	padding: 10px 10px;
	margin:5px 0;
	background:-webkit-gradient(linear,left top,left bottom,from(#e8a3db),to(#833080));
	border: 1px solid #ffffff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px #002987;
}

section.class1 a.appliDetailButton {
	display:block;
	color:#ccc;
	font-weight:bold;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
	padding: 10px 10px;
	margin:5px 0;
	background:-webkit-gradient(linear,left top,left bottom,from(#92b8f1),to(#3667cf));
	border: 1px solid #ffffff;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px #002987;
}

section.class1 em {
	font-size:16px;
	color:#ffffff;
	margin:0px 0px -10px 95px;
	padding-left: 5px;
	line-height:1.5;
	font-style: normal;
	font-weight: bold;
	background:-webkit-gradient(linear,left top,right top,from(#643c72), to(#461e54));
	display:block;
}

div.pictureSet ul{
	margin:0;
	padding:5px 0;
	background:#ddbcdc;
	width:100%;
	height:180px;
}

div.pictureSet ul li{
	list-style-type:none;
	text-align:center;
	float:left;
	width:50%;
}


/*******************************************************************
*  企業情報へのリンク
*******************************************************************/
aside a{
	color:#914c72;
	text-align:center;
	margin: 0;
	padding:7px 0;
	display:block;
	background:#d1d1d1;
}



/******************************************************************************************
* 外部リンク（ツイート、いいね！、チェック）
******************************************************************************************/
div#outsideAll{
	background:#ad70ac;
	padding-top:10px;
	padding-bottom:28px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,1) inset;
}
.outside{
	margin:0 5px;
	float:left;
}
.outside a{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow:none;
}



/*******************************************************************
*  QRコードの表示非表示
*******************************************************************/
section#qrcode {
	text-align: center;
	color:#fff;
	font-weight:bold;
	text-shadow:0 1px 3px rgba(0,0,0,0.5);
	padding: 10px 0;
	margin:10px 0;
	background:-webkit-gradient(linear,left top,left bottom,from(#deafd5),to(#753c73));
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	-webkit-box-shadow: 0px 0px 2px #002987;
}

section#qrcode p {
	color:#ffffff;
	text-shadow:0px 0px 3px #000000;
	width:100%;
	margin: 10px 0;
	padding-bottom: 5px;
	background:rgba(0,0,0,0.25);
}

section#qrcode img {
	margin:10px 0 5px 0;
	padding: 0;
}

/*******************************************************************
*   footer 
*******************************************************************/
footer {
	color:#ffe4ed;
	text-align: center;
	font-size:14px;
	padding-top:2px;
	padding-bottom:2px;
	background:#5b4c59;
}



/*******************************************************************
*   clearfix 
*******************************************************************/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	//height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}