@charset "utf-8";
/* CSS Document */

/*------------------------------ basic ------------------------------*/
/* float */
.fll{
	float:left;
}
.flr{
	float:right;
}

/* text-align */
.tal{
	text-align:left;
}
.tar{
	text-align:right;
}
.tac{
	text-align:center;
}

/* margin */
.mt0{
margin-top:0px!important;
}
.mt5{
margin-top:5px!important;
}
.mt10{
margin-top:10px!important;
}
.mt15{
margin-top:15px!important;
}
.mt20{
margin-top:20px!important;
}
.mt30{
margin-top:30px!important;
}
.ml5{
margin-left:5px!important;
}
.ml10{
margin-left:10px!important;
}
.ml15{
margin-left:15px!important;
}
.ml30{
margin-left:30px!important;
}
.mr5{
margin-right:5px!important;
}
.mr10{
margin-right:10px!important;
}
.mr15{
margin-right:15px!important;
}
.mr30{
margin-right:30px!important;
}
.mb0{
margin-bottom:0!important;
}
.mb2{
margin-bottom:2px!important;
}
.mb5{
margin-bottom:5px!important;
}
.mb10{
margin-bottom:10px!important;
}
.mb15{
margin-bottom:15px!important;
}
.mb20{
margin-bottom:20px!important;
}
.mb30{
margin-bottom:30px!important;
}
.mb40{
margin-bottom:40px!important;
}

/* 文字装飾 */
.txtred{
color:#ff0000;
}
.txtblue{
color:#0000ff;
}
.starclr {
color:#0b186d;
}

/* ※マーク */
sup.txts{
vertical-align:0.7em;
line-height:100%;
}
/* ●マーク */
.txtl{
font-size:26px;
}
/* 注釈 */
.notes {
	font-size:0.9em;
}

.clear {
clear:both;
width:0px;
height:0px;
overflow:hidden;
}
.clear01 {
	clear:both;
}

/* clearfix */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
	overflow: hidden;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
/* clearfix end */

/*------------------------------ モーニングスターレーティングについて ------------------------------*/
body {
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0 0 0px;
	padding: 0px;
	width: 100%;
	color:#000;
	height:100%;
	min-height: 100%;
	position:relative;
	background:#fff;
}
/* 表示エフェクト */
#wrapper {
	/*display: none;*/
	height: 100%;
    min-height: 100%;
}
body > #wrapper {
    height: auto;
}	
#main_area{
	width:1024px;
	margin:0 auto;
	padding-bottom:20px;
}
#rating {
	width:964px;
	margin:0 auto;
	padding:0 30px 20px;
}
h1{
	font-size:36px;
	text-align:center;
	padding:20px 0;
	color:#333;
	margin:0 auto 20px;
	font-weight:bold;
}
h2 {
	font-size:25px;
	margin:30px auto 20px;
	font-weight:bold;
	border-left:7px #ff9900 solid;
	padding-left:10px;
}
h3 {
	font-weight:bold;
	font-size:1.1em;
	margin:20px 0 5px;	
}
h3 span {
	background:#ff9900;
	color:#fff;
	border-radius:50%;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	display: inline-block;
	margin-right:5px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}
