@charset "UTF-8";


/* ==========================================

  “Common” CSS

========================================== */





/* title
========================================== */

	/* h2:カテゴリータイトル
	---------------------------------------- */
	h2.gTtl	{	font-size:2.4em; font-weight:bold; padding:7px 0; text-align:center; border-bottom:1px solid #dbdbdb;}
		#myDiary h2.gTtl		{	background:#0090d5; color:#fff;}
		#myData h2.gTtl			{	background:#759e13; color:#fff;}
		#myChallenge h2.gTtl	{	background:#f1841f; color:#fff;}
		#support h2.gTtl		{	background:#4d77bf; color:#fff;}
		#userInfo h2.gTtl,
		#Enquate h2.gTtl,
		#subWin h2.gTtl			{
										background: rgb(244,250,255);
									background: -moz-linear-gradient(top,  rgb(229,246,245) 0%, rgb(0,161,150) 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(229,246,245)), color-stop(100%,rgb(0,161,150)));
									background: -webkit-linear-gradient(top,  rgb(229,246,245) 0%,rgb(0,161,150) 100%);
									background: linear-gradient(top,  rgb(229,246,245) 0%,rgb(0,161,150) 100%);
									-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
									-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
									box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
									color:#232323;
									font-size: 17px;
								}

	/* h3:サブタイトル
	---------------------------------------- */
	h3#h3Nav			{	padding:10px 2% 5px; font-size:2em; font-weight:bold;}

	/* ○付タイトル（青）
	---------------------------------------- */
	.cTtl			{	border-top:2px solid #fff; border-bottom:2px solid #fff; padding:7px 3%; line-height:1;
						background:#00A196; color:#FFF; font-weight:normal; margin-top:6.3%;}
	.cTtl strong	{	font-size:1.8em; font-weight:bold; color:#fff;}
	.cTtl span		{	font-size:1.3em; padding-left:5px; }

	.cTtl.icon-f:before	{	font-size:1.5em; margin-right:3px;}


	/* タイトル
	---------------------------------------- */
	.cTtlNext
		{	font-size:1.6em; font-weight:bold; margin-top:1.5em; padding:7px 3%; border:1px solid #ccc; border-width:1px 0;
			background:#efefef;}






/* category Nav(tab menu)
========================================== */
#cNav		{	display:table; width:100%; margin:5px auto 0; table-layout:fixed;
				border-collapse:separate; border-spacing:5px 0; border-bottom:1px solid #ccc;}
#cNav li	{	display:table-cell; vertical-align:middle;
				font-size:1.4em; line-height:1.1; border:1px solid #ccc; border-bottom:0; text-align:center;
				border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;
				background: rgb(255,255,255);
				background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
				background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);}

#cNav li a			{	/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/ padding:15px 5px; display:block; width:100%;}
#cNav li a:link		{	color:#098fcc;	}
#cNav li a:visited	{	color:#098fcc;	}
#cNav li a:hover,
#cNav li a:active	{	color:#098fcc;	}
#cNav li.current
			{	background: rgb(109,179,242);
				background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);
				background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%);}
#cNav li.current a:link		{	color:#ffffff;	}
#cNav li.current a:visited	{	color:#ffffff;	}
#cNav li.current a:hover,
#cNav li.current a:active	{	color:#ffffff;	}

#cNav li.disable a:link		{	color: #afafaf !important;	}
#cNav li.disable a:visited	{	color: #afafaf !important;	}
#cNav li.disable a:hover,
#cNav li.disable a:active	{	color: #afafaf !important;	}



/* bottom Nav
========================================== */
ul.colorList		{	width:100%; padding-bottom:3%; color:#fff; margin-top:5%;}
ul.colorList li		{	font-weight:bold; border-bottom:1px solid #fff;}
ul.colorList li:first-child	{	padding:0.8em 10%; text-align:center; font-size:2.4em;
								background-position:3% center; background-repeat:no-repeat;
								background-size:auto 60%; -webkit-background-size:auto 60%; -moz-background-size:auto 60%;}
ul.colorList li a	{	padding:0.8em 5%; text-align:center; position:relative;
						font-size:2em;
						box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;
						-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;
						-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;}
ul.colorList li a:after
					{	content:'\0041'; position:absolute; top:50%; right:5%; margin-top:-0.5em; 
						display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
						-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul.colorList li a:link, ul.colorList li a:visited, ul.colorList li a:hover, ul.colorList li a:active
					{	color:#000;	}

	ul.colorList.colBL					{	background:#0090d5;}
	ul.colorList.colBL li:first-child	{	background-image:url(../images/icon01.png);}
	ul.colorList.colBL a				{	background:#2ab0f0;}
	ul.colorList.colBL li a:after		{	color:#005983;}

	ul.colorList.colGR					{	background:#759e13;}
	ul.colorList.colGR li:first-child	{	background-image:url(../images/icon02.png);}
	ul.colorList.colGR a				{	background:#9ec640;}
	ul.colorList.colGR li a:after		{	color:#425d00;}

	ul.colorList.colYW					{	background:#f1841f;}
	ul.colorList.colYW li:first-child	{	background-image:url(../images/icon03.png);}
	ul.colorList.colYW a				{	background:#ffac60;}
	ul.colorList.colYW li a:after		{	color:#e06c00;}
	
	ul.colorList.colBL2					{	background:#4d77bf;}
	ul.colorList.colBL2 li:first-child	{	background-image:url(../images/icon04.png);}
	ul.colorList.colBL2 a				{	background:#6d95d7;}
	ul.colorList.colBL2 li a:after		{	color:#425c88;}