@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5;	
	background: #fffff0;
	-webkit-text-size-adjust: none;
}
ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;}

ul {list-style-type:disc;}

ol {padding-left: 40px;padding-bottom: 15px;}

iframe {width: 100%;}


/*ヘッダー*/

header {
	text-align: center;
	font-size:1.2em;
	font-weight:bold;
}


/*フッター*/
footer {
	clear: both;
	text-align: center;
	padding: 10px 0px;
	color: #333333;	
}
footer a {
	text-decoration: none;
	border: none;
	color: #0059B2;
}


/*見出し*/
h1{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.4em;
	font-weight:bold;
	color:#FFF;
	background-color:#2160B9;
	border-width:2px;
	border-style:double;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	}


h2{
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-top:15px;
	background-color:#2160B9;
	border-width:thin;
	border-style:solid;
	border-radius: 5px;        /* CSS3草案 */  
 	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 	-moz-border-radius: 5px;   /* Firefox用 */  
	font-family: '游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo;
	}

h3	{
	font-size:1.2em;
	font-weight:bold;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	color:#0050A5;
	background-color:#A2CFFF;
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
 	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 	-moz-border-radius: 5px;   /* Firefox用 */  
	font-family: '游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo;
}

h4	{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin-top:1em;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	color:#036;
	border-top: double #2160B9;
	border-bottom: solid 1px #2160B9;
	font-family: '游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo;
	}

h5	{
	font-size:1em;
	font-weight:bold;
	margin-left:0px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	border-left-style:double;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:5px;
	font-family: '游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo;
	}

h6	{
	font-size:0.9em;
	font-weight:bold;
	margin-left:20px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:5px;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding: 0px;
	font-family:  '游ゴシック Medium',YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo;
	}


/*テキスト*/

p .jisage {
	padding: 0px 10px 0px 10px;
/*上、左右、下への余白*/
	text-indent: 1em;
	text-indent:	each-line;
}

.list {
	padding: 5px 10px 5px 20px;
/*上、左右、下への余白*/
	padding-left:2em;
}

ul {
margin-left:3em;
}
.centercopy {
	clear: both;
	font-size:1em;
	text-align:center;
	color: #191970;	
	text-shadow: 1px 1px rgba(0,0,0,0.8);
}

.scopy {
	clear: both;
	font-size:1.1em;
	font-weight:bold;
	padding-left:1em;
}

.snote {
	clear: both;
	font-size:0.8em;
}

.listcopy {
	clear: both;
	font-size:1.1em;
	font-weight:bold;
}

.listbody {
	clear: both;
	font-size:0.9em;
	padding-left:3em;
	padding-right:2em;
}


/*コンテナ*/

#container {
	width: 95%;
	max-width: 1000px;
	margin: 10px auto 0px;
	background: #fff;
	background: rgba(255,255,255,0.5);
	padding: 0px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	overflow: hidden;
}

/*テキスト枠*/

.basetext {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;	
	padding: 20px;
}

.headbox {
	clear: both;
	margin: 0;
	font-size:0.9em;
	text-align:center;
	color: #fff;
	padding: 5px 10px;	
	background: #696969;
}

.profbox {
	width: 95%;
	max-width: 900px;
	margin: 5px auto;	
	background: #f0f8ff;
	border-radius: 10px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	overflow: hidden;
}

.basebox {
	max-width: 900px;
	width: 95%;
	margin: 10px auto;	
	background: #FFFFFF;
	border-radius: 20px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	overflow: hidden;
}

.boxvoice {
	width: 90%;
	max-width: 900px;
	margin: 10px auto;	
	background: #FFFFCC;
	border-radius: 10px;
	padding: 0px;
}
	
.boxadv {
	width: 90%;
	max-width: 900px;
	margin: 10px auto;	
	background: #CCFFFF;
	border-radius: 10px;
	padding: 0px;
}

.transbox {
	width: 50%;
	max-width: 600px;
	margin: 10px auto;	
]

