@charset "UTF-8";

/*共通*/
body{
	/*font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;*/
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
}
a:link { 
	color: black; 
	text-decoration: none; 
}
a:visited{
	color: #6e6b6b;
	text-decoration: none; 
}
 a:hover  {
	 color: #898282;
	 text-decoration: none; 
}
 a:active{
	color: #898282;
	text-decoration: none; 
}

#footer .footerInner {/*フッターの線*/
    margin: -1px auto 0;
    border-top: solid 1px #cccccc;
}

.copyright{
	font-size:90%;
}
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){	

#footer {
   /* position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;*/
	clear:both;
	padding-top:100px;
}
}

/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){

#mainmenu #footer{
	clear:both;
	padding-top:100px;
}
}


/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){	

#contents{
	width:880px;
	height: 400px;
	margin:0 auto;
	padding-top: 30px;
	clear:both;
}

#contents li {
    font-size: 150%;
    line-height: 2;
}
}

/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
#contents{
	width:95%;
	margin:0 auto;
	padding-top:10px;
}

#contents li {
    font-size: 125%;
    line-height: 1;
	padding-bottom: 23px;
	margin-left:-10px;
}

#otherskill #contents li {
	margin-left: 15%;
}
#mainmenu #footer{
	clear:both;
	padding-top:0px;
	
}
}







/*#footer .footerInner .footUtility{
	padding-left:20%;
}
#footer .footerInner .footUtility .utilityNav ul li {
    float: left;
    margin-right: 11px;
    padding-left: 11px;
    border-left: solid 1px #cccccc;
    line-height: 1.1;
	list-style-type: none;
}
	
.back_mainmmanu{
}*/
	
	
/*●メインメニューページ*/
#mainmenu h1{
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 260px;
    padding: 0 10px 0 50px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
}
.notes{
    font-size: 86%;
    line-height: 1.2;
}
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){	

.titlepc{
	width:400px;
    float:right;
}
.menu{
	float:left;
}

}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){

#mainmenu #contents{
	width:100%;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom:50px;
}
.titlepc{
	width:260px;
	margin:0 auto;
	text-align: center;
	
}
.menu{
	margin:0 auto;
	width:98%;
	padding-top: 20px;
}
#mainmenu .back_mainmmanu {
    text-align: right;
    padding-right: 120px;
    font-size: 120%;
	margin-top: 0px;
}
}

@media screen and (min-width:500px) and ( max-width:640px) {
.titlepc{
	width:300px;
	margin:0 auto;
	text-align: center;
	
}
}

/*●メインメニュー以外のページ　【▲メインメニューに戻る】*/
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){	
/*.back_mainmmanu {
    margin-right: 70%;
    margin-bottom: 50px;
    padding-left: 60%;
    font-size: 120%;
	position: fixed;
	bottom: 0;
    width: 100%;
    height: 100px;
}*/
.back_mainmmanu {
    text-align: right;
    padding-right: 120px;
    margin-top: 120px;
    font-size: 120%;
}
}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
.back_mainmmanu {
    text-align: right;
    padding-right: 0px;
    margin-top: 100px;
    font-size: 120%;
}


#otherskill .back_mainmmanu {
    margin-top: 280px;
}
#scenario .back_mainmmanu {
    margin-top: 150px;
}
}




/*● 一次救命処置（BLS）のスキルページ*/
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
#blsskill h1{
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 450px;
    padding: 0 60px 0 60px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
}
}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
#blsskill h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 260px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

@media screen and (min-width:500px) and ( max-width:640px) {
#blsskill h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 450px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}


/*● その他の蘇生スキルのスキルページ*/
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
#otherskill h1{
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 310px;
    padding: 0 10px 0 40px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
}
}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
#otherskill h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 200px;
    padding:5px 30px 5px 30px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

@media screen and (min-width:500px) and ( max-width:640px) {
#otherskill h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 360px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

/*● シナリオのページ*/
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
#scenario h1{
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 180px;
    padding: 0 10px 0 70px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
}
}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
#scenario h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 260px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

@media screen and (min-width:500px) and ( max-width:640px) {
#scenario h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 300px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

/*● 種々のAEDのページ*/
/*===============================================
横幅が641px以上
===============================================*/
@media screen and (min-width: 641px){
#aed h1{
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 220px;
    padding: 0 10px 0 60px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
}
}
/*===============================================
横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px){
#aed  h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 260px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}

@media screen and (min-width:500px) and ( max-width:640px) {
#aed  h1 {
	color: #FFF;
    /*border: #333 solid 2px;*/
    width: 300px;
    padding: 5px 20px 5px 5px;
	background-color: #000080;
    border-radius: 18px;
	/*font-size: 36px;*/
	font-weight: 100;
	text-align:center;
	line-height:1;
	margin:0 auto;
}
}