.about {
	margin:30px 0 30px 110px;
	/*width:1024px;*/
}
.about img{
	width:130px;
	display: inline-block;
}
.about ul {
	display:inline-block;
	margin:0 ;
	line-height:1.5;
	padding:15px 0 0 70px;
	vertical-align: top;
}
.about ul li{
	font-size:1.5em;
	list-style:disc;
	font-weight:bold;
}
.box01 {
	border:1px solid #555;
	padding:10px;
	margin:30px 0 0 0;
}
.table_style01 {
	margin:15px 0 0 10px;
	font-size:1.1em;
}
.image_area {
	width:820px;
	margin:10px auto;
	background:#fff;
	padding:20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.image_area .image_tit {
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	font-size:1.2em;
}
.image_area img {
	margin:0 auto;
	text-align:center;
}
.disclaimer {
	position: fixed !important; 
	 position:absolute;
     bottom:0;
	 width:100%;
	 height:50px;
	 background:#777;
}
.disclaimer ul {
	padding:10px 0;
	width:1024px;
	margin:0 auto;
}
.disclaimer ul li {
	padding:5px 10px;
}
.disclaimer ul li a {
	text-decoration:none;
	color:#fff;
}
.disc {
	padding:15px;
}
.disc h2 {
	font-weight:bold;
}
.disc p {
	margin-bottom:15px;
}
.gotop {
	margin:10px auto 0px;
	padding-bottom:50px;
	text-align:center;
	font-size:18px;
}
.gotop a {
	text-decoration:none;
	background:url(../html/img/icon02.png) left no-repeat;
	padding-left:28px;
}
.copy{
	text-align:center;
	margin:50px 0 0;
	font-size:90%;
	height:50px;
	background:#777;
	color:#fff;
	line-height:50px;
}

/* ボタン 角丸 */
.btn_type01 a:link,
.btn_type01 a:visited,
.btn_type01 a:active {
color: #fff;
text-decoration: none;
}
.btn_type01 {
	margin:0 auto;
	padding:0;
}
.btn_type01 li {
	float:left;
	margin:0 20px 20px 0;
	/*background:url(../img/icon_link01.png) left no-repeat;*/
	/*list-style-image: url('../img/icon_link01.png') ;*/
}
.btn_type01 li span.num{
	background:#fff;
	color:#8cc2f0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin-right: 7px;
	border-radius:50%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
	font-size:80%;
}
/*.btn_type01 li:first-child{
	background: #ff8080;
}*/
.btn_type01 li a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:400px;
	height:80px;
	line-height:80px;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    padding:0 25px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	
    /*background: -moz-linear-gradient(top,#0c4d9d 0%,#3c89e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#0c4d9d), to(#3c89e8));*/
	border: 1px solid #DDD;
}
.btn_type01 li:nth-child(odd) a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:400px;
	height:80px;
	line-height:80px;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    padding:0 25px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	
    /*background: -moz-linear-gradient(top,#166cd6 0%,#75a9e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#166cd6), to(#75a9e8));*/
	border: 1px solid #DDD;
}

.btn_type02 {
	margin:70px 0 80px;
}
.btn_type02 ul{
	margin:0 auto;
	padding:0;
	width:490px;	
}
.btn_type02 li {
	margin:0 auto 30px;
	vertical-align: middle;
	/*background:url(../img/icon01.png) left no-repeat;*/
	/*list-style-image: url('../img/icon_link01.png') ;*/
}
/*.btn_type01 li:first-child{
	background: #ff8080;
}*/
.btn_type02 ul li a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:450px;
	height:90px;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    padding:0 25px;
	line-height:90px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	
    /*background: -moz-linear-gradient(top,#0c4d9d 0%,#3c89e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#0c4d9d), to(#3c89e8));*/
	border: 1px solid #DDD;
}

.btn_type02 li:nth-child(odd) a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:450px;
	height:90px;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
    text-align: center;
    padding:0 25px;
	line-height:90px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	
    /*background: -moz-linear-gradient(top,#166cd6 0%,#75a9e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#166cd6), to(#75a9e8));*/
	border: 1px solid #DDD;
}

.btn_type03 {
	margin:0 auto;
	padding:0;
}
.btn_type03 ul{
	width:1024px;
}
.btn_type03 li {
	float:left;
	margin:0 15px 15px 0;
	/*background:url(../img/icon_link01.png) left no-repeat;*/
	/*list-style-image: url('../img/icon_link01.png') ;*/
}
.btn_type03 li span.num{
	background:#fff;
	color:#8cc2f0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin-right: 7px;
	border-radius:50%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
	font-size:80%;
}
/*.btn_type01 li:first-child{
	background: #ff8080;
}*/
.btn_type03 li a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:190px;
	height:80px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    padding:10px 20px 10px 10px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	line-height:1.3;
	
    /*background: -moz-linear-gradient(top,#0c4d9d 0%,#3c89e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#0c4d9d), to(#3c89e8));*/
	border: 1px solid #DDD;
}
.btn_type03 li:nth-child(odd) a {
	background:url(../html/img/icon01.png)  center right no-repeat;
	width:190px;
	height:80px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-align:left;
    padding:10px 15px;
	display:block;
    color:#fff;
    background-color:#8cc2f0;
    border-radius:7px;
    box-shadow:2px 2px 2px #999;
	line-height:1.3;
	
    /*background: -moz-linear-gradient(top,#166cd6 0%,#75a9e8);
	background: -webkit-gradient(linear, left top, left bottom, from(#166cd6), to(#75a9e8));*/
	border: 1px solid #DDD;
}