/*画像*/

img {
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.cimg	{
	margin:5px;
	text-align:center;
}

/*画像キャプション*/

.captxt {
	text-align:center;
	margin:0 auto;
	padding:5px;
	font-size:80%;
}

/*テーブル*/
table {
	margin-top: 15px;
	margin-bottom: 10px;
	border-collapse:collapse;
	font-size: 90%;
	border-spacing: 0;
}

td {
	padding:5px;
}

.bkcell	{
	color:white;
	background: #333333;
	font-weight:bold;
}

.blcell	{
	color:white;
	background: #4b0082;
	font-weight:bold;
}

.ivcell	{
	background: #fffff0;
	font-weight:bold;
}

.bgcell	{
	background: #ffc0cb;
	font-weight:bold;
}

.gb1 {
	background-color:#E6F0F0;
	}

.gb2 {
	background-color:#E6E6E6;
}

.gb3 {
	background-color:#FFC;
}	

.gbx1 {
	background-color:#003366;
	font-size:1.6em;
	font-weight:bold;
	color:#FFF;
	padding:10px;
}	

.gbx2 {
	background-color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}	

a.btn {
  display: inline-block;
  margin: 15px 15px 0;
  padding: .6em 1.1em;
  font-size: 20px;
  font-size: 1.2rem;
  font-weight:bold;
  text-decoration: none;
  outline: none;
  color: #FFFFBF;
  background-color: #FF4400;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  border: none;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
}
a.btn:hover, a.btn:focus {
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

a.btn-secondary {
  background:#FF8000;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
}
a.btn-secondary:hover {
  -webkit-box-shadow: 0 0 0 2px #D96D00, 0 0 0 4px #bebe99;
  box-shadow: 0 0 0 2px #FF8000, 0 0 0 4px #bebe99;
}

a.btn-sub {
  background: #EDAE10;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
}
a.btn-sub:hover {
  -webkit-box-shadow: 0 0 0 2px #FF8000, 0 0 0 4px #bebe99;
  box-shadow: 0 0 0 2px ##D9A300, 0 0 0 4px #bebe99;
} 
  

a.btn-cont {
  background: #00B0F0;
  color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #c8c8a9;
}
a.btn-cont:hover {
  -webkit-box-shadow: 0 0 0 2px #008EC0, 0 0 0 4px #008EC0;
  box-shadow: 0 0 0 2px ##00668A, 0 0 0 4px ##00668A;
} 
  

a.btn:active,
a.btn-sub:active,
a.btn-secondary:active {
  background: #4ecdc4;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
}

a.smallbtn {
  display: inline-block;
  margin: 5px 5px 0;
  padding: .4em .8em;
  font-size:0.9em;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  background-color: #8b0000;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  border: none;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
}

a.smallbtn:hover, a.smallbtn:focus {
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

a.smallbtn:active {
  background: #4ecdc4;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
}

a.small2btn {
  display: inline-block;
  margin: 5px 5px 0;
  padding: .4em .8em;
  font-size:0.9em;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  background-color: #dc143c;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  box-shadow: 0 0 0 -2px #cff09e, 0 0 0 -1px #fe4365;
  border: none;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
}

a.small2btn:hover, a.smallbtn:focus {
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}

a.small2btn:active {
  background: #4ecdc4;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
  box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
}


/*幅600px以下*/

@media only screen and (max-width: 600px){
body,p {
	font-size: 0.9em;
  }
html,h1,h2,h3,h4.h5,h6 {
	font-size: 1em;
}
.basetext, .headbox{
	font-size:1em;
  }
.basebox{
	font-size:0.9em;
  }
.profbox{
	font-size:0.8em;
  }
.boxvoice, .boxadv {
	font-size:0.8em;
  }
a.btn{
	font-size:0.8em;
  }
td {
	font-size:0.7em;
 }
/*画像の設定*/
.list figure img {
	width: 45%;
}
}