@charset "utf-8";
html {-webkit-text-size-adjust: 100%}
* {-webkit-touch-callout: none;-webkit-user-select: none;}
input[type="text"],textarea {-webkit-user-select: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr{border: solid 1px #f2f2f2;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
abbr,acronym,fieldset {border: 0;}
img {max-width: 100%;height: auto;}
li {list-style-type: none;}
#contents li a{ display: block; }
#contents li span{ display: block; }

/* 詳細 */
body {
	color: #333333;
	font-size:medium;
	font-family: 
	"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,
	"メイリオ",Helvetica,Sans-Serif;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0 auto;
	border: 0;
	background:#DBE3C5 url(images/bg_base.png) repeat;
	vertical-align: baseline;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust: 100%
}

.webfont{font-family: 'Kelly Slab', cursive;}

* html body {/* for IF6 */font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

/* 基本設定、リンクカラーなど */
#main a{text-decoration:underline; color:#0096DD;}
#main a:hover{text-decoration: none; color:#0096DD;}
#main a:visited{text-decoration: underline; color: #666666; }

#sub a{text-decoration: none; color:#0096DD;}
#sub a:hover{text-decoration: underline; color:#0096DD;}
#sub a:visited{text-decoration: none; color: #666666;}

#footer,#menu, a{text-decoration: none; color:#0096DD;}
#footer,#menu, a:hover{text-decoration: underline; color:#0096DD;}
#footer,#menu, a:visited{text-decoration: none; color: #666666;}

#sub .rp {
	text-decoration: none;
	color:#0096DD;
	cursor: pointer;
}
#sub .rp:hover{
	text-decoration: underline;
	color:#0096DD;
}
#main .rp {
	text-decoration: underline;
	color:#0096DD;
	cursor: pointer;
}
#main .rp:hover{
	text-decoration: none;
	color:#0096DD;
}

/* フッターリンク用 */
.set{text-align:center;margin: 0 auto;}

/* 汎用 */
.center{text-align:center;margin: 0 auto;}
.imgmain{
	text-align:center;
	margin: 0 auto;
	width:100%;
	height: auto;
}

#menu{
	margin: 0px auto;
	width:100%;
	padding:10px 0px 0px 0px;
	text-align:center;
}

#menu img{float: none;}

.BM20{margin: 20px 0 0 0;}
.BM30{margin: 30px 0 0 0;}
.BM40{margin: 40px 0 0 0;}
.BM50{margin: 50px 0 0 0;}

.clear{clear:both;}

.imgR {
	float: right;
	margin: 5px;
	padding:5px;
	font-size: 112%;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.imgL {
	float: left;
	margin: 5px;
	padding:5px;
	font-size: 112%;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

/* clearfix */
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* #header */
#header {
	clear: both;
	color: #F2F2F2;
	width:100%;
	margin: 0 auto;
	background: #222222;
}

.headerContents h1{
	width: 88%;
	margin: 0 auto;
	font-size:75%;
	text-align:right;
	font-weight:100;
}

/* #footer */
#footer {
	clear: both;
	color: #F2F2F2;
	width:100%;
	margin: 0 auto;
	background: #222222;
}

#footer .copyright {
	color: #F2F2F2;
	text-align: center;
	margin: 0 auto;
}

#footerContents {
	width: 88%;
	margin: 0 auto;
}

/* #contents */
#contents {
	width: 88%;
	margin: 0 auto;
	padding:0px 0px 50px 0px;
	text-align: left;
	box-shadow: 0px 0px 10px #F2F2F2;
	background: #FFFFFA;
}

/* #main */
#main {
	float: right;
	width: 73%;
	margin: 1%;
	overflow:hidden;
}

#main p{
	font-size:107%;
	padding: 10px;
	line-height:150%;
}

#main #section{margin: 0 0 55px 0;padding: 10px;}

#main h2{
	font-size:168%;
	font-weight:100;
	background: url(images/check.png) no-repeat;
	background-size: 35px 35px;
	background-position: 0px 15px;
	border-bottom: 4px #40BBA9 solid;
	padding: 15px 0px 10px 45px;
	margin: 0px 0px 15px 0px;
}

#main h2 span{padding:0px 0px 0px 20px;font-size:75%;}

#main h3{
	font-size:125%;
	border-bottom:solid 2px #40BBA9;
	text-align:center;
	padding: 10px;
	margin: 0px 0px 15px 0px;
}

#main h4 {
	border-left:4px #40BBA9 solid;	
	font-size:125%;
	padding:5px 0px 5px 10px;
	margin: 0px 0px 15px 0px;
}

#main ul{
	border-radius: 20px; /* CSS3草案 */ 
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 20px; /* Firefox用 */ 
	font-size:120%;
	text-align:center;
	padding:10px;
	margin: 40px auto;
	background: #ffffff;
}

#main ul li{
	border-bottom: solid 1px #eee;
	padding:5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
}

#main ul li a{display: block;}

#main ul li span{
	padding:5px 0px 5px 0px;
	margin: 10px 0px 5px 0px;
	font-size:80%;
}

/* #sub */
#sub {
	float: left;
	width: 23%;
	margin: 1%;
}

#sub p{
	font-size:107%;
	background: rgba(255,255,255,0.5);
}

#sub h3{
	font-size:107%;
	line-height:150%;
	font-weight: 100;
	text-align:center;
	background:rgba(255,224,108,0.1);
	color: #222222;
	padding:7px;
	margin: 0px 0px 20px 0px;
	box-shadow: 0px 0px 10px #ccc;
}

#sub h3 div{
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.5);
	padding:3px;
}

#sub h3 div span{
	font-size:85%
}

#sub ul {
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 10px;
	background:rgba(255,224,108,0.1);
	box-shadow: 0px 0px 10px #ccc;
	list-style-type: none;
}

#sub ul li{
	font-size:85%
	list-style-type: none;
	background: url(images/list-arw.png) no-repeat 0 50%;
	border-bottom: solid #ddd 1px;
	margin: 5px 0 5px;
	padding: 5px 0px 5px 10px;
}

#sub ul li a {display: block;}

#sub .sidestyle {
	padding:0px 0px 0px 0px;
	background:rgba(255,224,108,0.1);
	box-shadow: 1px 1px 1px #F2F2F2;
}

#sub .side_rank{
	font-size:100％;
	line-height:150%;
	padding:5px;
	box-shadow: 1px 1px 1px #F2F2F2;
	background:rgba(255,224,108,0.1);
}

.clear{clear:both;}

.more{
	font-size:150%;
	line-height:200%;
	display: block;
	border: solid 1px #eee;
	background:rgba(255,224,108,0.1);
	text-align:center;
	border-radius: 20px; /* CSS3草案 */ 
	-webkit-border-radius: 20px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 20px; /* Firefox用 */ 
	margin: 0px 0px 50px 0px;
}

p .em{font-size:120%;font-weight:bold;color:#A33E78;}
p .strong{font-weight:bold;}

table {margin: 20px 0px 50px 0px;border-collapse: collapse;border-spacing: 0;width:100%;font-size:107%;}
tr{margin: 10px 0px 10px 0px;padding:10px 0px 10px 0px;border: solid 1px #ccc;}
th{width:14%;margin: 10px 0px 10px 0px;padding:1%;background:rgba(64,187,169,0.1);text-align:center;border-right: solid 1px #ccc;}
td{width:26%;margin: 10px 0px 10px 0px;padding:1%;background:#fff;border-right: solid 1px #ccc;}
.midasi{text-align:center;}