@charset "utf-8";

.tt1 {
	font-size:18px;
	font-weight:bold;
	color:#0000FF;
	margin:20px auto;
	text-align:center;
}

.tt2 {
	font-weight:bold;
	color:#0000FF;
	margin:10px auto;
}


ul.kjo {
    margin:5px 0px 5px 15px;
	padding:0px;
    list-style:none;
}

ul.kjo li {
    margin-left:20px;
    padding:0px;
	list-style-type:disc;
	list-style-image:url(../images/mk-maru.png);
}

/*テーブル
---------------------------------------------------------------------------*/
.ta1 {
	width: 70%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
	text-align: center;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	padding:10px 0px;
	text-align: center;
	background-color: #0066FF;	/*背景色*/
	color:#fff;
}


.ta2 {
	width: 100%;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1;
}
/*テーブル内の右側*/
.ta2 td{
	padding: 10px;
	text-align: center;
}
/*テーブル内の左側の見出し部分*/
.ta2 th{
	padding:10px 0px;
	text-align: center;
	background-color: #0066FF;	/*背景色*/
	color:#fff;
}

.cat {
	margin:10px auto;
	text-align:center;
}

.cat img {
	margin:5px;
}

.sipic1 {
	float:right;
}

.sipic1 img {
	margin:10px;
}

.sipic2 {
	float:left;
}

.sipic2 img {
	margin:10px;
}

.cvp {
	float:left;
	width:150px;
	height:250px;
	margin:10px;
	text-align:center;
}

.afp {
	float:left;
	width:210px;
	margin:10px;
	text-align:center;
}

.agp {
	float:left;
	width:150px;
	margin:10px;
	text-align:center;
}

.agp2 {
	margin:10px;
}

.agp2 img {
	float:left;
	margin-right:10px;
}

.hsp {
	float:left;
	width:210px;
	height:300px;
	margin:10px;
	text-align:left;
}

.hsp p {
	margin-left:2px;
}

/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){



}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

.sipic1 {
	float:none;
	clear: both;
}

.sipic1 img {
	width:90%;
	margin:10px;
}


.sipic2 {
	float:none;
	clear: both;
}

.sipic2 img {
	width:90%;
	margin:10px;
}


}