@charset "utf-8";

/* basic
------------------------------------------------------------------------- */

body {
	font-size:16px;
	font-family:"Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}

/* new clearfix */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/* link default */
a:link		{ color:#06F; text-decoration:underline; }
a:visited	{ color:#06F; text-decoration:underline; }
a:hover		{ color:#0AF; text-decoration:none; }
a:active	{ color:#0AF; text-decoration:none; }

/* link white */
a.a1:link	{ color:#FFF; text-decoration:none; }
a.a1:visited	{ color:#FFF; text-decoration:none; }
a.a1:hover	{ color:#FFF; text-decoration:none; }
a.a1:active	{ color:#FFF; text-decoration:none; }



/* common
------------------------------------------------------------------------- */

body {
	background-color:#EEE;
}
#contents {
}



/* header
------------------------------------------------------------------------- */

#header {
	height:38px;
	background: -webkit-linear-gradient(#DA1026 0%, #BF0000 100%);
	background: linear-gradient(#DA1026 0%, #BF0000 100%);
	padding:0 1%;
}
#header > #logo {
	width:140px;
	float:left;
	line-height:38px;
	color:#FFF;
}
	@media(max-width:760px) {
		#header > #logo {
			font-size:14px;
		}
	}
#header > #logo > a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#header #searchBox {
	width:200px;
	float:right;
	margin-top:7px;
	text-align:center;
	padding:1px 0;
	background-color:#FFF;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
	@media(max-width:760px) {
		#header #searchBox {
			width:150px;
		}
	}

#header #searchBox form {
	display:inline;
}
#header #searchBox .text {
	width:160px;
	border:none;
	font-size:16px;
	margin:0;
	padding:0;
}
	@media(max-width:760px) {
		#header #searchBox .text {
			width:110px;
		}
	}


/* breadCrumb
------------------------------------------------------------------------- */

#breadCrumb {
	margin-bottom:10px;
}
#breadCrumb ul {
	padding:0 1%;
}
#breadCrumb ul li {
	display:inline;
	line-height:28px;
	font-size:12px;
}
	@media(max-width:760px) {
		#breadCrumb ul li.current {
			display:none;
		}
	}

#breadCrumb ul li a {
	background:url(../images/breadCrumbArrow.png) right center no-repeat;
	padding-right:15px;
	margin-right:5px;
}
#breadCrumb ul li.current a {
	background:none;
	color:#000;
	text-decoration:none;
}
	@media(max-width:760px) {
		#breadCrumb ul li:nth-last-child(2) a {
			background:none;
		}
	}


/* footer
------------------------------------------------------------------------- */

#footer {
	background-color:#000;
	padding:0 1%;
}
#footer ul {
	width:400px;
	float:left;
	line-height:50px;
}
	@media(max-width:760px) {
		#footer ul {
			width:auto;
			float:none;
			text-align:center;
		}
	}

#footer ul li {
	font-size:14px;
	display:inline;
	padding:0 10px;
	border-right:1px solid #999;
}
#footer ul li:first-child {
	padding-left:0;
}
#footer ul li:last-child {
	border-right:none;
}
#footer address {
	width:300px;
	float:right;
	font-size:12px;
	color:#FFF;
	text-align:right;
	line-height:50px;
	font-style:normal;
}
	@media(max-width:760px) {
		#footer address {
			width:auto;
			float:none;
			font-size:10px;
			text-align:center;
		}
	}



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



/* totop
------------------------------------------------------------------------- */

div.toTop {
	display:none;
	width:45px;
	height:45px;
	position:fixed;
	bottom:15px;
	right:15px;
	-moz-opacity:0.8;
	opacity:0.8;
}
div.toTop a > img {
	width:45px;
	height:45px;
	bottom:10px;
	right:10px;
}


/* シェア
----------------------------------------------- */
#share {
}
#share ul li {
	display:inline-block;
	margin:0 10px 10px 0;
	vertical-align:top;
}
#share ul li.twitter {
}
#share ul li.facebook {
}
#share ul li.google {
	width:60px;
	overflow:hidden;
}
#share ul li.hatena {
}
#share ul li.mixi {
	width:72px;
	overflow:hidden;
}