@charset "UTF-8";
/*////////////////////////////// RESET ///*/
body {
	line-height: 1;
	margin:0;
}
h1, h2, h3, h4, p {
	margin: 0;
}
header,hgroup,nav,section,footer {
	display: block;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
li {
	padding: 0;
}
a {
	display:block;
	-webkit-tap-highlight-color: transparent; 	/* リンクをタップしたときの半透明を消す */
}

/*////////////////////////////// GENERAL SETTING ///*/
body {
	background-color: #4abaa7;
	color: #000;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Osaka,  sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;	/* フォントサイズ自動調整されないようにする */ 
}
a {
	color: #666;
}
img {
	border: 0;
	vertical-align: bottom;
}
/*////////////////////////////// MAIN LAYOUT ///*/
header {
	overflow: hidden;
}
#about {
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px #b8d8d2 solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	color: #666;
}
#ad {
	margin-top: 15px;
	text-align: center;
}
#menu1,#menu2 {
	margin-top: 15px;
}
#backlink {
	margin-top:15px;
	}
footer {
	margin-top:15px;
	margin-bottom:15px;
}

/*////////////////////////////// HEADER ///*/
header h1 {
	text-align: center;
}
#title {
	overflow: hidden;
	height: 15px;
	line-height: 15px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #3d3d3d solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454),to(#000));
	background: -moz-linear-gradient(#545454,#000);
	color: #fff;
	font-size:70%;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#pank {
	margin-top: 15px;
	height: 15px;
	line-height: 15px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px #3d3d3d solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454),to(#000));
	background: -moz-linear-gradient(#545454,#000);
}
#pank ul {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
}	
#pank ul li {
	list-style: none;
	max-width: 40%;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px #686868 solid;
	font-size: 60%;
	text-align: center;
}
#pank ul li:first-child {
	padding-left: 0;
	border-left: none;
}
#pank li a {
	overflow: hidden;
	color: #fff;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*////////////////////////////// ABOUT ///*/
#about h2 {
	line-height: 25px;
	border-bottom: 1px #000 dashed;
	font-size: 90%;
}		
#about p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:  85%;
}
/*////////////////////////////// AD ///*/
#ad h2 {
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom:15px;
	margin-left: 10px;
	border: 1px #b8d8d2 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	color: #666;
	font-size: 100%;
	text-decoration: none;
	text-align: center;
}
#ad p {
	margin-bottom: 1em;
}	
.adtext {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
}
/*////////////////////////////// NAV MENU1 ///*/
#menu1 h3 {
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px #3d3d3d solid;	
	border-right: 1px #3d3d3d solid;
	border-left: 1px #3d3d3d solid;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454),to(#000));
	background: -moz-linear-gradient(#545454,#000);
	color: #fff;
	font-size: 110%;
}
#menu1 ul{
	margin-right: 10px;
	margin-left: 10px;
}
#menu1 ul li{
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	border-right: 1px #b8d8d2 solid;
	border-bottom: 1px #b8d8d2 solid;
	border-left: 1px #b8d8d2 solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	font-size: 110%;
}
#menu1 ul li a{
	height: 50px;
	overflow: hidden;
	padding-right: 20px;
	background: url(images/list_mark.png) no-repeat 100% 50%;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#menu1 ul li:last-child {
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
}
/*////////////////////////////// NAV MENU2 ///*/
#page h3 {
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px #3d3d3d solid;	
	border-right: 1px #3d3d3d solid;
	border-left: 1px #3d3d3d solid;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454),to(#000));
	background: -moz-linear-gradient(#545454,#000);
	color: #fff;
	font-size: 110%;
}
#page ul{
	margin-right: 10px;
	margin-left: 10px;
}
#page ul li{
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	border-right: 1px #b8d8d2 solid;
	border-bottom: 1px #b8d8d2 solid;
	border-left: 1px #b8d8d2 solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	font-size: 110%;
}
#page ul li a{
	height: 50px;
	overflow: hidden;
	padding-right: 20px;
	background: url(images/list_mark.png) no-repeat 100% 50%;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#page ul li:last-child {
	border-bottom: none;
}
#category h3 {
	line-height: 35px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 1px #3d3d3d solid;	
	border-right: 1px #3d3d3d solid;
	border-left: 1px #3d3d3d solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#545454),to(#000));
	background: -moz-linear-gradient(#545454,#000);
	color: #fff;
	font-size: 110%;
}
#category ul{
	margin-right: 10px;
	margin-left: 10px;
}
#category ul li{
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	border-right: 1px #b8d8d2 solid;
	border-bottom: 1px #b8d8d2 solid;
	border-left: 1px #b8d8d2 solid;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	font-size: 110%;
}
#category ul li a{
	height: 50px;
	overflow: hidden;
	padding-right: 20px;
	background: url(images/list_mark.png) no-repeat 100% 50%;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#category ul li:last-child {
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
}
/*////////////////////////////// BACK LINK ///*/
#backlink a {
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px #b8d8d2 solid;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3e5e1));
	background: -moz-linear-gradient(#fff,#d3e5e1);
	color: #666;
	text-decoration: none;
	text-align: center;
}
/*////////////////////////////// COPY ///*/
.copy {
	font-size: 70%;
	text-align: center;
}